@aurodesignsystem/auro-formkit 1.6.0-beta.5 → 1.6.0-beta.7

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 (201) hide show
  1. package/.turbo/cache/01de6ab3df8b7e1e-meta.json +1 -0
  2. package/.turbo/cache/{754a6b5c5ce1ed00.tar.zst → 01de6ab3df8b7e1e.tar.zst} +0 -0
  3. package/.turbo/cache/10feda0f037804bb-meta.json +1 -1
  4. package/.turbo/cache/11079d2746265545-meta.json +1 -0
  5. package/.turbo/cache/11079d2746265545.tar.zst +0 -0
  6. package/.turbo/cache/115c4b73a12f5275-meta.json +1 -0
  7. package/.turbo/cache/144e8e78657bf800-meta.json +1 -1
  8. package/.turbo/cache/18939b2c7c83b163-meta.json +1 -1
  9. package/.turbo/cache/1de685df0eaa39c8-meta.json +1 -1
  10. package/.turbo/cache/1ec139dcf090d547-meta.json +1 -0
  11. package/.turbo/cache/1f53ce3a28c56cdf-meta.json +1 -1
  12. package/.turbo/cache/23bf100310bd9f5a-meta.json +1 -1
  13. package/.turbo/cache/2900e7ec28e1488f-meta.json +1 -1
  14. package/.turbo/cache/296074aadfa2f8c9-meta.json +1 -1
  15. package/.turbo/cache/296074aadfa2f8c9.tar.zst +0 -0
  16. package/.turbo/cache/29e29355bf6fb4fd-meta.json +1 -1
  17. package/.turbo/cache/2cbcbc4a17387253-meta.json +1 -0
  18. package/.turbo/cache/2cbcbc4a17387253.tar.zst +0 -0
  19. package/.turbo/cache/2f6c898fbb51e995-meta.json +1 -0
  20. package/.turbo/cache/2f6c898fbb51e995.tar.zst +0 -0
  21. package/.turbo/cache/3073b96f6e4d867c-meta.json +1 -1
  22. package/.turbo/cache/33466ea2930c3714-meta.json +1 -1
  23. package/.turbo/cache/3426941a74b0731e-meta.json +1 -0
  24. package/.turbo/cache/3426941a74b0731e.tar.zst +0 -0
  25. package/.turbo/cache/38b0799e2f7e62c5-meta.json +1 -0
  26. package/.turbo/cache/38b0799e2f7e62c5.tar.zst +0 -0
  27. package/.turbo/cache/3fbc89f461c495db-meta.json +1 -0
  28. package/.turbo/cache/3fbc89f461c495db.tar.zst +0 -0
  29. package/.turbo/cache/451e562c76f74ec6-meta.json +1 -1
  30. package/.turbo/cache/4520919609c97850-meta.json +1 -1
  31. package/.turbo/cache/452908d0b0b676bc-meta.json +1 -1
  32. package/.turbo/cache/48c197e39ed31fd2-meta.json +1 -1
  33. package/.turbo/cache/48c197e39ed31fd2.tar.zst +0 -0
  34. package/.turbo/cache/5058ecc7f1e34496-meta.json +1 -1
  35. package/.turbo/cache/5a66a99aa1344401-meta.json +1 -1
  36. package/.turbo/cache/5b66ce21630716cc-meta.json +1 -1
  37. package/.turbo/cache/6002b76d50b8d1ff-meta.json +1 -0
  38. package/.turbo/cache/6002b76d50b8d1ff.tar.zst +0 -0
  39. package/.turbo/cache/627e964e19b2bda5-meta.json +1 -0
  40. package/.turbo/cache/{3ac4a22a21bdc2be.tar.zst → 627e964e19b2bda5.tar.zst} +0 -0
  41. package/.turbo/cache/6907ebaae4f3a96b-meta.json +1 -0
  42. package/.turbo/cache/6907ebaae4f3a96b.tar.zst +0 -0
  43. package/.turbo/cache/6f7175be597945f7-meta.json +1 -0
  44. package/.turbo/cache/6f7175be597945f7.tar.zst +0 -0
  45. package/.turbo/cache/70d7b72f15ee97a4-meta.json +1 -1
  46. package/.turbo/cache/7cfdc01c415c836c-meta.json +1 -0
  47. package/.turbo/cache/7cfdc01c415c836c.tar.zst +0 -0
  48. package/.turbo/cache/897b0d8a0c301207-meta.json +1 -1
  49. package/.turbo/cache/8b7cdb9a0d4c3112-meta.json +1 -1
  50. package/.turbo/cache/8e1f402b247ebed6-meta.json +1 -1
  51. package/.turbo/cache/8e1f402b247ebed6.tar.zst +0 -0
  52. package/.turbo/cache/90b8d9ccef5e09aa-meta.json +1 -0
  53. package/.turbo/cache/90b8d9ccef5e09aa.tar.zst +0 -0
  54. package/.turbo/cache/936bccb44ade3650-meta.json +1 -0
  55. package/.turbo/cache/936bccb44ade3650.tar.zst +0 -0
  56. package/.turbo/cache/94bcc4c6536ada9d-meta.json +1 -0
  57. package/.turbo/cache/94bcc4c6536ada9d.tar.zst +0 -0
  58. package/.turbo/cache/990b9def0e83d33c-meta.json +1 -0
  59. package/.turbo/cache/990b9def0e83d33c.tar.zst +0 -0
  60. package/.turbo/cache/a532f4b8302ca13e-meta.json +1 -0
  61. package/.turbo/cache/a532f4b8302ca13e.tar.zst +0 -0
  62. package/.turbo/cache/a7bf477bbdabc7bc-meta.json +1 -1
  63. package/.turbo/cache/a90aa34f427a2f62-meta.json +1 -1
  64. package/.turbo/cache/aedda428051043c4-meta.json +1 -0
  65. package/.turbo/cache/aedda428051043c4.tar.zst +0 -0
  66. package/.turbo/cache/afc38ab505ef6dbb-meta.json +1 -0
  67. package/.turbo/cache/{2ca214d032893e74.tar.zst → afc38ab505ef6dbb.tar.zst} +0 -0
  68. package/.turbo/cache/b1ed317b29e85c9d-meta.json +1 -0
  69. package/.turbo/cache/b1ed317b29e85c9d.tar.zst +0 -0
  70. package/.turbo/cache/b61416daf63fbaad-meta.json +1 -1
  71. package/.turbo/cache/b76edfbd1c076b0a-meta.json +1 -0
  72. package/.turbo/cache/b76edfbd1c076b0a.tar.zst +0 -0
  73. package/.turbo/cache/b9463532618cdc61-meta.json +1 -1
  74. package/.turbo/cache/bb3afea40c91e8ba-meta.json +1 -1
  75. package/.turbo/cache/c4df38a7e2cc767a-meta.json +1 -0
  76. package/.turbo/cache/{77bf3068f493ef24.tar.zst → c4df38a7e2cc767a.tar.zst} +0 -0
  77. package/.turbo/cache/c63dc7b6157da70b-meta.json +1 -1
  78. package/.turbo/cache/c8b63b6e8a190eb9-meta.json +1 -1
  79. package/.turbo/cache/d35b1eee9f2881af-meta.json +1 -1
  80. package/.turbo/cache/d5188c0fbe45d578-meta.json +1 -1
  81. package/.turbo/cache/e4b3ec56d4ae56ba-meta.json +1 -1
  82. package/.turbo/cache/e6f030eddf6fbf4e-meta.json +1 -1
  83. package/.turbo/cache/ff7e6d09efd93145-meta.json +1 -1
  84. package/.turbo/cache/ff7e6d09efd93145.tar.zst +0 -0
  85. package/CHANGELOG.md +26 -0
  86. package/components/checkbox/.turbo/turbo-build.log +3 -3
  87. package/components/checkbox/.turbo/turbo-bundler.log +3 -3
  88. package/components/combobox/.turbo/turbo-build.log +6 -3
  89. package/components/combobox/demo/api.html +1 -0
  90. package/components/combobox/demo/api.js +2 -0
  91. package/components/combobox/demo/api.md +73 -0
  92. package/components/combobox/demo/api.min.js +966 -833
  93. package/components/combobox/demo/index.min.js +931 -837
  94. package/components/combobox/dist/auro-combobox.d.ts +20 -0
  95. package/components/combobox/dist/auro-combobox.d.ts.map +1 -1
  96. package/components/combobox/dist/index.js +69 -27
  97. package/components/combobox/src/auro-combobox.js +60 -23
  98. package/components/counter/.turbo/turbo-build.log +3 -3
  99. package/components/counter/.turbo/turbo-bundler.log +3 -3
  100. package/components/counter/demo/api.md +1053 -0
  101. package/components/datepicker/demo/api.min.js +10 -4
  102. package/components/datepicker/demo/index.min.js +10 -4
  103. package/components/datepicker/dist/auro-datepicker.d.ts.map +1 -1
  104. package/components/datepicker/dist/index.js +10 -4
  105. package/components/datepicker/src/auro-datepicker.js +1 -0
  106. package/components/dropdown/.turbo/turbo-build.log +7 -7
  107. package/components/dropdown/.turbo/turbo-bundler.log +3 -3
  108. package/components/dropdown/demo/api.html +2 -0
  109. package/components/dropdown/demo/api.md +47 -41
  110. package/components/dropdown/demo/api.min.js +9 -4
  111. package/components/dropdown/demo/index.md +97 -53
  112. package/components/dropdown/demo/index.min.js +9 -4
  113. package/components/dropdown/dist/auro-dropdown.d.ts +7 -2
  114. package/components/dropdown/dist/auro-dropdown.d.ts.map +1 -1
  115. package/components/dropdown/dist/index.js +9 -4
  116. package/components/dropdown/src/auro-dropdown.js +7 -2
  117. package/components/dropdown/src/styles/bibStyles-css.js +1 -1
  118. package/components/dropdown/src/styles/bibStyles.css +2 -2
  119. package/components/dropdown/src/styles/bibStyles.scss +2 -2
  120. package/components/dropdown/src/styles/style-css.js +1 -1
  121. package/components/dropdown/src/styles/style.css +6 -0
  122. package/components/dropdown/src/styles/style.scss +6 -0
  123. package/components/form/.turbo/turbo-build.log +3 -3
  124. package/components/form/.turbo/turbo-bundler.log +3 -3
  125. package/components/input/.turbo/turbo-build.log +3 -3
  126. package/components/input/.turbo/turbo-bundler.log +3 -3
  127. package/components/menu/.turbo/turbo-build.log +6 -3
  128. package/components/menu/.turbo/turbo-bundler.log +3 -3
  129. package/components/menu/demo/api.html +2 -0
  130. package/components/menu/demo/api.js +2 -0
  131. package/components/menu/demo/api.md +164 -22
  132. package/components/menu/demo/api.min.js +912 -853
  133. package/components/menu/demo/index.min.js +905 -853
  134. package/components/menu/dist/auro-menu.d.ts +28 -2
  135. package/components/menu/dist/auro-menu.d.ts.map +1 -1
  136. package/components/menu/dist/auro-menuoption.d.ts +1 -1
  137. package/components/menu/dist/index.js +905 -853
  138. package/components/menu/src/auro-menu.js +57 -7
  139. package/components/menu/src/auro-menuoption.js +1 -1
  140. package/components/menu/src/styles/style-menu-css.js +1 -1
  141. package/components/menu/src/styles/style-menu.css +21 -3
  142. package/components/menu/src/styles/style-menu.scss +25 -3
  143. package/components/radio/.turbo/turbo-build.log +3 -3
  144. package/components/radio/.turbo/turbo-bundler.log +3 -3
  145. package/components/select/.turbo/turbo-build.log +6 -3
  146. package/components/select/demo/api.html +1 -0
  147. package/components/select/demo/api.js +2 -0
  148. package/components/select/demo/api.md +66 -0
  149. package/components/select/demo/api.min.js +938 -816
  150. package/components/select/demo/index.min.js +905 -815
  151. package/components/select/dist/auro-select.d.ts +19 -0
  152. package/components/select/dist/auro-select.d.ts.map +1 -1
  153. package/components/select/dist/index.js +42 -4
  154. package/components/select/src/auro-select.js +33 -0
  155. package/package.json +1 -1
  156. package/packages/build-tools/src/docProcessor.mjs +4 -4
  157. package/packages/build-tools/src/kitDocProcessor.mjs +4 -4
  158. package/.turbo/cache/01aa76a50fa4c8ad-meta.json +0 -1
  159. package/.turbo/cache/01aa76a50fa4c8ad.tar.zst +0 -0
  160. package/.turbo/cache/05be1236a4cd5e72-meta.json +0 -1
  161. package/.turbo/cache/05be1236a4cd5e72.tar.zst +0 -0
  162. package/.turbo/cache/1f3b6e5b310ff590-meta.json +0 -1
  163. package/.turbo/cache/1f3b6e5b310ff590.tar.zst +0 -0
  164. package/.turbo/cache/2ca214d032893e74-meta.json +0 -1
  165. package/.turbo/cache/2dd00eb6e255bd02-meta.json +0 -1
  166. package/.turbo/cache/2dd00eb6e255bd02.tar.zst +0 -0
  167. package/.turbo/cache/3792d285b464b3e6-meta.json +0 -1
  168. package/.turbo/cache/3792d285b464b3e6.tar.zst +0 -0
  169. package/.turbo/cache/38030191e9c3ecd0-meta.json +0 -1
  170. package/.turbo/cache/38030191e9c3ecd0.tar.zst +0 -0
  171. package/.turbo/cache/3ac4a22a21bdc2be-meta.json +0 -1
  172. package/.turbo/cache/54475627b302de03-meta.json +0 -1
  173. package/.turbo/cache/54475627b302de03.tar.zst +0 -0
  174. package/.turbo/cache/5d064e768a262314-meta.json +0 -1
  175. package/.turbo/cache/5d064e768a262314.tar.zst +0 -0
  176. package/.turbo/cache/5f324af6052902f3-meta.json +0 -1
  177. package/.turbo/cache/6bc6e817c13e2b9d-meta.json +0 -1
  178. package/.turbo/cache/6bc6e817c13e2b9d.tar.zst +0 -0
  179. package/.turbo/cache/6f2c238248445944-meta.json +0 -1
  180. package/.turbo/cache/754a6b5c5ce1ed00-meta.json +0 -1
  181. package/.turbo/cache/77bf3068f493ef24-meta.json +0 -1
  182. package/.turbo/cache/7ddb7ace73fe6ec2-meta.json +0 -1
  183. package/.turbo/cache/7ddb7ace73fe6ec2.tar.zst +0 -0
  184. package/.turbo/cache/8a47fd250364f95a-meta.json +0 -1
  185. package/.turbo/cache/8a47fd250364f95a.tar.zst +0 -0
  186. package/.turbo/cache/9135f474c69d1b3c-meta.json +0 -1
  187. package/.turbo/cache/9135f474c69d1b3c.tar.zst +0 -0
  188. package/.turbo/cache/9a7ab914e08ce75f-meta.json +0 -1
  189. package/.turbo/cache/9a7ab914e08ce75f.tar.zst +0 -0
  190. package/.turbo/cache/ae152fd876a6f549-meta.json +0 -1
  191. package/.turbo/cache/ae152fd876a6f549.tar.zst +0 -0
  192. package/.turbo/cache/d8bd6f80733c28af-meta.json +0 -1
  193. package/.turbo/cache/d8bd6f80733c28af.tar.zst +0 -0
  194. package/.turbo/cache/dce6f67be2b63c18-meta.json +0 -1
  195. package/.turbo/cache/dce6f67be2b63c18.tar.zst +0 -0
  196. package/.turbo/cache/dfe3a7b21c7fcb08-meta.json +0 -1
  197. package/.turbo/cache/dfe3a7b21c7fcb08.tar.zst +0 -0
  198. package/.turbo/cache/f8664d3dce006bdf-meta.json +0 -1
  199. package/.turbo/cache/f8664d3dce006bdf.tar.zst +0 -0
  200. /package/.turbo/cache/{6f2c238248445944.tar.zst → 115c4b73a12f5275.tar.zst} +0 -0
  201. /package/.turbo/cache/{5f324af6052902f3.tar.zst → 1ec139dcf090d547.tar.zst} +0 -0
