@ably/ui 8.7.0-dev.c29ac14 → 8.7.0-dev.cbc127e

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 (101) hide show
  1. package/core/Code/component.js +1 -1
  2. package/core/Code.jsx +108 -88
  3. package/core/CompanyAutocomplete/component.js +1 -1
  4. package/core/ConnectStateWrapper/component.js +1 -1
  5. package/core/ConnectStateWrapper.jsx +7 -7
  6. package/core/ContactFooter/component.js +1 -1
  7. package/core/ContactFooter.jsx +12 -12
  8. package/core/CookieMessage/component.js +1 -1
  9. package/core/CookieMessage.jsx +10 -10
  10. package/core/CustomerLogos/component.js +1 -1
  11. package/core/CustomerLogos.jsx +7 -7
  12. package/core/DropdownMenu/component.js +1 -1
  13. package/core/DropdownMenu.jsx +11 -11
  14. package/core/FeatureFooter/component.js +1 -1
  15. package/core/FeaturedLink/component.js +1 -1
  16. package/core/FeaturedLink.jsx +10 -10
  17. package/core/Flash/component.js +1 -1
  18. package/core/Flash.jsx +19 -19
  19. package/core/Footer/component.js +1 -1
  20. package/core/Footer.jsx +19 -19
  21. package/core/Icon/component.js +1 -1
  22. package/core/Icon.jsx +7 -7
  23. package/core/Loader/component.js +1 -1
  24. package/core/Loader.jsx +7 -7
  25. package/core/Logo/component.js +1 -1
  26. package/core/Logo.jsx +7 -7
  27. package/core/Meganav/component.css +1 -3
  28. package/core/Meganav/component.js +1 -1
  29. package/core/Meganav.jsx +220 -187
  30. package/core/MeganavBlogPostsList/component.js +1 -1
  31. package/core/MeganavBlogPostsList.jsx +13 -13
  32. package/core/MeganavContentCompany/component.js +1 -1
  33. package/core/MeganavContentCompany.jsx +39 -27
  34. package/core/MeganavContentDevelopers/component.js +1 -1
  35. package/core/MeganavContentDevelopers.jsx +30 -17
  36. package/core/MeganavContentPlatform/component.js +1 -1
  37. package/core/MeganavContentPlatform.jsx +22 -22
  38. package/core/MeganavContentUseCases/component.js +1 -1
  39. package/core/MeganavContentUseCases.jsx +62 -54
  40. package/core/MeganavControl/component.js +1 -1
  41. package/core/MeganavControl.jsx +10 -10
  42. package/core/MeganavControlMobileDropdown/component.js +1 -1
  43. package/core/MeganavControlMobileDropdown.jsx +11 -11
  44. package/core/MeganavControlMobilePanelClose/component.js +1 -1
  45. package/core/MeganavControlMobilePanelClose.jsx +10 -10
  46. package/core/MeganavControlMobilePanelOpen/component.js +1 -1
  47. package/core/MeganavControlMobilePanelOpen.jsx +10 -10
  48. package/core/MeganavItemsDesktop/component.js +1 -1
  49. package/core/MeganavItemsDesktop.jsx +16 -16
  50. package/core/MeganavItemsMobile/component.js +1 -1
  51. package/core/MeganavItemsMobile.jsx +39 -39
  52. package/core/MeganavItemsSignedIn/component.js +1 -1
  53. package/core/MeganavItemsSignedIn.jsx +33 -33
  54. package/core/MeganavSearch/component.js +1 -1
  55. package/core/MeganavSearch.jsx +23 -23
  56. package/core/MeganavSearchAutocomplete/component.js +1 -1
  57. package/core/MeganavSearchAutocomplete.jsx +4 -4
  58. package/core/MeganavSearchPanel/component.js +1 -1
  59. package/core/MeganavSearchPanel.jsx +19 -19
  60. package/core/MeganavSearchSuggestions/component.js +1 -1
  61. package/core/MeganavSearchSuggestions.jsx +13 -13
  62. package/core/Notice/component.js +1 -1
  63. package/core/Notice.jsx +30 -30
  64. package/core/Showcase/component.js +1 -1
  65. package/core/Showcase.jsx +1 -1
  66. package/core/SignOutLink/component.js +1 -1
  67. package/core/SignOutLink.jsx +7 -7
  68. package/core/Slider/component.js +1 -1
  69. package/core/Slider.jsx +14 -14
  70. package/core/Uptime/component.js +1 -1
  71. package/core/Uptime.jsx +15 -15
  72. package/core/scripts.js +1 -1
  73. package/core/sprites.svg +64 -0
  74. package/core/styles.css +1 -7
  75. package/package.json +1 -1
  76. package/reset/scripts.js +1 -1
  77. package/reset/styles.css +1 -11
  78. package/src/core/Meganav/component.css +1 -1
  79. package/src/core/MeganavContentCompany/component.html.erb +9 -0
  80. package/src/core/MeganavContentCompany/component.jsx +9 -0
  81. package/src/core/MeganavContentDevelopers/component.html.erb +9 -2
  82. package/src/core/MeganavContentDevelopers/component.jsx +11 -1
  83. package/src/core/MeganavContentPlatform/component.html.erb +6 -6
  84. package/src/core/MeganavContentPlatform/component.jsx +6 -6
  85. package/src/core/MeganavContentUseCases/component.html.erb +42 -38
  86. package/src/core/MeganavContentUseCases/component.jsx +41 -38
  87. package/src/core/icons/icon-display-data-broadcast-col.svg +26 -0
  88. package/src/core/icons/icon-display-data-synchronization-col.svg +14 -0
  89. package/src/core/icons/icon-display-events-col.svg +13 -0
  90. package/src/core/icons/icon-display-kafka-at-the-edge-col.svg +8 -0
  91. package/src/core/icons/icon-display-push-notifications-col.svg +6 -0
  92. package/src/core/icons/icon-tech-apachekafka.svg +3 -0
  93. package/src/core/styles/text.css +1 -1
  94. package/src/core/utils/syntax-highlighter-registry.js +2 -0
  95. package/src/core/utils/syntax-highlighter.js +5 -0
  96. package/core/.DS_Store +0 -0
  97. package/core/DropdownMenuPreview/component.js +0 -6
  98. package/core/DropdownMenuPreview.jsx +0 -6
  99. package/core/Meganav/component.js.LICENSE.txt +0 -7
  100. package/core/MeganavSearchAutocomplete/component.js.LICENSE.txt +0 -7
  101. package/core/Notice/component.js.LICENSE.txt +0 -9
