@xplortech/apollo-core 2.10.0 → 2.11.0

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 (258) hide show
  1. package/.typings/apollo-components.html-data.json +35 -2
  2. package/build/style.css +259 -34
  3. package/dist/apollo-core/apollo-core.css +12 -12
  4. package/dist/apollo-core/apollo-core.esm.js +1 -1
  5. package/dist/apollo-core/{p-728341d2.entry.js → p-048fdde0.entry.js} +1 -1
  6. package/dist/apollo-core/p-0abc496e.entry.js +1 -0
  7. package/dist/apollo-core/{p-23870463.entry.js → p-1442c052.entry.js} +1 -1
  8. package/dist/apollo-core/p-1e498763.entry.js +1 -0
  9. package/dist/apollo-core/p-26c3a508.entry.js +1 -0
  10. package/dist/apollo-core/p-4ce52107.entry.js +1 -0
  11. package/dist/apollo-core/p-6710fb29.entry.js +1 -0
  12. package/dist/apollo-core/p-7e622809.entry.js +1 -0
  13. package/dist/apollo-core/{p-c17b6351.entry.js → p-87068144.entry.js} +1 -1
  14. package/dist/apollo-core/p-BUgtURvw.js +1 -0
  15. package/dist/apollo-core/p-a3b4820a.entry.js +1 -0
  16. package/dist/apollo-core/p-b2d6dd0e.entry.js +1 -0
  17. package/dist/apollo-core/{p-e9e7577f.entry.js → p-bd2249ef.entry.js} +1 -1
  18. package/dist/apollo-core/p-c96b7957.entry.js +1 -0
  19. package/dist/apollo-core/p-d6be63cd.entry.js +1 -0
  20. package/dist/apollo-core/{p-9adf3694.entry.js → p-ddf76cee.entry.js} +1 -1
  21. package/dist/apollo-core/p-f0554edd.entry.js +1 -0
  22. package/dist/cjs/apollo-core.cjs.js +1 -1
  23. package/dist/cjs/index-BaXVr8ux.js +4 -0
  24. package/dist/cjs/lifecycle-Bf3QwiVa.js +70 -0
  25. package/dist/cjs/loader.cjs.js +1 -1
  26. package/dist/cjs/xpl-accordion.cjs.entry.js +2 -2
  27. package/dist/cjs/xpl-application-shell.cjs.entry.js +1 -1
  28. package/dist/cjs/xpl-avatar_54.cjs.entry.js +292 -243
  29. package/dist/cjs/xpl-button-row.cjs.entry.js +1 -1
  30. package/dist/cjs/xpl-calendar.cjs.entry.js +1 -1
  31. package/dist/cjs/xpl-dynamic-table-cell.cjs.entry.js +2 -2
  32. package/dist/cjs/xpl-dynamic-table-row.cjs.entry.js +2 -2
  33. package/dist/cjs/xpl-dynamic-table.cjs.entry.js +1 -1
  34. package/dist/cjs/xpl-grid-item.cjs.entry.js +1 -1
  35. package/dist/cjs/xpl-grid.cjs.entry.js +1 -1
  36. package/dist/cjs/xpl-large-card.cjs.entry.js +1 -1
  37. package/dist/cjs/xpl-main-nav.cjs.entry.js +1 -1
  38. package/dist/cjs/xpl-table-header.cjs.entry.js +1 -1
  39. package/dist/cjs/xpl-toggle.cjs.entry.js +3 -3
  40. package/dist/cjs/xpl-toolbar.cjs.entry.js +2 -2
  41. package/dist/cjs/xpl-top-nav-menu.cjs.entry.js +97 -0
  42. package/dist/collection/collection-manifest.json +1 -0
  43. package/dist/collection/components/xpl-accordion/xpl-accordion.js +2 -2
  44. package/dist/collection/components/xpl-application-shell/xpl-application-shell.js +1 -1
  45. package/dist/collection/components/xpl-backdrop/xpl-backdrop.js +1 -1
  46. package/dist/collection/components/xpl-badge/xpl-badge.js +1 -1
  47. package/dist/collection/components/xpl-banner/xpl-banner.js +2 -2
  48. package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.js +1 -1
  49. package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumbs/xpl-breadcrumbs.js +1 -1
  50. package/dist/collection/components/xpl-button/xpl-button.js +1 -1
  51. package/dist/collection/components/xpl-button-row/xpl-button-row.js +1 -1
  52. package/dist/collection/components/xpl-calendar/xpl-calendar.js +1 -1
  53. package/dist/collection/components/xpl-checkbox/xpl-checkbox.js +3 -3
  54. package/dist/collection/components/xpl-choicelist/xpl-choicelist.js +1 -1
  55. package/dist/collection/components/xpl-content-area/xpl-content-area.js +1 -1
  56. package/dist/collection/components/xpl-dashboard/xpl-dashboard.js +1 -1
  57. package/dist/collection/components/xpl-data-card/xpl-data-card.js +2 -2
  58. package/dist/collection/components/xpl-divider/xpl-divider.js +1 -1
  59. package/dist/collection/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.js +1 -1
  60. package/dist/collection/components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.js +1 -1
  61. package/dist/collection/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.js +2 -2
  62. package/dist/collection/components/xpl-dropdown/xpl-dropdown.js +4 -4
  63. package/dist/collection/components/xpl-dynamic-table/xpl-dynamic-table.js +1 -1
  64. package/dist/collection/components/xpl-dynamic-table-cell/xpl-dynamic-table-cell.js +2 -2
  65. package/dist/collection/components/xpl-dynamic-table-row/xpl-dynamic-table-row.js +2 -2
  66. package/dist/collection/components/xpl-grid/xpl-grid.js +1 -1
  67. package/dist/collection/components/xpl-grid-item/xpl-grid-item.js +1 -1
  68. package/dist/collection/components/xpl-header-accordion/xpl-header-accordion.js +1 -1
  69. package/dist/collection/components/xpl-icon/xpl-icon.js +2 -2
  70. package/dist/collection/components/xpl-input/xpl-input-color/xpl-input-color.js +8 -8
  71. package/dist/collection/components/xpl-input/xpl-input-date/xpl-input-date.js +3 -3
  72. package/dist/collection/components/xpl-input/xpl-input-file/xpl-input-file.js +4 -4
  73. package/dist/collection/components/xpl-input/xpl-input-phone/xpl-input-phone.js +5 -5
  74. package/dist/collection/components/xpl-input/xpl-input-search/xpl-input-search.js +1 -1
  75. package/dist/collection/components/xpl-input/xpl-input-time/xpl-input-time.js +2 -2
  76. package/dist/collection/components/xpl-input/xpl-input.js +2 -2
  77. package/dist/collection/components/xpl-large-card/xpl-large-card.js +1 -1
  78. package/dist/collection/components/xpl-list/xpl-list.js +2 -2
  79. package/dist/collection/components/xpl-main-nav/xpl-main-nav.js +1 -1
  80. package/dist/collection/components/xpl-modal/xpl-modal.js +1 -1
  81. package/dist/collection/components/xpl-nav-item/xpl-nav-item.js +2 -2
  82. package/dist/collection/components/xpl-pagination/xpl-pagination.js +4 -4
  83. package/dist/collection/components/xpl-panel/xpl-panel.js +2 -2
  84. package/dist/collection/components/xpl-popover/xpl-popover.js +4 -4
  85. package/dist/collection/components/xpl-progress-bar/xpl-progress-bar.js +2 -2
  86. package/dist/collection/components/xpl-progress-indicator/xpl-progress-indicator.js +1 -1
  87. package/dist/collection/components/xpl-radio/xpl-radio.js +3 -3
  88. package/dist/collection/components/xpl-secondary-nav/xpl-secondary-nav.js +1 -1
  89. package/dist/collection/components/xpl-select/xpl-select.js +6 -6
  90. package/dist/collection/components/xpl-side-nav/xpl-side-nav-item/xpl-side-nav-item.js +2 -2
  91. package/dist/collection/components/xpl-side-nav/xpl-side-nav.js +2 -2
  92. package/dist/collection/components/xpl-skeleton/xpl-skeleton.js +1 -1
  93. package/dist/collection/components/xpl-slideout/xpl-slideout.js +1 -1
  94. package/dist/collection/components/xpl-tab-panel/xpl-tab-panel.js +2 -2
  95. package/dist/collection/components/xpl-table/xpl-table.js +5 -5
  96. package/dist/collection/components/xpl-table-header/xpl-table-header.js +1 -1
  97. package/dist/collection/components/xpl-tabs/xpl-tabs.js +5 -5
  98. package/dist/collection/components/xpl-tag/xpl-tag.js +2 -2
  99. package/dist/collection/components/xpl-toast/xpl-toast.js +2 -2
  100. package/dist/collection/components/xpl-toggle/xpl-toggle.js +3 -3
  101. package/dist/collection/components/xpl-toolbar/xpl-toolbar.js +2 -2
  102. package/dist/collection/components/xpl-tooltip/xpl-tooltip.js +1 -1
  103. package/dist/collection/components/xpl-top-nav/top-nav-constants.js +1 -0
  104. package/dist/collection/components/xpl-top-nav/top-nav.stories.js +131 -11
  105. package/dist/collection/components/xpl-top-nav/xpl-nav-header-menu/xpl-nav-header-menu.js +2 -2
  106. package/dist/collection/components/xpl-top-nav/xpl-top-nav-item/top-nav-item-constants.js +2 -0
  107. package/dist/collection/components/xpl-top-nav/xpl-top-nav-item/xpl-top-nav-item.js +305 -85
  108. package/dist/collection/components/xpl-top-nav/xpl-top-nav-menu/xpl-top-nav-menu.js +119 -0
  109. package/dist/collection/components/xpl-top-nav/xpl-top-nav.js +11 -5
  110. package/dist/collection/components/xpl-utility-bar/xpl-utility-bar.js +1 -1
  111. package/dist/collection/utils/lifecycle.js +18 -0
  112. package/dist/components/index.d.ts +2 -0
  113. package/dist/components/index.js +1 -1
  114. package/dist/components/p-2xGSxBGa.js +1 -0
  115. package/dist/components/p-B8RYNiz-.js +1 -0
  116. package/dist/components/p-BDWXBWGE.js +1 -0
  117. package/dist/components/{p-Bn-27-xj.js → p-BJqNuBZr.js} +1 -1
  118. package/dist/components/p-BUgtURvw.js +1 -0
  119. package/dist/components/{p-DllC7F-H.js → p-B_sq_SAX.js} +1 -1
  120. package/dist/components/{p-hPUzON4O.js → p-Bsy-VVS5.js} +1 -1
  121. package/dist/components/p-BxHFEnPN.js +1 -0
  122. package/dist/components/{p-B1PBAEzg.js → p-ByJRw26d.js} +1 -1
  123. package/dist/components/{p-DPTHmitJ.js → p-C5_Yo0ZP.js} +1 -1
  124. package/dist/components/p-C8rmEAx6.js +1 -0
  125. package/dist/components/p-CF_YTx16.js +1 -0
  126. package/dist/components/{p-BG0-6Xek.js → p-CUYkG-PB.js} +1 -1
  127. package/dist/components/{p-kPHfCq1d.js → p-CaW0fL0P.js} +1 -1
  128. package/dist/components/{p-B_Wi--Ov.js → p-CuisR8WP.js} +1 -1
  129. package/dist/components/{p-D97c0GjM.js → p-D2SFagIb.js} +1 -1
  130. package/dist/components/{p-3qMYyqTe.js → p-DKUNbsb0.js} +1 -1
  131. package/dist/components/p-DcXL24UI.js +1 -0
  132. package/dist/components/{p-CVqbA9op.js → p-Dp3H99Yc.js} +1 -1
  133. package/dist/components/p-M900WO1C.js +1 -0
  134. package/dist/components/{p-DEl4Rvzs.js → p-ZTFt9sBy.js} +1 -1
  135. package/dist/components/{p-CFW_w5Wj.js → p-gfb3l9Pr.js} +1 -1
  136. package/dist/components/{p-C9BO2vL-.js → p-h1Gbk5lO.js} +1 -1
  137. package/dist/components/xpl-accordion.js +1 -1
  138. package/dist/components/xpl-application-shell.js +1 -1
  139. package/dist/components/xpl-avatar.js +1 -1
  140. package/dist/components/xpl-backdrop.js +1 -1
  141. package/dist/components/xpl-badge.js +1 -1
  142. package/dist/components/xpl-banner.js +1 -1
  143. package/dist/components/xpl-breadcrumb-item.js +1 -1
  144. package/dist/components/xpl-breadcrumbs.js +1 -1
  145. package/dist/components/xpl-button-row.js +1 -1
  146. package/dist/components/xpl-button.js +1 -1
  147. package/dist/components/xpl-calendar.js +1 -1
  148. package/dist/components/xpl-checkbox.js +1 -1
  149. package/dist/components/xpl-choicelist.js +1 -1
  150. package/dist/components/xpl-content-area.js +1 -1
  151. package/dist/components/xpl-dashboard.js +1 -1
  152. package/dist/components/xpl-data-card.js +1 -1
  153. package/dist/components/xpl-divider.js +1 -1
  154. package/dist/components/xpl-dropdown-group.js +1 -1
  155. package/dist/components/xpl-dropdown-heading.js +1 -1
  156. package/dist/components/xpl-dropdown-option.js +1 -1
  157. package/dist/components/xpl-dropdown.js +1 -1
  158. package/dist/components/xpl-dynamic-table-cell.js +1 -1
  159. package/dist/components/xpl-dynamic-table-row.js +1 -1
  160. package/dist/components/xpl-dynamic-table.js +1 -1
  161. package/dist/components/xpl-grid-item.js +1 -1
  162. package/dist/components/xpl-grid.js +1 -1
  163. package/dist/components/xpl-header-accordion.js +1 -1
  164. package/dist/components/xpl-icon.js +1 -1
  165. package/dist/components/xpl-input-color.js +1 -1
  166. package/dist/components/xpl-input-date.js +1 -1
  167. package/dist/components/xpl-input-file.js +1 -1
  168. package/dist/components/xpl-input-phone.js +1 -1
  169. package/dist/components/xpl-input-search.js +1 -1
  170. package/dist/components/xpl-input-time.js +1 -1
  171. package/dist/components/xpl-input.js +1 -1
  172. package/dist/components/xpl-large-card.js +1 -1
  173. package/dist/components/xpl-list-item.js +1 -1
  174. package/dist/components/xpl-list.js +1 -1
  175. package/dist/components/xpl-main-nav.js +1 -1
  176. package/dist/components/xpl-modal.js +1 -1
  177. package/dist/components/xpl-nav-header-menu.js +1 -1
  178. package/dist/components/xpl-nav-item.js +1 -1
  179. package/dist/components/xpl-pagination.js +1 -1
  180. package/dist/components/xpl-panel.js +1 -1
  181. package/dist/components/xpl-popover.js +1 -1
  182. package/dist/components/xpl-progress-bar.js +1 -1
  183. package/dist/components/xpl-progress-indicator.js +1 -1
  184. package/dist/components/xpl-radio.js +1 -1
  185. package/dist/components/xpl-secondary-nav.js +1 -1
  186. package/dist/components/xpl-select.js +1 -1
  187. package/dist/components/xpl-side-nav-item.js +1 -1
  188. package/dist/components/xpl-side-nav.js +1 -1
  189. package/dist/components/xpl-skeleton.js +1 -1
  190. package/dist/components/xpl-slideout.js +1 -1
  191. package/dist/components/xpl-spotlight.js +1 -1
  192. package/dist/components/xpl-tab-panel.js +1 -1
  193. package/dist/components/xpl-tab.js +1 -1
  194. package/dist/components/xpl-table-header-cell.js +1 -1
  195. package/dist/components/xpl-table-header.js +1 -1
  196. package/dist/components/xpl-table.js +1 -1
  197. package/dist/components/xpl-tabs.js +1 -1
  198. package/dist/components/xpl-tag.js +1 -1
  199. package/dist/components/xpl-toast.js +1 -1
  200. package/dist/components/xpl-toggle.js +1 -1
  201. package/dist/components/xpl-toolbar.js +1 -1
  202. package/dist/components/xpl-tooltip.js +1 -1
  203. package/dist/components/xpl-top-nav-item.js +1 -1
  204. package/dist/components/xpl-top-nav-menu.d.ts +11 -0
  205. package/dist/components/xpl-top-nav-menu.js +1 -0
  206. package/dist/components/xpl-top-nav.js +1 -1
  207. package/dist/components/xpl-utility-bar.js +1 -1
  208. package/dist/docs/xpl-icon/readme.md +2 -0
  209. package/dist/docs/xpl-top-nav/readme.md +3 -0
  210. package/dist/docs/xpl-top-nav/xpl-top-nav-item/readme.md +79 -20
  211. package/dist/docs/xpl-top-nav/xpl-top-nav-menu/readme.md +96 -0
  212. package/dist/esm/apollo-core.js +1 -1
  213. package/dist/esm/index-CXkZUm1c.js +4 -0
  214. package/dist/esm/lifecycle-BUgtURvw.js +68 -0
  215. package/dist/esm/loader.js +1 -1
  216. package/dist/esm/xpl-accordion.entry.js +2 -2
  217. package/dist/esm/xpl-application-shell.entry.js +1 -1
  218. package/dist/esm/xpl-avatar_54.entry.js +291 -242
  219. package/dist/esm/xpl-button-row.entry.js +1 -1
  220. package/dist/esm/xpl-calendar.entry.js +1 -1
  221. package/dist/esm/xpl-dynamic-table-cell.entry.js +2 -2
  222. package/dist/esm/xpl-dynamic-table-row.entry.js +2 -2
  223. package/dist/esm/xpl-dynamic-table.entry.js +1 -1
  224. package/dist/esm/xpl-grid-item.entry.js +1 -1
  225. package/dist/esm/xpl-grid.entry.js +1 -1
  226. package/dist/esm/xpl-large-card.entry.js +1 -1
  227. package/dist/esm/xpl-main-nav.entry.js +1 -1
  228. package/dist/esm/xpl-table-header.entry.js +1 -1
  229. package/dist/esm/xpl-toggle.entry.js +3 -3
  230. package/dist/esm/xpl-toolbar.entry.js +2 -2
  231. package/dist/esm/xpl-top-nav-menu.entry.js +95 -0
  232. package/dist/types/components/xpl-top-nav/top-nav-constants.d.ts +1 -0
  233. package/dist/types/components/xpl-top-nav/top-nav.stories.d.ts +70 -1
  234. package/dist/types/components/xpl-top-nav/xpl-top-nav-item/top-nav-item-constants.d.ts +2 -0
  235. package/dist/types/components/xpl-top-nav/xpl-top-nav-item/xpl-top-nav-item.d.ts +23 -4
  236. package/dist/types/components/xpl-top-nav/xpl-top-nav-menu/xpl-top-nav-menu.d.ts +18 -0
  237. package/dist/types/components/xpl-top-nav/xpl-top-nav.d.ts +1 -0
  238. package/dist/types/components.d.ts +179 -19
  239. package/dist/types/utils/lifecycle.d.ts +3 -0
  240. package/package.json +21 -11
  241. package/dist/apollo-core/p-0e45f332.entry.js +0 -1
  242. package/dist/apollo-core/p-0f251f98.entry.js +0 -1
  243. package/dist/apollo-core/p-1691c4f3.entry.js +0 -1
  244. package/dist/apollo-core/p-172ac720.entry.js +0 -1
  245. package/dist/apollo-core/p-44a16751.entry.js +0 -1
  246. package/dist/apollo-core/p-4efecab2.entry.js +0 -1
  247. package/dist/apollo-core/p-5094dd97.entry.js +0 -1
  248. package/dist/apollo-core/p-70e7facc.entry.js +0 -1
  249. package/dist/apollo-core/p-910be81f.entry.js +0 -1
  250. package/dist/apollo-core/p-e08b434c.entry.js +0 -1
  251. package/dist/components/p-BWyAzrwu.js +0 -1
  252. package/dist/components/p-Bd6JweBt.js +0 -1
  253. package/dist/components/p-Bs6vq0C6.js +0 -1
  254. package/dist/components/p-CGNq3DyC.js +0 -1
  255. package/dist/components/p-CtIUusUL.js +0 -1
  256. package/dist/components/p-DBWV65V-.js +0 -1
  257. package/dist/components/p-Ds28UyUR.js +0 -1
  258. package/dist/components/p-U5dPMCXE.js +0 -1
