genesys-spark-components 3.3.0 → 3.3.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 (216) hide show
  1. package/CHANGELOG.md +2 -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 +1 -1
  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-chart-scatter-plot-beta.cjs.entry.js +1 -1
  22. package/dist/cjs/gux-command-palette-legacy.cjs.entry.js +1 -1
  23. package/dist/cjs/gux-content-search.cjs.entry.js +1 -1
  24. package/dist/cjs/gux-datepicker.cjs.entry.js +1 -1
  25. package/dist/cjs/gux-disclosure-button.cjs.entry.js +1 -1
  26. package/dist/cjs/gux-dismiss-button.cjs.entry.js +1 -1
  27. package/dist/cjs/gux-dropdown-legacy.cjs.entry.js +1 -1
  28. package/dist/cjs/gux-dropdown_3.cjs.entry.js +1 -1
  29. package/dist/cjs/gux-error-message-beta.cjs.entry.js +1 -1
  30. package/dist/cjs/gux-flyout-menu-beta.cjs.entry.js +1 -1
  31. package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +1 -1
  32. package/dist/cjs/gux-form-field-color.cjs.entry.js +1 -1
  33. package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +1 -1
  34. package/dist/cjs/gux-form-field-legacy.cjs.entry.js +1 -1
  35. package/dist/cjs/gux-form-field-number.cjs.entry.js +1 -1
  36. package/dist/cjs/gux-form-field-radio.cjs.entry.js +1 -1
  37. package/dist/cjs/gux-form-field-range.cjs.entry.js +1 -1
  38. package/dist/cjs/gux-form-field-search.cjs.entry.js +1 -1
  39. package/dist/cjs/gux-form-field-select.cjs.entry.js +1 -1
  40. package/dist/cjs/gux-form-field-text-like.cjs.entry.js +1 -1
  41. package/dist/cjs/gux-form-field-textarea.cjs.entry.js +1 -1
  42. package/dist/cjs/gux-icon.cjs.entry.js +1 -1
  43. package/dist/cjs/gux-list-item-legacy_2.cjs.entry.js +1 -1
  44. package/dist/cjs/gux-list.cjs.entry.js +1 -1
  45. package/dist/cjs/gux-modal.cjs.entry.js +1 -1
  46. package/dist/cjs/gux-notification-toast.cjs.entry.js +1 -1
  47. package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
  48. package/dist/cjs/gux-pagination-beta.cjs.entry.js +1 -1
  49. package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
  50. package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
  51. package/dist/cjs/gux-panel-frame-legacy.cjs.entry.js +1 -1
  52. package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
  53. package/dist/cjs/gux-popover.cjs.entry.js +1 -1
  54. package/dist/cjs/gux-radial-loading.cjs.entry.js +1 -1
  55. package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
  56. package/dist/cjs/gux-rating.cjs.entry.js +1 -1
  57. package/dist/cjs/gux-side-panel-legacy.cjs.entry.js +1 -1
  58. package/dist/cjs/gux-simple-toast.cjs.entry.js +1 -1
  59. package/dist/cjs/gux-switch.cjs.entry.js +1 -1
  60. package/dist/cjs/gux-table-beta.cjs.entry.js +1 -1
  61. package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
  62. package/dist/cjs/gux-tabs-legacy.cjs.entry.js +1 -1
  63. package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
  64. package/dist/cjs/gux-tag-beta.cjs.entry.js +1 -1
  65. package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
  66. package/dist/cjs/gux-text-label-legacy.cjs.entry.js +1 -1
  67. package/dist/cjs/gux-time-picker-beta.cjs.entry.js +1 -1
  68. package/dist/cjs/gux-toggle.cjs.entry.js +1 -1
  69. package/dist/cjs/gux-tooltip_2.cjs.entry.js +1 -1
  70. package/dist/cjs/gux-visualization-beta.cjs.entry.js +1 -1
  71. package/dist/cjs/{usage-tracking-53d21391.js → usage-tracking-c08b8c93.js} +1 -1
  72. package/dist/deploy-info.json +3 -3
  73. package/dist/esm/gux-accordion-legacy.entry.js +1 -1
  74. package/dist/esm/gux-accordion.entry.js +1 -1
  75. package/dist/esm/gux-action-button-legacy.entry.js +1 -1
  76. package/dist/esm/gux-action-button.entry.js +1 -1
  77. package/dist/esm/gux-action-list-legacy.entry.js +1 -1
  78. package/dist/esm/gux-action-toast.entry.js +1 -1
  79. package/dist/esm/gux-advanced-dropdown.entry.js +1 -1
  80. package/dist/esm/gux-badge-beta.entry.js +1 -1
  81. package/dist/esm/gux-breadcrumbs.entry.js +1 -1
  82. package/dist/esm/gux-button-multi-legacy.entry.js +1 -1
  83. package/dist/esm/gux-button-multi.entry.js +1 -1
  84. package/dist/esm/gux-button-slot-beta.entry.js +1 -1
  85. package/dist/esm/gux-button.entry.js +1 -1
  86. package/dist/esm/gux-calendar.entry.js +1 -1
  87. package/dist/esm/gux-card-beta.entry.js +1 -1
  88. package/dist/esm/gux-chart-column-beta.entry.js +1 -1
  89. package/dist/esm/gux-chart-donut-beta.entry.js +1 -1
  90. package/dist/esm/gux-chart-line-beta.entry.js +1 -1
  91. package/dist/esm/gux-chart-pie-beta.entry.js +1 -1
  92. package/dist/esm/gux-chart-scatter-plot-beta.entry.js +1 -1
  93. package/dist/esm/gux-command-palette-legacy.entry.js +1 -1
  94. package/dist/esm/gux-content-search.entry.js +1 -1
  95. package/dist/esm/gux-datepicker.entry.js +1 -1
  96. package/dist/esm/gux-disclosure-button.entry.js +1 -1
  97. package/dist/esm/gux-dismiss-button.entry.js +1 -1
  98. package/dist/esm/gux-dropdown-legacy.entry.js +1 -1
  99. package/dist/esm/gux-dropdown_3.entry.js +1 -1
  100. package/dist/esm/gux-error-message-beta.entry.js +1 -1
  101. package/dist/esm/gux-flyout-menu-beta.entry.js +1 -1
  102. package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
  103. package/dist/esm/gux-form-field-color.entry.js +1 -1
  104. package/dist/esm/gux-form-field-input-clear-button.entry.js +1 -1
  105. package/dist/esm/gux-form-field-legacy.entry.js +1 -1
  106. package/dist/esm/gux-form-field-number.entry.js +1 -1
  107. package/dist/esm/gux-form-field-radio.entry.js +1 -1
  108. package/dist/esm/gux-form-field-range.entry.js +1 -1
  109. package/dist/esm/gux-form-field-search.entry.js +1 -1
  110. package/dist/esm/gux-form-field-select.entry.js +1 -1
  111. package/dist/esm/gux-form-field-text-like.entry.js +1 -1
  112. package/dist/esm/gux-form-field-textarea.entry.js +1 -1
  113. package/dist/esm/gux-icon.entry.js +1 -1
  114. package/dist/esm/gux-list-item-legacy_2.entry.js +1 -1
  115. package/dist/esm/gux-list.entry.js +1 -1
  116. package/dist/esm/gux-modal.entry.js +1 -1
  117. package/dist/esm/gux-notification-toast.entry.js +1 -1
  118. package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
  119. package/dist/esm/gux-pagination-beta.entry.js +1 -1
  120. package/dist/esm/gux-pagination-cursor.entry.js +1 -1
  121. package/dist/esm/gux-pagination.entry.js +1 -1
  122. package/dist/esm/gux-panel-frame-legacy.entry.js +1 -1
  123. package/dist/esm/gux-popover-list.entry.js +1 -1
  124. package/dist/esm/gux-popover.entry.js +1 -1
  125. package/dist/esm/gux-radial-loading.entry.js +1 -1
  126. package/dist/esm/gux-radial-progress.entry.js +1 -1
  127. package/dist/esm/gux-rating.entry.js +1 -1
  128. package/dist/esm/gux-side-panel-legacy.entry.js +1 -1
  129. package/dist/esm/gux-simple-toast.entry.js +1 -1
  130. package/dist/esm/gux-switch.entry.js +1 -1
  131. package/dist/esm/gux-table-beta.entry.js +1 -1
  132. package/dist/esm/gux-tabs-advanced.entry.js +1 -1
  133. package/dist/esm/gux-tabs-legacy.entry.js +1 -1
  134. package/dist/esm/gux-tabs.entry.js +1 -1
  135. package/dist/esm/gux-tag-beta.entry.js +1 -1
  136. package/dist/esm/gux-text-highlight.entry.js +1 -1
  137. package/dist/esm/gux-text-label-legacy.entry.js +1 -1
  138. package/dist/esm/gux-time-picker-beta.entry.js +1 -1
  139. package/dist/esm/gux-toggle.entry.js +1 -1
  140. package/dist/esm/gux-tooltip_2.entry.js +1 -1
  141. package/dist/esm/gux-visualization-beta.entry.js +1 -1
  142. package/dist/esm/{usage-tracking-51697c05.js → usage-tracking-5b27676e.js} +1 -1
  143. package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
  144. package/dist/genesys-webcomponents/{p-3753e5bf.entry.js → p-00061ef5.entry.js} +1 -1
  145. package/dist/genesys-webcomponents/{p-612d3b4c.entry.js → p-01e8bb8b.entry.js} +1 -1
  146. package/dist/genesys-webcomponents/{p-4cb5c8d4.entry.js → p-042ea81b.entry.js} +1 -1
  147. package/dist/genesys-webcomponents/{p-80c489ef.entry.js → p-06c90267.entry.js} +1 -1
  148. package/dist/genesys-webcomponents/{p-8e0974b7.entry.js → p-109a4dcd.entry.js} +1 -1
  149. package/dist/genesys-webcomponents/{p-8ad470a9.entry.js → p-17aa8836.entry.js} +1 -1
  150. package/dist/genesys-webcomponents/{p-541f1383.entry.js → p-1d0ce251.entry.js} +1 -1
  151. package/dist/genesys-webcomponents/{p-b5762726.entry.js → p-1d92e71b.entry.js} +1 -1
  152. package/dist/genesys-webcomponents/{p-47b43bb0.entry.js → p-215a00f5.entry.js} +1 -1
  153. package/dist/genesys-webcomponents/{p-6d9ba55a.entry.js → p-23f9df2d.entry.js} +1 -1
  154. package/dist/genesys-webcomponents/{p-13a7eb59.entry.js → p-29535a7f.entry.js} +1 -1
  155. package/dist/genesys-webcomponents/{p-3160cd26.entry.js → p-2a7779e5.entry.js} +1 -1
  156. package/dist/genesys-webcomponents/p-2ded0069.entry.js +1 -0
  157. package/dist/genesys-webcomponents/{p-3aa02e38.entry.js → p-2fc188b2.entry.js} +1 -1
  158. package/dist/genesys-webcomponents/{p-0657bb17.entry.js → p-33b5eeac.entry.js} +1 -1
  159. package/dist/genesys-webcomponents/{p-93cf1b7e.entry.js → p-3c729ca9.entry.js} +1 -1
  160. package/dist/genesys-webcomponents/{p-faa78d1f.entry.js → p-3ca1d844.entry.js} +1 -1
  161. package/dist/genesys-webcomponents/{p-42d912d4.entry.js → p-4469ab71.entry.js} +1 -1
  162. package/dist/genesys-webcomponents/{p-ef83b43e.entry.js → p-44c67fae.entry.js} +1 -1
  163. package/dist/genesys-webcomponents/{p-67d2bac0.entry.js → p-4b1d9b18.entry.js} +1 -1
  164. package/dist/genesys-webcomponents/{p-15964b3a.entry.js → p-4c176aaa.entry.js} +1 -1
  165. package/dist/genesys-webcomponents/{p-0769a6d9.entry.js → p-4fc18cd7.entry.js} +1 -1
  166. package/dist/genesys-webcomponents/{p-c3524a32.entry.js → p-50b1124d.entry.js} +1 -1
  167. package/dist/genesys-webcomponents/{p-65de98a6.entry.js → p-538f687e.entry.js} +1 -1
  168. package/dist/genesys-webcomponents/{p-9ea979d4.entry.js → p-54ef5854.entry.js} +1 -1
  169. package/dist/genesys-webcomponents/{p-f9f89217.entry.js → p-5873abaa.entry.js} +1 -1
  170. package/dist/genesys-webcomponents/{p-1312bc4b.entry.js → p-5965b7dd.entry.js} +1 -1
  171. package/dist/genesys-webcomponents/{p-fe70aa84.entry.js → p-5a8bc686.entry.js} +1 -1
  172. package/dist/genesys-webcomponents/{p-5e3c1579.entry.js → p-5ab45300.entry.js} +1 -1
  173. package/dist/genesys-webcomponents/{p-aa078b1d.entry.js → p-5e34a377.entry.js} +1 -1
  174. package/dist/genesys-webcomponents/{p-f7f7374c.entry.js → p-606912f0.entry.js} +1 -1
  175. package/dist/genesys-webcomponents/{p-ce0c292e.entry.js → p-6161fb6b.entry.js} +1 -1
  176. package/dist/genesys-webcomponents/{p-12d27bc7.entry.js → p-641d81c3.entry.js} +1 -1
  177. package/dist/genesys-webcomponents/{p-e17d08a7.entry.js → p-6a14cb5a.entry.js} +1 -1
  178. package/dist/genesys-webcomponents/{p-5d2b22a6.entry.js → p-6a9e83f1.entry.js} +1 -1
  179. package/dist/genesys-webcomponents/{p-b9911d1a.entry.js → p-6b9d880b.entry.js} +1 -1
  180. package/dist/genesys-webcomponents/{p-4d83e96e.entry.js → p-6ea72e49.entry.js} +1 -1
  181. package/dist/genesys-webcomponents/{p-4b9a1290.entry.js → p-786e0bb7.entry.js} +1 -1
  182. package/dist/genesys-webcomponents/{p-62046104.entry.js → p-7b1fe670.entry.js} +1 -1
  183. package/dist/genesys-webcomponents/{p-5535d4ed.entry.js → p-7cb2bd65.entry.js} +1 -1
  184. package/dist/genesys-webcomponents/{p-bde629e7.entry.js → p-820ebbc3.entry.js} +1 -1
  185. package/dist/genesys-webcomponents/{p-f0ae8bb8.entry.js → p-84f0007e.entry.js} +1 -1
  186. package/dist/genesys-webcomponents/{p-23b66369.entry.js → p-850d8c38.entry.js} +1 -1
  187. package/dist/genesys-webcomponents/{p-1c57ad87.entry.js → p-8b69c3b0.entry.js} +1 -1
  188. package/dist/genesys-webcomponents/{p-d9bcb92f.entry.js → p-91148976.entry.js} +1 -1
  189. package/dist/genesys-webcomponents/{p-edb68d93.entry.js → p-96093683.entry.js} +1 -1
  190. package/dist/genesys-webcomponents/{p-1cd8af37.entry.js → p-9e1873f3.entry.js} +1 -1
  191. package/dist/genesys-webcomponents/{p-51919256.entry.js → p-a2f068cc.entry.js} +1 -1
  192. package/dist/genesys-webcomponents/{p-7b4c2f8b.entry.js → p-a611b1dc.entry.js} +1 -1
  193. package/dist/genesys-webcomponents/{p-d748b223.entry.js → p-aa7bffbe.entry.js} +1 -1
  194. package/dist/genesys-webcomponents/{p-4a191fdf.entry.js → p-abb24a99.entry.js} +1 -1
  195. package/dist/genesys-webcomponents/{p-4b3e2f4d.entry.js → p-c0ead48f.entry.js} +1 -1
  196. package/dist/genesys-webcomponents/{p-1bba8576.js → p-c0fe1fe7.js} +1 -1
  197. package/dist/genesys-webcomponents/{p-ed20a20e.entry.js → p-c85b91cc.entry.js} +1 -1
  198. package/dist/genesys-webcomponents/{p-0e778f56.entry.js → p-cbd959a8.entry.js} +1 -1
  199. package/dist/genesys-webcomponents/{p-f992d937.entry.js → p-cd39c76f.entry.js} +1 -1
  200. package/dist/genesys-webcomponents/{p-22d6e306.entry.js → p-cdde04dd.entry.js} +1 -1
  201. package/dist/genesys-webcomponents/{p-be911be7.entry.js → p-d2f818bd.entry.js} +1 -1
  202. package/dist/genesys-webcomponents/{p-5f7759a8.entry.js → p-d3651e84.entry.js} +1 -1
  203. package/dist/genesys-webcomponents/{p-ee19896a.entry.js → p-d3f977c0.entry.js} +1 -1
  204. package/dist/genesys-webcomponents/{p-5f9dc418.entry.js → p-dbc6db91.entry.js} +1 -1
  205. package/dist/genesys-webcomponents/{p-30095062.entry.js → p-dd806ffa.entry.js} +1 -1
  206. package/dist/genesys-webcomponents/{p-bb12b2dc.entry.js → p-dee54219.entry.js} +1 -1
  207. package/dist/genesys-webcomponents/{p-608ee12d.entry.js → p-e06f89f3.entry.js} +1 -1
  208. package/dist/genesys-webcomponents/{p-ba4e06bc.entry.js → p-e44794d5.entry.js} +1 -1
  209. package/dist/genesys-webcomponents/{p-badab913.entry.js → p-e69eecf5.entry.js} +1 -1
  210. package/dist/genesys-webcomponents/{p-40b404e4.entry.js → p-e82c31f8.entry.js} +1 -1
  211. package/dist/genesys-webcomponents/{p-d9cbc341.entry.js → p-f28fd9da.entry.js} +1 -1
  212. package/dist/genesys-webcomponents/{p-f6242c65.entry.js → p-f2f1f9c7.entry.js} +1 -1
  213. package/dist/genesys-webcomponents/{p-604b978b.entry.js → p-f3854894.entry.js} +1 -1
  214. package/dist/stencil-wrapper.js +1 -1
  215. package/package.json +1 -1
  216. package/dist/genesys-webcomponents/p-22f6880d.entry.js +0 -1