package/core/MeganavItemsSignedIn.jsx CHANGED
@@ -7,7 +7,7 @@
7
7
  var a = typeof exports === 'object' ? factory(require("react"), require("prop-types")) : factory(root[undefined], root[undefined]);
8
8
  for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
9
9
  }
10
- })(this, function(__WEBPACK_EXTERNAL_MODULE__9281__, __WEBPACK_EXTERNAL_MODULE__3474__) {
10
+ })(this, (__WEBPACK_EXTERNAL_MODULE__5225__, __WEBPACK_EXTERNAL_MODULE__6073__) => {
11
11
  return /******/ (() => { // webpackBootstrap
12
12
  /******/ "use strict";
13
13
  /******/ var __webpack_modules__ = ({
@@ -18,9 +18,9 @@ return /******/ (() => { // webpackBootstrap
18
18
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
19
19
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
20
20
  /* harmony export */ });
21
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
21
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
22
22
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
23
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
23
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
24
24
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
25
25
  /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
26
26
 
@@ -42,7 +42,7 @@ var FeaturedLink = function FeaturedLink(_ref) {
42
42
  style: {
43
43
  "--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
44
44
  }
45
- }, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
45
+ }, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
46
46
  name: "icon-gui-link-arrow",
47
47
  size: "calc(var(--featured-link-icon-size) * 1.25)",
48
48
  color: iconColor,
@@ -67,9 +67,9 @@ FeaturedLink.propTypes = {
67
67
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
68
68
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
69
69
  /* harmony export */ });
70
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
70
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
71
71
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
72
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
72
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
73
73
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
74
74
  var _excluded = ["name", "size", "color", "additionalCSS"];
75
75
 
@@ -119,9 +119,9 @@ Icon.propTypes = {
119
119
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
120
120
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
121
121
  /* harmony export */ });
122
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
122
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
123
123
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
124
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
124
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
125
125
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
126
126
  /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
127
127
 
@@ -141,7 +141,7 @@ var MeganavControl = function MeganavControl(_ref) {
141
141
  "aria-expanded": "false",
142
142
  "aria-controls": ariaControls,
143
143
  "aria-label": "Show ".concat(ariaLabel, " panel")
144
- }, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
144
+ }, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
145
145
  name: "icon-gui-disclosure-arrow",
146
146
  color: "text-cool-black",
147
147
  size: "1.5rem",
@@ -166,9 +166,9 @@ MeganavControl.propTypes = {
166
166
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
167
167
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
168
168
  /* harmony export */ });
169
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
169
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
170
170
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
171
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
171
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
172
172
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
173
173
  /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
174
174
  /* harmony import */ var _MeganavSearchPanel_component_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6569);
@@ -187,7 +187,7 @@ var MeganavSearch = function MeganavSearch(_ref) {
187
187
  "aria-expanded": "false",
188
188
  "aria-controls": "panel-search",
189
189
  "aria-label": "Show Search Panel"
190
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
190
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
191
191
  name: "icon-gui-search",
192
192
  color: "text-cool-black",
193
193
  size: "1.5rem",
@@ -196,7 +196,7 @@ var MeganavSearch = function MeganavSearch(_ref) {
196
196
  className: "ui-meganav-panel invisible",
197
197
  id: "panel-search",
198
198
  "data-id": "meganav-panel"
199
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavSearchPanel_component_jsx__WEBPACK_IMPORTED_MODULE_3__.default, {
199
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavSearchPanel_component_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
200
200
  absUrl: absUrl
201
201
  })));
202
202
  };
@@ -214,7 +214,7 @@ MeganavSearch.propTypes = {
214
214
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
215
215
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
216
216
  /* harmony export */ });
217
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
217
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
218
218
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
219
219
 
220
220
 
@@ -238,9 +238,9 @@ var MeganavSearchAutocomplete = function MeganavSearchAutocomplete() {
238
238
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
239
239
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
240
240
  /* harmony export */ });