@@ -0,0 +1,119 @@
1
+ import { Host, h } from "@stencil/core";
2
+ import { TimerManager } from "../../../utils/lifecycle";
3
+ import { TOP_NAV_MOBILE_MQ } from "../top-nav-constants";
4
+ export class TopNavMenu {
5
+ constructor() {
6
+ this.timers = new TimerManager();
7
+ this.isMobileCascade = false;
8
+ this.onViewportChange = () => {
9
+ var _a, _b;
10
+ this.isMobileCascade = (_b = (_a = this.mobileMq) === null || _a === void 0 ? void 0 : _a.matches) !== null && _b !== void 0 ? _b : false;
11
+ };
12
+ this.handleBackClick = async () => {
13
+ var _a;
14
+ const parent = this.el.closest('xpl-top-nav-item');
15
+ if (!parent) {
16
+ return;
17
+ }
18
+ await parent.closeMenu();
19
+ (_a = parent.querySelector('.xpl-top-nav-item__inner')) === null || _a === void 0 ? void 0 : _a.focus();
20
+ };
21
+ }
22
+ connectedCallback() {
23
+ if (typeof window !== 'undefined' && typeof window.matchMedia === 'function') {
24
+ this.mobileMq = window.matchMedia(TOP_NAV_MOBILE_MQ);
25
+ this.mobileMq.addEventListener('change', this.onViewportChange);
26
+ this.isMobileCascade = this.mobileMq.matches;
27
+ }
28
+ this.connectParentOpenObserver();
29
+ }
30
+ disconnectedCallback() {
31
+ var _a;
32
+ this.timers.dispose();
33
+ (_a = this.mobileMq) === null || _a === void 0 ? void 0 : _a.removeEventListener('change', this.onViewportChange);
34
+ this.mobileMq = undefined;
35
+ this.disconnectParentOpenObserver();
36
+ }
37
+ connectParentOpenObserver() {
38
+ this.disconnectParentOpenObserver();
39
+ const parent = this.el.parentElement;
40
+ if (!parent || typeof MutationObserver === 'undefined') {
41
+ return;
42
+ }
43
+ this.parentOpenObserver = new MutationObserver(() => {
44
+ this.scheduleParentOpenCheck();
45
+ });
46
+ this.parentOpenObserver.observe(parent, {
47
+ attributes: true,
48
+ attributeFilter: ['class'],
49
+ });
50
+ }
51
+ disconnectParentOpenObserver() {
52
+ var _a;
53
+ (_a = this.parentOpenObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
54
+ this.parentOpenObserver = undefined;
55
+ }
56
+ scheduleParentOpenCheck() {
57
+ this.timers.scheduleCoalesced('parentOpenCheck', () => {
58
+ if (!this.el.isConnected) {
59
+ return;
60
+ }
61
+ this.focusBackRowIfJustOpenedOnMobile();
62
+ });
63
+ }
64
+ focusBackRowIfJustOpenedOnMobile() {
65
+ var _a;
66
+ if (!this.isMobileCascade) {
67
+ return;
68
+ }
69
+ const parent = this.el.parentElement;
70
+ if (!(parent === null || parent === void 0 ? void 0 : parent.classList.contains('xpl-top-nav-item--dropdown-open'))) {
71
+ return;
72
+ }
73
+ (_a = this.el
74
+ .querySelector('.xpl-top-nav-menu__back .xpl-top-nav-item__inner')) === null || _a === void 0 ? void 0 : _a.focus();
75
+ }
76
+ renderBackRow() {
77
+ var _a;
78
+ if (!this.isMobileCascade || !((_a = this.label) === null || _a === void 0 ? void 0 : _a.trim())) {
79
+ return null;
80
+ }
81
+ return (h("xpl-top-nav-item", { class: "xpl-top-nav-menu__back", label: this.label, onNavItemClick: this.handleBackClick }, h("xpl-icon", { slot: "leading-icon", icon: "chevron-left", size: 24 })));
82
+ }
83
+ render() {
84
+ return (h(Host, { key: '314c42b389883edceb333473d9bb97776e1f18de', class: {
85
+ 'xpl-top-nav-menu': true,
86
+ dark: true,
87
+ }, role: "list", "aria-label": this.label || undefined }, this.renderBackRow(), h("slot", { key: 'a6b4e2c916ccc9c0cc1d5e7e6d03b2ad6032f7ac' })));
88
+ }
89
+ static get is() { return "xpl-top-nav-menu"; }
90
+ static get properties() {
91
+ return {
92
+ "label": {
93
+ "type": "string",
94
+ "mutable": false,
95
+ "complexType": {
96
+ "original": "string",
97
+ "resolved": "string",
98
+ "references": {}
99
+ },
100
+ "required": false,
101
+ "optional": true,
102
+ "docs": {
103
+ "tags": [],
104
+ "text": "Accessible name for the list (**`aria-label`** on the host) and the label shown in the mobile\ncascade back row when drilling back out of this group."
105
+ },
106
+ "getter": false,
107
+ "setter": false,
108
+ "reflect": false,
109
+ "attribute": "label"
110
+ }
111
+ };
112
+ }
113
+ static get states() {
114
+ return {
115
+ "isMobileCascade": {}
116
+ };
117
+ }
118
+ static get elementRef() { return "el"; }
119
+ }
@@ -49,6 +49,7 @@ export class TopNav {
49
49
  this.open = !this.open;
50
50
  this.navOpen.emit(this.open);
51
51
  if (wasOpen && !this.open) {
52
+ this.resetMobileCascade();
52
53
  this.focusNavControlAfterClose();
53
54
  }
54
55
  };
@@ -208,6 +209,10 @@ export class TopNav {
208
209
  removeDocEscapeListener() {
209
210
  this.el.ownerDocument.removeEventListener('keydown', this.onDocKeyDownEscape, false);
210
211
  }
212
+ resetMobileCascade() {
213
+ const openItem = this.el.querySelector('.xpl-top-nav__left-primary > xpl-top-nav-item.xpl-top-nav-item--dropdown-open');
214
+ openItem === null || openItem === void 0 ? void 0 : openItem.closeMenu().catch(() => undefined);
215
+ }
211
216
  scheduleSlotContentSyncFromObserver() {
212
217
  if (this.deferredSlotContentObserverSyncTimeoutId !== undefined) {
213
218
  clearTimeout(this.deferredSlotContentObserverSyncTimeoutId);
@@ -231,12 +236,13 @@ export class TopNav {
231
236
  const wasOpen = this.open;
232
237
  this.open = false;
233
238
  if (wasOpen && !this.navControl) {
239
+ this.resetMobileCascade();
234
240
  this.navOpen.emit(false);
235
241
  }
236
242
  }
237
243
  render() {
238
244
  var _a, _b, _c, _d;
239
- return (h(Host, { key: '6b22351e62f90d5fec04c0dafa5208d9a495b67b', class: {
245
+ return (h(Host, { key: 'a1556bcc2dfc2d35b9b9540a3f0e0d162d547923', class: {
240
246
  'xpl-top-nav': true,
241
247
  'xpl-top-nav--nav-control': Boolean(this.navControl),
242
248
  'xpl-top-nav--open': this.open,
@@ -244,15 +250,15 @@ export class TopNav {
244
250
  'xpl-top-nav--has-brand': this.hasBrand,
245
251
  'xpl-top-nav--has-user-menu': this.hasUserMenu,
246
252
  dark: true,
247
- } }, h("nav", { key: '5f29a00b93b1affda6aaf900e42cc6ff33f1b90c', "aria-label": (_a = this.label) !== null && _a !== void 0 ? _a : 'top-navigation-bar', class: "xpl-top-nav__bar" }, h("div", { key: 'fbe9cb0b1bc7d9bf9be1f04e64cb93ff24866879', class: "xpl-top-nav__inner-left" }, this.navControl && (h("button", { key: 'b22532e39a57f9a250617aa09e6e0dde6dfeb9e5', type: "button", class: "xpl-top-nav__nav-control", "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.open ? 'Close navigation menu' : 'Open navigation menu', onClick: this.onNavToggle }, h("xpl-icon", { key: 'a9f7dbb6287d3e11ea5b839bedb8d808c67bcd8e', class: "xpl-top-nav__control-icon", icon: "menu", size: 20 }))), this.hasBrand && (h("div", { key: 'c702fc39d186f37901c8c6b4e5d378eaee2faa99', class: "xpl-top-nav__brand-bar" }, h("xpl-top-nav-item", { key: '980b470563ee3d4e3e388cd089622041f307cd0b', class: "xpl-top-nav__brand", href: this.brandHref, onNavItemClick: this.onBrandNavItemClick }, ((_b = this.brandLogo) === null || _b === void 0 ? void 0 : _b.trim()) ? (h("img", { class: "xpl-top-nav__brand-logo", src: this.brandLogo, alt: ((_c = this.brandName) === null || _c === void 0 ? void 0 : _c.trim())
253
+ } }, h("nav", { key: '5531a9157af00cbd8b8d5459801ae00337c5e4ec', "aria-label": (_a = this.label) !== null && _a !== void 0 ? _a : 'top-navigation-bar', class: "xpl-top-nav__bar" }, h("div", { key: '5257bb97f7c388358820ae85e872644666538304', class: "xpl-top-nav__inner-left" }, this.navControl && (h("button", { key: '8e8acb60ee8cac9bf84bb559444fbdcfcee13a10', type: "button", class: "xpl-top-nav__nav-control", "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.open ? 'Close navigation menu' : 'Open navigation menu', onClick: this.onNavToggle }, h("xpl-icon", { key: '7bafdf086e9df7d4a2333ea9d2fed86de8466912', class: "xpl-top-nav__control-icon", icon: "menu", size: 32 }))), this.hasBrand && (h("div", { key: '39fc108bfb4b30a98bc06ca8d12331527708d3ef', class: "xpl-top-nav__brand-bar" }, h("xpl-top-nav-item", { key: '7c951eb3c0e349170bb017f6e1d375f3b328653f', class: "xpl-top-nav__brand", href: this.brandHref, onNavItemClick: this.onBrandNavItemClick }, ((_b = this.brandLogo) === null || _b === void 0 ? void 0 : _b.trim()) ? (h("img", { class: "xpl-top-nav__brand-logo", src: this.brandLogo, alt: ((_c = this.brandName) === null || _c === void 0 ? void 0 : _c.trim())
248
254
  ? this.brandName.trim()
249
- : 'Brand' })) : this.brandLogoSlotPresent ? (h("span", { class: "xpl-top-nav__brand-logo-slot" }, h("slot", { name: "brand-logo" }))) : null, ((_d = this.brandName) === null || _d === void 0 ? void 0 : _d.trim()) ? (h("span", { class: "xpl-top-nav__brand-name" }, this.brandName.trim())) : null))), h("div", { key: '0740be056833bd15c798a44c5c3dbe80ed5e15fd', class: {
255
+ : 'Brand' })) : this.brandLogoSlotPresent ? (h("span", { class: "xpl-top-nav__brand-logo-slot" }, h("slot", { name: "brand-logo" }))) : null, ((_d = this.brandName) === null || _d === void 0 ? void 0 : _d.trim()) ? (h("span", { class: "xpl-top-nav__brand-name" }, this.brandName.trim())) : null))), h("div", { key: '16fa404db5c59741ec4a4c8c92c6f43f7502e906', class: {
250
256
  'xpl-top-nav__aside': true,
251
257
  'xpl-nav-left': true,
252
- } }, h("div", { key: 'ff4f4534944dc54df40c289e65a4ab7d75bd572e', class: "xpl-top-nav__left-primary", role: "list" }, h("slot", { key: 'fdec30ffc838d7e73788932aa6fef46fac2fe0ab', name: "left-aside" })))), h("div", { key: '69d5b669744ff3aeb0c4316f4d5b27b9c461652f', class: {
258
+ } }, h("div", { key: 'd5421d83454aadb4252cc244b24c9d3bf9881c69', class: "xpl-top-nav__left-primary", role: "list" }, h("slot", { key: 'c95fcd2f6365dbc03ee4e4e99db15e3460fd5358', name: "left-aside" })))), h("div", { key: 'fa5afd226b5eed1468ef066fba956852f7f0d65d', class: {
253
259
  'xpl-top-nav__aside': true,
254
260
  'xpl-nav-right': true,
255
- } }, h("div", { key: '7ae70d39f31243b77f09af7b0e4327d0bb1b1dfd', class: "xpl-nav-right__list" }, h("div", { key: '7bafc8eab226ba0ff77ae98281d4665eb6b75fbe', class: "xpl-top-nav__right-rail" }, h("div", { key: '9914028435faebbd3d539d763b71500643017ebc', class: "xpl-top-nav__right-lead" }, h("slot", { key: '974117684ec371dc87264bfbc0da5e456adeec9b', name: "right-aside" })), this.hasUserMenu ? (h("div", { class: "xpl-top-nav__right-user" }, h("xpl-popover", { class: "xpl-top-nav__user-popover dark", position: "bottom-end", display: "menu" }, this.userMenuTriggerSlotPresent ? (h("slot", { name: "user-menu-trigger", slot: "trigger" })) : this.usesBuiltInChildAccountTrigger ? (h("xpl-button", { slot: "trigger", class: "xpl-top-nav__child-account-trigger", type: "button", variant: "tertiary", icon: "chevron-down", iconPosition: "end", iconOnly: this.childAccountLabelText.length === 0, "aria-haspopup": "dialog", "aria-label": this.childAccountLabelText.length > 0
261
+ } }, h("div", { key: 'd84a6fc492147429d725b49681637a203fc36c35', class: "xpl-nav-right__list" }, h("div", { key: '63ef2b0eddef28da05d172bb05b2edd64ad173dd', class: "xpl-top-nav__right-rail" }, h("div", { key: '3ead1c8076e1ed51283ec6251c4ed252835457e3', class: "xpl-top-nav__right-lead" }, h("slot", { key: '8076be6d9d726a2b380f41077d114b37cdfe15e9', name: "right-aside" })), this.hasUserMenu ? (h("div", { class: "xpl-top-nav__right-user" }, h("xpl-popover", { class: "xpl-top-nav__user-popover dark", position: "bottom-end", display: "menu" }, this.userMenuTriggerSlotPresent ? (h("slot", { name: "user-menu-trigger", slot: "trigger" })) : this.usesBuiltInChildAccountTrigger ? (h("xpl-button", { slot: "trigger", class: "xpl-top-nav__child-account-trigger", type: "button", variant: "tertiary", icon: "chevron-down", iconPosition: "end", iconOnly: this.childAccountLabelText.length === 0, "aria-haspopup": "dialog", "aria-label": this.childAccountLabelText.length > 0
256
262
  ? undefined
257
263
  : 'Open account menu' }, this.childAccountLabelText.length > 0
258
264
  ? this.childAccountLabelText
@@ -11,7 +11,7 @@ export class UtilityBar {
11
11
  this.open = this.isNavOpenAtStartup !== undefined ? this.isNavOpenAtStartup : this.open;
12
12
  }
13
13
  render() {
14
- return (h(Host, { key: '965003722d536d4b9b7acd326ed7ae0cc2ac302a' }, h("nav", { key: '25d4348939fd65e00ce7bec962a31d65ff9473c3', "aria-label": "utility navigation bar", class: "xpl-utility-bar" }, this.navControl ? (h("div", null, h("button", { class: "xpl-utility-bar__nav-control", onClick: () => this.onNavToggle() }, h("xpl-icon", { class: "xpl-utility-nav__bars", icon: "three-bars" })), h("slot", { name: "aside" }))) : (h("slot", { name: "aside" })), h("slot", { key: '3cb1d9038135c1892a3780c9242bbd544f6f0f5f', name: "main" }))));
14
+ return (h(Host, { key: 'e990b6a7176fdb1d48fd1859f359f217a6600015' }, h("nav", { key: '3b331ed5294f208dcededae078659d9b0d7b118f', "aria-label": "utility navigation bar", class: "xpl-utility-bar" }, this.navControl ? (h("div", null, h("button", { class: "xpl-utility-bar__nav-control", onClick: () => this.onNavToggle() }, h("xpl-icon", { class: "xpl-utility-nav__bars", icon: "three-bars" })), h("slot", { name: "aside" }))) : (h("slot", { name: "aside" })), h("slot", { key: '444363c10471bd6206d39d2da37bafdae6291137', name: "main" }))));
15
15
  }
16
16
  static get is() { return "xpl-utility-bar"; }
17
17
  static get properties() {
@@ -3,6 +3,7 @@ export class TimerManager {
3
3
  this.timeouts = new Set();
4
4
  this.intervals = new Set();
5
5
  this.rafs = new Set();
6
+ this.coalesced = new Map();
6
7
  }
7
8
  setTimeout(callback, delay) {
8
9
  const id = setTimeout(() => {
@@ -37,6 +38,21 @@ export class TimerManager {
37
38
  cancelAnimationFrame(id);
38
39
  this.rafs.delete(id);
39
40
  }
41
+ scheduleCoalesced(key, callback, delay = 0) {
42
+ this.clearCoalesced(key);
43
+ const id = setTimeout(() => {
44
+ this.coalesced.delete(key);
45
+ callback();
46
+ }, delay);
47
+ this.coalesced.set(key, id);
48
+ }
49
+ clearCoalesced(key) {
50
+ const id = this.coalesced.get(key);
51
+ if (id !== undefined) {
52
+ clearTimeout(id);
53
+ this.coalesced.delete(key);
54
+ }
55
+ }
40
56
  dispose() {
41
57
  this.timeouts.forEach((id) => clearTimeout(id));
42
58
  this.timeouts.clear();
@@ -44,6 +60,8 @@ export class TimerManager {
44
60
  this.intervals.clear();
45
61
  this.rafs.forEach((id) => cancelAnimationFrame(id));
46
62
  this.rafs.clear();
63
+ this.coalesced.forEach((id) => clearTimeout(id));
64
+ this.coalesced.clear();
47
65
  }
48
66
  }
49
67
  export function waitForElement(selector, root = document, options) {
@@ -135,6 +135,8 @@ export { TopNav as XplTopNav } from '../types/components/xpl-top-nav/xpl-top-nav
135
135
  export { defineCustomElement as defineCustomElementXplTopNav } from './xpl-top-nav';
136
136
  export { TopNavItem as XplTopNavItem } from '../types/components/xpl-top-nav/xpl-top-nav-item/xpl-top-nav-item';
137
137
  export { defineCustomElement as defineCustomElementXplTopNavItem } from './xpl-top-nav-item';
138
+ export { TopNavMenu as XplTopNavMenu } from '../types/components/xpl-top-nav/xpl-top-nav-menu/xpl-top-nav-menu';
139
+ export { defineCustomElement as defineCustomElementXplTopNavMenu } from './xpl-top-nav-menu';
138
140
  export { UtilityBar as XplUtilityBar } from '../types/components/xpl-utility-bar/xpl-utility-bar';
139
141
  export { defineCustomElement as defineCustomElementXplUtilityBar } from './xpl-utility-bar';
140
142
 
@@ -1 +1 @@
1
- export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-BT_Lq3Vd.js";export{XplAccordion,defineCustomElement as defineCustomElementXplAccordion}from"./xpl-accordion.js";export{XplApplicationShell,defineCustomElement as defineCustomElementXplApplicationShell}from"./xpl-application-shell.js";export{XplAvatar,defineCustomElement as defineCustomElementXplAvatar}from"./xpl-avatar.js";export{XplBackdrop,defineCustomElement as defineCustomElementXplBackdrop}from"./xpl-backdrop.js";export{XplBadge,defineCustomElement as defineCustomElementXplBadge}from"./xpl-badge.js";export{XplBanner,defineCustomElement as defineCustomElementXplBanner}from"./xpl-banner.js";export{XplBreadcrumbItem,defineCustomElement as defineCustomElementXplBreadcrumbItem}from"./xpl-breadcrumb-item.js";export{XplBreadcrumbs,defineCustomElement as defineCustomElementXplBreadcrumbs}from"./xpl-breadcrumbs.js";export{XplButton,defineCustomElement as defineCustomElementXplButton}from"./xpl-button.js";export{XplButtonRow,defineCustomElement as defineCustomElementXplButtonRow}from"./xpl-button-row.js";export{XplCalendar,defineCustomElement as defineCustomElementXplCalendar}from"./xpl-calendar.js";export{XplCheckbox,defineCustomElement as defineCustomElementXplCheckbox}from"./xpl-checkbox.js";export{XplChoicelist,defineCustomElement as defineCustomElementXplChoicelist}from"./xpl-choicelist.js";export{XplContentArea,defineCustomElement as defineCustomElementXplContentArea}from"./xpl-content-area.js";export{XplDashboard,defineCustomElement as defineCustomElementXplDashboard}from"./xpl-dashboard.js";export{XplDataCard,defineCustomElement as defineCustomElementXplDataCard}from"./xpl-data-card.js";export{XplDivider,defineCustomElement as defineCustomElementXplDivider}from"./xpl-divider.js";export{XplDropdown,defineCustomElement as defineCustomElementXplDropdown}from"./xpl-dropdown.js";export{XplDropdownGroup,defineCustomElement as defineCustomElementXplDropdownGroup}from"./xpl-dropdown-group.js";export{XplDropdownHeading,defineCustomElement as defineCustomElementXplDropdownHeading}from"./xpl-dropdown-heading.js";export{XplDropdownOption,defineCustomElement as defineCustomElementXplDropdownOption}from"./xpl-dropdown-option.js";export{XplDynamicTable,defineCustomElement as defineCustomElementXplDynamicTable}from"./xpl-dynamic-table.js";export{XplDynamicTableCell,defineCustomElement as defineCustomElementXplDynamicTableCell}from"./xpl-dynamic-table-cell.js";export{XplDynamicTableRow,defineCustomElement as defineCustomElementXplDynamicTableRow}from"./xpl-dynamic-table-row.js";export{XplGrid,defineCustomElement as defineCustomElementXplGrid}from"./xpl-grid.js";export{XplGridItem,defineCustomElement as defineCustomElementXplGridItem}from"./xpl-grid-item.js";export{XplHeaderAccordion,defineCustomElement as defineCustomElementXplHeaderAccordion}from"./xpl-header-accordion.js";export{XplIcon,defineCustomElement as defineCustomElementXplIcon}from"./xpl-icon.js";export{XplInput,defineCustomElement as defineCustomElementXplInput}from"./xpl-input.js";export{XplInputColor,defineCustomElement as defineCustomElementXplInputColor}from"./xpl-input-color.js";export{XplInputDate,defineCustomElement as defineCustomElementXplInputDate}from"./xpl-input-date.js";export{XplInputFile,defineCustomElement as defineCustomElementXplInputFile}from"./xpl-input-file.js";export{XplInputPhone,defineCustomElement as defineCustomElementXplInputPhone}from"./xpl-input-phone.js";export{XplInputSearch,defineCustomElement as defineCustomElementXplInputSearch}from"./xpl-input-search.js";export{XplInputTime,defineCustomElement as defineCustomElementXplInputTime}from"./xpl-input-time.js";export{XplLargeCard,defineCustomElement as defineCustomElementXplLargeCard}from"./xpl-large-card.js";export{XplList,defineCustomElement as defineCustomElementXplList}from"./xpl-list.js";export{XplListItem,defineCustomElement as defineCustomElementXplListItem}from"./xpl-list-item.js";export{XplMainNav,defineCustomElement as defineCustomElementXplMainNav}from"./xpl-main-nav.js";export{XplModal,defineCustomElement as defineCustomElementXplModal}from"./xpl-modal.js";export{XplNavHeaderMenu,defineCustomElement as defineCustomElementXplNavHeaderMenu}from"./xpl-nav-header-menu.js";export{XplNavItem,defineCustomElement as defineCustomElementXplNavItem}from"./xpl-nav-item.js";export{XplPagination,defineCustomElement as defineCustomElementXplPagination}from"./xpl-pagination.js";export{XplPanel,defineCustomElement as defineCustomElementXplPanel}from"./xpl-panel.js";export{XplPopover,defineCustomElement as defineCustomElementXplPopover}from"./xpl-popover.js";export{XplProgressBar,defineCustomElement as defineCustomElementXplProgressBar}from"./xpl-progress-bar.js";export{XplProgressIndicator,defineCustomElement as defineCustomElementXplProgressIndicator}from"./xpl-progress-indicator.js";export{XplRadio,defineCustomElement as defineCustomElementXplRadio}from"./xpl-radio.js";export{XplSecondaryNav,defineCustomElement as defineCustomElementXplSecondaryNav}from"./xpl-secondary-nav.js";export{XplSelect,defineCustomElement as defineCustomElementXplSelect}from"./xpl-select.js";export{XplSideNav,defineCustomElement as defineCustomElementXplSideNav}from"./xpl-side-nav.js";export{XplSideNavItem,defineCustomElement as defineCustomElementXplSideNavItem}from"./xpl-side-nav-item.js";export{XplSkeleton,defineCustomElement as defineCustomElementXplSkeleton}from"./xpl-skeleton.js";export{XplSlideout,defineCustomElement as defineCustomElementXplSlideout}from"./xpl-slideout.js";export{XplSpotlight,defineCustomElement as defineCustomElementXplSpotlight}from"./xpl-spotlight.js";export{XplTab,defineCustomElement as defineCustomElementXplTab}from"./xpl-tab.js";export{XplTabPanel,defineCustomElement as defineCustomElementXplTabPanel}from"./xpl-tab-panel.js";export{XplTable,defineCustomElement as defineCustomElementXplTable}from"./xpl-table.js";export{XplTableHeader,defineCustomElement as defineCustomElementXplTableHeader}from"./xpl-table-header.js";export{XplTableHeaderCell,defineCustomElement as defineCustomElementXplTableHeaderCell}from"./xpl-table-header-cell.js";export{XplTabs,defineCustomElement as defineCustomElementXplTabs}from"./xpl-tabs.js";export{XplTag,defineCustomElement as defineCustomElementXplTag}from"./xpl-tag.js";export{XplToast,defineCustomElement as defineCustomElementXplToast}from"./xpl-toast.js";export{XplToggle,defineCustomElement as defineCustomElementXplToggle}from"./xpl-toggle.js";export{XplToolbar,defineCustomElement as defineCustomElementXplToolbar}from"./xpl-toolbar.js";export{XplTooltip,defineCustomElement as defineCustomElementXplTooltip}from"./xpl-tooltip.js";export{XplTopNav,defineCustomElement as defineCustomElementXplTopNav}from"./xpl-top-nav.js";export{XplTopNavItem,defineCustomElement as defineCustomElementXplTopNavItem}from"./xpl-top-nav-item.js";export{XplUtilityBar,defineCustomElement as defineCustomElementXplUtilityBar}from"./xpl-utility-bar.js";
1
+ export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-BT_Lq3Vd.js";export{XplAccordion,defineCustomElement as defineCustomElementXplAccordion}from"./xpl-accordion.js";export{XplApplicationShell,defineCustomElement as defineCustomElementXplApplicationShell}from"./xpl-application-shell.js";export{XplAvatar,defineCustomElement as defineCustomElementXplAvatar}from"./xpl-avatar.js";export{XplBackdrop,defineCustomElement as defineCustomElementXplBackdrop}from"./xpl-backdrop.js";export{XplBadge,defineCustomElement as defineCustomElementXplBadge}from"./xpl-badge.js";export{XplBanner,defineCustomElement as defineCustomElementXplBanner}from"./xpl-banner.js";export{XplBreadcrumbItem,defineCustomElement as defineCustomElementXplBreadcrumbItem}from"./xpl-breadcrumb-item.js";export{XplBreadcrumbs,defineCustomElement as defineCustomElementXplBreadcrumbs}from"./xpl-breadcrumbs.js";export{XplButton,defineCustomElement as defineCustomElementXplButton}from"./xpl-button.js";export{XplButtonRow,defineCustomElement as defineCustomElementXplButtonRow}from"./xpl-button-row.js";export{XplCalendar,defineCustomElement as defineCustomElementXplCalendar}from"./xpl-calendar.js";export{XplCheckbox,defineCustomElement as defineCustomElementXplCheckbox}from"./xpl-checkbox.js";export{XplChoicelist,defineCustomElement as defineCustomElementXplChoicelist}from"./xpl-choicelist.js";export{XplContentArea,defineCustomElement as defineCustomElementXplContentArea}from"./xpl-content-area.js";export{XplDashboard,defineCustomElement as defineCustomElementXplDashboard}from"./xpl-dashboard.js";export{XplDataCard,defineCustomElement as defineCustomElementXplDataCard}from"./xpl-data-card.js";export{XplDivider,defineCustomElement as defineCustomElementXplDivider}from"./xpl-divider.js";export{XplDropdown,defineCustomElement as defineCustomElementXplDropdown}from"./xpl-dropdown.js";export{XplDropdownGroup,defineCustomElement as defineCustomElementXplDropdownGroup}from"./xpl-dropdown-group.js";export{XplDropdownHeading,defineCustomElement as defineCustomElementXplDropdownHeading}from"./xpl-dropdown-heading.js";export{XplDropdownOption,defineCustomElement as defineCustomElementXplDropdownOption}from"./xpl-dropdown-option.js";export{XplDynamicTable,defineCustomElement as defineCustomElementXplDynamicTable}from"./xpl-dynamic-table.js";export{XplDynamicTableCell,defineCustomElement as defineCustomElementXplDynamicTableCell}from"./xpl-dynamic-table-cell.js";export{XplDynamicTableRow,defineCustomElement as defineCustomElementXplDynamicTableRow}from"./xpl-dynamic-table-row.js";export{XplGrid,defineCustomElement as defineCustomElementXplGrid}from"./xpl-grid.js";export{XplGridItem,defineCustomElement as defineCustomElementXplGridItem}from"./xpl-grid-item.js";export{XplHeaderAccordion,defineCustomElement as defineCustomElementXplHeaderAccordion}from"./xpl-header-accordion.js";export{XplIcon,defineCustomElement as defineCustomElementXplIcon}from"./xpl-icon.js";export{XplInput,defineCustomElement as defineCustomElementXplInput}from"./xpl-input.js";export{XplInputColor,defineCustomElement as defineCustomElementXplInputColor}from"./xpl-input-color.js";export{XplInputDate,defineCustomElement as defineCustomElementXplInputDate}from"./xpl-input-date.js";export{XplInputFile,defineCustomElement as defineCustomElementXplInputFile}from"./xpl-input-file.js";export{XplInputPhone,defineCustomElement as defineCustomElementXplInputPhone}from"./xpl-input-phone.js";export{XplInputSearch,defineCustomElement as defineCustomElementXplInputSearch}from"./xpl-input-search.js";export{XplInputTime,defineCustomElement as defineCustomElementXplInputTime}from"./xpl-input-time.js";export{XplLargeCard,defineCustomElement as defineCustomElementXplLargeCard}from"./xpl-large-card.js";export{XplList,defineCustomElement as defineCustomElementXplList}from"./xpl-list.js";export{XplListItem,defineCustomElement as defineCustomElementXplListItem}from"./xpl-list-item.js";export{XplMainNav,defineCustomElement as defineCustomElementXplMainNav}from"./xpl-main-nav.js";export{XplModal,defineCustomElement as defineCustomElementXplModal}from"./xpl-modal.js";export{XplNavHeaderMenu,defineCustomElement as defineCustomElementXplNavHeaderMenu}from"./xpl-nav-header-menu.js";export{XplNavItem,defineCustomElement as defineCustomElementXplNavItem}from"./xpl-nav-item.js";export{XplPagination,defineCustomElement as defineCustomElementXplPagination}from"./xpl-pagination.js";export{XplPanel,defineCustomElement as defineCustomElementXplPanel}from"./xpl-panel.js";export{XplPopover,defineCustomElement as defineCustomElementXplPopover}from"./xpl-popover.js";export{XplProgressBar,defineCustomElement as defineCustomElementXplProgressBar}from"./xpl-progress-bar.js";export{XplProgressIndicator,defineCustomElement as defineCustomElementXplProgressIndicator}from"./xpl-progress-indicator.js";export{XplRadio,defineCustomElement as defineCustomElementXplRadio}from"./xpl-radio.js";export{XplSecondaryNav,defineCustomElement as defineCustomElementXplSecondaryNav}from"./xpl-secondary-nav.js";export{XplSelect,defineCustomElement as defineCustomElementXplSelect}from"./xpl-select.js";export{XplSideNav,defineCustomElement as defineCustomElementXplSideNav}from"./xpl-side-nav.js";export{XplSideNavItem,defineCustomElement as defineCustomElementXplSideNavItem}from"./xpl-side-nav-item.js";export{XplSkeleton,defineCustomElement as defineCustomElementXplSkeleton}from"./xpl-skeleton.js";export{XplSlideout,defineCustomElement as defineCustomElementXplSlideout}from"./xpl-slideout.js";export{XplSpotlight,defineCustomElement as defineCustomElementXplSpotlight}from"./xpl-spotlight.js";export{XplTab,defineCustomElement as defineCustomElementXplTab}from"./xpl-tab.js";export{XplTabPanel,defineCustomElement as defineCustomElementXplTabPanel}from"./xpl-tab-panel.js";export{XplTable,defineCustomElement as defineCustomElementXplTable}from"./xpl-table.js";export{XplTableHeader,defineCustomElement as defineCustomElementXplTableHeader}from"./xpl-table-header.js";export{XplTableHeaderCell,defineCustomElement as defineCustomElementXplTableHeaderCell}from"./xpl-table-header-cell.js";export{XplTabs,defineCustomElement as defineCustomElementXplTabs}from"./xpl-tabs.js";export{XplTag,defineCustomElement as defineCustomElementXplTag}from"./xpl-tag.js";export{XplToast,defineCustomElement as defineCustomElementXplToast}from"./xpl-toast.js";export{XplToggle,defineCustomElement as defineCustomElementXplToggle}from"./xpl-toggle.js";export{XplToolbar,defineCustomElement as defineCustomElementXplToolbar}from"./xpl-toolbar.js";export{XplTooltip,defineCustomElement as defineCustomElementXplTooltip}from"./xpl-tooltip.js";export{XplTopNav,defineCustomElement as defineCustomElementXplTopNav}from"./xpl-top-nav.js";export{XplTopNavItem,defineCustomElement as defineCustomElementXplTopNavItem}from"./xpl-top-nav-item.js";export{XplTopNavMenu,defineCustomElement as defineCustomElementXplTopNavMenu}from"./xpl-top-nav-menu.js";export{XplUtilityBar,defineCustomElement as defineCustomElementXplUtilityBar}from"./xpl-utility-bar.js";
@@ -0,0 +1 @@
1
+ import{p as e,H as d,h as a,c as n,t as s}from"./p-BT_Lq3Vd.js";const o=e(class extends d{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return a(n,{key:"e4444b617fe160dbf259f4ecc2aafd6166859dce",class:{"xpl-dropdown-heading":!0},role:"presentation"},a("span",{key:"1e1e37499c0add5b53fcd0a836f97fa5b9e1a9bd"},this.label||a("slot",{key:"c310120a37646452e989db2ead01d77a89b96f0d",name:"heading"})))}},[260,"xpl-dropdown-heading",{label:[1]}]);function t(){"undefined"!=typeof customElements&&["xpl-dropdown-heading"].forEach((e=>{"xpl-dropdown-heading"===e&&(customElements.get(s(e))||customElements.define(s(e),o))}))}export{o as D,t as d}
@@ -0,0 +1 @@
1
+ import{h as e,p as t,H as o,c as s,t as l}from"./p-BT_Lq3Vd.js";const i=()=>e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"13"},e("path",{d:"M0.5 5h15l-7.5 7.5L0.5 5Z",fill:"white",stroke:"none",class:"xpl-tooltip-arrow__fill"}),e("path",{d:"M0.5 5 L8 12.5 L15.5 5",fill:"none",stroke:"black","stroke-width":"1",class:"xpl-tooltip-arrow__stroke"})),a=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.position="top-middle",this.hideArrow=!1}render(){return e(s,{key:"9890dea245d2fbd24c67fea6e39ce3430ffc8d81"},e("div",{key:"0930c7ee1f0e1f6a625f41e34f31d2432fdff7eb",class:"xpl-tooltip-container"},e("slot",{key:"3b9a8aebce020a13f3d7ef624b59c06e55398907"}),e("div",{key:"50fe33b8bef96df08899b449065558ea8f2ed820",class:`xpl-tooltip xpl-tooltip--${this.position}`},this.text,!this.hideArrow&&e("div",{key:"53668e28af956a2293c36eb4991782aee8542378",class:"xpl-tooltip-arrow"},e(i,{key:"ebbbf0e6b2a848af99d14ddecdb70723bff5181b"})))))}},[260,"xpl-tooltip",{text:[1],position:[1],hideArrow:[4,"hide-arrow"]}]);function d(){"undefined"!=typeof customElements&&["xpl-tooltip"].forEach((e=>{"xpl-tooltip"===e&&(customElements.get(l(e))||customElements.define(l(e),a))}))}export{a as T,d}
@@ -0,0 +1 @@
1
+ import{p as o,H as e,h as p,c as d,t as r}from"./p-BT_Lq3Vd.js";import{d as t}from"./p-2xGSxBGa.js";import{d as a}from"./p-CUYkG-PB.js";import{d as n}from"./p-ByJRw26d.js";const s=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost()}render(){const{groupName:o,options:e}=this,r=e&&e.length&&e.map((o=>{var{groupName:e}=o,d=function(o,e){var p={};for(var d in o)Object.prototype.hasOwnProperty.call(o,d)&&e.indexOf(d)<0&&(p[d]=o[d]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(d=Object.getOwnPropertySymbols(o);r<d.length;r++)e.indexOf(d[r])<0&&Object.prototype.propertyIsEnumerable.call(o,d[r])&&(p[d[r]]=o[d[r]])}return p}(o,["groupName"]);return e?p("xpl-dropdown-group",Object.assign({label:e},d)):p("xpl-dropdown-option",Object.assign({},d))}));return p(d,{key:"e6326e88bf725b9f3f9c2701dbb6e62a185ad2e7",role:"group","aria-label":o},p("li",{key:"92b0a065e228bf368fc8a6214d7d3d86c986f4dd",class:"xpl-dropdown-list-item"},p("xpl-dropdown-heading",{key:"60cda98e80262dfd23b5fe0b18370d8b6245d39a",label:o}),p("ul",{key:"7a7c186e05a04286650d7292e156deb41638f703",class:"xpl-dropdown-list"},r||p("slot",{key:"da798e46d297ec28a0880cf04e4f0e20220ab28a",name:"options"}))))}},[260,"xpl-dropdown-group",{groupName:[1,"label"],options:[16]}]);function l(){"undefined"!=typeof customElements&&["xpl-dropdown-group","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option","xpl-icon"].forEach((o=>{switch(o){case"xpl-dropdown-group":customElements.get(r(o))||customElements.define(r(o),s);break;case"xpl-dropdown-group":customElements.get(r(o))||l();break;case"xpl-dropdown-heading":customElements.get(r(o))||t();break;case"xpl-dropdown-option":customElements.get(r(o))||a();break;case"xpl-icon":customElements.get(r(o))||n()}}))}export{s as D,l as d}
@@ -1 +1 @@
1
- import{p as t,H as e,d as o,h as i,c as s,t as d}from"./p-BT_Lq3Vd.js";import{t as r}from"./p-CzwViN3U.js";const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.isOpenChange=o(this,"isOpenChange",7),this.isOpen=!1,this.disabled=!1,this.position="bottom-middle",this.display="arrow",this.isOpenState=this.isOpen,this.actualPosition=this.position,this.togglePopover=()=>{this.disabled||(this.isOpenState=!this.isOpenState)},this.handleKeyDown=t=>{"Escape"===t.key&&this.isOpenState&&(this.isOpenState=!1)},this.handleClickOutside=({target:t})=>{!this.el.contains(t)&&this.isOpenState&&(this.isOpenState=!1)}}onIsOpenPropChange(t){this.isOpenState=t}onIsOpenStateChange(t){this.updateActualPosition(t),this.isOpenChange.emit(t)}updateActualPosition(t){if(!this.triggerRef||!this.contentRef||!t)return;const e={"top-left":["top-left","bottom-left","top-right","bottom-right","top-middle","bottom-middle"],"bottom-left":["bottom-left","top-left","bottom-right","top-right","bottom-middle","top-middle"],"top-right":["top-right","bottom-right","top-left","bottom-left","top-middle","bottom-middle"],"bottom-right":["bottom-right","top-right","bottom-left","top-left","bottom-middle","top-middle"],"middle-left":["middle-left","middle-right","bottom-left","top-left","bottom-middle","top-middle"],"middle-right":["middle-right","middle-left","bottom-right","top-right","bottom-middle","top-middle"],"top-middle":["top-middle","top-start","top-end","bottom-middle","top-left","top-right"],"bottom-middle":["bottom-middle","bottom-start","bottom-end","top-middle","bottom-left","bottom-right"],"top-start":["top-start","bottom-start","top-end","bottom-end","top-middle","bottom-middle"],"top-end":["top-end","bottom-end","top-start","bottom-start","top-middle","bottom-middle"],"bottom-start":["bottom-start","top-start","bottom-end","top-end","bottom-middle","top-middle"],"bottom-end":["bottom-end","top-end","bottom-start","top-start","bottom-middle","top-middle"]}[this.position].find((t=>{const{top:e,left:o,bottom:i,right:s}=this.triggerRef.getBoundingClientRect(),{width:d,height:r}=this.contentRef.getBoundingClientRect(),{innerWidth:p,innerHeight:n}=window,a=i+r<n,l=e-r>=0,m=o-d>=0,h=s+d<p,b=(e+i)/2,c=t=>t&&b-r/2>=0&&b+r/2<=n,f=(o+s)/2,g=t=>t&&f-d/2>=0&&f+d/2<=p,u=o+d<p,w=s-d>=0;switch(t){case"top-left":return a&&m;case"middle-left":return c(m);case"bottom-left":return l&&m;case"top-right":return a&&h;case"middle-right":return c(h);case"bottom-right":return l&&h;case"top-middle":return g(l);case"bottom-middle":return g(a);case"top-start":return l&&u;case"top-end":return l&&w;case"bottom-start":return a&&u;case"bottom-end":return a&&w;default:return!1}}))||this.position;this.actualPosition=e}connectedCallback(){document.addEventListener("mousedown",this.handleClickOutside.bind(this)),document.addEventListener("keydown",this.handleKeyDown),this.updateListener=r((()=>{this.updateActualPosition(this.isOpenState)})),["resize","scroll"].forEach((t=>{window.addEventListener(t,this.updateListener,{passive:!0})}))}disconnectedCallback(){document.removeEventListener("mousedown",this.handleClickOutside),document.removeEventListener("keydown",this.handleKeyDown),["resize","scroll"].forEach((t=>{window.removeEventListener(t,this.updateListener)}))}render(){return i(s,{key:"e6c2991b7550ee3d49d0e6389f0e5734873d2ec9"},i("div",{key:"5feb4134506e40be7f1485913f197b5e976a22eb",class:{"xpl-popover":!0,[`xpl-popover--${this.actualPosition}`]:!0,"xpl-popover--is-open":this.isOpenState}},i("span",{key:"0fd0c9ecf34e28f05b1c74cd54b259af985a8f48",role:"button",tabindex:"0","aria-haspopup":"dialog","aria-expanded":this.isOpenState?"true":"false",onClick:this.togglePopover,ref:t=>{this.triggerRef=t}},i("slot",{key:"036625c11df6140ae5e66c5b07d48034d4f85a8c",name:"trigger"})),"arrow"===this.display&&i("div",{key:"dc701c9b71dfc1ac2cd5397928366c807ec12680",class:"xpl-popover__arrow"},i("svg",{key:"714129740bb1ced6b465636e85fa006733d03e20",width:"17",height:"14",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"aa489883a369f713b6f04093ed39fe4f91088213",d:"M0 5h15l-7.5 7.5L0 5Z",fill:"white",stroke:"none",class:"arrow-fill"}),i("path",{key:"1e341b0b3f7be9c4387c3b2560d31f023090b5d8",d:"M0 5 L7.5 12.5 L15 5",fill:"none",stroke:"black","stroke-width":"1",class:"arrow-stroke"}))),i("div",{key:"fb1ca2715f2bbb0bd32ed532e61da5f2a8aa8b63",class:{"xpl-popover__content":!0,[`xpl-popover__content--display-${this.display}`]:!0},ref:t=>this.contentRef=t},i("slot",{key:"365e7a91de4254cc8f8423b1e832d5adeff1490a"}))))}get el(){return this}static get watchers(){return{isOpen:[{onIsOpenPropChange:0}],isOpenState:[{onIsOpenStateChange:0}]}}},[260,"xpl-popover",{isOpen:[4,"is-open"],disabled:[4],position:[1],display:[1],isOpenState:[32],actualPosition:[32],updateListener:[32]},void 0,{isOpen:[{onIsOpenPropChange:0}],isOpenState:[{onIsOpenStateChange:0}]}]);function n(){"undefined"!=typeof customElements&&["xpl-popover"].forEach((t=>{"xpl-popover"===t&&(customElements.get(d(t))||customElements.define(d(t),p))}))}export{p as P,n as d}
1
+ import{p as t,H as e,d as o,h as i,c as d,t as s}from"./p-BT_Lq3Vd.js";import{t as r}from"./p-CzwViN3U.js";const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.isOpenChange=o(this,"isOpenChange",7),this.isOpen=!1,this.disabled=!1,this.position="bottom-middle",this.display="arrow",this.isOpenState=this.isOpen,this.actualPosition=this.position,this.togglePopover=()=>{this.disabled||(this.isOpenState=!this.isOpenState)},this.handleKeyDown=t=>{"Escape"===t.key&&this.isOpenState&&(this.isOpenState=!1)},this.handleClickOutside=({target:t})=>{!this.el.contains(t)&&this.isOpenState&&(this.isOpenState=!1)}}onIsOpenPropChange(t){this.isOpenState=t}onIsOpenStateChange(t){this.updateActualPosition(t),this.isOpenChange.emit(t)}updateActualPosition(t){if(!this.triggerRef||!this.contentRef||!t)return;const e={"top-left":["top-left","bottom-left","top-right","bottom-right","top-middle","bottom-middle"],"bottom-left":["bottom-left","top-left","bottom-right","top-right","bottom-middle","top-middle"],"top-right":["top-right","bottom-right","top-left","bottom-left","top-middle","bottom-middle"],"bottom-right":["bottom-right","top-right","bottom-left","top-left","bottom-middle","top-middle"],"middle-left":["middle-left","middle-right","bottom-left","top-left","bottom-middle","top-middle"],"middle-right":["middle-right","middle-left","bottom-right","top-right","bottom-middle","top-middle"],"top-middle":["top-middle","top-start","top-end","bottom-middle","top-left","top-right"],"bottom-middle":["bottom-middle","bottom-start","bottom-end","top-middle","bottom-left","bottom-right"],"top-start":["top-start","bottom-start","top-end","bottom-end","top-middle","bottom-middle"],"top-end":["top-end","bottom-end","top-start","bottom-start","top-middle","bottom-middle"],"bottom-start":["bottom-start","top-start","bottom-end","top-end","bottom-middle","top-middle"],"bottom-end":["bottom-end","top-end","bottom-start","top-start","bottom-middle","top-middle"]}[this.position].find((t=>{const{top:e,left:o,bottom:i,right:d}=this.triggerRef.getBoundingClientRect(),{width:s,height:r}=this.contentRef.getBoundingClientRect(),{innerWidth:p,innerHeight:n}=window,l=i+r<n,a=e-r>=0,m=o-s>=0,h=d+s<p,b=(e+i)/2,c=t=>t&&b-r/2>=0&&b+r/2<=n,f=(o+d)/2,g=t=>t&&f-s/2>=0&&f+s/2<=p,u=o+s<p,w=d-s>=0;switch(t){case"top-left":return l&&m;case"middle-left":return c(m);case"bottom-left":return a&&m;case"top-right":return l&&h;case"middle-right":return c(h);case"bottom-right":return a&&h;case"top-middle":return g(a);case"bottom-middle":return g(l);case"top-start":return a&&u;case"top-end":return a&&w;case"bottom-start":return l&&u;case"bottom-end":return l&&w;default:return!1}}))||this.position;this.actualPosition=e}connectedCallback(){document.addEventListener("mousedown",this.handleClickOutside.bind(this)),document.addEventListener("keydown",this.handleKeyDown),this.updateListener=r((()=>{this.updateActualPosition(this.isOpenState)})),["resize","scroll"].forEach((t=>{window.addEventListener(t,this.updateListener,{passive:!0})}))}disconnectedCallback(){document.removeEventListener("mousedown",this.handleClickOutside),document.removeEventListener("keydown",this.handleKeyDown),["resize","scroll"].forEach((t=>{window.removeEventListener(t,this.updateListener)}))}render(){return i(d,{key:"fd4ba66077f4909fe71a47b719fc76e8b0970bcc"},i("div",{key:"f54d27275be2e332ae72e225197eb76350803db3",class:{"xpl-popover":!0,[`xpl-popover--${this.actualPosition}`]:!0,"xpl-popover--is-open":this.isOpenState}},i("span",{key:"a45378d297636bcb6eddd0ea2927703291f27571",role:"button",tabindex:"0","aria-haspopup":"dialog","aria-expanded":this.isOpenState?"true":"false",onClick:this.togglePopover,ref:t=>{this.triggerRef=t}},i("slot",{key:"e40f33425dede71e45fefca68eed6231f569b6f4",name:"trigger"})),"arrow"===this.display&&i("div",{key:"4c6dbd56d3b6c782bdd25c9674df29b92866e55c",class:"xpl-popover__arrow"},i("svg",{key:"6492c5f9ffd7609ed0fb334f515bf5448db9b837",width:"17",height:"14",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"e1e92c7c65caece9b89b9b23f6031409cd67312c",d:"M0 5h15l-7.5 7.5L0 5Z",fill:"white",stroke:"none",class:"arrow-fill"}),i("path",{key:"496097d86300cdd3a09732e3fb5492e8b3e4a292",d:"M0 5 L7.5 12.5 L15 5",fill:"none",stroke:"black","stroke-width":"1",class:"arrow-stroke"}))),i("div",{key:"ed12d8116e9c230dbe166b4479b19d640849b873",class:{"xpl-popover__content":!0,[`xpl-popover__content--display-${this.display}`]:!0},ref:t=>this.contentRef=t},i("slot",{key:"ad827a2a95546d4e3c975cd410ba4067fd69ad04"}))))}get el(){return this}static get watchers(){return{isOpen:[{onIsOpenPropChange:0}],isOpenState:[{onIsOpenStateChange:0}]}}},[260,"xpl-popover",{isOpen:[4,"is-open"],disabled:[4],position:[1],display:[1],isOpenState:[32],actualPosition:[32],updateListener:[32]},void 0,{isOpen:[{onIsOpenPropChange:0}],isOpenState:[{onIsOpenStateChange:0}]}]);function n(){"undefined"!=typeof customElements&&["xpl-popover"].forEach((t=>{"xpl-popover"===t&&(customElements.get(s(t))||customElements.define(s(t),p))}))}export{p as P,n as d}
@@ -0,0 +1 @@
1
+ class t{constructor(){this.timeouts=new Set,this.intervals=new Set,this.rafs=new Set,this.coalesced=new Map}setTimeout(t,e){const s=setTimeout((()=>{this.timeouts.delete(s),t()}),e);return this.timeouts.add(s),s}clearTimeout(t){clearTimeout(t),this.timeouts.delete(t)}setInterval(t,e){const s=setInterval(t,e);return this.intervals.add(s),s}clearInterval(t){clearInterval(t),this.intervals.delete(t)}requestAnimationFrame(t){const e=requestAnimationFrame((s=>{this.rafs.delete(e),t(s)}));return this.rafs.add(e),e}cancelAnimationFrame(t){cancelAnimationFrame(t),this.rafs.delete(t)}scheduleCoalesced(t,e,s=0){this.clearCoalesced(t);const i=setTimeout((()=>{this.coalesced.delete(t),e()}),s);this.coalesced.set(t,i)}clearCoalesced(t){const e=this.coalesced.get(t);void 0!==e&&(clearTimeout(e),this.coalesced.delete(t))}dispose(){this.timeouts.forEach((t=>clearTimeout(t))),this.timeouts.clear(),this.intervals.forEach((t=>clearInterval(t))),this.intervals.clear(),this.rafs.forEach((t=>cancelAnimationFrame(t))),this.rafs.clear(),this.coalesced.forEach((t=>clearTimeout(t))),this.coalesced.clear()}}export{t as T}
@@ -1 +1 @@
1
- import{p as s,H as t,d as i,h as e,c as h,t as r}from"./p-BT_Lq3Vd.js";import{d as a}from"./p-B1PBAEzg.js";const n=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.blurEvent=i(this,"blurEvent",7),this.focusEvent=i(this,"focusEvent",7),this.inputEvent=i(this,"inputEvent",7),this.search=i(this,"search",7),this.valueChange=i(this,"valueChange",7),this.hasAncestorForm=!1,this.ariaLabel="Search",this.autocomplete="off",this.disabled=!1,this.hasError=!1,this.hasVisibleLabel=!1,this.placeholder="Search",this.readonly=!1,this.required=!1,this.shape="rounded",this.value="",this.handleInnerFormSubmit=s=>{s.preventDefault(),this.disabled||this.readonly||this.emitSearchCommit(this.value.trim())},this.handleClear=s=>{var t;s.preventDefault(),this.disabled||this.readonly||(this.value="",this.valueChange.emit(""),this.inputEvent.emit(""),null===(t=this.inputEl)||void 0===t||t.focus())},this.handleInput=s=>{const t=s.target;this.value=t.value,this.valueChange.emit(t.value),this.inputEvent.emit(t.value)},this.handleKeyDown=s=>{"Enter"===s.key&&(this.disabled||this.readonly||s.target.form||(s.preventDefault(),this.emitSearchCommit(this.value.trim())))},this.handleFocus=s=>{this.focusEvent.emit(s)},this.handleBlur=s=>{this.blurEvent.emit(s)}}connectedCallback(){this.syncAncestorFormFlag()}async setFocus(){var s;null===(s=this.inputEl)||void 0===s||s.focus()}syncAncestorFormFlag(){const s=this.el,t=Boolean(s&&"function"==typeof s.closest&&s.closest("form"));this.hasAncestorForm!==t&&(this.hasAncestorForm=t)}get hasValue(){return void 0!==this.value&&this.value.length>0}get resolvedInputAriaLabel(){var s;if(!this.hasVisibleLabel)return(null!==(s=this.ariaLabel)&&void 0!==s?s:"").trim()||"Search"}get rendersInnerSearchForm(){return!this.hasAncestorForm}emitSearchCommit(s){this.search.emit(s)}renderShell(){const s=e("div",{class:"xpl-input-search__shell"},e("span",{class:"xpl-input-search__icon","aria-hidden":"true"},e("xpl-icon",{icon:"magnifier",size:20})),e("input",{"aria-describedby":this.hasError?this.errorMessageId:void 0,"aria-invalid":this.hasError?"true":void 0,"aria-label":this.resolvedInputAriaLabel,autocomplete:this.autocomplete,class:"xpl-input-search__input",disabled:this.disabled,id:this.inputId,name:this.name,onBlur:this.handleBlur,onFocus:this.handleFocus,onInput:this.handleInput,onKeyDown:this.handleKeyDown,placeholder:this.placeholder,readonly:this.readonly,ref:s=>{this.inputEl=null!=s?s:void 0},required:this.required,role:"searchbox",type:"text",value:this.value}),e("button",{"aria-hidden":this.hasValue?void 0:"true","aria-label":"Clear search",class:"xpl-input-search__clear",disabled:this.disabled||this.readonly,onClick:this.handleClear,type:"button"},e("xpl-icon",{icon:"circle-xmark",size:16})));return this.rendersInnerSearchForm?e("form",{class:"xpl-input-search__form",onSubmit:this.handleInnerFormSubmit},s):s}render(){return e(h,{key:"ac235500df2d6958d9070535f922a018bce14906",class:{"xpl-input-search":!0,"xpl-input-search--disabled":this.disabled,"xpl-input-search--error":this.hasError,"xpl-input-search--has-value":this.hasValue,"xpl-input-search--readonly":this.readonly,"xpl-input-search--shape-box":"box"===this.shape}},this.renderShell())}get el(){return this}},[0,"xpl-input-search",{ariaLabel:[1,"aria-label"],autocomplete:[1],disabled:[4],errorMessageId:[1,"error-message-id"],hasError:[4,"has-error"],hasVisibleLabel:[4,"has-visible-label"],inputId:[1,"input-id"],name:[1],placeholder:[1],readonly:[4],required:[4],shape:[1],value:[1025],hasAncestorForm:[32],setFocus:[64]}]);function l(){"undefined"!=typeof customElements&&["xpl-input-search","xpl-icon"].forEach((s=>{switch(s){case"xpl-input-search":customElements.get(r(s))||customElements.define(r(s),n);break;case"xpl-icon":customElements.get(r(s))||a()}}))}export{n as I,l as d}
1
+ import{p as s,H as t,d as i,h as e,c as h,t as r}from"./p-BT_Lq3Vd.js";import{d as a}from"./p-ByJRw26d.js";const n=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.blurEvent=i(this,"blurEvent",7),this.focusEvent=i(this,"focusEvent",7),this.inputEvent=i(this,"inputEvent",7),this.search=i(this,"search",7),this.valueChange=i(this,"valueChange",7),this.hasAncestorForm=!1,this.ariaLabel="Search",this.autocomplete="off",this.disabled=!1,this.hasError=!1,this.hasVisibleLabel=!1,this.placeholder="Search",this.readonly=!1,this.required=!1,this.shape="rounded",this.value="",this.handleInnerFormSubmit=s=>{s.preventDefault(),this.disabled||this.readonly||this.emitSearchCommit(this.value.trim())},this.handleClear=s=>{var t;s.preventDefault(),this.disabled||this.readonly||(this.value="",this.valueChange.emit(""),this.inputEvent.emit(""),null===(t=this.inputEl)||void 0===t||t.focus())},this.handleInput=s=>{const t=s.target;this.value=t.value,this.valueChange.emit(t.value),this.inputEvent.emit(t.value)},this.handleKeyDown=s=>{"Enter"===s.key&&(this.disabled||this.readonly||s.target.form||(s.preventDefault(),this.emitSearchCommit(this.value.trim())))},this.handleFocus=s=>{this.focusEvent.emit(s)},this.handleBlur=s=>{this.blurEvent.emit(s)}}connectedCallback(){this.syncAncestorFormFlag()}async setFocus(){var s;null===(s=this.inputEl)||void 0===s||s.focus()}syncAncestorFormFlag(){const s=this.el,t=Boolean(s&&"function"==typeof s.closest&&s.closest("form"));this.hasAncestorForm!==t&&(this.hasAncestorForm=t)}get hasValue(){return void 0!==this.value&&this.value.length>0}get resolvedInputAriaLabel(){var s;if(!this.hasVisibleLabel)return(null!==(s=this.ariaLabel)&&void 0!==s?s:"").trim()||"Search"}get rendersInnerSearchForm(){return!this.hasAncestorForm}emitSearchCommit(s){this.search.emit(s)}renderShell(){const s=e("div",{class:"xpl-input-search__shell"},e("span",{class:"xpl-input-search__icon","aria-hidden":"true"},e("xpl-icon",{icon:"magnifier",size:20})),e("input",{"aria-describedby":this.hasError?this.errorMessageId:void 0,"aria-invalid":this.hasError?"true":void 0,"aria-label":this.resolvedInputAriaLabel,autocomplete:this.autocomplete,class:"xpl-input-search__input",disabled:this.disabled,id:this.inputId,name:this.name,onBlur:this.handleBlur,onFocus:this.handleFocus,onInput:this.handleInput,onKeyDown:this.handleKeyDown,placeholder:this.placeholder,readonly:this.readonly,ref:s=>{this.inputEl=null!=s?s:void 0},required:this.required,role:"searchbox",type:"text",value:this.value}),e("button",{"aria-hidden":this.hasValue?void 0:"true","aria-label":"Clear search",class:"xpl-input-search__clear",disabled:this.disabled||this.readonly,onClick:this.handleClear,type:"button"},e("xpl-icon",{icon:"circle-xmark",size:16})));return this.rendersInnerSearchForm?e("form",{class:"xpl-input-search__form",onSubmit:this.handleInnerFormSubmit},s):s}render(){return e(h,{key:"bbbcb91c290fec3f0ad0f7df9cb9e43c699f3ab2",class:{"xpl-input-search":!0,"xpl-input-search--disabled":this.disabled,"xpl-input-search--error":this.hasError,"xpl-input-search--has-value":this.hasValue,"xpl-input-search--readonly":this.readonly,"xpl-input-search--shape-box":"box"===this.shape}},this.renderShell())}get el(){return this}},[0,"xpl-input-search",{ariaLabel:[1,"aria-label"],autocomplete:[1],disabled:[4],errorMessageId:[1,"error-message-id"],hasError:[4,"has-error"],hasVisibleLabel:[4,"has-visible-label"],inputId:[1,"input-id"],name:[1],placeholder:[1],readonly:[4],required:[4],shape:[1],value:[1025],hasAncestorForm:[32],setFocus:[64]}]);function l(){"undefined"!=typeof customElements&&["xpl-input-search","xpl-icon"].forEach((s=>{switch(s){case"xpl-input-search":customElements.get(r(s))||customElements.define(r(s),n);break;case"xpl-icon":customElements.get(r(s))||a()}}))}export{n as I,l as d}
@@ -1 +1 @@
1
- import{p as t,H as a,h as r,c as e,t as s}from"./p-BT_Lq3Vd.js";import{d as i}from"./p-DPTHmitJ.js";const l={active:"green",inactive:"gray",warning:"red"};function n(t){var a,r,e;if(!t||!t.trim())return"";const s=t.trim().split(/\s+/).filter(Boolean);if(0===s.length)return"";if(1===s.length)return s[0].slice(0,3).toUpperCase();const i=null!==(a=s[0][0])&&void 0!==a?a:"",l=null!==(r=s[s.length-1][0])&&void 0!==r?r:"";return(i+(s.length>2&&null!==(e=s[1][0])&&void 0!==e?e:"")+l).slice(0,3).toUpperCase()}const o=t(class t extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.cachedGroupItems=[],this.cachedSlotContent="",this.disabled=!1}onGroupDataChange(a){this.cachedGroupItems=t.parseGroupData(a)}componentWillLoad(){var t,a,r;this.cachedSlotContent=null!==(r=null===(a=null===(t=this.el)||void 0===t?void 0:t.textContent)||void 0===a?void 0:a.trim().slice(0,3))&&void 0!==r?r:"",this.onGroupDataChange(this.groupData)}static parseGroupData(t){if(null==t)return[];if("string"==typeof t)try{const a=JSON.parse(t);return Array.isArray(a)?a:[]}catch(t){return[]}return Array.isArray(t)?t:[]}get groupItems(){return this.cachedGroupItems}get statusBadgeVariant(){var t;const a=this.status;if(void 0!==a)return null!==(t=l[a])&&void 0!==t?t:a}getPlaceholderText(){return this.cachedSlotContent.length>0?this.cachedSlotContent:n(this.name)}static getSingleAvatarClasses(t,a,r,e){return{"xpl-avatar":!0,[`xpl-avatar--${t}`]:!!t,[`xpl-avatar--${a}`]:!!a,"xpl-avatar--profile":!!r,"xpl-avatar--disabled":!!e}}getAnchorProps(t){var a;return{href:this.href,target:this.target,rel:"_blank"===this.target?"noopener noreferrer":void 0,"aria-label":null!==(a=this.name)&&void 0!==a?a:"Profile",class:t}}static renderAvatarMedia(t,a,e,s,i=!0){return t?r("img",{alt:null!=a?a:"",src:t}):r("div",{class:"xpl-avatar__placeholder",role:"img","aria-label":null!=a?a:s},e||(i?r("slot",null):null))}renderAvatarMediaWithStatusBadge(a){const e=this.getPlaceholderText();return r("div",Object.assign({},a?{class:a}:{}),t.renderAvatarMedia(this.src,this.name,e,"Profile",!0),this.statusBadgeVariant&&r("xpl-badge",{dotOnly:!0,bordered:!0,variant:this.statusBadgeVariant,"aria-hidden":"true"}))}renderGroupItem(a,e){const s=a.name?n(a.name):"";return r("div",{class:{"xpl-avatar-group__item":!0,"xpl-avatar":!0,[`xpl-avatar--${this.size}`]:!!this.size,[`xpl-avatar--${a.color}`]:!!a.color}},r("div",null,t.renderAvatarMedia(a.src,a.name,s,`Member ${e+1}`,!1)))}renderWithTextContent(){return r("div",{class:"xpl-avatar__with-text-content"},r("div",{class:"xpl-avatar__with-text-name"},this.name),this.subText&&r("div",{class:"xpl-avatar__with-text-sub"},this.subText))}render(){const a=this.variant;if("group"===a){const t=this.groupItems,a=t.slice(0,4),s=t.length-4,i=s>0,l=i?function(t){if(t<=0)return"";if(t<=999)return`+${t}`;const a=500*Math.round(t/500)/1e3;return"+"+(a%1==0?`${a}k`:`${a.toFixed(1)}k`)}(s):"";return r(e,null,r("div",{class:{"xpl-avatar-group":!0,[`xpl-avatar-group--${this.size}`]:!!this.size},role:"group","aria-label":`${t.length} members`},a.map(((t,a)=>r("div",{key:a,class:"xpl-avatar-group__wrap"},this.renderGroupItem(t,a)))),i&&r("div",{class:{"xpl-avatar-group__count":!0,[`xpl-avatar-group__count--${this.size}`]:!!this.size},"aria-label":`${s} more`},l)))}if("with-text"===a){const t=this.renderAvatarMediaWithStatusBadge("xpl-avatar__with-text-avatar"),a={"xpl-avatar":!0,"xpl-avatar--with-text":!0,[`xpl-avatar--${this.color}`]:!!this.color,"xpl-avatar--disabled":!!this.disabled};return r(e,null,this.href&&!this.disabled?r("a",Object.assign({},this.getAnchorProps("xpl-avatar__with-text-link")),r("div",{class:a},t,this.renderWithTextContent())):r("div",{class:a,"aria-disabled":this.disabled?"true":void 0},t,this.renderWithTextContent()))}const s="profile"===a,i=t.getSingleAvatarClasses(s&&"md"===this.size?void 0:this.size,this.color,s,this.disabled),l=this.renderAvatarMediaWithStatusBadge();return r(e,null,this.href&&!this.disabled?r("a",Object.assign({},this.getAnchorProps(i)),l):r("div",{class:i,"aria-disabled":this.disabled?"true":void 0},l))}get el(){return this}static get watchers(){return{groupData:[{onGroupDataChange:0}]}}},[260,"xpl-avatar",{color:[1],disabled:[4],groupData:[1,"group-data"],href:[1],name:[1],size:[1],src:[1],status:[1],subText:[1,"sub-text"],target:[1],variant:[1],cachedGroupItems:[32],cachedSlotContent:[32]},void 0,{groupData:[{onGroupDataChange:0}]}]);function u(){"undefined"!=typeof customElements&&["xpl-avatar","xpl-badge"].forEach((t=>{switch(t){case"xpl-avatar":customElements.get(s(t))||customElements.define(s(t),o);break;case"xpl-badge":customElements.get(s(t))||i()}}))}export{o as A,u as d}
1
+ import{p as t,H as a,h as r,c as e,t as s}from"./p-BT_Lq3Vd.js";import{d as i}from"./p-C5_Yo0ZP.js";const l={active:"green",inactive:"gray",warning:"red"};function n(t){var a,r,e;if(!t||!t.trim())return"";const s=t.trim().split(/\s+/).filter(Boolean);if(0===s.length)return"";if(1===s.length)return s[0].slice(0,3).toUpperCase();const i=null!==(a=s[0][0])&&void 0!==a?a:"",l=null!==(r=s[s.length-1][0])&&void 0!==r?r:"";return(i+(s.length>2&&null!==(e=s[1][0])&&void 0!==e?e:"")+l).slice(0,3).toUpperCase()}const o=t(class t extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.cachedGroupItems=[],this.cachedSlotContent="",this.disabled=!1}onGroupDataChange(a){this.cachedGroupItems=t.parseGroupData(a)}componentWillLoad(){var t,a,r;this.cachedSlotContent=null!==(r=null===(a=null===(t=this.el)||void 0===t?void 0:t.textContent)||void 0===a?void 0:a.trim().slice(0,3))&&void 0!==r?r:"",this.onGroupDataChange(this.groupData)}static parseGroupData(t){if(null==t)return[];if("string"==typeof t)try{const a=JSON.parse(t);return Array.isArray(a)?a:[]}catch(t){return[]}return Array.isArray(t)?t:[]}get groupItems(){return this.cachedGroupItems}get statusBadgeVariant(){var t;const a=this.status;if(void 0!==a)return null!==(t=l[a])&&void 0!==t?t:a}getPlaceholderText(){return this.cachedSlotContent.length>0?this.cachedSlotContent:n(this.name)}static getSingleAvatarClasses(t,a,r,e){return{"xpl-avatar":!0,[`xpl-avatar--${t}`]:!!t,[`xpl-avatar--${a}`]:!!a,"xpl-avatar--profile":!!r,"xpl-avatar--disabled":!!e}}getAnchorProps(t){var a;return{href:this.href,target:this.target,rel:"_blank"===this.target?"noopener noreferrer":void 0,"aria-label":null!==(a=this.name)&&void 0!==a?a:"Profile",class:t}}static renderAvatarMedia(t,a,e,s,i=!0){return t?r("img",{alt:null!=a?a:"",src:t}):r("div",{class:"xpl-avatar__placeholder",role:"img","aria-label":null!=a?a:s},e||(i?r("slot",null):null))}renderAvatarMediaWithStatusBadge(a){const e=this.getPlaceholderText();return r("div",Object.assign({},a?{class:a}:{}),t.renderAvatarMedia(this.src,this.name,e,"Profile",!0),this.statusBadgeVariant&&r("xpl-badge",{dotOnly:!0,bordered:!0,variant:this.statusBadgeVariant,"aria-hidden":"true"}))}renderGroupItem(a,e){const s=a.name?n(a.name):"";return r("div",{class:{"xpl-avatar-group__item":!0,"xpl-avatar":!0,[`xpl-avatar--${this.size}`]:!!this.size,[`xpl-avatar--${a.color}`]:!!a.color}},r("div",null,t.renderAvatarMedia(a.src,a.name,s,`Member ${e+1}`,!1)))}renderWithTextContent(){return r("div",{class:"xpl-avatar__with-text-content"},r("div",{class:"xpl-avatar__with-text-name"},this.name),this.subText&&r("div",{class:"xpl-avatar__with-text-sub"},this.subText))}render(){const a=this.variant;if("group"===a){const t=this.groupItems,a=t.slice(0,4),s=t.length-4,i=s>0,l=i?function(t){if(t<=0)return"";if(t<=999)return`+${t}`;const a=500*Math.round(t/500)/1e3;return"+"+(a%1==0?`${a}k`:`${a.toFixed(1)}k`)}(s):"";return r(e,null,r("div",{class:{"xpl-avatar-group":!0,[`xpl-avatar-group--${this.size}`]:!!this.size},role:"group","aria-label":`${t.length} members`},a.map(((t,a)=>r("div",{key:a,class:"xpl-avatar-group__wrap"},this.renderGroupItem(t,a)))),i&&r("div",{class:{"xpl-avatar-group__count":!0,[`xpl-avatar-group__count--${this.size}`]:!!this.size},"aria-label":`${s} more`},l)))}if("with-text"===a){const t=this.renderAvatarMediaWithStatusBadge("xpl-avatar__with-text-avatar"),a={"xpl-avatar":!0,"xpl-avatar--with-text":!0,[`xpl-avatar--${this.color}`]:!!this.color,"xpl-avatar--disabled":!!this.disabled};return r(e,null,this.href&&!this.disabled?r("a",Object.assign({},this.getAnchorProps("xpl-avatar__with-text-link")),r("div",{class:a},t,this.renderWithTextContent())):r("div",{class:a,"aria-disabled":this.disabled?"true":void 0},t,this.renderWithTextContent()))}const s="profile"===a,i=t.getSingleAvatarClasses(s&&"md"===this.size?void 0:this.size,this.color,s,this.disabled),l=this.renderAvatarMediaWithStatusBadge();return r(e,null,this.href&&!this.disabled?r("a",Object.assign({},this.getAnchorProps(i)),l):r("div",{class:i,"aria-disabled":this.disabled?"true":void 0},l))}get el(){return this}static get watchers(){return{groupData:[{onGroupDataChange:0}]}}},[260,"xpl-avatar",{color:[1],disabled:[4],groupData:[1,"group-data"],href:[1],name:[1],size:[1],src:[1],status:[1],subText:[1,"sub-text"],target:[1],variant:[1],cachedGroupItems:[32],cachedSlotContent:[32]},void 0,{groupData:[{onGroupDataChange:0}]}]);function u(){"undefined"!=typeof customElements&&["xpl-avatar","xpl-badge"].forEach((t=>{switch(t){case"xpl-avatar":customElements.get(s(t))||customElements.define(s(t),o);break;case"xpl-badge":customElements.get(s(t))||i()}}))}export{o as A,u as d}
@@ -0,0 +1 @@
1
+ import{p as e,H as s,h as d,c as t,t as a}from"./p-BT_Lq3Vd.js";const c=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost()}render(){let e="xpl-divider";return e+=` xpl-divider--${this.tier}`,d(t,{key:"1926b1e92a89dc5039042d29491f246cf3900efa",class:e},d("span",{key:"492651208216149bfd4d2ed7cc8610b2bc8b05ea"},d("slot",{key:"1e8b9e121ab1cb946b7a13d2bacbeea9a490a289"})))}},[260,"xpl-divider",{tier:[2]}]);function i(){"undefined"!=typeof customElements&&["xpl-divider"].forEach((e=>{"xpl-divider"===e&&(customElements.get(a(e))||customElements.define(a(e),c))}))}export{c as D,i as d}