@@ -1 +1 @@
1
- import{r as e,h as t,g as r}from"./p-a085b143.js";import{O as i}from"./p-4b7056b2.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-1bba8576.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-a085b143.js";import{O as i}from"./p-4b7056b2.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-c0fe1fe7.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 t,c as i,h as s,g as h}from"./p-a085b143.js";import{O as e}from"./p-5ca81424.js";import{t as r}from"./p-1bba8576.js";import{b as o}from"./p-2548bdad.js";import"./p-8a133b9b.js";function a(t){return new Date("1978-09-23T"+t.trim()+"Z")}const n={defaultAriaLabel:"Time Picker"};const c=class{constructor(s){t(this,s),this.changed=i(this,"changed",7),this.value="",this.interval=15,this.max="23:59:59",this.min="00:00:00",this.label="",this.active=!1,this.openDropdown=!1,this.suggestion="00",this.isPressEvent=!1}watchValue(t){this.changed.emit(t)}getShadowDomEventTarget(t){return t.composedPath()[0]}onKeyDown(t){if(this.focusedField=this.getShadowDomEventTarget(t),this.focusedField===this.inputElement)switch(t.key){case"Enter":this.updateChosenValue(),this.inputElement.focus();break;case"Backspace":t.preventDefault(),this.handleBackspace();break;case"Tab":this.updateChosenValue();break;case"ArrowDown":t.preventDefault(),this.listElement&&this.listElement.guxFocusFirstItem();break;case"ArrowUp":case"ArrowRight":case"ArrowLeft":t.preventDefault();break;default:if(t.preventDefault(),"0"<=t.key&&t.key<="9"&&(this.openDropdown=!0,this.focusedField.value.length<8)){let i=this.focusedField.value+String(parseInt(t.key,10));const s=i.split(":");if(i.length>6&&Number(s[2].padEnd(2,"0"))>59)return;if(!this.canBeCompletedToAValidTime(i))return;2===s[s.length-1].length&&i.length<8&&(i+=":"),this.focusedField.value=i,this.suggestion=s[0].padEnd(2,"0")}}else switch(t.key){case"Escape":this.updateChosenValue(),this.inputElement.focus()}}canBeCompletedToAValidTime(t){const i=a(t+this.max.slice(t.length)),s=a(t+this.min.slice(t.length));return this.minTimeObj<=i&&i<=this.maxTimeObj||this.minTimeObj<=s&&s<=this.maxTimeObj}handleBackspace(){if(this.openDropdown=!0,this.focusedField.selectionStart===this.focusedField.selectionEnd){const t=this.focusedField.value.endsWith(":")?-2:-1;this.focusedField.value=this.focusedField.value.slice(0,t),this.suggestion=this.focusedField.value.split(":")[0].padEnd(2,"0")}else this.focusedField.value=""}onListItemClick(t){this.inputElement.value=t,this.updateChosenValue(),this.inputElement.focus()}onClickOutside(){this.updateChosenValue()}updateChosenValue(){this.inputElement.value=this.validateValue(this.inputElement.value),this.value=this.inputElement.value,this.active=!1,this.openDropdown=!1}onMouseUp(t){this.focusedField=this.getShadowDomEventTarget(t),this.focusedField===this.inputElement&&this.inputElement.setSelectionRange(this.focusedField.selectionEnd!==this.inputElement.value.length?0:this.inputElement.value.length,this.inputElement.value.length)}onFocusIn(t){this.focusedField=this.getShadowDomEventTarget(t),this.active=!0}isValidTime(t){const i=t.split(":"),s="23:59:59".split(":");for(let t=0;t<i.length;t++)if(Number(i[t])>Number(s[t]))return!1;return!0}validateUpperBound(){this.max=this.isInFormat(this.max)?this.max:"23:59:59",this.max=this.isValidTime(this.max)?this.max:"23:59:59"}validateLowerBound(){this.min=this.isInFormat(this.min)?this.min:"00:00:00",this.min=this.isValidTime(this.min)?this.min:"00:00:00"}validateBounds(){this.validateUpperBound(),this.validateLowerBound(),this.maxTimeObj=a(this.max),this.minTimeObj=a(this.min),this.maxTimeObj<this.minTimeObj&&(this.max="23:59:59",this.min="00:00:00",this.maxTimeObj=a(this.max),this.minTimeObj=a(this.min))}validateValue(t){let i=this.isInFormat(t)?t:"";if(i=""!==i&&this.isValidTime(i)?i:"",i){const t=a(i);i=this.minTimeObj<=t&&t<=this.maxTimeObj?i:""}return i}async componentWillLoad(){r(this.root),this.i18n=await o(this.root,n),this.validateBounds(),this.value=this.validateValue(this.value)}isInFormat(t){return/^\d{2}:\d{2}:\d{2}$/.test(t)}render(){return s("div",null,s("div",{class:"gux-input"},s("input",{type:"text",value:this.value,size:9,"aria-label":this.label||this.i18n("defaultAriaLabel"),ref:t=>this.inputElement=t})),!0===this.openDropdown&&s("div",{class:"gux-list-container"},s("gux-list",{ref:t=>this.listElement=t},this.buildDropdownOptions().map((t=>s("gux-list-item",{onClick:()=>this.onListItemClick(t)},t))))))}buildDropdownOptions(){const t=[];for(let i=0;i<60;i+=this.interval){const s=[this.suggestion.toString().padStart(2,"0"),i.toString().padStart(2,"0"),"00"].join(":"),h=a(s);this.minTimeObj<=h&&h<=this.maxTimeObj&&t.push(s)}return t}get root(){return h(this)}static get watchers(){return{value:["watchValue"]}}};(function(t,i,s,h){var e,r=arguments.length,o=r<3?i:null===h?h=Object.getOwnPropertyDescriptor(i,s):h;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,i,s,h);else for(var a=t.length-1;a>=0;a--)(e=t[a])&&(o=(r<3?e(o):r>3?e(i,s,o):e(i,s))||o);r>3&&o&&Object.defineProperty(i,s,o)})([e({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null),c.style=":host{display:inline-block}input{box-sizing:border-box;width:100%;height:32px;padding:4px 12px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#fdfdfd;background-image:none;border:1px solid #6b7585;border-radius:2px;text-align:right}input::placeholder{color:#596373}input.gux-focused,input:focus{border:1px solid #2a60c8;outline:none;box-shadow:0 0 4px rgba(170, 201, 255, 0.5)}.gux-list-container{padding:8px 0;margin:0;list-style:none;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{c as gux_time_picker_beta}
1
+ import{r as t,c as i,h as s,g as h}from"./p-a085b143.js";import{O as e}from"./p-5ca81424.js";import{t as r}from"./p-c0fe1fe7.js";import{b as o}from"./p-2548bdad.js";import"./p-8a133b9b.js";function a(t){return new Date("1978-09-23T"+t.trim()+"Z")}const n={defaultAriaLabel:"Time Picker"};const c=class{constructor(s){t(this,s),this.changed=i(this,"changed",7),this.value="",this.interval=15,this.max="23:59:59",this.min="00:00:00",this.label="",this.active=!1,this.openDropdown=!1,this.suggestion="00",this.isPressEvent=!1}watchValue(t){this.changed.emit(t)}getShadowDomEventTarget(t){return t.composedPath()[0]}onKeyDown(t){if(this.focusedField=this.getShadowDomEventTarget(t),this.focusedField===this.inputElement)switch(t.key){case"Enter":this.updateChosenValue(),this.inputElement.focus();break;case"Backspace":t.preventDefault(),this.handleBackspace();break;case"Tab":this.updateChosenValue();break;case"ArrowDown":t.preventDefault(),this.listElement&&this.listElement.guxFocusFirstItem();break;case"ArrowUp":case"ArrowRight":case"ArrowLeft":t.preventDefault();break;default:if(t.preventDefault(),"0"<=t.key&&t.key<="9"&&(this.openDropdown=!0,this.focusedField.value.length<8)){let i=this.focusedField.value+String(parseInt(t.key,10));const s=i.split(":");if(i.length>6&&Number(s[2].padEnd(2,"0"))>59)return;if(!this.canBeCompletedToAValidTime(i))return;2===s[s.length-1].length&&i.length<8&&(i+=":"),this.focusedField.value=i,this.suggestion=s[0].padEnd(2,"0")}}else switch(t.key){case"Escape":this.updateChosenValue(),this.inputElement.focus()}}canBeCompletedToAValidTime(t){const i=a(t+this.max.slice(t.length)),s=a(t+this.min.slice(t.length));return this.minTimeObj<=i&&i<=this.maxTimeObj||this.minTimeObj<=s&&s<=this.maxTimeObj}handleBackspace(){if(this.openDropdown=!0,this.focusedField.selectionStart===this.focusedField.selectionEnd){const t=this.focusedField.value.endsWith(":")?-2:-1;this.focusedField.value=this.focusedField.value.slice(0,t),this.suggestion=this.focusedField.value.split(":")[0].padEnd(2,"0")}else this.focusedField.value=""}onListItemClick(t){this.inputElement.value=t,this.updateChosenValue(),this.inputElement.focus()}onClickOutside(){this.updateChosenValue()}updateChosenValue(){this.inputElement.value=this.validateValue(this.inputElement.value),this.value=this.inputElement.value,this.active=!1,this.openDropdown=!1}onMouseUp(t){this.focusedField=this.getShadowDomEventTarget(t),this.focusedField===this.inputElement&&this.inputElement.setSelectionRange(this.focusedField.selectionEnd!==this.inputElement.value.length?0:this.inputElement.value.length,this.inputElement.value.length)}onFocusIn(t){this.focusedField=this.getShadowDomEventTarget(t),this.active=!0}isValidTime(t){const i=t.split(":"),s="23:59:59".split(":");for(let t=0;t<i.length;t++)if(Number(i[t])>Number(s[t]))return!1;return!0}validateUpperBound(){this.max=this.isInFormat(this.max)?this.max:"23:59:59",this.max=this.isValidTime(this.max)?this.max:"23:59:59"}validateLowerBound(){this.min=this.isInFormat(this.min)?this.min:"00:00:00",this.min=this.isValidTime(this.min)?this.min:"00:00:00"}validateBounds(){this.validateUpperBound(),this.validateLowerBound(),this.maxTimeObj=a(this.max),this.minTimeObj=a(this.min),this.maxTimeObj<this.minTimeObj&&(this.max="23:59:59",this.min="00:00:00",this.maxTimeObj=a(this.max),this.minTimeObj=a(this.min))}validateValue(t){let i=this.isInFormat(t)?t:"";if(i=""!==i&&this.isValidTime(i)?i:"",i){const t=a(i);i=this.minTimeObj<=t&&t<=this.maxTimeObj?i:""}return i}async componentWillLoad(){r(this.root),this.i18n=await o(this.root,n),this.validateBounds(),this.value=this.validateValue(this.value)}isInFormat(t){return/^\d{2}:\d{2}:\d{2}$/.test(t)}render(){return s("div",null,s("div",{class:"gux-input"},s("input",{type:"text",value:this.value,size:9,"aria-label":this.label||this.i18n("defaultAriaLabel"),ref:t=>this.inputElement=t})),!0===this.openDropdown&&s("div",{class:"gux-list-container"},s("gux-list",{ref:t=>this.listElement=t},this.buildDropdownOptions().map((t=>s("gux-list-item",{onClick:()=>this.onListItemClick(t)},t))))))}buildDropdownOptions(){const t=[];for(let i=0;i<60;i+=this.interval){const s=[this.suggestion.toString().padStart(2,"0"),i.toString().padStart(2,"0"),"00"].join(":"),h=a(s);this.minTimeObj<=h&&h<=this.maxTimeObj&&t.push(s)}return t}get root(){return h(this)}static get watchers(){return{value:["watchValue"]}}};(function(t,i,s,h){var e,r=arguments.length,o=r<3?i:null===h?h=Object.getOwnPropertyDescriptor(i,s):h;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,i,s,h);else for(var a=t.length-1;a>=0;a--)(e=t[a])&&(o=(r<3?e(o):r>3?e(i,s,o):e(i,s))||o);r>3&&o&&Object.defineProperty(i,s,o)})([e({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null),c.style=":host{display:inline-block}input{box-sizing:border-box;width:100%;height:32px;padding:4px 12px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#fdfdfd;background-image:none;border:1px solid #6b7585;border-radius:2px;text-align:right}input::placeholder{color:#596373}input.gux-focused,input:focus{border:1px solid #2a60c8;outline:none;box-shadow:0 0 4px rgba(170, 201, 255, 0.5)}.gux-list-container{padding:8px 0;margin:0;list-style:none;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{c as gux_time_picker_beta}
@@ -1 +1 @@
1
- import{r as t,h as i,H as e,g as n}from"./p-a085b143.js";import{O as r}from"./p-4b7056b2.js";import{o,a}from"./p-e2bea786.js";import{p as s}from"./p-c10e41a9.js";import{t as g}from"./p-1bba8576.js";import{a as p,G as u}from"./p-afb54d23.js";import{h as l,G as x,v as h,g as d}from"./p-08b07a2b.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const c=class{constructor(i){t(this,i),this.computedLabelPosition="above",this.hasError=!1}onInput(t){this.updateValue(t.target.value)}onMousedown(){this.disabled||(this.active=!0)}onMouseup(){this.active=!1}onMutation(){this.hasError=l(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=l(this.root),g(this.root,{variant:this.variant})}componentDidLoad(){this.updatePosition()}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect(),clearInterval(this.valueWatcherId)}render(){return i(e,{class:{"gux-active":this.active}},i(p,{labelPosition:this.computedLabelPosition},i(u,{position:this.computedLabelPosition,required:this.required},i("slot",{name:"label",onSlotchange:()=>this.setLabel()})),i("div",{class:"gux-input-and-error-container"},this.renderRangeInput(),i(x,{hasError:this.hasError},i("slot",{name:"error"})))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=this.root.querySelector('input[type="range"][slot="input"]'),s(this.input),this.disabled=this.input.disabled,this.required=this.input.required,this.value=this.input.value,this.disabledObserver=o(this.input,(t=>{this.disabled=t})),this.requiredObserver=a(this.input,(t=>{this.required=t})),clearInterval(this.valueWatcherId),this.valueWatcherId=setInterval((()=>{this.value!==this.input.value&&this.updateValue(this.input.value)}),100),h(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=d(this.label,this.labelPosition)}renderRangeInput(){return i("div",{class:{"gux-range-input-container":!0,"gux-disabled":this.disabled}},i("div",{class:"gux-range"},i("div",{class:"gux-track"},i("div",{class:"gux-progress",ref:t=>this.progressElement=t})),i("slot",{name:"input"}),i("div",{class:{"gux-range-tooltip-container":!0,"gux-hidden":!this.valueInTooltip},ref:t=>this.sliderTooltipContainer=t},i("div",{class:"gux-range-tooltip",ref:t=>this.sliderTooltip=t},this.getDisplayValue()))),i("div",{class:{"gux-display":!0,"gux-hidden":this.valueInTooltip}},this.getDisplayValue()))}updateValue(t){this.value=t,this.updatePosition()}updatePosition(){const t=Number(this.input.value||0),i=Number(this.input.min||0),e=(t-i)/(Number(this.input.max||100)-i)*100;this.sliderTooltip&&(this.sliderTooltip.style.left=e-e/8/this.sliderTooltipContainer.offsetWidth*100+"%"),this.progressElement.style.width=`${e}%`}getDisplayValue(){return this.displayUnits?`${this.value}${this.displayUnits}`:this.value}get root(){return n(this)}};(function(t,i,e,n){var r,o=arguments.length,a=o<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,e):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,e,n);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(o<3?r(a):o>3?r(i,e,a):r(i,e))||a);o>3&&a&&Object.defineProperty(i,e,a)})([r({childList:!0,subtree:!0})],c.prototype,"onMutation",null),c.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[type='range']){position:absolute;width:100%;height:2px;margin:6px 0;margin-top:calc(-1 * (12px / 2 + 2px));background:transparent;-webkit-appearance:none}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-range-input-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;height:32px;font-size:12px}.gux-input-and-error-container .gux-range-input-container.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-range-input-container .gux-range{position:relative;flex:1 1 auto;align-self:center;order:0}.gux-input-and-error-container .gux-range-input-container .gux-range:hover .gux-range-tooltip,.gux-input-and-error-container .gux-range-input-container .gux-range:focus-within .gux-range-tooltip{visibility:visible}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track .gux-progress{height:2px;background-color:#2a60c8}.gux-input-and-error-container .gux-range-input-container .gux-display{flex:0 1 auto;align-self:auto;order:0;height:32px;margin:0 0 0 16px;line-height:32px;text-align:right}.gux-input-and-error-container .gux-range-input-container .gux-display.gux-hidden{display:none}.gux-input-and-error-container .gux-range-tooltip-container{position:absolute;top:-50px;width:100%;height:32px;pointer-events:none}.gux-input-and-error-container .gux-range-tooltip-container.gux-hidden{display:none}.gux-input-and-error-container .gux-range-tooltip-container .gux-range-tooltip{font-family:Roboto, sans-serif;font-weight:400;font-size:11px;line-height:16px;position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;width:50px;height:32px;margin-left:-20px;visibility:hidden;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-input-and-error-container .gux-range-tooltip-container .gux-range-tooltip::after,.gux-input-and-error-container .gux-range-tooltip-container .gux-range-tooltip::before{position:absolute;top:100%;left:50%;width:0;height:0;pointer-events:none;content:' ';border:solid transparent}.gux-input-and-error-container .gux-range-tooltip-container .gux-range-tooltip::after{margin-left:-4px;border-width:4px;border-top-color:#fdfdfd}.gux-input-and-error-container .gux-range-tooltip-container .gux-range-tooltip::before{margin-left:-6px;border-width:6px;border-top-color:#b4bccb}";export{c as gux_form_field_range}
1
+ import{r as t,h as i,H as e,g as n}from"./p-a085b143.js";import{O as r}from"./p-4b7056b2.js";import{o,a}from"./p-e2bea786.js";import{p as s}from"./p-c10e41a9.js";import{t as g}from"./p-c0fe1fe7.js";import{a as p,G as u}from"./p-afb54d23.js";import{h as l,G as x,v as h,g as d}from"./p-08b07a2b.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const c=class{constructor(i){t(this,i),this.computedLabelPosition="above",this.hasError=!1}onInput(t){this.updateValue(t.target.value)}onMousedown(){this.disabled||(this.active=!0)}onMouseup(){this.active=!1}onMutation(){this.hasError=l(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=l(this.root),g(this.root,{variant:this.variant})}componentDidLoad(){this.updatePosition()}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect(),clearInterval(this.valueWatcherId)}render(){return i(e,{class:{"gux-active":this.active}},i(p,{labelPosition:this.computedLabelPosition},i(u,{position:this.computedLabelPosition,required:this.required},i("slot",{name:"label",onSlotchange:()=>this.setLabel()})),i("div",{class:"gux-input-and-error-container"},this.renderRangeInput(),i(x,{hasError:this.hasError},i("slot",{name:"error"})))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=this.root.querySelector('input[type="range"][slot="input"]'),s(this.input),this.disabled=this.input.disabled,this.required=this.input.required,this.value=this.input.value,this.disabledObserver=o(this.input,(t=>{this.disabled=t})),this.requiredObserver=a(this.input,(t=>{this.required=t})),clearInterval(this.valueWatcherId),this.valueWatcherId=setInterval((()=>{this.value!==this.input.value&&this.updateValue(this.input.value)}),100),h(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=d(this.label,this.labelPosition)}renderRangeInput(){return i("div",{class:{"gux-range-input-container":!0,"gux-disabled":this.disabled}},i("div",{class:"gux-range"},i("div",{class:"gux-track"},i("div",{class:"gux-progress",ref:t=>this.progressElement=t})),i("slot",{name:"input"}),i("div",{class:{"gux-range-tooltip-container":!0,"gux-hidden":!this.valueInTooltip},ref:t=>this.sliderTooltipContainer=t},i("div",{class:"gux-range-tooltip",ref:t=>this.sliderTooltip=t},this.getDisplayValue()))),i("div",{class:{"gux-display":!0,"gux-hidden":this.valueInTooltip}},this.getDisplayValue()))}updateValue(t){this.value=t,this.updatePosition()}updatePosition(){const t=Number(this.input.value||0),i=Number(this.input.min||0),e=(t-i)/(Number(this.input.max||100)-i)*100;this.sliderTooltip&&(this.sliderTooltip.style.left=e-e/8/this.sliderTooltipContainer.offsetWidth*100+"%"),this.progressElement.style.width=`${e}%`}getDisplayValue(){return this.displayUnits?`${this.value}${this.displayUnits}`:this.value}get root(){return n(this)}};(function(t,i,e,n){var r,o=arguments.length,a=o<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,e):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,e,n);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(o<3?r(a):o>3?r(i,e,a):r(i,e))||a);o>3&&a&&Object.defineProperty(i,e,a)})([r({childList:!0,subtree:!0})],c.prototype,"onMutation",null),c.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[type='range']){position:absolute;width:100%;height:2px;margin:6px 0;margin-top:calc(-1 * (12px / 2 + 2px));background:transparent;-webkit-appearance:none}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-range-input-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;height:32px;font-size:12px}.gux-input-and-error-container .gux-range-input-container.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-range-input-container .gux-range{position:relative;flex:1 1 auto;align-self:center;order:0}.gux-input-and-error-container .gux-range-input-container .gux-range:hover .gux-range-tooltip,.gux-input-and-error-container .gux-range-input-container .gux-range:focus-within .gux-range-tooltip{visibility:visible}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track .gux-progress{height:2px;background-color:#2a60c8}.gux-input-and-error-container .gux-range-input-container .gux-display{flex:0 1 auto;align-self:auto;order:0;height:32px;margin:0 0 0 16px;line-height:32px;text-align:right}.gux-input-and-error-container .gux-range-input-container .gux-display.gux-hidden{display:none}.gux-input-and-error-container .gux-range-tooltip-container{position:absolute;top:-50px;width:100%;height:32px;pointer-events:none}.gux-input-and-error-container .gux-range-tooltip-container.gux-hidden{display:none}.gux-input-and-error-container .gux-range-tooltip-container .gux-range-tooltip{font-family:Roboto, sans-serif;font-weight:400;font-size:11px;line-height:16px;position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;width:50px;height:32px;margin-left:-20px;visibility:hidden;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-input-and-error-container .gux-range-tooltip-container .gux-range-tooltip::after,.gux-input-and-error-container .gux-range-tooltip-container .gux-range-tooltip::before{position:absolute;top:100%;left:50%;width:0;height:0;pointer-events:none;content:' ';border:solid transparent}.gux-input-and-error-container .gux-range-tooltip-container .gux-range-tooltip::after{margin-left:-4px;border-width:4px;border-top-color:#fdfdfd}.gux-input-and-error-container .gux-range-tooltip-container .gux-range-tooltip::before{margin-left:-6px;border-width:6px;border-top-color:#b4bccb}";export{c as gux_form_field_range}
@@ -1 +1 @@
1
- import{r,h as t,g as a}from"./p-a085b143.js";import{b as s}from"./p-2548bdad.js";import{t as e}from"./p-1bba8576.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-a085b143.js";import{b as s}from"./p-2548bdad.js";import{t as e}from"./p-c0fe1fe7.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 as t,c as i,h as n,g as a}from"./p-a085b143.js";import{t as e}from"./p-1bba8576.js";const s=class{constructor(n){t(this,n),this.guxpaginationchange=i(this,"guxpaginationchange",7),this.currentPage=1,this.totalItems=0,this.itemsPerPage=25,this.layout="full"}setPage(t){if(t<0)return void this.setPage(this.totalPages>0?1:0);const i=this.calculatTotalPages();t>i?this.setPage(i):(this.currentPage=t,this.guxpaginationchange.emit({currentPage:this.currentPage,itemsPerPage:this.itemsPerPage}))}calculatTotalPages(){return Math.ceil(this.totalItems/this.itemsPerPage)}calculateCurrentPage(){return Math.max(this.totalPages>0?1:0,Math.min(this.currentPage,this.totalPages))}handleInternalitemsperpagechange(t){this.itemsPerPage=t.detail,this.setPage(1)}handleInternalcurrentpagechange(t){this.setPage(t.detail)}getPaginationInfoElement(t){if("expanded"===t)return null;const i=[n("gux-pagination-item-counts",{"total-items":this.totalItems,"current-page":this.currentPage,"items-per-page":this.itemsPerPage})];return"full"===t&&i.push(n("gux-pagination-items-per-page",{"items-per-page":this.itemsPerPage,onInternalitemsperpagechange:this.handleInternalitemsperpagechange.bind(this)})),n("div",{class:"gux-pagination-info"},i)}componentWillLoad(){e(this.root,{variant:this.layout})}componentWillRender(){this.totalPages=this.calculatTotalPages(),this.currentPage=this.calculateCurrentPage()}render(){return n("div",{class:"gux-pagination-container"},this.getPaginationInfoElement(this.layout),n("div",{class:"gux-pagination-change"},n("gux-pagination-buttons",{layout:this.layout,"current-page":this.currentPage,"total-pages":this.totalPages,onInternalcurrentpagechange:this.handleInternalcurrentpagechange.bind(this)})))}get root(){return a(this)}};s.style=":host{display:block;border-top:1px solid #e2e6ee}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:space-between;height:32px;margin-top:12px}.gux-pagination-container .gux-pagination-info{display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:flex-start;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:1 1 auto;align-self:auto;order:0;margin-left:16px}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";export{s as gux_pagination}
1
+ import{r as t,c as i,h as n,g as a}from"./p-a085b143.js";import{t as e}from"./p-c0fe1fe7.js";const s=class{constructor(n){t(this,n),this.guxpaginationchange=i(this,"guxpaginationchange",7),this.currentPage=1,this.totalItems=0,this.itemsPerPage=25,this.layout="full"}setPage(t){if(t<0)return void this.setPage(this.totalPages>0?1:0);const i=this.calculatTotalPages();t>i?this.setPage(i):(this.currentPage=t,this.guxpaginationchange.emit({currentPage:this.currentPage,itemsPerPage:this.itemsPerPage}))}calculatTotalPages(){return Math.ceil(this.totalItems/this.itemsPerPage)}calculateCurrentPage(){return Math.max(this.totalPages>0?1:0,Math.min(this.currentPage,this.totalPages))}handleInternalitemsperpagechange(t){this.itemsPerPage=t.detail,this.setPage(1)}handleInternalcurrentpagechange(t){this.setPage(t.detail)}getPaginationInfoElement(t){if("expanded"===t)return null;const i=[n("gux-pagination-item-counts",{"total-items":this.totalItems,"current-page":this.currentPage,"items-per-page":this.itemsPerPage})];return"full"===t&&i.push(n("gux-pagination-items-per-page",{"items-per-page":this.itemsPerPage,onInternalitemsperpagechange:this.handleInternalitemsperpagechange.bind(this)})),n("div",{class:"gux-pagination-info"},i)}componentWillLoad(){e(this.root,{variant:this.layout})}componentWillRender(){this.totalPages=this.calculatTotalPages(),this.currentPage=this.calculateCurrentPage()}render(){return n("div",{class:"gux-pagination-container"},this.getPaginationInfoElement(this.layout),n("div",{class:"gux-pagination-change"},n("gux-pagination-buttons",{layout:this.layout,"current-page":this.currentPage,"total-pages":this.totalPages,onInternalcurrentpagechange:this.handleInternalcurrentpagechange.bind(this)})))}get root(){return a(this)}};s.style=":host{display:block;border-top:1px solid #e2e6ee}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:space-between;height:32px;margin-top:12px}.gux-pagination-container .gux-pagination-info{display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:flex-start;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:1 1 auto;align-self:auto;order:0;margin-left:16px}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";export{s as gux_pagination}
@@ -1 +1 @@
1
- import{r as e,c as t,h as o,g as i}from"./p-a085b143.js";import{t as s}from"./p-1bba8576.js";import{b as d}from"./p-2548bdad.js";import"./p-8a133b9b.js";const n={searchAria:"Search"},r=class{constructor(o){e(this,o),this.input=t(this,"input",7),this.filter=t(this,"filter",7),this.disabled=!1,this.noFilter=!1,this.filterDebounceTimeout=500,this.dropdownHeight="320px"}watchValue(e){this.opened&&e&&this.closeDropdown(!1)}get value(){var e;return null===(e=this.currentlySelectedOption)||void 0===e?void 0:e.text}getSelectedValues(){return Promise.resolve([this.value])}async setLabeledBy(e){this.srLabelledby=e}onFocusOut(e){e.relatedTarget&&this.root.contains(e.relatedTarget)||this.closeDropdown(!1)}async componentWillLoad(){s(this.root),this.i18n=await d(this.root,n),this.handleSelectionChange=this.handleSelectionChange.bind(this),this.updateSelectionState(),this.addOptionListener(),this.slotObserver=function(e,t,o={}){const i=new MutationObserver(t);return i.observe(e,Object.assign({attributes:!0,childList:!0,subtree:!0},o)),i}(this.root,(()=>this.updateSelectionState()))}disconnectedCallback(){this.slotObserver.disconnect()}render(){return o("div",{class:`gux-dropdown\n ${this.disabled?"gux-disabled":""}\n ${this.opened?"gux-active":""}`},o("div",{class:"gux-select-field",onMouseDown:()=>this.inputMouseDown()},o("a",{ref:e=>this.inputBox=e,class:"gux-select-input","aria-labelledby":this.srLabelledby,tabindex:"0",onKeyDown:e=>this.inputKeyDown(e)},this.placeholder&&!this.value&&o("span",{class:"gux-select-placeholder",title:this.placeholder},this.placeholder),this.value&&o("span",{class:"gux-select-value",title:this.value},this.value)),o("div",{class:"gux-icon-wrapper"},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"}))),o("div",{class:"gux-advanced-dropdown-menu "+(this.opened?"gux-opened":"")},o("div",{class:"gux-dropdown-menu-container"},o("gux-form-field-search",{"label-position":"screenreader"},o("label",{slot:"label"},this.i18n("searchAria")),o("input",{slot:"input",type:"search",onInput:e=>{this.handleSearchInput(e)},ref:e=>this.searchInput=e})),o("div",{class:"gux-dropdown-options",style:{maxHeight:this.dropdownHeight},onKeyDown:e=>this.optionsKeyDown(e)},o("slot",null)))))}updateSelectionState(){this.selectionOptions=this.getSelectionOptions(),this.currentlySelectedOption=this.selectionOptions.find((e=>e.selected))}addOptionListener(){this.root.addEventListener("selectedChanged",(e=>this.handleSelectionChange(e)))}handleSelectionChange({target:e}){const t=e;this.closeDropdown(!0),this.currentlySelectedOption!==t&&(this.currentlySelectedOption&&(this.currentlySelectedOption.selected=!1),this.currentlySelectedOption=t,this.input.emit(t.value))}getSelectionOptions(){const e=this.root.querySelectorAll("gux-dropdown-option");return Array.from(e)}inputMouseDown(){this.disabled||(this.opened?this.closeDropdown(!0):this.openDropdown(!1))}getFocusIndex(){return this.selectionOptions.findIndex((e=>e.matches(":focus")))}optionsKeyDown(e){switch(e.key){case"ArrowUp":{e.preventDefault();const t=this.getFocusIndex();t>0&&this.selectionOptions[t-1].focus();break}case"ArrowDown":{e.preventDefault();const t=this.getFocusIndex();t<this.selectionOptions.length-1&&this.selectionOptions[t+1].focus();break}case"Home":if(!this.selectionOptions.length)return;this.selectionOptions[0].focus();break;case"End":if(!this.selectionOptions.length)return;this.selectionOptions[this.selectionOptions.length-1].focus()}}inputKeyDown(e){switch(e.key){case"ArrowUp":case"ArrowDown":case" ":this.openDropdown(!0)}}handleSearchInput(e){e.stopPropagation(),clearTimeout(this.filterDebounceTimer),this.filterDebounceTimer=setTimeout((()=>this.searchRequested()),this.filterDebounceTimeout)}searchRequested(){this.filter.emit(this.searchInput.value),this.setFilteredOptions()}setFilteredOptions(){const e=this.searchInput.value;if(!this.noFilter)for(const t of this.selectionOptions)t.shouldFilter(e).then((e=>{t.filtered=e}))}changeFocusToSearch(){setTimeout((()=>{this.searchInput.focus()}))}openDropdown(e){this.opened=!0,e&&this.changeFocusToSearch()}closeDropdown(e){this.opened=!1,this.searchInput.value="",this.setFilteredOptions(),e&&this.inputBox.focus()}get root(){return i(this)}static get watchers(){return{disabled:["watchValue"]}}};r.style=":host{color:#2e394c}div.gux-dropdown{position:relative;margin:4px 0}div.gux-dropdown.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}div.gux-dropdown .gux-select-field{position:relative;width:100%;height:32px}div.gux-dropdown .gux-select-field a.gux-select-input{position:absolute;top:0;right:0;bottom:0;left:0;padding:6px 24px 6px 12px;overflow:hidden;color:#2e394c;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;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)}div.gux-dropdown .gux-select-field a.gux-select-input .gux-select-placeholder,div.gux-dropdown .gux-select-field a.gux-select-input .gux-select-value{line-height:20px}div.gux-dropdown .gux-select-field a.gux-select-input .gux-select-placeholder{color:#596373}div.gux-dropdown .gux-select-field a.gux-select-input:focus{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}div.gux-dropdown .gux-select-field .gux-icon-wrapper{position:absolute;top:1px;right:8px;bottom:0;display:flex;align-items:center;overflow:hidden;cursor:pointer}div.gux-dropdown .gux-select-field .gux-icon-wrapper gux-icon{width:16px;height:16px;color:#596373}div.gux-dropdown .gux-select-field:hover .gux-icon-wrapper gux-icon{color:#2e394c}div.gux-dropdown.gux-active .gux-select-field .gux-select-input{border:1px solid #2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}div.gux-dropdown.gux-active .gux-select-field .gux-select-input:focus{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}div.gux-dropdown .gux-advanced-dropdown-menu{position:absolute;top:36px;z-index:1;display:none;width:100%;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 0 2px 0 rgba(32, 41, 55, 0.24);box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search{margin:8px 16px}div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-cancel-button,div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-results-button,div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}div.gux-dropdown .gux-advanced-dropdown-menu.gux-opened{display:block}div.gux-dropdown .gux-dropdown-options{padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border-radius:4px;box-shadow:none}";export{r as gux_advanced_dropdown}
1
+ import{r as e,c as t,h as o,g as i}from"./p-a085b143.js";import{t as s}from"./p-c0fe1fe7.js";import{b as d}from"./p-2548bdad.js";import"./p-8a133b9b.js";const n={searchAria:"Search"},r=class{constructor(o){e(this,o),this.input=t(this,"input",7),this.filter=t(this,"filter",7),this.disabled=!1,this.noFilter=!1,this.filterDebounceTimeout=500,this.dropdownHeight="320px"}watchValue(e){this.opened&&e&&this.closeDropdown(!1)}get value(){var e;return null===(e=this.currentlySelectedOption)||void 0===e?void 0:e.text}getSelectedValues(){return Promise.resolve([this.value])}async setLabeledBy(e){this.srLabelledby=e}onFocusOut(e){e.relatedTarget&&this.root.contains(e.relatedTarget)||this.closeDropdown(!1)}async componentWillLoad(){s(this.root),this.i18n=await d(this.root,n),this.handleSelectionChange=this.handleSelectionChange.bind(this),this.updateSelectionState(),this.addOptionListener(),this.slotObserver=function(e,t,o={}){const i=new MutationObserver(t);return i.observe(e,Object.assign({attributes:!0,childList:!0,subtree:!0},o)),i}(this.root,(()=>this.updateSelectionState()))}disconnectedCallback(){this.slotObserver.disconnect()}render(){return o("div",{class:`gux-dropdown\n ${this.disabled?"gux-disabled":""}\n ${this.opened?"gux-active":""}`},o("div",{class:"gux-select-field",onMouseDown:()=>this.inputMouseDown()},o("a",{ref:e=>this.inputBox=e,class:"gux-select-input","aria-labelledby":this.srLabelledby,tabindex:"0",onKeyDown:e=>this.inputKeyDown(e)},this.placeholder&&!this.value&&o("span",{class:"gux-select-placeholder",title:this.placeholder},this.placeholder),this.value&&o("span",{class:"gux-select-value",title:this.value},this.value)),o("div",{class:"gux-icon-wrapper"},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"}))),o("div",{class:"gux-advanced-dropdown-menu "+(this.opened?"gux-opened":"")},o("div",{class:"gux-dropdown-menu-container"},o("gux-form-field-search",{"label-position":"screenreader"},o("label",{slot:"label"},this.i18n("searchAria")),o("input",{slot:"input",type:"search",onInput:e=>{this.handleSearchInput(e)},ref:e=>this.searchInput=e})),o("div",{class:"gux-dropdown-options",style:{maxHeight:this.dropdownHeight},onKeyDown:e=>this.optionsKeyDown(e)},o("slot",null)))))}updateSelectionState(){this.selectionOptions=this.getSelectionOptions(),this.currentlySelectedOption=this.selectionOptions.find((e=>e.selected))}addOptionListener(){this.root.addEventListener("selectedChanged",(e=>this.handleSelectionChange(e)))}handleSelectionChange({target:e}){const t=e;this.closeDropdown(!0),this.currentlySelectedOption!==t&&(this.currentlySelectedOption&&(this.currentlySelectedOption.selected=!1),this.currentlySelectedOption=t,this.input.emit(t.value))}getSelectionOptions(){const e=this.root.querySelectorAll("gux-dropdown-option");return Array.from(e)}inputMouseDown(){this.disabled||(this.opened?this.closeDropdown(!0):this.openDropdown(!1))}getFocusIndex(){return this.selectionOptions.findIndex((e=>e.matches(":focus")))}optionsKeyDown(e){switch(e.key){case"ArrowUp":{e.preventDefault();const t=this.getFocusIndex();t>0&&this.selectionOptions[t-1].focus();break}case"ArrowDown":{e.preventDefault();const t=this.getFocusIndex();t<this.selectionOptions.length-1&&this.selectionOptions[t+1].focus();break}case"Home":if(!this.selectionOptions.length)return;this.selectionOptions[0].focus();break;case"End":if(!this.selectionOptions.length)return;this.selectionOptions[this.selectionOptions.length-1].focus()}}inputKeyDown(e){switch(e.key){case"ArrowUp":case"ArrowDown":case" ":this.openDropdown(!0)}}handleSearchInput(e){e.stopPropagation(),clearTimeout(this.filterDebounceTimer),this.filterDebounceTimer=setTimeout((()=>this.searchRequested()),this.filterDebounceTimeout)}searchRequested(){this.filter.emit(this.searchInput.value),this.setFilteredOptions()}setFilteredOptions(){const e=this.searchInput.value;if(!this.noFilter)for(const t of this.selectionOptions)t.shouldFilter(e).then((e=>{t.filtered=e}))}changeFocusToSearch(){setTimeout((()=>{this.searchInput.focus()}))}openDropdown(e){this.opened=!0,e&&this.changeFocusToSearch()}closeDropdown(e){this.opened=!1,this.searchInput.value="",this.setFilteredOptions(),e&&this.inputBox.focus()}get root(){return i(this)}static get watchers(){return{disabled:["watchValue"]}}};r.style=":host{color:#2e394c}div.gux-dropdown{position:relative;margin:4px 0}div.gux-dropdown.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}div.gux-dropdown .gux-select-field{position:relative;width:100%;height:32px}div.gux-dropdown .gux-select-field a.gux-select-input{position:absolute;top:0;right:0;bottom:0;left:0;padding:6px 24px 6px 12px;overflow:hidden;color:#2e394c;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;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)}div.gux-dropdown .gux-select-field a.gux-select-input .gux-select-placeholder,div.gux-dropdown .gux-select-field a.gux-select-input .gux-select-value{line-height:20px}div.gux-dropdown .gux-select-field a.gux-select-input .gux-select-placeholder{color:#596373}div.gux-dropdown .gux-select-field a.gux-select-input:focus{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}div.gux-dropdown .gux-select-field .gux-icon-wrapper{position:absolute;top:1px;right:8px;bottom:0;display:flex;align-items:center;overflow:hidden;cursor:pointer}div.gux-dropdown .gux-select-field .gux-icon-wrapper gux-icon{width:16px;height:16px;color:#596373}div.gux-dropdown .gux-select-field:hover .gux-icon-wrapper gux-icon{color:#2e394c}div.gux-dropdown.gux-active .gux-select-field .gux-select-input{border:1px solid #2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}div.gux-dropdown.gux-active .gux-select-field .gux-select-input:focus{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}div.gux-dropdown .gux-advanced-dropdown-menu{position:absolute;top:36px;z-index:1;display:none;width:100%;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 0 2px 0 rgba(32, 41, 55, 0.24);box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search{margin:8px 16px}div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-cancel-button,div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-results-button,div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}div.gux-dropdown .gux-advanced-dropdown-menu.gux-opened{display:block}div.gux-dropdown .gux-dropdown-options{padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border-radius:4px;box-shadow:none}";export{r as gux_advanced_dropdown}
@@ -1 +1 @@
1
- import{r as t,h as e,g as a}from"./p-a085b143.js";import{m as l}from"./p-5ac4e2cf.js";import{b as g}from"./p-2548bdad.js";import{t as i}from"./p-1bba8576.js";import"./p-8a133b9b.js";const m={recentSearch:"Recently Searched:",commonSearch:"Common Searches:",limited:"Results limited, refine your search for more commands.",search:"Search for commands.",title:"Command Palette"};function c(t){return t.sort(((t,e)=>{if(t.recent&&!e.recent)return-1;if(!t.recent&&e.recent)return 1;const a=t.text.toUpperCase(),l=e.text.toUpperCase();return a<l?-1:a>l?1:0}))}const u=class{constructor(e){t(this,e),this.filterValue="",this.visible=!1}async componentWillLoad(){i(this.root),this.i18n=await g(this.root,m)}render(){return e("div",{class:"gux-command-palette "+(this.visible?"":"gux-hidden"),role:"dialog",onKeyDown:t=>this.onKeyDown(t),"aria-label":this.i18n("title")},e("label",{htmlFor:"gux-command-palette-search",class:"gux-command-palette-search-label"},this.i18n("search")),e("gux-input-search",null,e("input",{id:"gux-command-palette-search",type:"search",onInput:t=>{this.handleInput(t)},value:this.filterValue,ref:t=>this.inputElement=t})),this.visible&&this.renderLists())}renderLists(){const t=Array.from(this.root.children).slice(0,-1),a=t.filter((t=>t.recent)),l=t.filter((t=>t.common));let g,i=this.filterItems(t);if(l.length&&(g=this.createList(l,this.filterValue,this.i18n("commonSearch"))),this.filterValue&&i.length){const t=i.length>50;t&&(i=i.slice(0,50));const a=[e("gux-list-legacy",{tabindex:"-1",highlight:this.filterValue},i)];return t&&a.unshift(e("div",{class:"gux-limit"},this.i18n("limited"))),1!==i.length&&l.length?[a,g]:a}const m=[];return a.length&&!this.filterValue&&m.push(this.createList(a,this.filterValue,this.i18n("recentSearch"))),g&&m.push(g),m.length?m:e("gux-list-legacy",{tabindex:"-1"},this.transformCommands(c(t)))}async open(){this.visible=!0,setTimeout((()=>{this.inputElement.focus()}),300)}async close(){this.filterValue="",this.visible=!1}handleInput(t){this.filterValue=t.target.value}filterItems(t){return this.transformCommands(c(t.filter((t=>l(this.filterValue,`${t.text} + ${t.details}`)))),"")}createShortcutItem(t){return e("gux-list-item-legacy",{value:t.text,onPress:this.handlePress(t),class:t.details?"gux-has-details":""},e("div",null,e("gux-text-highlight",{text:t.text,strategy:"fuzzy"}),e("span",{class:"gux-shortcut"},t.shortcut)),t.details&&e("gux-text-highlight",{class:"gux-details",text:t.details,strategy:"fuzzy"}))}createStandardItem(t){return e("gux-list-item-legacy",{value:t.text,onPress:this.handlePress(t),class:t.details?"gux-has-details":""},e("gux-text-highlight",{text:t.text,strategy:"fuzzy"}),t.details&&e("gux-text-highlight",{class:"gux-details",text:t.details,strategy:"fuzzy"}))}transformCommands(t,a){const l=[];return a&&l.push(e("strong",null,a)),t.forEach((t=>{l.push(t.shortcut?this.createShortcutItem(t):this.createStandardItem(t))})),l}handlePress(t){return()=>{this.close(),setTimeout((()=>{t.invokePress()}))}}createList(t,a,l){return e("gux-list-legacy",{class:"gux-command-palette-list",highlight:a,tabindex:"-1"},this.transformCommands(c(t),l))}onKeyDown(t){switch(t.key){case"ArrowUp":t.preventDefault(),this.navigateUp();break;case"ArrowDown":t.preventDefault(),this.navigateDown()}}elementIsSearch(t){return null!==t.closest("gux-input-search")}getParentGuxList(t){return t.closest("gux-list-legacy")}setFocusOnElement(t){t&&t.setFocusOnLastItem?t.setFocusOnLastItem():this.inputElement.focus()}navigateUp(){const t=this.root.querySelector(":focus");if(this.elementIsSearch(t))return;const e=this.getParentGuxList(t);e&&e.isFirstItemSelected().then((t=>{t&&this.setFocusOnElement(e.previousElementSibling)}))}navigateDown(){const t=this.root.querySelector(":focus");if(this.elementIsSearch(t))return void this.root.querySelector("gux-list-legacy").setFocusOnFirstItem();const e=this.getParentGuxList(t);e&&e.isLastItemSelected().then((t=>{t&&this.setFocusOnElement(e.nextElementSibling)}))}get root(){return a(this)}};u.style="gux-command-palette-legacy .gux-command-palette{position:absolute;right:0;left:0;max-width:750px;padding:12px;margin:0 auto;border-color:1px solid #e2e6ee;box-shadow:0 0 2px 0 rgba(32, 41, 55, 0.24);}gux-command-palette-legacy .gux-command-palette .gux-command-palette-search-label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}gux-command-palette-legacy .gux-command-palette.gux-hidden{top:0;display:none}gux-command-palette-legacy .gux-command-palette:not(.gux-hidden){top:40px;animation-name:fadeIn;animation-duration:300ms;animation-timing-function:ease-in;animation-iteration-count:1}@keyframes fadeIn{0%{top:0;opacity:0}100%{top:40px;opacity:1}}gux-command-palette-legacy .gux-command-palette .gux-limit{margin-bottom:8px}gux-command-palette-legacy .gux-command-palette gux-list-legacy{display:block;margin-top:4px}gux-command-palette-legacy .gux-command-palette gux-list-legacy>strong{height:32px;padding:0 16px;line-height:32px}gux-command-palette-legacy .gux-command-palette gux-text-field,gux-command-palette-legacy .gux-command-palette gux-list-legacy>div[role='list']{margin-bottom:12px}gux-command-palette-legacy .gux-command-palette gux-list-legacy+gux-list-legacy{margin-bottom:0}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy.gux-has-details .gux-list-item{line-height:16px}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item{display:block;line-height:32px}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item gux-text-highlight,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item .gux-shortcut{display:block}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item div{display:flex;padding:0;border:none;box-shadow:none}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item div gux-text-highlight{flex:1 1 auto}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item div .gux-shortcut{flex:0 1 auto}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item gux-text-highlight:last-child{margin-bottom:8px}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item .gux-details{margin-left:4px;font-size:11px}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:last-of-type .gux-details,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:last-of-type div:last-child{margin-bottom:0}.gux-command-palette-light-theme .gux-command-palette{color:#2e394c;background:#fdfdfd}.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:focus .gux-list-item div,.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item div,.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item div{color:#fdfdfd;background:#2a60c8}.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:focus .gux-list-item .gux-details,.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item .gux-details,.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item .gux-details{color:#fdfdfd}.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item .gux-details{color:#6b7585}.gux-light-theme gux-command-palette-legacy .gux-command-palette{color:#2e394c;background:#fdfdfd}.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:focus .gux-list-item div,.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item div,.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item div{color:#fdfdfd;background:#2a60c8}.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:focus .gux-list-item .gux-details,.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item .gux-details,.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item .gux-details{color:#fdfdfd}.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item .gux-details{color:#6b7585}gux-command-palette-legacy.gux-light-theme .gux-command-palette{color:#2e394c;background:#fdfdfd}gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:focus .gux-list-item div,gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item div,gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item div{color:#fdfdfd;background:#2a60c8}gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:focus .gux-list-item .gux-details,gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item .gux-details,gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item .gux-details{color:#fdfdfd}gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item .gux-details{color:#6b7585}gux-command-palette-legacy .gux-command-palette{color:#2e394c;background:#fdfdfd}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:focus .gux-list-item div,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item div,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item div{color:#fdfdfd;background:#2a60c8}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:focus .gux-list-item .gux-details,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item .gux-details,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item .gux-details{color:#fdfdfd}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item .gux-details{color:#6b7585}";export{u as gux_command_palette_legacy}
1
+ import{r as t,h as e,g as a}from"./p-a085b143.js";import{m as l}from"./p-5ac4e2cf.js";import{b as g}from"./p-2548bdad.js";import{t as i}from"./p-c0fe1fe7.js";import"./p-8a133b9b.js";const m={recentSearch:"Recently Searched:",commonSearch:"Common Searches:",limited:"Results limited, refine your search for more commands.",search:"Search for commands.",title:"Command Palette"};function c(t){return t.sort(((t,e)=>{if(t.recent&&!e.recent)return-1;if(!t.recent&&e.recent)return 1;const a=t.text.toUpperCase(),l=e.text.toUpperCase();return a<l?-1:a>l?1:0}))}const u=class{constructor(e){t(this,e),this.filterValue="",this.visible=!1}async componentWillLoad(){i(this.root),this.i18n=await g(this.root,m)}render(){return e("div",{class:"gux-command-palette "+(this.visible?"":"gux-hidden"),role:"dialog",onKeyDown:t=>this.onKeyDown(t),"aria-label":this.i18n("title")},e("label",{htmlFor:"gux-command-palette-search",class:"gux-command-palette-search-label"},this.i18n("search")),e("gux-input-search",null,e("input",{id:"gux-command-palette-search",type:"search",onInput:t=>{this.handleInput(t)},value:this.filterValue,ref:t=>this.inputElement=t})),this.visible&&this.renderLists())}renderLists(){const t=Array.from(this.root.children).slice(0,-1),a=t.filter((t=>t.recent)),l=t.filter((t=>t.common));let g,i=this.filterItems(t);if(l.length&&(g=this.createList(l,this.filterValue,this.i18n("commonSearch"))),this.filterValue&&i.length){const t=i.length>50;t&&(i=i.slice(0,50));const a=[e("gux-list-legacy",{tabindex:"-1",highlight:this.filterValue},i)];return t&&a.unshift(e("div",{class:"gux-limit"},this.i18n("limited"))),1!==i.length&&l.length?[a,g]:a}const m=[];return a.length&&!this.filterValue&&m.push(this.createList(a,this.filterValue,this.i18n("recentSearch"))),g&&m.push(g),m.length?m:e("gux-list-legacy",{tabindex:"-1"},this.transformCommands(c(t)))}async open(){this.visible=!0,setTimeout((()=>{this.inputElement.focus()}),300)}async close(){this.filterValue="",this.visible=!1}handleInput(t){this.filterValue=t.target.value}filterItems(t){return this.transformCommands(c(t.filter((t=>l(this.filterValue,`${t.text} + ${t.details}`)))),"")}createShortcutItem(t){return e("gux-list-item-legacy",{value:t.text,onPress:this.handlePress(t),class:t.details?"gux-has-details":""},e("div",null,e("gux-text-highlight",{text:t.text,strategy:"fuzzy"}),e("span",{class:"gux-shortcut"},t.shortcut)),t.details&&e("gux-text-highlight",{class:"gux-details",text:t.details,strategy:"fuzzy"}))}createStandardItem(t){return e("gux-list-item-legacy",{value:t.text,onPress:this.handlePress(t),class:t.details?"gux-has-details":""},e("gux-text-highlight",{text:t.text,strategy:"fuzzy"}),t.details&&e("gux-text-highlight",{class:"gux-details",text:t.details,strategy:"fuzzy"}))}transformCommands(t,a){const l=[];return a&&l.push(e("strong",null,a)),t.forEach((t=>{l.push(t.shortcut?this.createShortcutItem(t):this.createStandardItem(t))})),l}handlePress(t){return()=>{this.close(),setTimeout((()=>{t.invokePress()}))}}createList(t,a,l){return e("gux-list-legacy",{class:"gux-command-palette-list",highlight:a,tabindex:"-1"},this.transformCommands(c(t),l))}onKeyDown(t){switch(t.key){case"ArrowUp":t.preventDefault(),this.navigateUp();break;case"ArrowDown":t.preventDefault(),this.navigateDown()}}elementIsSearch(t){return null!==t.closest("gux-input-search")}getParentGuxList(t){return t.closest("gux-list-legacy")}setFocusOnElement(t){t&&t.setFocusOnLastItem?t.setFocusOnLastItem():this.inputElement.focus()}navigateUp(){const t=this.root.querySelector(":focus");if(this.elementIsSearch(t))return;const e=this.getParentGuxList(t);e&&e.isFirstItemSelected().then((t=>{t&&this.setFocusOnElement(e.previousElementSibling)}))}navigateDown(){const t=this.root.querySelector(":focus");if(this.elementIsSearch(t))return void this.root.querySelector("gux-list-legacy").setFocusOnFirstItem();const e=this.getParentGuxList(t);e&&e.isLastItemSelected().then((t=>{t&&this.setFocusOnElement(e.nextElementSibling)}))}get root(){return a(this)}};u.style="gux-command-palette-legacy .gux-command-palette{position:absolute;right:0;left:0;max-width:750px;padding:12px;margin:0 auto;border-color:1px solid #e2e6ee;box-shadow:0 0 2px 0 rgba(32, 41, 55, 0.24);}gux-command-palette-legacy .gux-command-palette .gux-command-palette-search-label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}gux-command-palette-legacy .gux-command-palette.gux-hidden{top:0;display:none}gux-command-palette-legacy .gux-command-palette:not(.gux-hidden){top:40px;animation-name:fadeIn;animation-duration:300ms;animation-timing-function:ease-in;animation-iteration-count:1}@keyframes fadeIn{0%{top:0;opacity:0}100%{top:40px;opacity:1}}gux-command-palette-legacy .gux-command-palette .gux-limit{margin-bottom:8px}gux-command-palette-legacy .gux-command-palette gux-list-legacy{display:block;margin-top:4px}gux-command-palette-legacy .gux-command-palette gux-list-legacy>strong{height:32px;padding:0 16px;line-height:32px}gux-command-palette-legacy .gux-command-palette gux-text-field,gux-command-palette-legacy .gux-command-palette gux-list-legacy>div[role='list']{margin-bottom:12px}gux-command-palette-legacy .gux-command-palette gux-list-legacy+gux-list-legacy{margin-bottom:0}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy.gux-has-details .gux-list-item{line-height:16px}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item{display:block;line-height:32px}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item gux-text-highlight,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item .gux-shortcut{display:block}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item div{display:flex;padding:0;border:none;box-shadow:none}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item div gux-text-highlight{flex:1 1 auto}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item div .gux-shortcut{flex:0 1 auto}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item gux-text-highlight:last-child{margin-bottom:8px}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item .gux-details{margin-left:4px;font-size:11px}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:last-of-type .gux-details,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:last-of-type div:last-child{margin-bottom:0}.gux-command-palette-light-theme .gux-command-palette{color:#2e394c;background:#fdfdfd}.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:focus .gux-list-item div,.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item div,.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item div{color:#fdfdfd;background:#2a60c8}.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:focus .gux-list-item .gux-details,.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item .gux-details,.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item .gux-details{color:#fdfdfd}.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item .gux-details{color:#6b7585}.gux-light-theme gux-command-palette-legacy .gux-command-palette{color:#2e394c;background:#fdfdfd}.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:focus .gux-list-item div,.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item div,.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item div{color:#fdfdfd;background:#2a60c8}.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:focus .gux-list-item .gux-details,.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item .gux-details,.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item .gux-details{color:#fdfdfd}.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item .gux-details{color:#6b7585}gux-command-palette-legacy.gux-light-theme .gux-command-palette{color:#2e394c;background:#fdfdfd}gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:focus .gux-list-item div,gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item div,gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item div{color:#fdfdfd;background:#2a60c8}gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:focus .gux-list-item .gux-details,gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item .gux-details,gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item .gux-details{color:#fdfdfd}gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item .gux-details{color:#6b7585}gux-command-palette-legacy .gux-command-palette{color:#2e394c;background:#fdfdfd}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:focus .gux-list-item div,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item div,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item div{color:#fdfdfd;background:#2a60c8}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:focus .gux-list-item .gux-details,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item .gux-details,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item .gux-details{color:#fdfdfd}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item .gux-details{color:#6b7585}";export{u as gux_command_palette_legacy}
@@ -1 +1 @@
1
- import{r as t,c as s,h as i,H as e,g as o}from"./p-a085b143.js";import{t as r}from"./p-1bba8576.js";const h=class{constructor(i){t(this,i),this.press=s(this,"press",7)}handleClick(){this.onItemClicked()}handleKeyDown(t){"Enter"!==t.key&&" "!==t.key||this.onItemClicked()}render(){return i(e,{role:"listitem"},i("span",{class:"gux-list-item"},this.text&&i("gux-text-highlight",{class:"gux-text",text:this.text,strategy:this.strategy}),i("slot",null)))}onItemClicked(){this.emitPress()}emitPress(){this.press.emit(this.value)}};h.style=":host:focus .gux-list-item,:host:active .gux-list-item,:host:hover:not([disabled]) .gux-list-item{color:#fdfdfd;background:#2a60c8}:host(:focus) .gux-list-item,:host(:active) .gux-list-item,:host(:hover:not([disabled])) .gux-list-item{color:#fdfdfd;background:#2a60c8}:host([disabled]) .gux-list-item{pointer-events:none;cursor:default;opacity:0.5}.gux-list-item{display:flex;height:max-content;padding:0 16px;line-height:32px;word-wrap:break-word;cursor:pointer}.gux-list-item .gux-text{width:100%}";const a=["gux-list-item-legacy:not([disabled])","gux-action-item:not([disabled])"].join(","),n=class{constructor(i){t(this,i),this.changed=s(this,"changed",7),this.selectedIndex=-1,this.observer=new MutationObserver((()=>{this.performHighlight(this.highlight)}))}emitChanged(t){this.changed.emit(t)}itemSelected(t){t.detail&&(this.value=t.detail)}valueHandler(t){this.emitChanged(t)}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(){r(this.root)}componentDidLoad(){this.performHighlight(this.highlight),this.observer.observe(this.root,{childList:!0,subtree:!0})}disconnectedCallback(){this.observer.disconnect()}render(){return this.performHighlight(this.highlight),this.updateTabIndexes(),i("div",{class:"gux-list-items-container",role:"list",tabindex:0,onKeyDown:t=>this.onKeyDown(t)},i("slot",null))}onKeyDown(t){if(!["ArrowUp","ArrowDown","End","Home"].includes(t.key))return;const s=this.getFilteredList();let i=-1;switch(t.key){case"ArrowUp":0!==this.selectedIndex?(t.preventDefault(),i=this.selectedIndex-1,t.stopPropagation()):this.isCommandPaletteList()||(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.isCommandPaletteList()||(t.preventDefault(),i=0,t.stopPropagation());break;case"End":this.selectedIndex!==s.length-1&&(i=s.length-1)}-1!==i&&(this.selectedIndex=i)}isCommandPaletteList(){return Boolean(this.root.closest("gux-command-palette-legacy"))}updateTabIndexes(){const t=this.getFilteredList();t&&-1!==this.selectedIndex&&t.forEach(((t,s)=>{s!==this.selectedIndex?t.setAttribute("tabindex","-1"):(t.setAttribute("tabindex","0"),t.focus(),setTimeout((()=>{this.value=t.value})))}))}performHighlight(t){const s=this.root.querySelectorAll("gux-text-highlight");s&&s.forEach((s=>{s.highlight=t}))}getFilteredList(){const t=this.root.querySelector("slot");return t?t.assignedElements().filter((t=>t.matches(a))):Array.from(this.root.querySelectorAll(a))}get root(){return o(this)}static get watchers(){return{value:["valueHandler"]}}};n.style=".gux-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{h as gux_list_item_legacy,n as gux_list_legacy}
1
+ import{r as t,c as s,h as i,H as e,g as o}from"./p-a085b143.js";import{t as r}from"./p-c0fe1fe7.js";const h=class{constructor(i){t(this,i),this.press=s(this,"press",7)}handleClick(){this.onItemClicked()}handleKeyDown(t){"Enter"!==t.key&&" "!==t.key||this.onItemClicked()}render(){return i(e,{role:"listitem"},i("span",{class:"gux-list-item"},this.text&&i("gux-text-highlight",{class:"gux-text",text:this.text,strategy:this.strategy}),i("slot",null)))}onItemClicked(){this.emitPress()}emitPress(){this.press.emit(this.value)}};h.style=":host:focus .gux-list-item,:host:active .gux-list-item,:host:hover:not([disabled]) .gux-list-item{color:#fdfdfd;background:#2a60c8}:host(:focus) .gux-list-item,:host(:active) .gux-list-item,:host(:hover:not([disabled])) .gux-list-item{color:#fdfdfd;background:#2a60c8}:host([disabled]) .gux-list-item{pointer-events:none;cursor:default;opacity:0.5}.gux-list-item{display:flex;height:max-content;padding:0 16px;line-height:32px;word-wrap:break-word;cursor:pointer}.gux-list-item .gux-text{width:100%}";const n=["gux-list-item-legacy:not([disabled])","gux-action-item:not([disabled])"].join(","),a=class{constructor(i){t(this,i),this.changed=s(this,"changed",7),this.selectedIndex=-1,this.observer=new MutationObserver((()=>{this.performHighlight(this.highlight)}))}emitChanged(t){this.changed.emit(t)}itemSelected(t){t.detail&&(this.value=t.detail)}valueHandler(t){this.emitChanged(t)}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(){r(this.root)}componentDidLoad(){this.performHighlight(this.highlight),this.observer.observe(this.root,{childList:!0,subtree:!0})}disconnectedCallback(){this.observer.disconnect()}render(){return this.performHighlight(this.highlight),this.updateTabIndexes(),i("div",{class:"gux-list-items-container",role:"list",tabindex:0,onKeyDown:t=>this.onKeyDown(t)},i("slot",null))}onKeyDown(t){if(!["ArrowUp","ArrowDown","End","Home"].includes(t.key))return;const s=this.getFilteredList();let i=-1;switch(t.key){case"ArrowUp":0!==this.selectedIndex?(t.preventDefault(),i=this.selectedIndex-1,t.stopPropagation()):this.isCommandPaletteList()||(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.isCommandPaletteList()||(t.preventDefault(),i=0,t.stopPropagation());break;case"End":this.selectedIndex!==s.length-1&&(i=s.length-1)}-1!==i&&(this.selectedIndex=i)}isCommandPaletteList(){return Boolean(this.root.closest("gux-command-palette-legacy"))}updateTabIndexes(){const t=this.getFilteredList();t&&-1!==this.selectedIndex&&t.forEach(((t,s)=>{s!==this.selectedIndex?t.setAttribute("tabindex","-1"):(t.setAttribute("tabindex","0"),t.focus(),setTimeout((()=>{this.value=t.value})))}))}performHighlight(t){const s=this.root.querySelectorAll("gux-text-highlight");s&&s.forEach((s=>{s.highlight=t}))}getFilteredList(){const t=this.root.querySelector("slot");return t?t.assignedElements().filter((t=>t.matches(n))):Array.from(this.root.querySelectorAll(n))}get root(){return o(this)}static get watchers(){return{value:["valueHandler"]}}};a.style=".gux-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{h as gux_list_item_legacy,a as gux_list_legacy}
@@ -1 +1 @@
1
- import{r as e,h as t,H as o,g as i}from"./p-a085b143.js";import{O as s}from"./p-4b7056b2.js";import{o as r}from"./p-e2bea786.js";import{p as a}from"./p-c10e41a9.js";import{t as l}from"./p-1bba8576.js";import{h as n,G as d,v as p}from"./p-08b07a2b.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-a085b143.js";import{O as s}from"./p-4b7056b2.js";import{o as r}from"./p-e2bea786.js";import{p as a}from"./p-c10e41a9.js";import{t as l}from"./p-c0fe1fe7.js";import{h as n,G as d,v as p}from"./p-08b07a2b.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,c as p,h as e,g as o}from"./p-a085b143.js";import{O as t}from"./p-5ca81424.js";import{b as a}from"./p-e2bea786.js";import{t as i}from"./p-1bba8576.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-a085b143.js";import{O as t}from"./p-5ca81424.js";import{b as a}from"./p-e2bea786.js";import{t as i}from"./p-c0fe1fe7.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,4 +1,4 @@
1
- import{r as t,c as n,h as e,g as r}from"./p-a085b143.js";import{c as i}from"./p-112455b1.js";import{g as o}from"./p-2548bdad.js";import{t as u}from"./p-1bba8576.js";import"./p-8a133b9b.js";
1
+ import{r as t,c as n,h as e,g as r}from"./p-a085b143.js";import{c as i}from"./p-112455b1.js";import{g as o}from"./p-2548bdad.js";import{t as u}from"./p-c0fe1fe7.js";import"./p-8a133b9b.js";
2
2
  /*!
3
3
  * https://github.com/Starcounter-Jack/JSON-Patch
4
4
  * (c) 2017-2022 Joachim Wester
@@ -1 +1 @@
1
- import{r as t,h as i,H as a,g as s}from"./p-a085b143.js";import{s as r}from"./p-d176c2ae.js";import{c as e}from"./p-9dd4b14a.js";import{t as n}from"./p-1bba8576.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-a085b143.js";import{s as r}from"./p-d176c2ae.js";import{c as e}from"./p-9dd4b14a.js";import{t as n}from"./p-c0fe1fe7.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 e,h as o,g as l}from"./p-a085b143.js";import{t}from"./p-1bba8576.js";import{b as a}from"./p-2548bdad.js";import"./p-8a133b9b.js";const r={neutral:"badge with label: {label}, color: neutral","neutral-bold":"badge with label: {label}, color: neutral bold",green:"badge with label: {label}, color: green","green-bold":"badge with label: {label}, color: green bold",yellow:"badge with label: {label}, color: yellow","yellow-bold":"badge with label: {label}, color: yellow bold",red:"badge with label: {label}, color: red","red-bold":"badge with label: {label}, color: red bold"},d=class{constructor(o){e(this,o),this.color="neutral",this.bold=!1}onSlotChange(e){const o=e.composedPath()[0].assignedNodes();this.label=o.map((e=>e.textContent)).join("")}renderBadgeTitle(){return o("gux-tooltip-title",null,o("span",null,o("slot",{"aria-hidden":"true",onSlotchange:this.onSlotChange.bind(this)})))}renderSrText(){return o("div",{class:"gux-sr-only"},this.i18n(this.getVariant(),{label:this.label}))}getVariant(){return`${this.color}${this.bold?"-bold":""}`}async componentWillLoad(){t(this.root),this.i18n=await a(this.root,r)}render(){return o("div",{class:{"gux-badge":!0,[`gux-${this.color}`]:!0,"gux-bold":this.bold}},this.renderBadgeTitle(),this.renderSrText())}get root(){return l(this)}};d.style=":host{display:inline-block}.gux-badge{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;height:20px;padding:2px 8px;color:#fdfdfd;background-color:#2e394c;border-radius:4px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}.gux-badge gux-tooltip-title{white-space:nowrap;cursor:default}.gux-badge gux-tooltip-title ::slotted(gux-icon){height:16px;font-size:16px}.gux-badge .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-badge.gux-neutral{color:#2e394c;background-color:#e2e6ee}.gux-badge.gux-neutral.gux-bold{color:#fdfdfd;background-color:#2e394c}.gux-badge.gux-red{color:#8f0707;background-color:#fceaea}.gux-badge.gux-red.gux-bold{color:#fdfdfd;background-color:#ea0b0b}.gux-badge.gux-yellow{color:#976700;background-color:#fdf8ec}.gux-badge.gux-yellow.gux-bold{color:#2e394c;background-color:#ffae00}.gux-badge.gux-green{color:#205a10;background-color:#eefcea}.gux-badge.gux-green.gux-bold{color:#fdfdfd;background-color:#3c8527}";export{d as gux_badge_beta}
1
+ import{r as e,h as o,g as l}from"./p-a085b143.js";import{t}from"./p-c0fe1fe7.js";import{b as r}from"./p-2548bdad.js";import"./p-8a133b9b.js";const a={neutral:"badge with label: {label}, color: neutral","neutral-bold":"badge with label: {label}, color: neutral bold",green:"badge with label: {label}, color: green","green-bold":"badge with label: {label}, color: green bold",yellow:"badge with label: {label}, color: yellow","yellow-bold":"badge with label: {label}, color: yellow bold",red:"badge with label: {label}, color: red","red-bold":"badge with label: {label}, color: red bold"},d=class{constructor(o){e(this,o),this.color="neutral",this.bold=!1}onSlotChange(e){const o=e.composedPath()[0].assignedNodes();this.label=o.map((e=>e.textContent)).join("")}renderBadgeTitle(){return o("gux-tooltip-title",null,o("span",null,o("slot",{"aria-hidden":"true",onSlotchange:this.onSlotChange.bind(this)})))}renderSrText(){return o("div",{class:"gux-sr-only"},this.i18n(this.getVariant(),{label:this.label}))}getVariant(){return`${this.color}${this.bold?"-bold":""}`}async componentWillLoad(){t(this.root),this.i18n=await r(this.root,a)}render(){return o("div",{class:{"gux-badge":!0,[`gux-${this.color}`]:!0,"gux-bold":this.bold}},this.renderBadgeTitle(),this.renderSrText())}get root(){return l(this)}};d.style=":host{display:inline-block}.gux-badge{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;height:20px;padding:2px 8px;color:#fdfdfd;background-color:#2e394c;border-radius:4px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}.gux-badge gux-tooltip-title{white-space:nowrap;cursor:default}.gux-badge gux-tooltip-title ::slotted(gux-icon){height:16px;font-size:16px}.gux-badge .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-badge.gux-neutral{color:#2e394c;background-color:#e2e6ee}.gux-badge.gux-neutral.gux-bold{color:#fdfdfd;background-color:#2e394c}.gux-badge.gux-red{color:#8f0707;background-color:#fceaea}.gux-badge.gux-red.gux-bold{color:#fdfdfd;background-color:#ea0b0b}.gux-badge.gux-yellow{color:#976700;background-color:#fdf8ec}.gux-badge.gux-yellow.gux-bold{color:#2e394c;background-color:#ffae00}.gux-badge.gux-green{color:#205a10;background-color:#eefcea}.gux-badge.gux-green.gux-bold{color:#fdfdfd;background-color:#3c8527}";export{d as gux_badge_beta}
@@ -1 +1 @@
1
- import{r as t,f as e,h as i,g as o,c as n,H as s}from"./p-a085b143.js";import{O as r}from"./p-5ca81424.js";import{b as u}from"./p-2548bdad.js";import{s as a}from"./p-d176c2ae.js";import{t as l}from"./p-1bba8576.js";import{w as d}from"./p-76ff3e75.js";import{l as c}from"./p-3184268e.js";import{r as h}from"./p-cbcbd1bb.js";import"./p-8a133b9b.js";const x={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};function f(t){return Array.from(t.children)}function g(t){return f(t).find((t=>t.active))}function p(t,e){e&&(f(t).forEach((i=>{const o=!(i.disabled&&i.filtered||i!==e);i.active=o,o&&t.setAttribute("aria-activedescendant",i.id)})),e.scrollIntoView({block:"nearest"}))}function b(t){let e=f(t)[0];for(;e&&(e.disabled||e.filtered);)e=e.nextElementSibling;return e}function m(t){return Boolean(g(t))}function w(t,e){return f(t).find((t=>(!t.disabled||!t.filtered)&&t.textContent.toLowerCase().startsWith(e.toLowerCase())))}function v(t){f(t).forEach((t=>{t.active=!1}))}function y(t){p(t,b(t))}function F(t){p(t,function(t){const e=f(t);let i=e[e.length-1];for(;i&&(i.disabled||i.filtered);)i=i.previousElementSibling;return i}(t))}function k(t,e){m(t)&&e(g(t).value)}let j,A="";const B=class{constructor(e){t(this,e),this.disabled=!1,this.filterable=!1,this.expanded=!1,this.filter=""}focusSelectedItemAfterRender(t){t&&this.listboxElement&&requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.listboxElement.focus(),this.filterable&&this.filterElement.focus()}))})),t||(this.filter="")}validateValue(t){void 0!==t?this.getOptionElementByValue(t)?this.listboxElement.value=t:this.value=void 0:this.listboxElement.value=t}onKeydown(t){switch(t.key){case"Escape":return this.filterable&&document.activeElement===this.listboxElement?this.filterElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.filterElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),e(this.root)}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}async componentWillLoad(){l(this.root),this.i18n=await u(this.root,x),this.listboxElement=this.root.querySelector("gux-listbox"),this.validateValue(this.value)}componentDidLoad(){this.listboxElement.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),this.listboxElement.addEventListener("change",(t=>{t.stopPropagation()}))}componentWillRender(){this.validateValue(this.value),this.listboxElement.filter=this.filter}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=this.root.querySelectorAll("gux-option");return Array.from(e).find((e=>e.value===t))}fieldButtonClick(){this.expanded=!this.expanded}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.filterable&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.filterable&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":return t.stopImmediatePropagation(),void this.listboxElement.focus();case"Enter":return this.listboxElement.guxSelectActive(),void t.preventDefault()}}filterKeyup(t){switch(t.key){case" ":return void t.preventDefault()}}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,this.collapseListbox("focusFieldButton"),a(this.root,"input"),a(this.root,"change"))}getSuggestionText(t){const e=t.length;if(e>0){const i=w(this.listboxElement,t);if(i)return i.textContent.substring(e)}return""}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?i("div",{class:"gux-selected-option"},t.textContent):i("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderFilterInputField(){if(this.expanded&&this.filterable)return i("div",{class:"gux-field gux-input-field"},i("div",{class:"gux-field-content"},i("div",{class:"gux-filter"},i("div",{class:"gux-filter-display"},i("span",{class:"gux-filter-text"},this.filter),i("span",{class:"gux-filter-suggestion"},this.getSuggestionText(this.filter))),i("div",{class:"input-and-dropdown-button"},i("input",{onClick:this.fieldButtonClick.bind(this),class:"gux-filter-input",type:"text","aria-label":this.i18n("filterResults"),ref:t=>this.filterElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this)})))))}renderPopup(){return i("div",{slot:"popup",class:"gux-listbox-container"},i("slot",null))}renderTarget(){return i("div",{class:{"gux-target-container-expanded":this.expanded&&this.filterable,"gux-target-container-collapsed":!(this.expanded&&this.filterable)},slot:"target"},this.renderFilterInputField(),i("button",{type:"button",class:"gux-field gux-field-button",disabled:this.disabled,onClick:this.fieldButtonClick.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),i("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:"chevron-small-down"})))}renderTargetContent(){if(!this.expanded||!this.filterable)return i("div",{class:"gux-field-content"},this.renderTargetDisplay())}render(){return i("gux-popup",{expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return o(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],value:["validateValue"]}}};(function(t,e,i,o){var n,s=arguments.length,r=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var u=t.length-1;u>=0;u--)(n=t[u])&&(r=(s<3?n(r):s>3?n(e,i,r):n(e,i))||r);s>3&&r&&Object.defineProperty(e,i,r)})([r({triggerEvents:"mousedown"})],B.prototype,"onClickOutside",null),B.style=":host{color:#2e394c}.gux-field,.gux-target-container-expanded{all:unset;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:6px 8px 6px 6px;font-family:inherit;font-size:12px;line-height:1.6667;cursor:pointer;background-color:#f6f7f9}.gux-field.gux-input-field{height:30px}.gux-field .gux-field-content{display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;min-width:0;height:100%}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;height:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;width:100%;color:transparent;caret-color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:#596373}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:#596373}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:16px;height:16px;padding-left:8px;color:#596373}.gux-target-container-expanded{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-expanded:focus-within{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{width:auto;height:30px;padding:0 0 0 8px;margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-collapsed .gux-field-button:focus{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-listbox-container{box-sizing:border-box;margin:0;color:#2e394c}";const E={noMatches:"No matches"},L=class{constructor(e){t(this,e),this.internallistboxoptionsupdated=n(this,"internallistboxoptionsupdated",7),this.filter="",this.listboxOptions=[]}onFocus(){var t;p(t=this.root,function(t){return f(t).find((t=>t.hovered&&!t.disabled&&!t.filtered))}(t)||function(t){return f(t).find((t=>t.selected&&!t.disabled&&!t.filtered))}(t)||b(t))}onBlur(){v(this.root)}onKeydown(t){switch(t.key){case"Enter":return t.preventDefault(),void k(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(function(t){if(m(t)){let e=g(t).nextElementSibling;for(;e&&(e.disabled||e.filtered);)e=e.nextElementSibling;return Boolean(e)}return!1}(this.root)?(t.stopPropagation(),e=this.root,p(e,function(t){if(m(t)){let e=g(t).nextElementSibling;for(;e&&(e.disabled||e.filtered);)e=e.nextElementSibling;return e}return b(t)}(e))):y(this.root));case"ArrowUp":return t.preventDefault(),void(function(t){if(m(t)){let e=g(t).previousElementSibling;for(;e&&(e.disabled||e.filtered);)e=e.previousElementSibling;return Boolean(e)}return!1}(this.root)?(t.stopPropagation(),function(t){p(t,function(t){if(m(t)){let e=g(t).previousElementSibling;for(;e&&(e.disabled||e.filtered);)e=e.previousElementSibling;return e}return b(t)}(t))}(this.root)):F(this.root));case"Home":return t.preventDefault(),void y(this.root);case"End":return t.preventDefault(),void F(this.root);case" ":return void t.preventDefault()}var e;1!==t.key.length||function(t,e){clearTimeout(j),A+=e,j=setTimeout((()=>{!function(t){const e=w(t,A);e?p(t,e):v(t)}(t),A=""}),250)}(this.root,t.key)}onKeyup(t){switch(t.key){case" ":return void k(this.root,(t=>this.updateValue(t)))}}onMousemove(){v(this.root)}onClick(t){d("gux-option",t,(t=>{!function(t,e){e(t.value)}(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){k(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.listboxOptions=Array.from(this.root.children),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t,a(this.root,"input"),a(this.root,"change"))}async componentWillLoad(){l(this.root),this.i18n=await u(this.root,E),this.setListboxOptions()}componentDidLoad(){this.root.getAttribute("aria-label")||this.root.getAttribute("aria-labelledby")||c("gux-listbox","`gux-listbox` requires a label. Either provide a label and associate it with the listbox using `aria-labelledby` or add an `aria-label` attribute to the gux-listbox element.")}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,t.filtered=!t.textContent.toLowerCase().startsWith(this.filter.toLowerCase())})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length,this.filter&&y(this.root)}renderAllListboxOptionsFiltered(){if(this.allListboxOptionsFiltered)return i("div",{class:"gux-no-matches"},this.i18n("noMatches"))}render(){return i(s,{role:"listbox",tabindex:0},i("slot",{onSlotchange:()=>this.setListboxOptions()}),this.renderAllListboxOptionsFiltered())}get root(){return o(this)}};L.style=":host{box-sizing:border-box;display:block;max-height:20rem;padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;outline:none}:host(:focus){outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-no-matches{box-sizing:border-box;height:32px;padding:8px 16px;color:#2e394c}";const T=class{constructor(e){t(this,e),this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hovered=!1}onmouseenter(){this.hovered=!0}onMouseleave(){this.hovered=!1}componentWillLoad(){this.root.id=this.root.id||h("gux-option")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}render(){return i(s,{role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled,"gux-filtered":this.filtered,"gux-hovered":this.hovered,"gux-selected":this.selected},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},i("slot",null))}get root(){return o(this)}};T.style="gux-option{box-sizing:border-box;display:flex;min-height:32px;padding:8px 16px;color:#2e394c;word-wrap:break-word;cursor:pointer}gux-option.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}gux-option.gux-selected{background:#deeaff}gux-option.gux-active,gux-option.gux-hovered:not([disabled]){color:#fdfdfd;background:#2a60c8}gux-option.gux-filtered{display:none}";export{B as gux_dropdown,L as gux_listbox,T as gux_option}
1
+ import{r as t,f as e,h as i,g as o,c as n,H as s}from"./p-a085b143.js";import{O as r}from"./p-5ca81424.js";import{b as u}from"./p-2548bdad.js";import{s as a}from"./p-d176c2ae.js";import{t as l}from"./p-c0fe1fe7.js";import{w as d}from"./p-76ff3e75.js";import{l as c}from"./p-3184268e.js";import{r as h}from"./p-cbcbd1bb.js";import"./p-8a133b9b.js";const x={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};function f(t){return Array.from(t.children)}function g(t){return f(t).find((t=>t.active))}function p(t,e){e&&(f(t).forEach((i=>{const o=!(i.disabled&&i.filtered||i!==e);i.active=o,o&&t.setAttribute("aria-activedescendant",i.id)})),e.scrollIntoView({block:"nearest"}))}function b(t){let e=f(t)[0];for(;e&&(e.disabled||e.filtered);)e=e.nextElementSibling;return e}function m(t){return Boolean(g(t))}function w(t,e){return f(t).find((t=>(!t.disabled||!t.filtered)&&t.textContent.toLowerCase().startsWith(e.toLowerCase())))}function v(t){f(t).forEach((t=>{t.active=!1}))}function y(t){p(t,b(t))}function F(t){p(t,function(t){const e=f(t);let i=e[e.length-1];for(;i&&(i.disabled||i.filtered);)i=i.previousElementSibling;return i}(t))}function k(t,e){m(t)&&e(g(t).value)}let j,A="";const B=class{constructor(e){t(this,e),this.disabled=!1,this.filterable=!1,this.expanded=!1,this.filter=""}focusSelectedItemAfterRender(t){t&&this.listboxElement&&requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.listboxElement.focus(),this.filterable&&this.filterElement.focus()}))})),t||(this.filter="")}validateValue(t){void 0!==t?this.getOptionElementByValue(t)?this.listboxElement.value=t:this.value=void 0:this.listboxElement.value=t}onKeydown(t){switch(t.key){case"Escape":return this.filterable&&document.activeElement===this.listboxElement?this.filterElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.filterElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),e(this.root)}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}async componentWillLoad(){l(this.root),this.i18n=await u(this.root,x),this.listboxElement=this.root.querySelector("gux-listbox"),this.validateValue(this.value)}componentDidLoad(){this.listboxElement.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),this.listboxElement.addEventListener("change",(t=>{t.stopPropagation()}))}componentWillRender(){this.validateValue(this.value),this.listboxElement.filter=this.filter}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=this.root.querySelectorAll("gux-option");return Array.from(e).find((e=>e.value===t))}fieldButtonClick(){this.expanded=!this.expanded}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.filterable&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.filterable&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":return t.stopImmediatePropagation(),void this.listboxElement.focus();case"Enter":return this.listboxElement.guxSelectActive(),void t.preventDefault()}}filterKeyup(t){switch(t.key){case" ":return void t.preventDefault()}}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,this.collapseListbox("focusFieldButton"),a(this.root,"input"),a(this.root,"change"))}getSuggestionText(t){const e=t.length;if(e>0){const i=w(this.listboxElement,t);if(i)return i.textContent.substring(e)}return""}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?i("div",{class:"gux-selected-option"},t.textContent):i("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderFilterInputField(){if(this.expanded&&this.filterable)return i("div",{class:"gux-field gux-input-field"},i("div",{class:"gux-field-content"},i("div",{class:"gux-filter"},i("div",{class:"gux-filter-display"},i("span",{class:"gux-filter-text"},this.filter),i("span",{class:"gux-filter-suggestion"},this.getSuggestionText(this.filter))),i("div",{class:"input-and-dropdown-button"},i("input",{onClick:this.fieldButtonClick.bind(this),class:"gux-filter-input",type:"text","aria-label":this.i18n("filterResults"),ref:t=>this.filterElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this)})))))}renderPopup(){return i("div",{slot:"popup",class:"gux-listbox-container"},i("slot",null))}renderTarget(){return i("div",{class:{"gux-target-container-expanded":this.expanded&&this.filterable,"gux-target-container-collapsed":!(this.expanded&&this.filterable)},slot:"target"},this.renderFilterInputField(),i("button",{type:"button",class:"gux-field gux-field-button",disabled:this.disabled,onClick:this.fieldButtonClick.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),i("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:"chevron-small-down"})))}renderTargetContent(){if(!this.expanded||!this.filterable)return i("div",{class:"gux-field-content"},this.renderTargetDisplay())}render(){return i("gux-popup",{expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return o(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],value:["validateValue"]}}};(function(t,e,i,o){var n,s=arguments.length,r=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var u=t.length-1;u>=0;u--)(n=t[u])&&(r=(s<3?n(r):s>3?n(e,i,r):n(e,i))||r);s>3&&r&&Object.defineProperty(e,i,r)})([r({triggerEvents:"mousedown"})],B.prototype,"onClickOutside",null),B.style=":host{color:#2e394c}.gux-field,.gux-target-container-expanded{all:unset;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:6px 8px 6px 6px;font-family:inherit;font-size:12px;line-height:1.6667;cursor:pointer;background-color:#f6f7f9}.gux-field.gux-input-field{height:30px}.gux-field .gux-field-content{display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;min-width:0;height:100%}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;height:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;width:100%;color:transparent;caret-color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:#596373}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:#596373}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:16px;height:16px;padding-left:8px;color:#596373}.gux-target-container-expanded{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-expanded:focus-within{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{width:auto;height:30px;padding:0 0 0 8px;margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-collapsed .gux-field-button:focus{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-listbox-container{box-sizing:border-box;margin:0;color:#2e394c}";const E={noMatches:"No matches"},L=class{constructor(e){t(this,e),this.internallistboxoptionsupdated=n(this,"internallistboxoptionsupdated",7),this.filter="",this.listboxOptions=[]}onFocus(){var t;p(t=this.root,function(t){return f(t).find((t=>t.hovered&&!t.disabled&&!t.filtered))}(t)||function(t){return f(t).find((t=>t.selected&&!t.disabled&&!t.filtered))}(t)||b(t))}onBlur(){v(this.root)}onKeydown(t){switch(t.key){case"Enter":return t.preventDefault(),void k(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(function(t){if(m(t)){let e=g(t).nextElementSibling;for(;e&&(e.disabled||e.filtered);)e=e.nextElementSibling;return Boolean(e)}return!1}(this.root)?(t.stopPropagation(),e=this.root,p(e,function(t){if(m(t)){let e=g(t).nextElementSibling;for(;e&&(e.disabled||e.filtered);)e=e.nextElementSibling;return e}return b(t)}(e))):y(this.root));case"ArrowUp":return t.preventDefault(),void(function(t){if(m(t)){let e=g(t).previousElementSibling;for(;e&&(e.disabled||e.filtered);)e=e.previousElementSibling;return Boolean(e)}return!1}(this.root)?(t.stopPropagation(),function(t){p(t,function(t){if(m(t)){let e=g(t).previousElementSibling;for(;e&&(e.disabled||e.filtered);)e=e.previousElementSibling;return e}return b(t)}(t))}(this.root)):F(this.root));case"Home":return t.preventDefault(),void y(this.root);case"End":return t.preventDefault(),void F(this.root);case" ":return void t.preventDefault()}var e;1!==t.key.length||function(t,e){clearTimeout(j),A+=e,j=setTimeout((()=>{!function(t){const e=w(t,A);e?p(t,e):v(t)}(t),A=""}),250)}(this.root,t.key)}onKeyup(t){switch(t.key){case" ":return void k(this.root,(t=>this.updateValue(t)))}}onMousemove(){v(this.root)}onClick(t){d("gux-option",t,(t=>{!function(t,e){e(t.value)}(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){k(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.listboxOptions=Array.from(this.root.children),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t,a(this.root,"input"),a(this.root,"change"))}async componentWillLoad(){l(this.root),this.i18n=await u(this.root,E),this.setListboxOptions()}componentDidLoad(){this.root.getAttribute("aria-label")||this.root.getAttribute("aria-labelledby")||c("gux-listbox","`gux-listbox` requires a label. Either provide a label and associate it with the listbox using `aria-labelledby` or add an `aria-label` attribute to the gux-listbox element.")}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,t.filtered=!t.textContent.toLowerCase().startsWith(this.filter.toLowerCase())})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length,this.filter&&y(this.root)}renderAllListboxOptionsFiltered(){if(this.allListboxOptionsFiltered)return i("div",{class:"gux-no-matches"},this.i18n("noMatches"))}render(){return i(s,{role:"listbox",tabindex:0},i("slot",{onSlotchange:()=>this.setListboxOptions()}),this.renderAllListboxOptionsFiltered())}get root(){return o(this)}};L.style=":host{box-sizing:border-box;display:block;max-height:20rem;padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;outline:none}:host(:focus){outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-no-matches{box-sizing:border-box;height:32px;padding:8px 16px;color:#2e394c}";const T=class{constructor(e){t(this,e),this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hovered=!1}onmouseenter(){this.hovered=!0}onMouseleave(){this.hovered=!1}componentWillLoad(){this.root.id=this.root.id||h("gux-option")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}render(){return i(s,{role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled,"gux-filtered":this.filtered,"gux-hovered":this.hovered,"gux-selected":this.selected},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},i("slot",null))}get root(){return o(this)}};T.style="gux-option{box-sizing:border-box;display:flex;min-height:32px;padding:8px 16px;color:#2e394c;word-wrap:break-word;cursor:pointer}gux-option.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}gux-option.gux-selected{background:#deeaff}gux-option.gux-active,gux-option.gux-hovered:not([disabled]){color:#fdfdfd;background:#2a60c8}gux-option.gux-filtered{display:none}";export{B as gux_dropdown,L as gux_listbox,T as gux_option}
@@ -6,7 +6,7 @@
6
6
  */
7
7
  import { defineCustomElements } from '../dist/loader';
8
8
  // Value templated out during build process (see scripts/wrap-stencil.js)
9
- const CDN_URL = '/spark-components/build-assets/3.2.0-32/';
9
+ const CDN_URL = '/spark-components/build-assets/3.3.0-34/';
10
10
  export function registerElements() {
11
11
  if (CDN_URL) {
12
12
  defineCustomElements(window, { resourcesUrl: CDN_URL });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "genesys-spark-components",
3
- "version": "3.3.0",
3
+ "version": "3.3.1",
4
4
  "description": "Common webcomponents",
5
5
  "license": "MIT",
6
6
  "main": "dist/stencil-wrapper.js",
@@ -1 +0,0 @@
1
- import{r,h as s,g as t}from"./p-a085b143.js";import{t as a}from"./p-1bba8576.js";const e=class{constructor(s){r(this,s)}componentWillLoad(){a(this.root)}render(){return s("gux-radial-loading",{class:"gux-spinner","screenreader-text":this.screenreaderText,context:"full-page"})}get root(){return t(this)}};e.style=":host{display:flex}.gux-spinner{margin:auto}";export{e as gux_page_loading_spinner}