241
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
241
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
242
242
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
243
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
243
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
244
244
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
245
245
  /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
246
246
  /* harmony import */ var _MeganavSearchSuggestions_component_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(8926);
@@ -265,7 +265,7 @@ var MeganavSearchPanel = function MeganavSearchPanel(_ref) {
265
265
  method: "get"
266
266
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
267
267
  className: "relative w-full"
268
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
268
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
269
269
  name: "icon-gui-search",
270
270
  color: "text-cool-black",
271
271
  size: "1.5rem",
@@ -277,12 +277,12 @@ var MeganavSearchPanel = function MeganavSearchPanel(_ref) {
277
277
  placeholder: "Search",
278
278
  autoComplete: "off",
279
279
  "data-id": "meganav-search-input"
280
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavSearchAutocomplete_component_jsx__WEBPACK_IMPORTED_MODULE_4__.default, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
280
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavSearchAutocomplete_component_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
281
281
  type: "submit",
282
282
  className: "ui-btn-secondary flex-shrink-0 ml-8 sm:ml-16 md:ml-24 xl:ml-32"
283
283
  }, "Search")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
284
284
  className: "col-span-12"
285
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavSearchSuggestions_component_jsx__WEBPACK_IMPORTED_MODULE_3__.default, {
285
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavSearchSuggestions_component_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
286
286
  displaySupportLink: true,
287
287
  absUrl: absUrl
288
288
  })));
@@ -301,9 +301,9 @@ MeganavSearchPanel.propTypes = {
301
301
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
302
302
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
303
303
  /* harmony export */ });
304
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
304
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
305
305
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
306
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
306
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
307
307
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
308
308
  /* harmony import */ var _FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5751);
309
309
 
@@ -339,7 +339,7 @@ var MeganavSearchSuggestions = function MeganavSearchSuggestions(_ref) {
339
339
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
340
340
  href: absUrl("/platform"),
341
341
  className: "ui-text-p2 hover:text-gui-hover active:text-gui-active focus:text-gui-focus"
342
- }, "Platform"))), displaySupportLink ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
342
+ }, "Platform"))), displaySupportLink ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
343
343
  url: absUrl("/support"),
344
344
  textSize: "text-p2"
345
345
  }, "Support") : null));
@@ -359,9 +359,9 @@ MeganavSearchSuggestions.propTypes = {
359
359
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
360
360
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
361
361
  /* harmony export */ });
362
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
362
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
363
363
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
364
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
364
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
365
365
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
366
366
 
367
367
 
@@ -410,17 +410,17 @@ SignOutLink.propTypes = {
410
410
 
411
411
  /***/ }),
412
412
 
413
- /***/ 3474:
413
+ /***/ 6073:
414
414
  /***/ ((module) => {
415
415
 
416
- module.exports = __WEBPACK_EXTERNAL_MODULE__3474__;
416
+ module.exports = __WEBPACK_EXTERNAL_MODULE__6073__;
417
417
 
418
418
  /***/ }),
419
419
 
420
- /***/ 9281:
420
+ /***/ 5225:
421
421
  /***/ ((module) => {
422
422
 
423
- module.exports = __WEBPACK_EXTERNAL_MODULE__9281__;
423
+ module.exports = __WEBPACK_EXTERNAL_MODULE__5225__;
424
424
 
425
425
  /***/ })
426
426
 
@@ -499,9 +499,9 @@ __webpack_require__.r(__webpack_exports__);
499
499
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
500
500
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
501
501
  /* harmony export */ });
502
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
502
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
503
503
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
504
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
504
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
505
505
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
506
506
  /* harmony import */ var _MeganavControl_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(140);
507
507
  /* harmony import */ var _SignOutLink_component_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1866);
@@ -531,7 +531,7 @@ var MeganavItemsSignedIn = function MeganavItemsSignedIn(_ref) {
531
531
  className: "hidden md:flex items-center"
532
532
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
533
533
  className: "ui-meganav-item relative"
534
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavControl_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
534
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavControl_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
535
535
  ariaControls: "account-panel",
536
536
  ariaLabel: "Account",
537
537
  theme: theme,
@@ -567,7 +567,7 @@ var MeganavItemsSignedIn = function MeganavItemsSignedIn(_ref) {
567
567
  className: "ui-meganav-hr mb-16"
568
568
  }), sessionState.logOut && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
569
569
  className: "mb-16 px-16"
570
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_SignOutLink_component_jsx__WEBPACK_IMPORTED_MODULE_3__.default, _extends({
570
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_SignOutLink_component_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], _extends({
571
571
  absUrl: absUrl
572
572
  }, sessionState.logOut), function (_ref2) {
573
573
  var text = _ref2.text,
@@ -578,7 +578,7 @@ var MeganavItemsSignedIn = function MeganavItemsSignedIn(_ref) {
578
578
  href: absUrl(href),
579
579
  className: "ui-meganav-account-link"
580
580
  }, text);
581
- })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavSearch_component_jsx__WEBPACK_IMPORTED_MODULE_4__.default, {
581
+ })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavSearch_component_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
582
582
  absUrl: absUrl
583
583
  })), sessionState.account && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
584
584
  href: absUrl(sessionState.account.links.dashboard.href),