@@ -112,6 +112,10 @@ export class AuroSelect extends LitElement {
112
112
  * @private
113
113
  */
114
114
  private dropdownTag;
115
+ /**
116
+ * @private
117
+ */
118
+ private isHiddenWhileLoading;
115
119
  /**
116
120
  * @private
117
121
  * @returns {void} Internal defaults.
@@ -148,6 +152,21 @@ export class AuroSelect extends LitElement {
148
152
  * @returns {void}
149
153
  */
150
154
  private configureSelect;
155
+ /**
156
+ * Manages the visibility of the dropdown based on loading state changes.
157
+ *
158
+ * This method listens for loading state changes and adjusts the visibility of the dropdown accordingly.
159
+ * If the dropdown is visible and loading is true without any loading placeholders, it hides the dropdown
160
+ * and sets a flag to indicate it is hidden while loading. If loading is false and the dropdown was previously
161
+ * hidden, it checks if the active element is within the dropdown and shows it again if true.
162
+ *
163
+ * @private
164
+ * @param {CustomEvent} event - The event object containing details about the loading state change.
165
+ * @param {boolean} event.detail.loading - Indicates whether the menu is currently loading.
166
+ * @param {boolean} event.detail.hasLoadingPlaceholder - Indicates if there are loading placeholders present.
167
+ * @returns {void}
168
+ */
169
+ private handleMenuLoadingChange;
151
170
  /**
152
171
  * Function to support @focusin event.
153
172
  * @private
@@ -1 +1 @@
1
- {"version":3,"file":"auro-select.d.ts","sourceRoot":"","sources":["../src/auro-select.js"],"names":[],"mappings":"AAwBA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAGH;IAoDE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAiDI;;WAEG;;;;QAGH;;WAEG;;;;MAGN;IAED,+CAMC;IAmBD;;;;;;;OAOG;IACH,uBANW,MAAM,QAQhB;IAhJC,oBAAyC;IACzC,oBAA+B;IAC/B,iBAAyB;IAMzB;;OAEG;IACH,iBAEuC;IAEvC;;OAEG;IACH,mBAA0C;IAE1C;;OAEG;IACH,qBAAiD;IAOjD;;OAEG;IACH,oBAAyF;IAG3F;;;OAGG;IACH,wBAGC;IAFC,2BAAiB;IACjB,kBAAwB;IA2E1B;;;;OAIG;IACH,0BAUC;IATC,cAA4E;IAC5E,iBAA8D;IAsBhE;;;;;OAKG;IACH,6BAyBC;IAED;;;;OAIG;IACH,sBA0DC;IAzDC,cAAwD;IAmBtD,WAAsC;IAwC1C;;;;OAIG;IACH,wBA4CC;IAED;;;;OAIG;IACH,sBAYC;IAED;;;;OAIG;IACH,6BAMC;IA4BD,qBAYC;IAED,sCAqBC;IAED;;;;OAIG;IACH,mBAkCC;IAMD,4CA+CC;CACF;2BAhhB0B,KAAK"}
1
+ {"version":3,"file":"auro-select.d.ts","sourceRoot":"","sources":["../src/auro-select.js"],"names":[],"mappings":"AAwBA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAGH;IAyDE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAiDI;;WAEG;;;;QAGH;;WAEG;;;;MAGN;IAED,+CAMC;IAmBD;;;;;;;OAOG;IACH,uBANW,MAAM,QAQhB;IArJC,oBAAyC;IACzC,oBAA+B;IAC/B,iBAAyB;IAMzB;;OAEG;IACH,iBAEuC;IAEvC;;OAEG;IACH,mBAA0C;IAE1C;;OAEG;IACH,qBAAiD;IAOjD;;OAEG;IACH,oBAAyF;IAEzF;;OAEG;IACH,6BAAiC;IAGnC;;;OAGG;IACH,wBAGC;IAFC,2BAAiB;IACjB,kBAAwB;IA2E1B;;;;OAIG;IACH,0BAUC;IATC,cAA4E;IAC5E,iBAA8D;IAsBhE;;;;;OAKG;IACH,6BAyBC;IAED;;;;OAIG;IACH,sBA2DC;IA1DC,cAAwD;IAoBtD,WAAsC;IAwC1C;;;;OAIG;IACH,wBA4CC;IAED;;;;;;;;;;;;;OAaG;IACH,gCAUC;IAED;;;;OAIG;IACH,sBAYC;IAED;;;;OAIG;IACH,6BAMC;IA4BD,qBAYC;IAED,sCAqBC;IAED;;;;OAIG;IACH,mBAkCC;IAMD,4CAgDC;CACF;2BAjjB0B,KAAK"}
@@ -2768,13 +2768,13 @@ class AuroIcon extends BaseIcon {
2768
2768
 
2769
2769
  var iconVersion = '6.1.1';
2770
2770
 
2771
- var styleCss$1 = i$3`:host{position:relative}#bibSizer{position:absolute;z-index:-1;opacity:0;pointer-events:none}.label{font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-text-body-size-default, 1rem);white-space:normal}.trigger{position:relative;display:flex;align-items:center;border-width:1px;border-style:solid}@media(hover: hover){.trigger:hover{cursor:pointer}}.triggerContentWrapper{overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}#showStateIcon{display:flex;height:100%;align-items:center;margin-left:var(--ds-size-100, 0.5rem)}#showStateIcon [auro-icon]{height:var(--ds-size-300, 1.5rem);line-height:var(--ds-size-300, 1.5rem)}#showStateIcon[data-expanded=true] [auro-icon]{transform:rotate(-180deg)}.helpText{margin-top:var(--ds-size-50, 0.25rem);font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-text-body-size-default, 1rem)}:host([matchwidth]) #bibSizer{width:100%}:host([disabled]){pointer-events:none}:host([inset]) .trigger{padding:var(--ds-size-150, 0.75rem) var(--ds-size-200, 1rem)}:host([common]) .trigger,:host([inset][bordered]) .trigger{padding:var(--ds-size-200, 1rem) var(--ds-size-150, 0.75rem)}:host([common]) .trigger,:host([rounded]) .trigger{border-radius:var(--ds-border-radius, 0.375rem)}`;
2771
+ var styleCss$1 = i$3`:host{position:relative;display:inline-block;max-width:100%}:host([fluid]){display:block}#bibSizer{position:absolute;z-index:-1;opacity:0;pointer-events:none}.label{font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-text-body-size-default, 1rem);white-space:normal}.trigger{position:relative;display:flex;align-items:center;border-width:1px;border-style:solid}@media(hover: hover){.trigger:hover{cursor:pointer}}.triggerContentWrapper{overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}#showStateIcon{display:flex;height:100%;align-items:center;margin-left:var(--ds-size-100, 0.5rem)}#showStateIcon [auro-icon]{height:var(--ds-size-300, 1.5rem);line-height:var(--ds-size-300, 1.5rem)}#showStateIcon[data-expanded=true] [auro-icon]{transform:rotate(-180deg)}.helpText{margin-top:var(--ds-size-50, 0.25rem);font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-text-body-size-default, 1rem)}:host([matchwidth]) #bibSizer{width:100%}:host([disabled]){pointer-events:none}:host([inset]) .trigger{padding:var(--ds-size-150, 0.75rem) var(--ds-size-200, 1rem)}:host([common]) .trigger,:host([inset][bordered]) .trigger{padding:var(--ds-size-200, 1rem) var(--ds-size-150, 0.75rem)}:host([common]) .trigger,:host([rounded]) .trigger{border-radius:var(--ds-border-radius, 0.375rem)}`;
2772
2772
 
2773
2773
  var colorCss$1 = i$3`.label{color:var(--ds-auro-dropdown-label-text-color)}.trigger{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-container-color);color:var(--ds-auro-dropdown-trigger-text-color)}.trigger:focus-within,.trigger:active{--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-active-default, #0074c8)}.trigger:focus-within:not(:active){--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-focus-default, #2c67b5);box-shadow:inset 0 0 0 1px var(--ds-color-border-ui-focus-default, #2c67b5)}.trigger:hover{--ds-auro-dropdown-trigger-container-color: var(--ds-color-container-ui-secondary-hover-default, rgba(0, 0, 0, 0.03))}.helpText{color:var(--ds-auro-dropdown-help-text-color)}:host([disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-color-text-ui-disabled-default, #adadad);--ds-auro-dropdown-label-text-color: var(--ds-color-text-ui-disabled-default, #adadad)}:host([common]),:host([bordered]){--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-primary-default, #585e67)}:host([common]) .trigger:active,:host([common]) .trigger:focus-within,:host([bordered]) .trigger:active,:host([bordered]) .trigger:focus-within{--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-focus-default, #2c67b5)}:host([error]){--ds-auro-dropdown-help-text-color: var(--ds-color-text-error-default, #cc1816);--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-error-default, #cc1816)}:host([error]) .trigger{box-shadow:inset 0 0 0 1px var(--ds-auro-dropdown-trigger-border-color)}:host([error]) .trigger:focus-within{--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-focus-default, #2c67b5);box-shadow:none}:host([error]) .trigger:active{--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-focus-default, #2c67b5);box-shadow:inset 0 0 0 1px var(--ds-auro-dropdown-trigger-border-color)}:host([disabled][common]),:host([disabled][bordered]){--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-disabled-default, #adadad)}`;
2774
2774
 
2775
2775
  var tokensCss$2 = i$3`:host{--ds-auro-dropdown-help-text-color: var(--ds-color-text-secondary-default, #525252);--ds-auro-dropdown-label-text-color: var(--ds-color-text-secondary-default, #525252);--ds-auro-dropdown-popover-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-dropdown-popover-border-color: transparent;--ds-auro-dropdown-popover-text-color: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-dropdown-trigger-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-dropdown-trigger-border-color: transparent;--ds-auro-dropdown-trigger-text-color: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-dropdownbib-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-dropdownbib-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-dropdownbib-text-color: var(--ds-color-text-primary-default, #2a2a2a)}`;
2776
2776
 
2777
- var styleCss$3 = i$3`:host{position:absolute;z-index:var(--depth-tooltip, 400);display:none}.container{display:inline-block;overflow:auto;box-sizing:border-box;margin-top:var(--ds-size-50, 0.25rem)}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset}:host([data-show]){display:block}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common]) .container,:host([inset]) .container{padding:var(--ds-size-50, 0.25rem) var(--ds-size-100, 0.5rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}`;
2777
+ var styleCss$3 = i$3`:host{position:absolute;z-index:var(--depth-tooltip, 400);display:none}.container{display:inline-block;overflow:auto;box-sizing:border-box;margin:var(--ds-size-50, 0.25rem) 0}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common]) .container,:host([inset]) .container{padding:var(--ds-size-50, 0.25rem) var(--ds-size-100, 0.5rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}`;
2778
2778
 
2779
2779
  var colorCss$3 = i$3`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
2780
2780
 
@@ -2877,12 +2877,13 @@ if (!customElements.get("auro-dropdownbib")) {
2877
2877
  * @attr { Boolean } disabled - If declared, the dropdown is not interactive.
2878
2878
  * @attr { Boolean } disableEventShow - If declared, the dropdown will only show by calling the API .show() public method.
2879
2879
  * @attr { Boolean } error - If declared in combination with `bordered` property or `helpText` slot content, will apply red color to both.
2880
+ * @attr {Boolean} fluid - Makes the trigger to be full width of its parent container
2880
2881
  * @attr { Boolean } matchWidth - If declared, the popover and trigger will be set to the same width.
2881
2882
  * @attr { Boolean } inset - If declared, will apply padding around trigger slot content.
2882
2883
  * @attr { Boolean } rounded - If declared, will apply border-radius to trigger and default slots.
2883
2884
  * @attr { Boolean } hoverToggle - if declared, the trigger will toggle the big on mouseover/mouseout.
2884
- * @attr { Boolean } noToggle - If declared, the trigger will only show the the dropdown bib.
2885
- * @attr { Boolean } focusShow - if declared, the the bib will display when focus is applied to the trigger.
2885
+ * @attr { Boolean } noToggle - If declared, the trigger will only show the dropdown bib.
2886
+ * @attr { Boolean } focusShow - if declared, the bib will display when focus is applied to the trigger.
2886
2887
  * @attr { Boolean } noHideOnThisFocusLoss - If declared, the dropdown will not hide when moving focus outside the element.
2887
2888
  * @attr { String } mobileFullscreenBreakpoint - Defines the screen size breakpoint (`lg`, `md`, `sm`, or `xs`) at which the dropdown switches to fullscreen mode on mobile. When expanded, the dropdown will automatically display in fullscreen mode if the screen size is equal to or smaller than the selected breakpoint.
2888
2889
  * @prop { Boolean } isPopoverVisible - If true, the dropdown bib is displayed.
@@ -2985,6 +2986,10 @@ class AuroDropdown extends r {
2985
2986
  type: Boolean,
2986
2987
  reflect: true
2987
2988
  },
2989
+ fluid: {
2990
+ type: Boolean,
2991
+ reflect: true,
2992
+ },
2988
2993
  focusShow: {
2989
2994
  type: Boolean,
2990
2995
  reflect: true
@@ -3276,6 +3281,11 @@ class AuroSelect extends r$4 {
3276
3281
  * @private
3277
3282
  */
3278
3283
  this.dropdownTag = versioning.generateTag('auro-dropdown', dropdownVersion, AuroDropdown);
3284
+
3285
+ /**
3286
+ * @private
3287
+ */
3288
+ this.isHiddenWhileLoading = false;
3279
3289
  }
