@ably/ui 10.17.0 → 11.0.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 (78) 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 +0 -2
  28. package/core/Meganav/component.js +1 -1
  29. package/core/Meganav.jsx +139 -139
  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 +27 -27
  34. package/core/MeganavContentDevelopers/component.js +1 -1
  35. package/core/MeganavContentDevelopers.jsx +15 -15
  36. package/core/MeganavContentPlatform/component.js +1 -1
  37. package/core/MeganavContentPlatform.jsx +15 -15
  38. package/core/MeganavContentUseCases/component.js +1 -1
  39. package/core/MeganavContentUseCases.jsx +15 -15
  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/styles.css +0 -6
  74. package/package.json +1 -1
  75. package/reset/scripts.js +1 -1
  76. package/reset/styles.css +1 -11
  77. package/src/core/utils/syntax-highlighter-registry.js +2 -0
  78. package/src/core/utils/syntax-highlighter.js +5 -0
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})()));
package/core/MeganavSearchSuggestions.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
 
@@ -113,17 +113,17 @@ Icon.propTypes = {
113
113
 
114
114
  /***/ }),
115
115
 
116
- /***/ 3474:
116
+ /***/ 6073:
117
117
  /***/ ((module) => {
118
118
 
119
- module.exports = __WEBPACK_EXTERNAL_MODULE__3474__;
119
+ module.exports = __WEBPACK_EXTERNAL_MODULE__6073__;
120
120
 
121
121
  /***/ }),
122
122
 
123
- /***/ 9281:
123
+ /***/ 5225:
124
124
  /***/ ((module) => {
125
125
 
126
- module.exports = __WEBPACK_EXTERNAL_MODULE__9281__;
126
+ module.exports = __WEBPACK_EXTERNAL_MODULE__5225__;
127
127
 
128
128
  /***/ })
129
129
 
@@ -202,9 +202,9 @@ __webpack_require__.r(__webpack_exports__);
202
202
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
203
203
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
204
204
  /* harmony export */ });
205
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
205
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
206
206
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
207
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
207
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
208
208
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
209
209
  /* harmony import */ var _FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5751);
210
210
 
@@ -240,7 +240,7 @@ var MeganavSearchSuggestions = function MeganavSearchSuggestions(_ref) {
240
240
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
241
241
  href: absUrl("/platform"),
242
242
  className: "ui-text-p2 hover:text-gui-hover active:text-gui-active focus:text-gui-focus"
243
- }, "Platform"))), displaySupportLink ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
243
+ }, "Platform"))), displaySupportLink ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
244
244
  url: absUrl("/support"),
245
245
  textSize: "text-p2"
246
246
  }, "Support") : null));