package/core/MeganavSearch/component.js CHANGED
@@ -1 +1 @@
1
- !function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.AblyUi=o():(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.MeganavSearch=o())}(this,(function(){return{}.default}));
1
+ !function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.AblyUi=o():(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.MeganavSearch=o())}(this,(()=>({}.default)));
package/core/MeganavSearch.jsx CHANGED
@@ -7,7 +7,7 @@
7
7
  var a = typeof exports === 'object' ? factory(require("react"), require("prop-types")) : factory(root[undefined], root[undefined]);
8
8
  for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
9
9
  }
10
- })(this, function(__WEBPACK_EXTERNAL_MODULE__9281__, __WEBPACK_EXTERNAL_MODULE__3474__) {
10
+ })(this, (__WEBPACK_EXTERNAL_MODULE__5225__, __WEBPACK_EXTERNAL_MODULE__6073__) => {
11
11
  return /******/ (() => { // webpackBootstrap
12
12
  /******/ "use strict";
13
13
  /******/ var __webpack_modules__ = ({
@@ -18,9 +18,9 @@ return /******/ (() => { // webpackBootstrap
18
18
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
19
19
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
20
20
  /* harmony export */ });
21
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
21
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
22
22
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
23
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
23
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
24
24
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
25
25
  /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
26
26
 
@@ -42,7 +42,7 @@ var FeaturedLink = function FeaturedLink(_ref) {
42
42
  style: {
43
43
  "--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
44
44
  }
45
- }, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
45
+ }, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
46
46
  name: "icon-gui-link-arrow",
47
47
  size: "calc(var(--featured-link-icon-size) * 1.25)",
48
48
  color: iconColor,
@@ -67,9 +67,9 @@ FeaturedLink.propTypes = {
67
67
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
68
68
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
69
69
  /* harmony export */ });
70
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
70
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
71
71
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
72
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
72
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
73
73
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
74
74
  var _excluded = ["name", "size", "color", "additionalCSS"];
75
75
 
@@ -119,7 +119,7 @@ Icon.propTypes = {
119
119
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
120
120
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
121
121
  /* harmony export */ });
122
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
122
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
123
123
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
124
124
 
125
125
 
@@ -143,9 +143,9 @@ var MeganavSearchAutocomplete = function MeganavSearchAutocomplete() {
143
143
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
144
144
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
145
145
  /* harmony export */ });
146
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
146
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
147
147
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
148
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
148
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
149
149
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
150
150
  /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
151
151
  /* harmony import */ var _MeganavSearchSuggestions_component_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(8926);
@@ -170,7 +170,7 @@ var MeganavSearchPanel = function MeganavSearchPanel(_ref) {
170
170
  method: "get"
171
171
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
172
172
  className: "relative w-full"
173
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
173
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
174
174
  name: "icon-gui-search",
175
175
  color: "text-cool-black",
176
176
  size: "1.5rem",
@@ -182,12 +182,12 @@ var MeganavSearchPanel = function MeganavSearchPanel(_ref) {
182
182
  placeholder: "Search",
183
183
  autoComplete: "off",
184
184
  "data-id": "meganav-search-input"
185
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavSearchAutocomplete_component_jsx__WEBPACK_IMPORTED_MODULE_4__.default, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
185
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavSearchAutocomplete_component_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
186
186
  type: "submit",
187
187
  className: "ui-btn-secondary flex-shrink-0 ml-8 sm:ml-16 md:ml-24 xl:ml-32"
188
188
  }, "Search")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
189
189
  className: "col-span-12"
190
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavSearchSuggestions_component_jsx__WEBPACK_IMPORTED_MODULE_3__.default, {
190
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavSearchSuggestions_component_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
191
191
  displaySupportLink: true,
192
192
  absUrl: absUrl
193
193
  })));
@@ -206,9 +206,9 @@ MeganavSearchPanel.propTypes = {
206
206
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
207
207
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
208
208
  /* harmony export */ });
209
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
209
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
210
210
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
211
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
211
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
212
212
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
213
213
  /* harmony import */ var _FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5751);
214
214
 
@@ -244,7 +244,7 @@ var MeganavSearchSuggestions = function MeganavSearchSuggestions(_ref) {
244
244
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
245
245
  href: absUrl("/platform"),
246
246
  className: "ui-text-p2 hover:text-gui-hover active:text-gui-active focus:text-gui-focus"
247
- }, "Platform"))), displaySupportLink ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
247
+ }, "Platform"))), displaySupportLink ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
248
248
  url: absUrl("/support"),
249
249
  textSize: "text-p2"
250
250
  }, "Support") : null));
@@ -258,17 +258,17 @@ MeganavSearchSuggestions.propTypes = {
258
258
 
259
259
  /***/ }),
260
260
 
261
- /***/ 3474:
261
+ /***/ 6073:
262
262
  /***/ ((module) => {
263
263
 
264
- module.exports = __WEBPACK_EXTERNAL_MODULE__3474__;
264
+ module.exports = __WEBPACK_EXTERNAL_MODULE__6073__;
265
265
 
266
266
  /***/ }),
267
267
 