3280
3290
 
3281
3291
  /**
@@ -3428,6 +3438,7 @@ class AuroSelect extends r$4 {
3428
3438
  */
3429
3439
  configureMenu() {
3430
3440
  this.menu = this.querySelector('auro-menu, [auro-menu]');
3441
+ this.menu.addEventListener("auroMenu-loadingChange", (event) => this.handleMenuLoadingChange(event));
3431
3442
  // racing condition on custom-select with custom-menu
3432
3443
  if (!this.menu) {
3433
3444
  setTimeout(() => {
@@ -3537,6 +3548,32 @@ class AuroSelect extends r$4 {
3537
3548
  this.labelForSr();
3538
3549
  }
3539
3550
 
3551
+ /**
3552
+ * Manages the visibility of the dropdown based on loading state changes.
3553
+ *
3554
+ * This method listens for loading state changes and adjusts the visibility of the dropdown accordingly.
3555
+ * If the dropdown is visible and loading is true without any loading placeholders, it hides the dropdown
3556
+ * and sets a flag to indicate it is hidden while loading. If loading is false and the dropdown was previously
3557
+ * hidden, it checks if the active element is within the dropdown and shows it again if true.
3558
+ *
3559
+ * @private
3560
+ * @param {CustomEvent} event - The event object containing details about the loading state change.
3561
+ * @param {boolean} event.detail.loading - Indicates whether the menu is currently loading.
3562
+ * @param {boolean} event.detail.hasLoadingPlaceholder - Indicates if there are loading placeholders present.
3563
+ * @returns {void}
3564
+ */
3565
+ handleMenuLoadingChange(event) {
3566
+ if (this.dropdown.isPopoverVisible && event.detail.loading && !event.detail.hasLoadingPlaceholder) {
3567
+ this.isHiddenWhileLoading = true;
3568
+ this.dropdown.hide();
3569
+ } else if (!event.detail.loading && this.isHiddenWhileLoading) {
3570
+ if (this.contains(document.activeElement)) {
3571
+ this.dropdown.show();
3572
+ }
3573
+ this.isHiddenWhileLoading = false;
3574
+ }
3575
+ }
3576
+
3540
3577
  /**
3541
3578
  * Function to support @focusin event.
3542
3579
  * @private
@@ -3699,6 +3736,7 @@ class AuroSelect extends r$4 {
3699
3736
  for="selectmenu"
3700
3737
  ?error="${this.validity !== undefined && this.validity !== 'valid'}"
3701
3738
  common
3739
+ fluid
3702
3740
  ?matchWidth="${!this.flexMenuWidth}"
3703
3741
  chevron
3704
3742
  part="dropdown">
@@ -85,6 +85,11 @@ export class AuroSelect extends LitElement {
85
85
  * @private
86
86
  */
87
87
  this.dropdownTag = versioning.generateTag('auro-dropdown', dropdownVersion, AuroDropdown);
88
+
89
+ /**
90
+ * @private
91
+ */
92
+ this.isHiddenWhileLoading = false;
88
93
  }
89
94
 
90
95
  /**
@@ -237,6 +242,7 @@ export class AuroSelect extends LitElement {
237
242
  */
238
243
  configureMenu() {
239
244
  this.menu = this.querySelector('auro-menu, [auro-menu]');
245
+ this.menu.addEventListener("auroMenu-loadingChange", (event) => this.handleMenuLoadingChange(event));
240
246
  // racing condition on custom-select with custom-menu
241
247
  if (!this.menu) {
242
248
  setTimeout(() => {
@@ -346,6 +352,32 @@ export class AuroSelect extends LitElement {
346
352
  this.labelForSr();
347
353
  }
348
354
 
355
+ /**
356
+ * Manages the visibility of the dropdown based on loading state changes.
357
+ *
358
+ * This method listens for loading state changes and adjusts the visibility of the dropdown accordingly.
359
+ * If the dropdown is visible and loading is true without any loading placeholders, it hides the dropdown
360
+ * and sets a flag to indicate it is hidden while loading. If loading is false and the dropdown was previously
361
+ * hidden, it checks if the active element is within the dropdown and shows it again if true.
362
+ *
363
+ * @private
364
+ * @param {CustomEvent} event - The event object containing details about the loading state change.
365
+ * @param {boolean} event.detail.loading - Indicates whether the menu is currently loading.
366
+ * @param {boolean} event.detail.hasLoadingPlaceholder - Indicates if there are loading placeholders present.
367
+ * @returns {void}
368
+ */
369
+ handleMenuLoadingChange(event) {
370
+ if (this.dropdown.isPopoverVisible && event.detail.loading && !event.detail.hasLoadingPlaceholder) {
371
+ this.isHiddenWhileLoading = true;
372
+ this.dropdown.hide();
373
+ } else if (!event.detail.loading && this.isHiddenWhileLoading) {
374
+ if (this.contains(document.activeElement)) {
375
+ this.dropdown.show();
376
+ }
377
+ this.isHiddenWhileLoading = false;
378
+ }
379
+ }
380
+
349
381
  /**
350
382
  * Function to support @focusin event.
351
383
  * @private
@@ -508,6 +540,7 @@ export class AuroSelect extends LitElement {
508
540
  for="selectmenu"
509
541
  ?error="${this.validity !== undefined && this.validity !== 'valid'}"
510
542
  common
543
+ fluid
511
544
  ?matchWidth="${!this.flexMenuWidth}"
512
545
  chevron
513
546
  part="dropdown">
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aurodesignsystem/auro-formkit",
3
- "version": "1.6.0-beta.5",
3
+ "version": "1.6.0-beta.7",
4
4
  "description": "A collection of web components used to build forms.",
5
5
  "type": "module",
6
6
  "license": "Apache-2.0",
@@ -9,10 +9,10 @@ import {
9
9
  /**
10
10
  * Processor config object.
11
11
  * @typedef {Object} ProcessorConfig
12
- * @property {String} [component=undefined] - The name of component to process docs.
13
- * @property {boolean} [overwriteLocalCopies=true] - The release version tag to use instead of master.
14
- * @property {string} [remoteReadmeVersion="master"] - The release version tag to use instead of master.
15
- * @property {string} [remoteReadmeVariant=""] - The variant string to use for the README source.
12
+ * @prop {String} [component=undefined] - The name of component to process docs.
13
+ * @prop {boolean} [overwriteLocalCopies=true] - The release version tag to use instead of master.
14
+ * @prop {string} [remoteReadmeVersion="master"] - The release version tag to use instead of master.
15
+ * @prop {string} [remoteReadmeVariant=""] - The variant string to use for the README source.
16
16
  * (like "_esm" to make README_esm.md).
17
17
  */
18
18
 
@@ -8,10 +8,10 @@ import {
8
8
  /**
9
9
  * Processor config object.
10
10
  * @typedef {Object} ProcessorConfig
11
- * @property {String} [component=undefined] - The name of component to process docs.
12
- * @property {boolean} [overwriteLocalCopies=true] - The release version tag to use instead of master.
13
- * @property {string} [remoteReadmeVersion="master"] - The release version tag to use instead of master.
14
- * @property {string} [remoteReadmeVariant=""] - The variant string to use for the README source.
11
+ * @prop {String} [component=undefined] - The name of component to process docs.
12
+ * @prop {boolean} [overwriteLocalCopies=true] - The release version tag to use instead of master.
13
+ * @prop {string} [remoteReadmeVersion="master"] - The release version tag to use instead of master.
14
+ * @prop {string} [remoteReadmeVariant=""] - The variant string to use for the README source.
15
15
  * (like "_esm" to make README_esm.md).
16
16
  */
17
17
 
@@ -1 +0,0 @@
1
- {"hash":"01aa76a50fa4c8ad","duration":3802}
@@ -1 +0,0 @@
1
- {"hash":"05be1236a4cd5e72","duration":18681}
@@ -1 +0,0 @@
1
- {"hash":"1f3b6e5b310ff590","duration":1751}
@@ -1 +0,0 @@
1
- {"hash":"2ca214d032893e74","duration":18910}
@@ -1 +0,0 @@
1
- {"hash":"2dd00eb6e255bd02","duration":1757}
@@ -1 +0,0 @@
1
- {"hash":"3792d285b464b3e6","duration":3420}
@@ -1 +0,0 @@
1
- {"hash":"38030191e9c3ecd0","duration":2742}
@@ -1 +0,0 @@
1
- {"hash":"3ac4a22a21bdc2be","duration":18296}
@@ -1 +0,0 @@
1
- {"hash":"54475627b302de03","duration":18493}
@@ -1 +0,0 @@
1
- {"hash":"5d064e768a262314","duration":6970}
@@ -1 +0,0 @@
1
- {"hash":"5f324af6052902f3","duration":5481}
@@ -1 +0,0 @@
1
- {"hash":"6bc6e817c13e2b9d","duration":9146}
@@ -1 +0,0 @@
1
- {"hash":"6f2c238248445944","duration":20277}
@@ -1 +0,0 @@
1
- {"hash":"754a6b5c5ce1ed00","duration":19134}
@@ -1 +0,0 @@
1
- {"hash":"77bf3068f493ef24","duration":18385}
@@ -1 +0,0 @@
1
- {"hash":"7ddb7ace73fe6ec2","duration":2587}
@@ -1 +0,0 @@
1
- {"hash":"8a47fd250364f95a","duration":5728}
@@ -1 +0,0 @@
1
- {"hash":"9135f474c69d1b3c","duration":1607}
@@ -1 +0,0 @@
1
- {"hash":"9a7ab914e08ce75f","duration":3190}
@@ -1 +0,0 @@
1
- {"hash":"ae152fd876a6f549","duration":7814}
@@ -1 +0,0 @@
1
- {"hash":"d8bd6f80733c28af","duration":3143}
@@ -1 +0,0 @@
1
- {"hash":"dce6f67be2b63c18","duration":675}
@@ -1 +0,0 @@
1
- {"hash":"dfe3a7b21c7fcb08","duration":710}
@@ -1 +0,0 @@
1
- {"hash":"f8664d3dce006bdf","duration":9774}