package/core/Notice/component.js CHANGED
@@ -1 +1 @@
1
- !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("dompurify"),require("js-cookie"),require("lodash.throttle"),require("prop-types"),require("react"),require("redux")):"function"==typeof define&&define.amd?define([,,,,,],t):"object"==typeof exports?exports.AblyUi=t(require("dompurify"),require("js-cookie"),require("lodash.throttle"),require("prop-types"),require("react"),require("redux")):(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.Notice=t(e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0]))}(this,(function(e,t,r,n,o,i){return(()=>{"use strict";var c={6357:t=>{t.exports=e},9349:e=>{e.exports=t},2040:e=>{e.exports=r},3474:e=>{e.exports=n},9281:e=>{e.exports=o},5044:e=>{e.exports=i}},a={};function u(e){var t=a[e];if(void 0!==t)return t.exports;var r=a[e]={exports:{}};return c[e](r,r.exports,u),r.exports}u.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return u.d(t,{a:t}),t},u.d=(e,t)=>{for(var r in t)u.o(t,r)&&!u.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var l={};return(()=>{u.d(l,{default:()=>M});var e=u(9349),t=u.n(e),r=u(2040),n=u.n(r),o=u(9281),i=u.n(o),c=u(6357),a=u.n(c),s=u(3474),f=u.n(s);let p=(e=21)=>{let t="",r=e;for(;r--;)t+="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict"[64*Math.random()|0];return t};u(5044);var d=["name","size","color","additionalCSS"];function y(){return y=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},y.apply(this,arguments)}var m=function(e){var t=e.name,r=e.size,n=void 0===r?"0.75rem":r,o=e.color,c=void 0===o?"":o,a=e.additionalCSS,u=void 0===a?"":a,l=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(e,d);return i().createElement("svg",y({className:"".concat(c," ").concat(u),style:{width:n,height:n}},l),i().createElement("use",{xlinkHref:"#sprite-".concat(t)}))};m.propTypes={name:f().string.isRequired,size:f().string,color:f().string,additionalCSS:f().string};const b=m;function v(){return v=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},v.apply(this,arguments)}function h(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function g(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?h(Object(r),!0).forEach((function(t){w(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function O(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null!=r){var n,o,i=[],c=!0,a=!1;try{for(r=r.call(e);!(c=(n=r.next()).done)&&(i.push(n.value),!t||i.length!==t);c=!0);}catch(e){a=!0,o=e}finally{try{c||null==r.return||r.return()}finally{if(a)throw o}}return i}}(e,t)||x(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function w(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function j(e){return function(e){if(Array.isArray(e))return S(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||x(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function x(e,t){if(e){if("string"==typeof e)return S(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?S(e,t):void 0}}function S(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var E="ui-flashes",P={items:[]},A=(w({},"flashes",(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:P,t=arguments.length>1?arguments[1]:void 0;if("flash/push"===t.type){var r=Array.isArray(t.payload)?t.payload:[t.payload];return{items:[].concat(j(e.items),j(r))}}return e})),{type:f().oneOf(["error","success","notice","info","alert"]),content:f().string}),k={error:"bg-gui-error",success:"bg-zingy-green",notice:"bg-electric-cyan",info:"bg-electric-cyan",alert:"bg-active-orange"},q={error:"text-white",success:"text-cool-black",notice:"text-cool-black",info:"text-cool-black",alert:"text-white"},T=["success","info","notice"],C=function(e){var t=e.id,r=e.type,n=e.content,c=e.removeFlash,u=(0,o.useRef)(null),l=O((0,o.useState)(!1),2),s=l[0],f=l[1],p=O((0,o.useState)(0),2),d=p[0],y=p[1],m=O((0,o.useState)(!1),2),v=m[0],h=m[1],g=function(){u.current&&y(u.current.getBoundingClientRect().height),f(!0),setTimeout((function(){c(t)}),100)};(0,o.useEffect)((function(){return h(!0)}),[]),function(e,t){var r=(0,o.useRef)(null);(0,o.useEffect)((function(){return T.includes(e)&&(r.current=setTimeout((function(){t()}),8e3)),function(){r.current&&clearTimeout(r.current)}}),[])}(r,g);var w,j=v&&!s;w=d&&!s?{height:"".concat(d,"px")}:s?{height:0,marginTop:0,zIndex:-1}:{};var x=a().sanitize(n,{ALLOWED_TAGS:["a"],ALLOWED_ATTR:["href","data-method","rel"]}),S={notice:"icon-gui-ably-badge",success:"icon-gui-tick",error:"icon-gui-warning",alert:"icon-gui-warning"},E={notice:"text-cool-black",success:"text-cool-black",error:"text-white",alert:"text-white"};return i().createElement("div",{className:"ui-flash-message ui-grid-px ".concat(j?"ui-flash-message-enter":""),style:w,ref:u,"data-id":"ui-flash"},i().createElement("div",{className:"".concat(k[r]," p-32 flex align-center rounded shadow-container-subtle")},S[r]&&i().createElement(b,{name:S[r],color:E[r],size:"1.5rem",additionalCSS:"mr-16 self-baseline"}),i().createElement("p",{className:"ui-flash-text ".concat(q[r]),dangerouslySetInnerHTML:{__html:x}}),i().createElement("button",{type:"button",className:"p-0 ml-auto self-start focus:outline-none",onClick:g},i().createElement(b,{name:"icon-gui-close",color:E[r],size:"1.5rem",additionalCSS:"transition-colors"}))))};C.propTypes=g({},A);var L=function(e){var t=e.flashes,r=O((0,o.useState)([]),2),n=r[0],c=r[1],a=function(e){return c((function(t){return t.filter((function(t){return t.id!==e}))}))};return(0,o.useEffect)((function(){c((function(e){return[].concat(j(e),j(((null==t?void 0:t.items)||[]).map((function(e){return g(g({},e),{},{id:p(),removed:!1})}))))}))}),[t]),i().createElement("div",{className:"ui-flash","data-id":E},n.filter((function(e){return!e.removed})).map((function(e){return i().createElement(C,v({removeFlash:a,key:e.id},e))})))};L.propTypes={flashes:f().shape({items:f().arrayOf(f().shape(A))})};function z(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function D(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}f().arrayOf(f().arrayOf(f().string));var I=function(e){var t=function(e){return(arguments.length>1&&void 0!==arguments[1]?arguments[1]:document).querySelector("[data-id=".concat(e,"]"))}(E);t&&(t.style.marginTop=e?"4rem":null)},N=function(e){window.matchMedia("(min-width: 65rem)").matches?e.style.display=null:e.style.display="none"},U=function(e){e.style.maxHeight=0,e.style.overflow="hidden",I(!1)},_=function(e){e.style.maxHeight=null,e.style.overflow=null,I(!0)};const M=function(e){var r=e.bannerContainer,o=e.cookieId,i=e.noticeId,c=e.options;if("undefined"==typeof window)return function(){};if(!r)return console.warn("A Notice component was initited but no notice container was found."),function(){};if(function(e,r){return(t().get(e)||"").includes(r)}(o,i))return function(){};N(r),_(r);var a=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?z(Object(r),!0).forEach((function(t){D(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):z(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({collapse:!0},c),u=a.collapse?function(e){window.scrollY>5&&U(e);var t=n()((function(){window.scrollY>5?U(e):e.style.overflow&&_(e)}),100);return document.addEventListener("scroll",t),function(){return document.removeEventListener("scroll",t)}}(r):function(){},l=function(e,r,n,o){var i=e.querySelector("button");if(!i)return function(){};var c=function(){r&&n&&function(e,r){var n=t().get(e)||"";t().set(e,"".concat(n.replace("".concat(r,","),"")+r,","),{expires:90})}(r,n),U(e),o()};return i.addEventListener("click",c),function(){return document.removeEventListener("click",c)}}(r,o,i,u),s=function(e){var t=n()((function(){N(e)}),100);return window.addEventListener("resize",t),function(){return window.removeEventListener("resize",t)}}(r);return function(){[l,u,s].forEach((function(e){return e()}))}}})(),l.default})()}));
1
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("dompurify"),require("js-cookie"),require("lodash.throttle"),require("prop-types"),require("react"),require("redux")):"function"==typeof define&&define.amd?define([,,,,,],t):"object"==typeof exports?exports.AblyUi=t(require("dompurify"),require("js-cookie"),require("lodash.throttle"),require("prop-types"),require("react"),require("redux")):(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.Notice=t(e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0]))}(this,((e,t,r,n,o,i)=>(()=>{"use strict";var c={710:t=>{t.exports=e},4360:e=>{e.exports=t},7326:e=>{e.exports=r},6073:e=>{e.exports=n},5225:e=>{e.exports=o},5293:e=>{e.exports=i}},a={};function u(e){var t=a[e];if(void 0!==t)return t.exports;var r=a[e]={exports:{}};return c[e](r,r.exports,u),r.exports}u.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return u.d(t,{a:t}),t},u.d=(e,t)=>{for(var r in t)u.o(t,r)&&!u.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var l={};return(()=>{u.d(l,{default:()=>R});var e=u(4360),t=u.n(e),r=u(7326),n=u.n(r),o=u(5225),i=u.n(o),c=u(710),a=u.n(c),s=u(6073),f=u.n(s);let p=(e=21)=>{let t="",r=e;for(;r--;)t+="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict"[64*Math.random()|0];return t};u(5293);var d=["name","size","color","additionalCSS"];function y(){return y=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},y.apply(this,arguments)}var m=function(e){var t=e.name,r=e.size,n=void 0===r?"0.75rem":r,o=e.color,c=void 0===o?"":o,a=e.additionalCSS,u=void 0===a?"":a,l=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(e,d);return i().createElement("svg",y({className:"".concat(c," ").concat(u),style:{width:n,height:n}},l),i().createElement("use",{xlinkHref:"#sprite-".concat(t)}))};m.propTypes={name:f().string.isRequired,size:f().string,color:f().string,additionalCSS:f().string};const b=m;function v(){return v=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},v.apply(this,arguments)}function h(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function g(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?h(Object(r),!0).forEach((function(t){w(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function O(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null!=r){var n,o,i=[],c=!0,a=!1;try{for(r=r.call(e);!(c=(n=r.next()).done)&&(i.push(n.value),!t||i.length!==t);c=!0);}catch(e){a=!0,o=e}finally{try{c||null==r.return||r.return()}finally{if(a)throw o}}return i}}(e,t)||x(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function w(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function j(e){return function(e){if(Array.isArray(e))return S(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||x(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function x(e,t){if(e){if("string"==typeof e)return S(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?S(e,t):void 0}}function S(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var E="flashes",P="ui-flashes",A={items:[]},k=(w({},E,(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:A,t=arguments.length>1?arguments[1]:void 0;if("flash/push"===t.type){var r=Array.isArray(t.payload)?t.payload:[t.payload];return{items:[].concat(j(e.items),j(r))}}return e})),{type:f().oneOf(["error","success","notice","info","alert"]),content:f().string}),q={error:"bg-gui-error",success:"bg-zingy-green",notice:"bg-electric-cyan",info:"bg-electric-cyan",alert:"bg-active-orange"},T={error:"text-white",success:"text-cool-black",notice:"text-cool-black",info:"text-cool-black",alert:"text-white"},C=["success","info","notice"],L=function(e){var t=e.id,r=e.type,n=e.content,c=e.removeFlash,u=(0,o.useRef)(null),l=O((0,o.useState)(!1),2),s=l[0],f=l[1],p=O((0,o.useState)(0),2),d=p[0],y=p[1],m=O((0,o.useState)(!1),2),v=m[0],h=m[1],g=function(){u.current&&y(u.current.getBoundingClientRect().height),f(!0),setTimeout((function(){c(t)}),100)};(0,o.useEffect)((function(){return h(!0)}),[]),function(e,t){var r=(0,o.useRef)(null);(0,o.useEffect)((function(){return C.includes(e)&&(r.current=setTimeout((function(){t()}),8e3)),function(){r.current&&clearTimeout(r.current)}}),[])}(r,g);var w,j=v&&!s;w=d&&!s?{height:"".concat(d,"px")}:s?{height:0,marginTop:0,zIndex:-1}:{};var x=a().sanitize(n,{ALLOWED_TAGS:["a"],ALLOWED_ATTR:["href","data-method","rel"]}),S={notice:"icon-gui-ably-badge",success:"icon-gui-tick",error:"icon-gui-warning",alert:"icon-gui-warning"},E={notice:"text-cool-black",success:"text-cool-black",error:"text-white",alert:"text-white"};return i().createElement("div",{className:"ui-flash-message ui-grid-px ".concat(j?"ui-flash-message-enter":""),style:w,ref:u,"data-id":"ui-flash"},i().createElement("div",{className:"".concat(q[r]," p-32 flex align-center rounded shadow-container-subtle")},S[r]&&i().createElement(b,{name:S[r],color:E[r],size:"1.5rem",additionalCSS:"mr-16 self-baseline"}),i().createElement("p",{className:"ui-flash-text ".concat(T[r]),dangerouslySetInnerHTML:{__html:x}}),i().createElement("button",{type:"button",className:"p-0 ml-auto self-start focus:outline-none",onClick:g},i().createElement(b,{name:"icon-gui-close",color:E[r],size:"1.5rem",additionalCSS:"transition-colors"}))))};L.propTypes=g({},k);var z=function(e){var t=e.flashes,r=O((0,o.useState)([]),2),n=r[0],c=r[1],a=function(e){return c((function(t){return t.filter((function(t){return t.id!==e}))}))};return(0,o.useEffect)((function(){c((function(e){return[].concat(j(e),j(((null==t?void 0:t.items)||[]).map((function(e){return g(g({},e),{},{id:p(),removed:!1})}))))}))}),[t]),i().createElement("div",{className:"ui-flash","data-id":P},n.filter((function(e){return!e.removed})).map((function(e){return i().createElement(L,v({removeFlash:a,key:e.id},e))})))};z.propTypes={flashes:f().shape({items:f().arrayOf(f().shape(k))})};function D(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function I(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}f().arrayOf(f().arrayOf(f().string));var N=function(e){var t=function(e){return(arguments.length>1&&void 0!==arguments[1]?arguments[1]:document).querySelector("[data-id=".concat(e,"]"))}(P);t&&(t.style.marginTop=e?"4rem":null)},U=function(e){window.matchMedia("(min-width: 65rem)").matches?e.style.display=null:e.style.display="none"},_=function(e){e.style.maxHeight=0,e.style.overflow="hidden",N(!1)},M=function(e){e.style.maxHeight=null,e.style.overflow=null,N(!0)};const R=function(e){var r=e.bannerContainer,o=e.cookieId,i=e.noticeId,c=e.options;if("undefined"==typeof window)return function(){};if(!r)return console.warn("A Notice component was initited but no notice container was found."),function(){};if(function(e,r){return(t().get(e)||"").includes(r)}(o,i))return function(){};U(r),M(r);var a=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?D(Object(r),!0).forEach((function(t){I(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):D(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({collapse:!0},c),u=a.collapse?function(e){window.scrollY>5&&_(e);var t=n()((function(){window.scrollY>5?_(e):e.style.overflow&&M(e)}),100);return document.addEventListener("scroll",t),function(){return document.removeEventListener("scroll",t)}}(r):function(){},l=function(e,r,n,o){var i=e.querySelector("button");if(!i)return function(){};var c=function(){r&&n&&function(e,r){var n=t().get(e)||"";t().set(e,"".concat(n.replace("".concat(r,","),"")+r,","),{expires:90})}(r,n),_(e),o()};return i.addEventListener("click",c),function(){return document.removeEventListener("click",c)}}(r,o,i,u),s=function(e){var t=n()((function(){U(e)}),100);return window.addEventListener("resize",t),function(){return window.removeEventListener("resize",t)}}(r);return function(){[l,u,s].forEach((function(e){return e()}))}}})(),l.default})()));