268
- /***/ 9281:
268
+ /***/ 5225:
269
269
  /***/ ((module) => {
270
270
 
271
- module.exports = __WEBPACK_EXTERNAL_MODULE__9281__;
271
+ module.exports = __WEBPACK_EXTERNAL_MODULE__5225__;
272
272
 
273
273
  /***/ })
274
274
 
@@ -347,9 +347,9 @@ __webpack_require__.r(__webpack_exports__);
347
347
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
348
348
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
349
349
  /* harmony export */ });
350
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
350
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
351
351
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
352
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
352
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
353
353
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
354
354
  /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
355
355
  /* harmony import */ var _MeganavSearchPanel_component_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6569);
@@ -368,7 +368,7 @@ var MeganavSearch = function MeganavSearch(_ref) {
368
368
  "aria-expanded": "false",
369
369
  "aria-controls": "panel-search",
370
370
  "aria-label": "Show Search Panel"
371
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
371
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
372
372
  name: "icon-gui-search",
373
373
  color: "text-cool-black",
374
374
  size: "1.5rem",
@@ -377,7 +377,7 @@ var MeganavSearch = function MeganavSearch(_ref) {
377
377
  className: "ui-meganav-panel invisible",
378
378
  id: "panel-search",
379
379
  "data-id": "meganav-panel"
380
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavSearchPanel_component_jsx__WEBPACK_IMPORTED_MODULE_3__.default, {
380
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavSearchPanel_component_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
381
381
  absUrl: absUrl
382
382
  })));
383
383
  };
package/core/MeganavSearchAutocomplete/component.js CHANGED
@@ -1 +1 @@
1
- !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("addsearch-js-client")):"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.AblyUi=t(require("addsearch-js-client")):(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.MeganavSearchAutocomplete=t(e[void 0]))}(this,(function(e){return(()=>{"use strict";var t={9581:(e,t,n)=>{n.d(t,{A:()=>r});var r=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document;return t.querySelector("[data-id=".concat(e,"]"))}},5090:t=>{t.exports=e}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var i=n[e]={exports:{}};return t[e](i,i.exports,r),i.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var o={};return(()=>{r.d(o,{default:()=>i});var e=r(9581),t=r(5090),n=r.n(t);const i=function(t){if(!t)return console.log("No AddSearch API key provided, skipping search suggestions."),[];var r=new(n())(t);return[(0,e.A)("meganav-search-input"),(0,e.A)("meganav-mobile-search-input")].filter((function(e){return e})).map((function(t){var n=t.parentNode,o=(0,e.A)("meganav-search-autocomplete-container",n),i=(0,e.A)("meganav-search-autocomplete-list",n),a=(0,e.A)("meganav-search-input-clear",n);return function(e){var t=e.input,n=e.container,r=e.listContainer,o=e.clear,i=e.client;i.setAnalyticsTag("Meganav autocomplete"),i.setThrottleTime(400);var a,c=function(){n.classList.add("hidden"),r.innerHTML=""},u=function(e){(e||"").length>0&&o?o.classList.remove("invisible"):o&&o.classList.add("invisible")},s=function(e,t){return e.replace(t.toLowerCase(),'<span class="font-light">'.concat(t,"</span>"))},l=function(e){return window.location="/search?q=".concat(e)},d=function(e){var t=r.querySelector('[data-suggestion-index="'.concat(e+1,'"]'));t&&t.focus()},v=function(e){var t=e-1,n=r.querySelector('[data-suggestion-index="'.concat(t,'"]'));n&&n.focus()},f=function(e){var o=e.target.value;"ArrowDown"!==e.key?o?i.suggestions(o,function(e){return function(){var o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(u(e),Array.isArray(o.suggestions))if(0!==o.suggestions.length){var i=o.suggestions.map((function(n,r){var o=document.createElement("li"),i=document.createElement("button");return i.type="button",i.classList.add("ui-text-menu2","font-medium","p-8","w-full","text-left","rounded","hover:text-gui-hover","focus:outline-gui-focus","hover:bg-light-grey"),i.innerHTML=s(n.value,e),i.dataset.suggestionIndex=r,i.addEventListener("click",(function(){l(n.value)})),i.addEventListener("keydown",(function(e){var o=e.key;"ArrowDown"===o?d(r):"ArrowUp"===o&&r-1<0?t.focus():"ArrowUp"===o&&r-1>=0?v(r):"Enter"!==o&&"Space"!==o||l(n.value)})),o.appendChild(i),o}));r.innerHTML="",i.forEach((function(e){return r.appendChild(e)})),n.classList.remove("hidden")}else c();else c()}}(o)):c():d(0)};return o&&(a=function(){t.value="",o.classList.add("invisible"),c()},o.addEventListener("click",a)),t.addEventListener("keyup",f),{teardown:function(){t.removeEventListener("keyup",f),o&&o.removeEventListener("click",a)},clear:function(){t.value="",c()}}}({input:t,container:o,listContainer:i,client:r,clear:a})}))}})(),o.default})()}));
1
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("addsearch-js-client")):"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.AblyUi=t(require("addsearch-js-client")):(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.MeganavSearchAutocomplete=t(e[void 0]))}(this,(e=>(()=>{"use strict";var t={9581:(e,t,n)=>{n.d(t,{A:()=>r});var r=function(e){return(arguments.length>1&&void 0!==arguments[1]?arguments[1]:document).querySelector("[data-id=".concat(e,"]"))}},3916:t=>{t.exports=e}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var i=n[e]={exports:{}};return t[e](i,i.exports,r),i.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var o={};return(()=>{r.d(o,{default:()=>a});var e=r(9581),t=r(3916),n=r.n(t),i=function(e){var t=e.input,n=e.container,r=e.listContainer,o=e.clear,i=e.client;i.setAnalyticsTag("Meganav autocomplete"),i.setThrottleTime(400);var a,c=function(){n.classList.add("hidden"),r.innerHTML=""},s=function(e){return window.location="/search?q=".concat(e)},u=function(e){var t=r.querySelector('[data-suggestion-index="'.concat(e+1,'"]'));t&&t.focus()},l=function(e){var a=e.target.value;"ArrowDown"!==e.key?a?i.suggestions(a,function(e){return function(){var i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(function(e){(e||"").length>0&&o?o.classList.remove("invisible"):o&&o.classList.add("invisible")}(e),Array.isArray(i.suggestions))if(0!==i.suggestions.length){var a=i.suggestions.map((function(n,o){var i=document.createElement("li"),a=document.createElement("button");return a.type="button",a.classList.add("ui-text-menu2","font-medium","p-8","w-full","text-left","rounded","hover:text-gui-hover","focus:outline-gui-focus","hover:bg-light-grey"),a.innerHTML=function(e,t){return e.replace(t.toLowerCase(),'<span class="font-light">'.concat(t,"</span>"))}(n.value,e),a.dataset.suggestionIndex=o,a.addEventListener("click",(function(){s(n.value)})),a.addEventListener("keydown",(function(e){var i=e.key;"ArrowDown"===i?u(o):"ArrowUp"===i&&o-1<0?t.focus():"ArrowUp"===i&&o-1>=0?function(e){var t=e-1,n=r.querySelector('[data-suggestion-index="'.concat(t,'"]'));n&&n.focus()}(o):"Enter"!==i&&"Space"!==i||s(n.value)})),i.appendChild(a),i}));r.innerHTML="",a.forEach((function(e){return r.appendChild(e)})),n.classList.remove("hidden")}else c();else c()}}(a)):c():u(0)};return o&&(a=function(){t.value="",o.classList.add("invisible"),c()},o.addEventListener("click",a)),t.addEventListener("keyup",l),{teardown:function(){t.removeEventListener("keyup",l),o&&o.removeEventListener("click",a)},clear:function(){t.value="",c()}}};const a=function(t){if(!t)return console.log("No AddSearch API key provided, skipping search suggestions."),[];var r=new(n())(t);return[(0,e.A)("meganav-search-input"),(0,e.A)("meganav-mobile-search-input")].filter((function(e){return e})).map((function(t){var n=t.parentNode,o=(0,e.A)("meganav-search-autocomplete-container",n),a=(0,e.A)("meganav-search-autocomplete-list",n),c=(0,e.A)("meganav-search-input-clear",n);return i({input:t,container:o,listContainer:a,client:r,clear:c})}))}})(),o.default})()));
package/core/MeganavSearchAutocomplete.jsx CHANGED
@@ -7,15 +7,15 @@
7
7
  var a = typeof exports === 'object' ? factory(require("react")) : factory(root[undefined]);
8
8
  for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
9
9
  }
10
- })(this, function(__WEBPACK_EXTERNAL_MODULE__9281__) {
10
+ })(this, (__WEBPACK_EXTERNAL_MODULE__5225__) => {
11
11
  return /******/ (() => { // webpackBootstrap
12
12
  /******/ "use strict";
13
13
  /******/ var __webpack_modules__ = ({
14
14
 
15
- /***/ 9281:
15
+ /***/ 5225:
16
16
  /***/ ((module) => {
17
17
 
18
- module.exports = __WEBPACK_EXTERNAL_MODULE__9281__;
18
+ module.exports = __WEBPACK_EXTERNAL_MODULE__5225__;
19
19
 
20
20
  /***/ })
21
21
 
@@ -94,7 +94,7 @@ __webpack_require__.r(__webpack_exports__);
94
94
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
95
95
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
96
96
  /* harmony export */ });
97
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
97
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
98
98
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
99
99
 
100
100
 
package/core/MeganavSearchPanel/component.js CHANGED
@@ -1 +1 @@
1
- !function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.AblyUi=o():(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.MeganavSearchPanel=o())}(this,(function(){return{}.default}));
1
+ !function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.AblyUi=o():(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.MeganavSearchPanel=o())}(this,(()=>({}.default)));
package/core/MeganavSearchPanel.jsx CHANGED
@@ -7,7 +7,7 @@
7
7
  var a = typeof exports === 'object' ? factory(require("react"), require("prop-types")) : factory(root[undefined], root[undefined]);
8
8
  for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
9
9
  }
10
- })(this, function(__WEBPACK_EXTERNAL_MODULE__9281__, __WEBPACK_EXTERNAL_MODULE__3474__) {
10
+ })(this, (__WEBPACK_EXTERNAL_MODULE__5225__, __WEBPACK_EXTERNAL_MODULE__6073__) => {
11
11
  return /******/ (() => { // webpackBootstrap
12
12
  /******/ "use strict";
13
13
  /******/ var __webpack_modules__ = ({
@@ -18,9 +18,9 @@ return /******/ (() => { // webpackBootstrap
18
18
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
19
19
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
20
20
  /* harmony export */ });
21
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
21
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
22
22
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
23
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
23
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
24
24
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
25
25
  /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
26
26
 
@@ -42,7 +42,7 @@ var FeaturedLink = function FeaturedLink(_ref) {
42
42
  style: {
43
43
  "--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
44
44
  }
45
- }, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
45
+ }, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
46
46
  name: "icon-gui-link-arrow",
47
47
  size: "calc(var(--featured-link-icon-size) * 1.25)",
48
48
  color: iconColor,
@@ -67,9 +67,9 @@ FeaturedLink.propTypes = {
67
67
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
68
68
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
69
69
  /* harmony export */ });
70
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
70
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
71
71
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
72
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
72
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
73
73
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
74
74
  var _excluded = ["name", "size", "color", "additionalCSS"];
75
75
 
@@ -119,7 +119,7 @@ Icon.propTypes = {
119
119
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
120
120
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
121
121
  /* harmony export */ });
122
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
122
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
123
123
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
124
124
 
125
125
 
@@ -143,9 +143,9 @@ var MeganavSearchAutocomplete = function MeganavSearchAutocomplete() {
143
143
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
144
144
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
145
145
  /* harmony export */ });
146
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
146
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
147
147
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
148
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
148
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
149
149
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
150
150
  /* harmony import */ var _FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5751);
151
151
 
@@ -181,7 +181,7 @@ var MeganavSearchSuggestions = function MeganavSearchSuggestions(_ref) {
181
181
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
182
182
  href: absUrl("/platform"),
183
183
  className: "ui-text-p2 hover:text-gui-hover active:text-gui-active focus:text-gui-focus"
184
- }, "Platform"))), displaySupportLink ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
184
+ }, "Platform"))), displaySupportLink ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
185
185
  url: absUrl("/support"),
186
186
  textSize: "text-p2"
187
187
  }, "Support") : null));
@@ -195,17 +195,17 @@ MeganavSearchSuggestions.propTypes = {
195
195
 
196
196
  /***/ }),
197
197
 
198
- /***/ 3474:
198
+ /***/ 6073:
199
199
  /***/ ((module) => {
200
200
 
201
- module.exports = __WEBPACK_EXTERNAL_MODULE__3474__;
201
+ module.exports = __WEBPACK_EXTERNAL_MODULE__6073__;
202
202
 
203
203
  /***/ }),
204
204
 
205
- /***/ 9281:
205
+ /***/ 5225:
206
206
  /***/ ((module) => {
207
207
 
208
- module.exports = __WEBPACK_EXTERNAL_MODULE__9281__;
208
+ module.exports = __WEBPACK_EXTERNAL_MODULE__5225__;
209
209
 
210
210
  /***/ })
211
211
 
@@ -284,9 +284,9 @@ __webpack_require__.r(__webpack_exports__);
284
284
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
285
285
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
286
286
  /* harmony export */ });
287
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
287
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
288
288
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
289
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
289
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
290
290
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
291
291
  /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
292
292
  /* harmony import */ var _MeganavSearchSuggestions_component_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(8926);
@@ -311,7 +311,7 @@ var MeganavSearchPanel = function MeganavSearchPanel(_ref) {
311
311
  method: "get"
312
312
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
313
313
  className: "relative w-full"
314
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
314
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
315
315
  name: "icon-gui-search",
316
316
  color: "text-cool-black",
317
317
  size: "1.5rem",
@@ -323,12 +323,12 @@ var MeganavSearchPanel = function MeganavSearchPanel(_ref) {
323
323
  placeholder: "Search",
324
324
  autoComplete: "off",
325
325
  "data-id": "meganav-search-input"
326
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavSearchAutocomplete_component_jsx__WEBPACK_IMPORTED_MODULE_4__.default, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
326
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavSearchAutocomplete_component_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
327
327
  type: "submit",
328
328
  className: "ui-btn-secondary flex-shrink-0 ml-8 sm:ml-16 md:ml-24 xl:ml-32"
329
329
  }, "Search")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
330
330
  className: "col-span-12"
331
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavSearchSuggestions_component_jsx__WEBPACK_IMPORTED_MODULE_3__.default, {
331
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavSearchSuggestions_component_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
332
332
  displaySupportLink: true,
333
333
  absUrl: absUrl
334
334
  })));
package/core/MeganavSearchSuggestions/component.js CHANGED
@@ -1 +1 @@
1
- !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.AblyUi=t():(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.MeganavSearchSuggestions=t())}(this,(function(){return(()=>{"use strict";var e={9581:(e,t,n)=>{n.d(t,{A:()=>r});var r=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document;return t.querySelector("[data-id=".concat(e,"]"))}}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var i=t[r]={exports:{}};return e[r](i,i.exports,n),i.exports}n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var r={};return(()=>{n.d(r,{default:()=>d});var e=n(9581),t=function(e){return new DOMMatrix(window.getComputedStyle(e).transform).e},o=function(e,t){return e.style.transform="translateX(".concat(t,"px)")},i=function(e,t){return e>=t},u=function(e,t,n,r){return Math.abs(e-n+r)>t},a=function(e,t){var n;return(null===(n=e.changedTouches[0])||void 0===n?void 0:n.clientX)-t},c=function(e){return Math.abs(e)<5},s=function(e){return e.map((function(e){return e.getBoundingClientRect().width})).reduce((function(e,t){return e+t}),0)};const d=function(){var n,r=(0,e.A)("meganav-mobile-search-input"),d=(0,e.A)("meganav-mobile-search-suggestions"),l=d.querySelector("ul"),v=Array.from(l.querySelectorAll("li")),f=function(e,n){var r=t(l),u=Math.round(r+e);i(u,n)&&(u=0),o(l,u)},h=function(e,n){var r=l.getBoundingClientRect().width,i=t(l),a=s(v),c=Math.round(i+e);u(c,a,r,n)&&(c=-(a-r+n)),o(l,c)},m=function(e){var t;n=null===(t=e.touches[0])||void 0===t?void 0:t.clientX},p=function(e){var r=a(e,n);c(r)||(r>0?function(e,n){var r=t(l),u=Math.round(r+e);i(u,24)||o(l,u)}(r):function(e,n){var r=l.getBoundingClientRect().width,i=t(l),a=Math.round(i+e),c=s(v);u(a,c,r,96)||o(l,a)}(r))},y=function(e){var t=a(e,n);c(t)||(t>0?f(t,24):h(t,48))},b=function(){d.classList.add("max-h-96")},g=function(e){e.relatedTarget!==d.querySelectorAll("a")[0]&&d.classList.remove("max-h-96")};return r.addEventListener("focus",b),r.addEventListener("blur",g),d.addEventListener("touchstart",m),d.addEventListener("touchmove",p),d.addEventListener("touchend",y),d.addEventListener("wheel",(function(e){var t=4*e.deltaY;c(t)||(t>0?f(t,24):h(t,48))})),{teardown:function(){r.removeEventListener("focus",b),r.removeEventListener("blur",g),d.removeEventListener("touchstart",m),d.removeEventListener("touchmove",p),d.removeEventListener("touchend",y)},clear:function(){d.classList.remove("max-h-96"),l.style.transform="translateX(0px)"}}}})(),r.default})()}));
1
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.AblyUi=t():(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.MeganavSearchSuggestions=t())}(this,(()=>(()=>{"use strict";var e={9581:(e,t,n)=>{n.d(t,{A:()=>r});var r=function(e){return(arguments.length>1&&void 0!==arguments[1]?arguments[1]:document).querySelector("[data-id=".concat(e,"]"))}}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var i=t[r]={exports:{}};return e[r](i,i.exports,n),i.exports}n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var r={};return(()=>{n.d(r,{default:()=>d});var e=n(9581),t=function(e){return new DOMMatrix(window.getComputedStyle(e).transform).e},o=function(e,t){return e.style.transform="translateX(".concat(t,"px)")},i=function(e,t){return e>=t},u=function(e,t,n,r){return Math.abs(e-n+r)>t},a=function(e,t){var n;return(null===(n=e.changedTouches[0])||void 0===n?void 0:n.clientX)-t},c=function(e){return Math.abs(e)<5},s=function(e){return e.map((function(e){return e.getBoundingClientRect().width})).reduce((function(e,t){return e+t}),0)};const d=function(){var n,r=(0,e.A)("meganav-mobile-search-input"),d=(0,e.A)("meganav-mobile-search-suggestions"),l=d.querySelector("ul"),v=Array.from(l.querySelectorAll("li")),f=function(e,n){var r=t(l),u=Math.round(r+e);i(u,n)&&(u=0),o(l,u)},h=function(e,n){var r=l.getBoundingClientRect().width,i=t(l),a=s(v),c=Math.round(i+e);u(c,a,r,n)&&(c=-(a-r+n)),o(l,c)},m=function(e){var t;n=null===(t=e.touches[0])||void 0===t?void 0:t.clientX},p=function(e){var r=a(e,n);c(r)||(r>0?function(e,n){var r=t(l),u=Math.round(r+e);i(u,24)||o(l,u)}(r):function(e,n){var r=l.getBoundingClientRect().width,i=t(l),a=Math.round(i+e),c=s(v);u(a,c,r,96)||o(l,a)}(r))},y=function(e){var t=a(e,n);c(t)||(t>0?f(t,24):h(t,48))},b=function(){d.classList.add("max-h-96")},g=function(e){e.relatedTarget!==d.querySelectorAll("a")[0]&&d.classList.remove("max-h-96")};return r.addEventListener("focus",b),r.addEventListener("blur",g),d.addEventListener("touchstart",m),d.addEventListener("touchmove",p),d.addEventListener("touchend",y),d.addEventListener("wheel",(function(e){var t=4*e.deltaY;c(t)||(t>0?f(t,24):h(t,48))})),{teardown:function(){r.removeEventListener("focus",b),r.removeEventListener("blur",g),d.removeEventListener("touchstart",m),d.removeEventListener("touchmove",p),d.removeEventListener("touchend",y)},clear:function(){d.classList.remove("max-h-96"),l.style.transform="translateX(0px)"}}}})(),r.default})()));