@ably/ui 8.6.0 → 8.7.0-dev.73348b7

package/core/Flash.jsx

@@ -1932,13 +1932,14 @@ var Flash = function Flash(_ref) {
     }
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
     type: "button",
-    className: "p-0 ml-auto self-start",
+    className: "p-0 ml-auto self-start focus:outline-none",
     onClick: closeFlash
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", {
-    className: "h-24 w-24 transition-colors ui-icon-cool-black"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("use", {
-    xlinkHref: "#sprite-close"
-  })))));
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_4__.default, {
+    name: "icon-gui-close",
+    color: iconColor[type],
+    size: "1.5rem",
+    additionalCSS: "transition-colors"
+  }))));
 };
 
 Flash.propTypes = _objectSpread({}, FlashT);

package/core/Meganav.jsx

@@ -3661,13 +3661,14 @@ var Flash = function Flash(_ref) {
     }
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
     type: "button",
-    className: "p-0 ml-auto self-start",
+    className: "p-0 ml-auto self-start focus:outline-none",
     onClick: closeFlash
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", {
-    className: "h-24 w-24 transition-colors ui-icon-cool-black"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("use", {
-    xlinkHref: "#sprite-close"
-  })))));
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_4__.default, {
+    name: "icon-gui-close",
+    color: iconColor[type],
+    size: "1.5rem",
+    additionalCSS: "transition-colors"
+  }))));
 };
 
 Flash.propTypes = _objectSpread({}, FlashT);
@@ -4346,7 +4347,7 @@ var MeganavContentDevelopers = function MeganavContentDevelopers(_ref) {
     className: "group ui-meganav-media py-12"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
     className: "ui-meganav-media-heading"
-  }, "Github"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+  }, "GitHub"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
     href: "https://changelog.ably.com/",
     className: "group ui-meganav-media py-12"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
@@ -4603,7 +4604,19 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
     className: "ui-meganav-media-heading"
   }, "Virtual Events"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
     className: "ui-meganav-media-copy"
-  }, "Power engaging virtual events with realtime features.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+  }, "Power engaging virtual events with realtime features.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+    href: absUrl("/solutions/multi-user-virtual-spaces"),
+    className: "ui-meganav-media-with-image group"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
+    name: "icon-multi-user-spaces-col",
+    size: "2.5rem"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: "flex flex-col justify-center"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+    className: "ui-meganav-media-heading"
+  }, "Multi-user virtual spaces"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+    className: "ui-meganav-media-copy"
+  }, "Build live and interactive multi-user applications.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "col-span-full md:col-span-4 pt-24 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
     className: "ui-meganav-overline",

package/core/MeganavContentDevelopers.jsx

@@ -365,7 +365,7 @@ var MeganavContentDevelopers = function MeganavContentDevelopers(_ref) {
     className: "group ui-meganav-media py-12"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
     className: "ui-meganav-media-heading"
-  }, "Github"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+  }, "GitHub"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
     href: "https://changelog.ably.com/",
     className: "group ui-meganav-media py-12"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {

package/core/MeganavContentUseCases.jsx

@@ -319,7 +319,19 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
     className: "ui-meganav-media-heading"
   }, "Virtual Events"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
     className: "ui-meganav-media-copy"
-  }, "Power engaging virtual events with realtime features.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+  }, "Power engaging virtual events with realtime features.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+    href: absUrl("/solutions/multi-user-virtual-spaces"),
+    className: "ui-meganav-media-with-image group"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
+    name: "icon-multi-user-spaces-col",
+    size: "2.5rem"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: "flex flex-col justify-center"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+    className: "ui-meganav-media-heading"
+  }, "Multi-user virtual spaces"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+    className: "ui-meganav-media-copy"
+  }, "Build live and interactive multi-user applications.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "col-span-full md:col-span-4 pt-24 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
     className: "ui-meganav-overline",

package/core/MeganavContentWhyAbly/component.js

@@ -0,0 +1,6 @@
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	
+/******/ 	
+/******/ })()
+;

package/core/MeganavContentWhyAbly.jsx

@@ -0,0 +1,6 @@
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	
+/******/ 	
+/******/ })()
+;

package/core/Notice/component.js

@@ -1,2 +1,2 @@
 /*! For license information please see component.js.LICENSE.txt */
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.AblyUi=t(require("react")):(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.Notice=t(e[void 0]))}(this,(function(e){return(()=>{var t={7856:function(e){e.exports=function(){"use strict";var e=Object.hasOwnProperty,t=Object.setPrototypeOf,n=Object.isFrozen,r=Object.getPrototypeOf,o=Object.getOwnPropertyDescriptor,i=Object.freeze,a=Object.seal,c=Object.create,l="undefined"!=typeof Reflect&&Reflect,u=l.apply,s=l.construct;u||(u=function(e,t,n){return e.apply(t,n)}),i||(i=function(e){return e}),a||(a=function(e){return e}),s||(s=function(e,t){return new(Function.prototype.bind.apply(e,[null].concat(function(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}(t))))});var f,p=x(Array.prototype.forEach),d=x(Array.prototype.pop),m=x(Array.prototype.push),y=x(String.prototype.toLowerCase),g=x(String.prototype.match),h=x(String.prototype.replace),v=x(String.prototype.indexOf),b=x(String.prototype.trim),w=x(RegExp.prototype.test),O=(f=TypeError,function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return s(f,t)});function x(e){return function(t){for(var n=arguments.length,r=Array(n>1?n-1:0),o=1;o<n;o++)r[o-1]=arguments[o];return u(e,t,r)}}function T(e,r){t&&t(e,null);for(var o=r.length;o--;){var i=r[o];if("string"==typeof i){var a=y(i);a!==i&&(n(r)||(r[o]=a),i=a)}e[i]=!0}return e}function A(t){var n=c(null),r=void 0;for(r in t)u(e,t,[r])&&(n[r]=t[r]);return n}function S(e,t){for(;null!==e;){var n=o(e,t);if(n){if(n.get)return x(n.get);if("function"==typeof n.value)return x(n.value)}e=r(e)}return function(e){return console.warn("fallback value for",e),null}}var E=i(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),k=i(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),j=i(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),D=i(["animate","color-profile","cursor","discard","fedropshadow","feimage","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),N=i(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover"]),_=i(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),R=i(["#text"]),L=i(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","xmlns","slot"]),M=i(["accent-height","accumulate","additive","alignment-baseline","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","targetx","targety","transform","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),C=i(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),I=i(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),P=a(/\{\{[\s\S]*|[\s\S]*\}\}/gm),U=a(/<%[\s\S]*|[\s\S]*%>/gm),F=a(/^data-[\-\w.\u00B7-\uFFFF]/),z=a(/^aria-[\-\w]+$/),H=a(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),B=a(/^(?:\w+script|data):/i),W=a(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),q="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};function G(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}var $=function(){return"undefined"==typeof window?null:window},Y=function(e,t){if("object"!==(void 0===e?"undefined":q(e))||"function"!=typeof e.createPolicy)return null;var n=null,r="data-tt-policy-suffix";t.currentScript&&t.currentScript.hasAttribute(r)&&(n=t.currentScript.getAttribute(r));var o="dompurify"+(n?"#"+n:"");try{return e.createPolicy(o,{createHTML:function(e){return e}})}catch(e){return console.warn("TrustedTypes policy "+o+" could not be created."),null}};return function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:$(),n=function(t){return e(t)};if(n.version="2.2.9",n.removed=[],!t||!t.document||9!==t.document.nodeType)return n.isSupported=!1,n;var r=t.document,o=t.document,a=t.DocumentFragment,c=t.HTMLTemplateElement,l=t.Node,u=t.Element,s=t.NodeFilter,f=t.NamedNodeMap,x=void 0===f?t.NamedNodeMap||t.MozNamedAttrMap:f,V=t.Text,K=t.Comment,J=t.DOMParser,X=t.trustedTypes,Z=u.prototype,Q=S(Z,"cloneNode"),ee=S(Z,"nextSibling"),te=S(Z,"childNodes"),ne=S(Z,"parentNode");if("function"==typeof c){var re=o.createElement("template");re.content&&re.content.ownerDocument&&(o=re.content.ownerDocument)}var oe=Y(X,r),ie=oe&&Ie?oe.createHTML(""):"",ae=o,ce=ae.implementation,le=ae.createNodeIterator,ue=ae.createDocumentFragment,se=r.importNode,fe={};try{fe=A(o).documentMode?o.documentMode:{}}catch(e){}var pe={};n.isSupported="function"==typeof ne&&ce&&void 0!==ce.createHTMLDocument&&9!==fe;var de=P,me=U,ye=F,ge=z,he=B,ve=W,be=H,we=null,Oe=T({},[].concat(G(E),G(k),G(j),G(N),G(R))),xe=null,Te=T({},[].concat(G(L),G(M),G(C),G(I))),Ae=null,Se=null,Ee=!0,ke=!0,je=!1,De=!1,Ne=!1,_e=!1,Re=!1,Le=!1,Me=!1,Ce=!0,Ie=!1,Pe=!0,Ue=!0,Fe=!1,ze={},He=T({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]),Be=null,We=T({},["audio","video","img","source","image","track"]),qe=null,Ge=T({},["alt","class","for","id","label","name","pattern","placeholder","summary","title","value","style","xmlns"]),$e="http://www.w3.org/1998/Math/MathML",Ye="http://www.w3.org/2000/svg",Ve="http://www.w3.org/1999/xhtml",Ke=Ve,Je=!1,Xe=null,Ze=o.createElement("form"),Qe=function(e){Xe&&Xe===e||(e&&"object"===(void 0===e?"undefined":q(e))||(e={}),e=A(e),we="ALLOWED_TAGS"in e?T({},e.ALLOWED_TAGS):Oe,xe="ALLOWED_ATTR"in e?T({},e.ALLOWED_ATTR):Te,qe="ADD_URI_SAFE_ATTR"in e?T(A(Ge),e.ADD_URI_SAFE_ATTR):Ge,Be="ADD_DATA_URI_TAGS"in e?T(A(We),e.ADD_DATA_URI_TAGS):We,Ae="FORBID_TAGS"in e?T({},e.FORBID_TAGS):{},Se="FORBID_ATTR"in e?T({},e.FORBID_ATTR):{},ze="USE_PROFILES"in e&&e.USE_PROFILES,Ee=!1!==e.ALLOW_ARIA_ATTR,ke=!1!==e.ALLOW_DATA_ATTR,je=e.ALLOW_UNKNOWN_PROTOCOLS||!1,De=e.SAFE_FOR_TEMPLATES||!1,Ne=e.WHOLE_DOCUMENT||!1,Le=e.RETURN_DOM||!1,Me=e.RETURN_DOM_FRAGMENT||!1,Ce=!1!==e.RETURN_DOM_IMPORT,Ie=e.RETURN_TRUSTED_TYPE||!1,Re=e.FORCE_BODY||!1,Pe=!1!==e.SANITIZE_DOM,Ue=!1!==e.KEEP_CONTENT,Fe=e.IN_PLACE||!1,be=e.ALLOWED_URI_REGEXP||be,Ke=e.NAMESPACE||Ve,De&&(ke=!1),Me&&(Le=!0),ze&&(we=T({},[].concat(G(R))),xe=[],!0===ze.html&&(T(we,E),T(xe,L)),!0===ze.svg&&(T(we,k),T(xe,M),T(xe,I)),!0===ze.svgFilters&&(T(we,j),T(xe,M),T(xe,I)),!0===ze.mathMl&&(T(we,N),T(xe,C),T(xe,I))),e.ADD_TAGS&&(we===Oe&&(we=A(we)),T(we,e.ADD_TAGS)),e.ADD_ATTR&&(xe===Te&&(xe=A(xe)),T(xe,e.ADD_ATTR)),e.ADD_URI_SAFE_ATTR&&T(qe,e.ADD_URI_SAFE_ATTR),Ue&&(we["#text"]=!0),Ne&&T(we,["html","head","body"]),we.table&&(T(we,["tbody"]),delete Ae.tbody),i&&i(e),Xe=e)},et=T({},["mi","mo","mn","ms","mtext"]),tt=T({},["foreignobject","desc","title","annotation-xml"]),nt=T({},k);T(nt,j),T(nt,D);var rt=T({},N);T(rt,_);var ot=function(e){var t=ne(e);t&&t.tagName||(t={namespaceURI:Ve,tagName:"template"});var n=y(e.tagName),r=y(t.tagName);if(e.namespaceURI===Ye)return t.namespaceURI===Ve?"svg"===n:t.namespaceURI===$e?"svg"===n&&("annotation-xml"===r||et[r]):Boolean(nt[n]);if(e.namespaceURI===$e)return t.namespaceURI===Ve?"math"===n:t.namespaceURI===Ye?"math"===n&&tt[r]:Boolean(rt[n]);if(e.namespaceURI===Ve){if(t.namespaceURI===Ye&&!tt[r])return!1;if(t.namespaceURI===$e&&!et[r])return!1;var o=T({},["title","style","font","a","script"]);return!rt[n]&&(o[n]||!nt[n])}return!1},it=function(e){m(n.removed,{element:e});try{e.parentNode.removeChild(e)}catch(t){try{e.outerHTML=ie}catch(t){e.remove()}}},at=function(e,t){try{m(n.removed,{attribute:t.getAttributeNode(e),from:t})}catch(e){m(n.removed,{attribute:null,from:t})}if(t.removeAttribute(e),"is"===e&&!xe[e])if(Le||Me)try{it(t)}catch(e){}else try{t.setAttribute(e,"")}catch(e){}},ct=function(e){var t=void 0,n=void 0;if(Re)e="<remove></remove>"+e;else{var r=g(e,/^[\r\n\t ]+/);n=r&&r[0]}var i=oe?oe.createHTML(e):e;if(Ke===Ve)try{t=(new J).parseFromString(i,"text/html")}catch(e){}if(!t||!t.documentElement){t=ce.createDocument(Ke,"template",null);try{t.documentElement.innerHTML=Je?"":i}catch(e){}}var a=t.body||t.documentElement;return e&&n&&a.insertBefore(o.createTextNode(n),a.childNodes[0]||null),Ne?t.documentElement:a},lt=function(e){return le.call(e.ownerDocument||e,e,s.SHOW_ELEMENT|s.SHOW_COMMENT|s.SHOW_TEXT,null,!1)},ut=function(e){return!(e instanceof V||e instanceof K||"string"==typeof e.nodeName&&"string"==typeof e.textContent&&"function"==typeof e.removeChild&&e.attributes instanceof x&&"function"==typeof e.removeAttribute&&"function"==typeof e.setAttribute&&"string"==typeof e.namespaceURI&&"function"==typeof e.insertBefore)},st=function(e){return"object"===(void 0===l?"undefined":q(l))?e instanceof l:e&&"object"===(void 0===e?"undefined":q(e))&&"number"==typeof e.nodeType&&"string"==typeof e.nodeName},ft=function(e,t,r){pe[e]&&p(pe[e],(function(e){e.call(n,t,r,Xe)}))},pt=function(e){var t=void 0;if(ft("beforeSanitizeElements",e,null),ut(e))return it(e),!0;if(g(e.nodeName,/[\u0080-\uFFFF]/))return it(e),!0;var r=y(e.nodeName);if(ft("uponSanitizeElement",e,{tagName:r,allowedTags:we}),!st(e.firstElementChild)&&(!st(e.content)||!st(e.content.firstElementChild))&&w(/<[/\w]/g,e.innerHTML)&&w(/<[/\w]/g,e.textContent))return it(e),!0;if(!we[r]||Ae[r]){if(Ue&&!He[r]){var o=ne(e)||e.parentNode,i=te(e)||e.childNodes;if(i&&o)for(var a=i.length-1;a>=0;--a)o.insertBefore(Q(i[a],!0),ee(e))}return it(e),!0}return e instanceof u&&!ot(e)?(it(e),!0):"noscript"!==r&&"noembed"!==r||!w(/<\/no(script|embed)/i,e.innerHTML)?(De&&3===e.nodeType&&(t=e.textContent,t=h(t,de," "),t=h(t,me," "),e.textContent!==t&&(m(n.removed,{element:e.cloneNode()}),e.textContent=t)),ft("afterSanitizeElements",e,null),!1):(it(e),!0)},dt=function(e,t,n){if(Pe&&("id"===t||"name"===t)&&(n in o||n in Ze))return!1;if(ke&&w(ye,t));else if(Ee&&w(ge,t));else{if(!xe[t]||Se[t])return!1;if(qe[t]);else if(w(be,h(n,ve,"")));else if("src"!==t&&"xlink:href"!==t&&"href"!==t||"script"===e||0!==v(n,"data:")||!Be[e])if(je&&!w(he,h(n,ve,"")));else if(n)return!1}return!0},mt=function(e){var t=void 0,r=void 0,o=void 0,i=void 0;ft("beforeSanitizeAttributes",e,null);var a=e.attributes;if(a){var c={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:xe};for(i=a.length;i--;){var l=t=a[i],u=l.name,s=l.namespaceURI;if(r=b(t.value),o=y(u),c.attrName=o,c.attrValue=r,c.keepAttr=!0,c.forceKeepAttr=void 0,ft("uponSanitizeAttribute",e,c),r=c.attrValue,!c.forceKeepAttr&&(at(u,e),c.keepAttr))if(w(/\/>/i,r))at(u,e);else{De&&(r=h(r,de," "),r=h(r,me," "));var f=e.nodeName.toLowerCase();if(dt(f,o,r))try{s?e.setAttributeNS(s,u,r):e.setAttribute(u,r),d(n.removed)}catch(e){}}}ft("afterSanitizeAttributes",e,null)}},yt=function e(t){var n=void 0,r=lt(t);for(ft("beforeSanitizeShadowDOM",t,null);n=r.nextNode();)ft("uponSanitizeShadowNode",n,null),pt(n)||(n.content instanceof a&&e(n.content),mt(n));ft("afterSanitizeShadowDOM",t,null)};return n.sanitize=function(e,o){var i=void 0,c=void 0,u=void 0,s=void 0,f=void 0;if((Je=!e)&&(e="\x3c!--\x3e"),"string"!=typeof e&&!st(e)){if("function"!=typeof e.toString)throw O("toString is not a function");if("string"!=typeof(e=e.toString()))throw O("dirty is not a string, aborting")}if(!n.isSupported){if("object"===q(t.toStaticHTML)||"function"==typeof t.toStaticHTML){if("string"==typeof e)return t.toStaticHTML(e);if(st(e))return t.toStaticHTML(e.outerHTML)}return e}if(_e||Qe(o),n.removed=[],"string"==typeof e&&(Fe=!1),Fe);else if(e instanceof l)1===(c=(i=ct("\x3c!----\x3e")).ownerDocument.importNode(e,!0)).nodeType&&"BODY"===c.nodeName||"HTML"===c.nodeName?i=c:i.appendChild(c);else{if(!Le&&!De&&!Ne&&-1===e.indexOf("<"))return oe&&Ie?oe.createHTML(e):e;if(!(i=ct(e)))return Le?null:ie}i&&Re&&it(i.firstChild);for(var p=lt(Fe?e:i);u=p.nextNode();)3===u.nodeType&&u===s||pt(u)||(u.content instanceof a&&yt(u.content),mt(u),s=u);if(s=null,Fe)return e;if(Le){if(Me)for(f=ue.call(i.ownerDocument);i.firstChild;)f.appendChild(i.firstChild);else f=i;return Ce&&(f=se.call(r,f,!0)),f}var d=Ne?i.outerHTML:i.innerHTML;return De&&(d=h(d,de," "),d=h(d,me," ")),oe&&Ie?oe.createHTML(d):d},n.setConfig=function(e){Qe(e),_e=!0},n.clearConfig=function(){Xe=null,_e=!1},n.isValidAttribute=function(e,t,n){Xe||Qe({});var r=y(e),o=y(t);return dt(r,o,n)},n.addHook=function(e,t){"function"==typeof t&&(pe[e]=pe[e]||[],m(pe[e],t))},n.removeHook=function(e){pe[e]&&d(pe[e])},n.removeHooks=function(e){pe[e]&&(pe[e]=[])},n.removeAllHooks=function(){pe={}},n}()}()},6808:(e,t,n)=>{var r,o,i;i=function(){function e(){for(var e=0,t={};e<arguments.length;e++){var n=arguments[e];for(var r in n)t[r]=n[r]}return t}function t(e){return e.replace(/(%[0-9A-Z]{2})+/g,decodeURIComponent)}return function n(r){function o(){}function i(t,n,i){if("undefined"!=typeof document){"number"==typeof(i=e({path:"/"},o.defaults,i)).expires&&(i.expires=new Date(1*new Date+864e5*i.expires)),i.expires=i.expires?i.expires.toUTCString():"";try{var a=JSON.stringify(n);/^[\{\[]/.test(a)&&(n=a)}catch(e){}n=r.write?r.write(n,t):encodeURIComponent(String(n)).replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g,decodeURIComponent),t=encodeURIComponent(String(t)).replace(/%(23|24|26|2B|5E|60|7C)/g,decodeURIComponent).replace(/[\(\)]/g,escape);var c="";for(var l in i)i[l]&&(c+="; "+l,!0!==i[l]&&(c+="="+i[l].split(";")[0]));return document.cookie=t+"="+n+c}}function a(e,n){if("undefined"!=typeof document){for(var o={},i=document.cookie?document.cookie.split("; "):[],a=0;a<i.length;a++){var c=i[a].split("="),l=c.slice(1).join("=");n||'"'!==l.charAt(0)||(l=l.slice(1,-1));try{var u=t(c[0]);if(l=(r.read||r)(l,u)||t(l),n)try{l=JSON.parse(l)}catch(e){}if(o[u]=l,e===u)break}catch(e){}}return e?o[e]:o}}return o.set=i,o.get=function(e){return a(e,!1)},o.getJSON=function(e){return a(e,!0)},o.remove=function(t,n){i(t,"",e(n,{expires:-1}))},o.defaults={},o.withConverter=n,o}((function(){}))},void 0===(o="function"==typeof(r=i)?r.call(t,n,t,e):r)||(e.exports=o),e.exports=i()},3096:(e,t,n)=>{var r="Expected a function",o=/^\s+|\s+$/g,i=/^[-+]0x[0-9a-f]+$/i,a=/^0b[01]+$/i,c=/^0o[0-7]+$/i,l=parseInt,u="object"==typeof n.g&&n.g&&n.g.Object===Object&&n.g,s="object"==typeof self&&self&&self.Object===Object&&self,f=u||s||Function("return this")(),p=Object.prototype.toString,d=Math.max,m=Math.min,y=function(){return f.Date.now()};function g(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function h(e){if("number"==typeof e)return e;if(function(e){return"symbol"==typeof e||function(e){return!!e&&"object"==typeof e}(e)&&"[object Symbol]"==p.call(e)}(e))return NaN;if(g(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=g(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(o,"");var n=a.test(e);return n||c.test(e)?l(e.slice(2),n?2:8):i.test(e)?NaN:+e}e.exports=function(e,t,n){var o=!0,i=!0;if("function"!=typeof e)throw new TypeError(r);return g(n)&&(o="leading"in n?!!n.leading:o,i="trailing"in n?!!n.trailing:i),function(e,t,n){var o,i,a,c,l,u,s=0,f=!1,p=!1,v=!0;if("function"!=typeof e)throw new TypeError(r);function b(t){var n=o,r=i;return o=i=void 0,s=t,c=e.apply(r,n)}function w(e){return s=e,l=setTimeout(x,t),f?b(e):c}function O(e){var n=e-u;return void 0===u||n>=t||n<0||p&&e-s>=a}function x(){var e=y();if(O(e))return T(e);l=setTimeout(x,function(e){var n=t-(e-u);return p?m(n,a-(e-s)):n}(e))}function T(e){return l=void 0,v&&o?b(e):(o=i=void 0,c)}function A(){var e=y(),n=O(e);if(o=arguments,i=this,u=e,n){if(void 0===l)return w(u);if(p)return l=setTimeout(x,t),b(u)}return void 0===l&&(l=setTimeout(x,t)),c}return t=h(t)||0,g(n)&&(f=!!n.leading,a=(p="maxWait"in n)?d(h(n.maxWait)||0,t):a,v="trailing"in n?!!n.trailing:v),A.cancel=function(){void 0!==l&&clearTimeout(l),s=0,o=u=i=l=void 0},A.flush=function(){return void 0===l?c:T(y())},A}(e,t,{leading:o,maxWait:t,trailing:i})}},2703:(e,t,n)=>{"use strict";var r=n(414);function o(){}function i(){}i.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,i,a){if(a!==r){var c=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw c.name="Invariant Violation",c}}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return n.PropTypes=n,n}},5697:(e,t,n)=>{e.exports=n(2703)()},414:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},9281:t=>{"use strict";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].call(i.exports,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.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var o={};return(()=>{"use strict";r.d(o,{default:()=>P});var e=r(6808),t=r.n(e),n=r(3096),i=r.n(n),a=r(9281),c=r.n(a),l=r(7856),u=r.n(l),s=r(5697),f=r.n(s);var p=["name","size","color","additionalCSS"];function d(){return d=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},d.apply(this,arguments)}var m=function(e){var t=e.name,n=e.size,r=void 0===n?"0.75rem":n,o=e.color,i=void 0===o?"":o,a=e.additionalCSS,l=void 0===a?"":a,u=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,p);return c().createElement("svg",d({className:"".concat(i," ").concat(l),style:{width:r,height:r}},u),c().createElement("use",{xlinkHref:"#sprite-".concat(t)}))};m.propTypes={name:f().string.isRequired,size:f().string,color:f().string,additionalCSS:f().string};const y=m;function g(){return g=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},g.apply(this,arguments)}function h(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function v(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null!=n){var r,o,i=[],a=!0,c=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){c=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(c)throw o}}return i}}(e,t)||O(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 b(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(e){return function(e){if(Array.isArray(e))return x(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||O(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 O(e,t){if(e){if("string"==typeof e)return x(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?x(e,t):void 0}}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var T="ui-flashes",A={items:[]},S=(b({},"flashes",(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 n=Array.isArray(t.payload)?t.payload:[t.payload];return{items:[].concat(w(e.items),w(n))}}return e})),{type:f().oneOf(["error","success","notice","info","alert"]),content:f().string}),E={error:"bg-gui-error",success:"bg-zingy-green",notice:"bg-electric-cyan",info:"bg-electric-cyan",alert:"bg-active-orange"},k={error:"text-white",success:"text-cool-black",notice:"text-cool-black",info:"text-cool-black",alert:"text-white"},j=["success","info","notice"],D=function(e){var t=e.type,n=e.content,r=(0,a.useRef)(null),o=v((0,a.useState)(!1),2),i=o[0],l=o[1],s=v((0,a.useState)(0),2),f=s[0],p=s[1],d=v((0,a.useState)(!1),2),m=d[0],g=d[1];(0,a.useEffect)((function(){return g(!0)}),[]),(0,a.useEffect)((function(){j.includes(t)&&setTimeout((function(){b()}),8e3)}),[i]);var h,b=function(){r.current&&p(r.current.getBoundingClientRect().height),setTimeout((function(){return l(!0)}),0)},w=m&&!i;h=f&&!i?{height:"".concat(f,"px")}:i?{height:0,marginTop:0,zIndex:-1}:{};var O=u().sanitize(n,{ALLOWED_TAGS:["a"],ALLOWED_ATTR:["href","data-method","rel"]}),x={notice:"icon-gui-ably-badge",success:"icon-gui-tick",error:"icon-gui-warning",alert:"icon-gui-warning"};return c().createElement("div",{className:"ui-flash-message ui-grid-px ".concat(w?"ui-flash-message-enter":""),style:h,ref:r,"data-id":"ui-flash"},c().createElement("div",{className:"".concat(E[t]," p-32 flex align-center rounded shadow-container-subtle")},x[t]&&c().createElement(y,{name:x[t],color:{notice:"text-cool-black",success:"text-cool-black",error:"text-white",alert:"text-white"}[t],size:"1.5rem",additionalCSS:"mr-16 self-baseline"}),c().createElement("p",{className:"ui-flash-text ".concat(k[t]),dangerouslySetInnerHTML:{__html:O}}),c().createElement("button",{type:"button",className:"p-0 ml-auto self-start",onClick:b},c().createElement("svg",{className:"h-24 w-24 transition-colors ui-icon-cool-black"},c().createElement("use",{xlinkHref:"#sprite-close"})))))};D.propTypes=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},S);var N=function(e){var t=e.flashes,n=(null==t?void 0:t.items)||[];return c().createElement("div",{className:"ui-flash","data-id":T},n.map((function(e){return c().createElement(D,g({key:e.type},e))})))};N.propTypes={flashes:f().shape({items:f().arrayOf(f().shape(S))})};function _(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function R(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}f().arrayOf(f().arrayOf(f().string));var L=function(e){var t=function(e){return(arguments.length>1&&void 0!==arguments[1]?arguments[1]:document).querySelector("[data-id=".concat(e,"]"))}(T);t&&(t.style.marginTop=e?"4rem":null)},M=function(e){window.matchMedia("(min-width: 65rem)").matches?e.style.display=null:e.style.display="none"},C=function(e){e.style.maxHeight=0,e.style.overflow="hidden",L(!1)},I=function(e){e.style.maxHeight=null,e.style.overflow=null,L(!0)};const P=function(e){var n=e.bannerContainer,r=e.cookieId,o=e.noticeId,a=e.options;if("undefined"==typeof window)return function(){};if(!n)return console.warn("A Notice component was initited but no notice container was found."),function(){};if(function(e,n){return(t().get(e)||"").includes(n)}(r,o))return function(){};M(n),I(n);var c=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){R(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({collapse:!0},a),l=c.collapse?function(e){window.scrollY>5&&C(e);var t=i()((function(){window.scrollY>5?C(e):e.style.overflow&&I(e)}),100);return document.addEventListener("scroll",t),function(){return document.removeEventListener("scroll",t)}}(n):function(){},u=function(e,n,r,o){var i=e.querySelector("button");if(!i)return function(){};var a=function(){n&&r&&function(e,n){var r=t().get(e)||"";t().set(e,"".concat(r.replace("".concat(n,","),"")+n,","),{expires:90})}(n,r),C(e),o()};return i.addEventListener("click",a),function(){return document.removeEventListener("click",a)}}(n,r,o,l),s=function(e){var t=i()((function(){M(e)}),100);return window.addEventListener("resize",t),function(){return window.removeEventListener("resize",t)}}(n);return function(){[u,l,s].forEach((function(e){return e()}))}}})(),o.default})()}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.AblyUi=t(require("react")):(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.Notice=t(e[void 0]))}(this,(function(e){return(()=>{var t={7856:function(e){e.exports=function(){"use strict";var e=Object.hasOwnProperty,t=Object.setPrototypeOf,n=Object.isFrozen,r=Object.getPrototypeOf,o=Object.getOwnPropertyDescriptor,i=Object.freeze,a=Object.seal,c=Object.create,l="undefined"!=typeof Reflect&&Reflect,u=l.apply,s=l.construct;u||(u=function(e,t,n){return e.apply(t,n)}),i||(i=function(e){return e}),a||(a=function(e){return e}),s||(s=function(e,t){return new(Function.prototype.bind.apply(e,[null].concat(function(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}(t))))});var f,p=x(Array.prototype.forEach),d=x(Array.prototype.pop),m=x(Array.prototype.push),y=x(String.prototype.toLowerCase),g=x(String.prototype.match),h=x(String.prototype.replace),v=x(String.prototype.indexOf),b=x(String.prototype.trim),w=x(RegExp.prototype.test),O=(f=TypeError,function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return s(f,t)});function x(e){return function(t){for(var n=arguments.length,r=Array(n>1?n-1:0),o=1;o<n;o++)r[o-1]=arguments[o];return u(e,t,r)}}function T(e,r){t&&t(e,null);for(var o=r.length;o--;){var i=r[o];if("string"==typeof i){var a=y(i);a!==i&&(n(r)||(r[o]=a),i=a)}e[i]=!0}return e}function A(t){var n=c(null),r=void 0;for(r in t)u(e,t,[r])&&(n[r]=t[r]);return n}function S(e,t){for(;null!==e;){var n=o(e,t);if(n){if(n.get)return x(n.get);if("function"==typeof n.value)return x(n.value)}e=r(e)}return function(e){return console.warn("fallback value for",e),null}}var E=i(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),k=i(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),j=i(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),D=i(["animate","color-profile","cursor","discard","fedropshadow","feimage","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),_=i(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover"]),N=i(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),R=i(["#text"]),L=i(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","xmlns","slot"]),C=i(["accent-height","accumulate","additive","alignment-baseline","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","targetx","targety","transform","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),M=i(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),I=i(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),P=a(/\{\{[\s\S]*|[\s\S]*\}\}/gm),U=a(/<%[\s\S]*|[\s\S]*%>/gm),F=a(/^data-[\-\w.\u00B7-\uFFFF]/),z=a(/^aria-[\-\w]+$/),H=a(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),B=a(/^(?:\w+script|data):/i),W=a(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),q="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};function G(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}var $=function(){return"undefined"==typeof window?null:window},Y=function(e,t){if("object"!==(void 0===e?"undefined":q(e))||"function"!=typeof e.createPolicy)return null;var n=null,r="data-tt-policy-suffix";t.currentScript&&t.currentScript.hasAttribute(r)&&(n=t.currentScript.getAttribute(r));var o="dompurify"+(n?"#"+n:"");try{return e.createPolicy(o,{createHTML:function(e){return e}})}catch(e){return console.warn("TrustedTypes policy "+o+" could not be created."),null}};return function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:$(),n=function(t){return e(t)};if(n.version="2.2.9",n.removed=[],!t||!t.document||9!==t.document.nodeType)return n.isSupported=!1,n;var r=t.document,o=t.document,a=t.DocumentFragment,c=t.HTMLTemplateElement,l=t.Node,u=t.Element,s=t.NodeFilter,f=t.NamedNodeMap,x=void 0===f?t.NamedNodeMap||t.MozNamedAttrMap:f,V=t.Text,K=t.Comment,J=t.DOMParser,X=t.trustedTypes,Z=u.prototype,Q=S(Z,"cloneNode"),ee=S(Z,"nextSibling"),te=S(Z,"childNodes"),ne=S(Z,"parentNode");if("function"==typeof c){var re=o.createElement("template");re.content&&re.content.ownerDocument&&(o=re.content.ownerDocument)}var oe=Y(X,r),ie=oe&&Ie?oe.createHTML(""):"",ae=o,ce=ae.implementation,le=ae.createNodeIterator,ue=ae.createDocumentFragment,se=r.importNode,fe={};try{fe=A(o).documentMode?o.documentMode:{}}catch(e){}var pe={};n.isSupported="function"==typeof ne&&ce&&void 0!==ce.createHTMLDocument&&9!==fe;var de=P,me=U,ye=F,ge=z,he=B,ve=W,be=H,we=null,Oe=T({},[].concat(G(E),G(k),G(j),G(_),G(R))),xe=null,Te=T({},[].concat(G(L),G(C),G(M),G(I))),Ae=null,Se=null,Ee=!0,ke=!0,je=!1,De=!1,_e=!1,Ne=!1,Re=!1,Le=!1,Ce=!1,Me=!0,Ie=!1,Pe=!0,Ue=!0,Fe=!1,ze={},He=T({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]),Be=null,We=T({},["audio","video","img","source","image","track"]),qe=null,Ge=T({},["alt","class","for","id","label","name","pattern","placeholder","summary","title","value","style","xmlns"]),$e="http://www.w3.org/1998/Math/MathML",Ye="http://www.w3.org/2000/svg",Ve="http://www.w3.org/1999/xhtml",Ke=Ve,Je=!1,Xe=null,Ze=o.createElement("form"),Qe=function(e){Xe&&Xe===e||(e&&"object"===(void 0===e?"undefined":q(e))||(e={}),e=A(e),we="ALLOWED_TAGS"in e?T({},e.ALLOWED_TAGS):Oe,xe="ALLOWED_ATTR"in e?T({},e.ALLOWED_ATTR):Te,qe="ADD_URI_SAFE_ATTR"in e?T(A(Ge),e.ADD_URI_SAFE_ATTR):Ge,Be="ADD_DATA_URI_TAGS"in e?T(A(We),e.ADD_DATA_URI_TAGS):We,Ae="FORBID_TAGS"in e?T({},e.FORBID_TAGS):{},Se="FORBID_ATTR"in e?T({},e.FORBID_ATTR):{},ze="USE_PROFILES"in e&&e.USE_PROFILES,Ee=!1!==e.ALLOW_ARIA_ATTR,ke=!1!==e.ALLOW_DATA_ATTR,je=e.ALLOW_UNKNOWN_PROTOCOLS||!1,De=e.SAFE_FOR_TEMPLATES||!1,_e=e.WHOLE_DOCUMENT||!1,Le=e.RETURN_DOM||!1,Ce=e.RETURN_DOM_FRAGMENT||!1,Me=!1!==e.RETURN_DOM_IMPORT,Ie=e.RETURN_TRUSTED_TYPE||!1,Re=e.FORCE_BODY||!1,Pe=!1!==e.SANITIZE_DOM,Ue=!1!==e.KEEP_CONTENT,Fe=e.IN_PLACE||!1,be=e.ALLOWED_URI_REGEXP||be,Ke=e.NAMESPACE||Ve,De&&(ke=!1),Ce&&(Le=!0),ze&&(we=T({},[].concat(G(R))),xe=[],!0===ze.html&&(T(we,E),T(xe,L)),!0===ze.svg&&(T(we,k),T(xe,C),T(xe,I)),!0===ze.svgFilters&&(T(we,j),T(xe,C),T(xe,I)),!0===ze.mathMl&&(T(we,_),T(xe,M),T(xe,I))),e.ADD_TAGS&&(we===Oe&&(we=A(we)),T(we,e.ADD_TAGS)),e.ADD_ATTR&&(xe===Te&&(xe=A(xe)),T(xe,e.ADD_ATTR)),e.ADD_URI_SAFE_ATTR&&T(qe,e.ADD_URI_SAFE_ATTR),Ue&&(we["#text"]=!0),_e&&T(we,["html","head","body"]),we.table&&(T(we,["tbody"]),delete Ae.tbody),i&&i(e),Xe=e)},et=T({},["mi","mo","mn","ms","mtext"]),tt=T({},["foreignobject","desc","title","annotation-xml"]),nt=T({},k);T(nt,j),T(nt,D);var rt=T({},_);T(rt,N);var ot=function(e){var t=ne(e);t&&t.tagName||(t={namespaceURI:Ve,tagName:"template"});var n=y(e.tagName),r=y(t.tagName);if(e.namespaceURI===Ye)return t.namespaceURI===Ve?"svg"===n:t.namespaceURI===$e?"svg"===n&&("annotation-xml"===r||et[r]):Boolean(nt[n]);if(e.namespaceURI===$e)return t.namespaceURI===Ve?"math"===n:t.namespaceURI===Ye?"math"===n&&tt[r]:Boolean(rt[n]);if(e.namespaceURI===Ve){if(t.namespaceURI===Ye&&!tt[r])return!1;if(t.namespaceURI===$e&&!et[r])return!1;var o=T({},["title","style","font","a","script"]);return!rt[n]&&(o[n]||!nt[n])}return!1},it=function(e){m(n.removed,{element:e});try{e.parentNode.removeChild(e)}catch(t){try{e.outerHTML=ie}catch(t){e.remove()}}},at=function(e,t){try{m(n.removed,{attribute:t.getAttributeNode(e),from:t})}catch(e){m(n.removed,{attribute:null,from:t})}if(t.removeAttribute(e),"is"===e&&!xe[e])if(Le||Ce)try{it(t)}catch(e){}else try{t.setAttribute(e,"")}catch(e){}},ct=function(e){var t=void 0,n=void 0;if(Re)e="<remove></remove>"+e;else{var r=g(e,/^[\r\n\t ]+/);n=r&&r[0]}var i=oe?oe.createHTML(e):e;if(Ke===Ve)try{t=(new J).parseFromString(i,"text/html")}catch(e){}if(!t||!t.documentElement){t=ce.createDocument(Ke,"template",null);try{t.documentElement.innerHTML=Je?"":i}catch(e){}}var a=t.body||t.documentElement;return e&&n&&a.insertBefore(o.createTextNode(n),a.childNodes[0]||null),_e?t.documentElement:a},lt=function(e){return le.call(e.ownerDocument||e,e,s.SHOW_ELEMENT|s.SHOW_COMMENT|s.SHOW_TEXT,null,!1)},ut=function(e){return!(e instanceof V||e instanceof K||"string"==typeof e.nodeName&&"string"==typeof e.textContent&&"function"==typeof e.removeChild&&e.attributes instanceof x&&"function"==typeof e.removeAttribute&&"function"==typeof e.setAttribute&&"string"==typeof e.namespaceURI&&"function"==typeof e.insertBefore)},st=function(e){return"object"===(void 0===l?"undefined":q(l))?e instanceof l:e&&"object"===(void 0===e?"undefined":q(e))&&"number"==typeof e.nodeType&&"string"==typeof e.nodeName},ft=function(e,t,r){pe[e]&&p(pe[e],(function(e){e.call(n,t,r,Xe)}))},pt=function(e){var t=void 0;if(ft("beforeSanitizeElements",e,null),ut(e))return it(e),!0;if(g(e.nodeName,/[\u0080-\uFFFF]/))return it(e),!0;var r=y(e.nodeName);if(ft("uponSanitizeElement",e,{tagName:r,allowedTags:we}),!st(e.firstElementChild)&&(!st(e.content)||!st(e.content.firstElementChild))&&w(/<[/\w]/g,e.innerHTML)&&w(/<[/\w]/g,e.textContent))return it(e),!0;if(!we[r]||Ae[r]){if(Ue&&!He[r]){var o=ne(e)||e.parentNode,i=te(e)||e.childNodes;if(i&&o)for(var a=i.length-1;a>=0;--a)o.insertBefore(Q(i[a],!0),ee(e))}return it(e),!0}return e instanceof u&&!ot(e)?(it(e),!0):"noscript"!==r&&"noembed"!==r||!w(/<\/no(script|embed)/i,e.innerHTML)?(De&&3===e.nodeType&&(t=e.textContent,t=h(t,de," "),t=h(t,me," "),e.textContent!==t&&(m(n.removed,{element:e.cloneNode()}),e.textContent=t)),ft("afterSanitizeElements",e,null),!1):(it(e),!0)},dt=function(e,t,n){if(Pe&&("id"===t||"name"===t)&&(n in o||n in Ze))return!1;if(ke&&w(ye,t));else if(Ee&&w(ge,t));else{if(!xe[t]||Se[t])return!1;if(qe[t]);else if(w(be,h(n,ve,"")));else if("src"!==t&&"xlink:href"!==t&&"href"!==t||"script"===e||0!==v(n,"data:")||!Be[e])if(je&&!w(he,h(n,ve,"")));else if(n)return!1}return!0},mt=function(e){var t=void 0,r=void 0,o=void 0,i=void 0;ft("beforeSanitizeAttributes",e,null);var a=e.attributes;if(a){var c={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:xe};for(i=a.length;i--;){var l=t=a[i],u=l.name,s=l.namespaceURI;if(r=b(t.value),o=y(u),c.attrName=o,c.attrValue=r,c.keepAttr=!0,c.forceKeepAttr=void 0,ft("uponSanitizeAttribute",e,c),r=c.attrValue,!c.forceKeepAttr&&(at(u,e),c.keepAttr))if(w(/\/>/i,r))at(u,e);else{De&&(r=h(r,de," "),r=h(r,me," "));var f=e.nodeName.toLowerCase();if(dt(f,o,r))try{s?e.setAttributeNS(s,u,r):e.setAttribute(u,r),d(n.removed)}catch(e){}}}ft("afterSanitizeAttributes",e,null)}},yt=function e(t){var n=void 0,r=lt(t);for(ft("beforeSanitizeShadowDOM",t,null);n=r.nextNode();)ft("uponSanitizeShadowNode",n,null),pt(n)||(n.content instanceof a&&e(n.content),mt(n));ft("afterSanitizeShadowDOM",t,null)};return n.sanitize=function(e,o){var i=void 0,c=void 0,u=void 0,s=void 0,f=void 0;if((Je=!e)&&(e="\x3c!--\x3e"),"string"!=typeof e&&!st(e)){if("function"!=typeof e.toString)throw O("toString is not a function");if("string"!=typeof(e=e.toString()))throw O("dirty is not a string, aborting")}if(!n.isSupported){if("object"===q(t.toStaticHTML)||"function"==typeof t.toStaticHTML){if("string"==typeof e)return t.toStaticHTML(e);if(st(e))return t.toStaticHTML(e.outerHTML)}return e}if(Ne||Qe(o),n.removed=[],"string"==typeof e&&(Fe=!1),Fe);else if(e instanceof l)1===(c=(i=ct("\x3c!----\x3e")).ownerDocument.importNode(e,!0)).nodeType&&"BODY"===c.nodeName||"HTML"===c.nodeName?i=c:i.appendChild(c);else{if(!Le&&!De&&!_e&&-1===e.indexOf("<"))return oe&&Ie?oe.createHTML(e):e;if(!(i=ct(e)))return Le?null:ie}i&&Re&&it(i.firstChild);for(var p=lt(Fe?e:i);u=p.nextNode();)3===u.nodeType&&u===s||pt(u)||(u.content instanceof a&&yt(u.content),mt(u),s=u);if(s=null,Fe)return e;if(Le){if(Ce)for(f=ue.call(i.ownerDocument);i.firstChild;)f.appendChild(i.firstChild);else f=i;return Me&&(f=se.call(r,f,!0)),f}var d=_e?i.outerHTML:i.innerHTML;return De&&(d=h(d,de," "),d=h(d,me," ")),oe&&Ie?oe.createHTML(d):d},n.setConfig=function(e){Qe(e),Ne=!0},n.clearConfig=function(){Xe=null,Ne=!1},n.isValidAttribute=function(e,t,n){Xe||Qe({});var r=y(e),o=y(t);return dt(r,o,n)},n.addHook=function(e,t){"function"==typeof t&&(pe[e]=pe[e]||[],m(pe[e],t))},n.removeHook=function(e){pe[e]&&d(pe[e])},n.removeHooks=function(e){pe[e]&&(pe[e]=[])},n.removeAllHooks=function(){pe={}},n}()}()},6808:(e,t,n)=>{var r,o,i;i=function(){function e(){for(var e=0,t={};e<arguments.length;e++){var n=arguments[e];for(var r in n)t[r]=n[r]}return t}function t(e){return e.replace(/(%[0-9A-Z]{2})+/g,decodeURIComponent)}return function n(r){function o(){}function i(t,n,i){if("undefined"!=typeof document){"number"==typeof(i=e({path:"/"},o.defaults,i)).expires&&(i.expires=new Date(1*new Date+864e5*i.expires)),i.expires=i.expires?i.expires.toUTCString():"";try{var a=JSON.stringify(n);/^[\{\[]/.test(a)&&(n=a)}catch(e){}n=r.write?r.write(n,t):encodeURIComponent(String(n)).replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g,decodeURIComponent),t=encodeURIComponent(String(t)).replace(/%(23|24|26|2B|5E|60|7C)/g,decodeURIComponent).replace(/[\(\)]/g,escape);var c="";for(var l in i)i[l]&&(c+="; "+l,!0!==i[l]&&(c+="="+i[l].split(";")[0]));return document.cookie=t+"="+n+c}}function a(e,n){if("undefined"!=typeof document){for(var o={},i=document.cookie?document.cookie.split("; "):[],a=0;a<i.length;a++){var c=i[a].split("="),l=c.slice(1).join("=");n||'"'!==l.charAt(0)||(l=l.slice(1,-1));try{var u=t(c[0]);if(l=(r.read||r)(l,u)||t(l),n)try{l=JSON.parse(l)}catch(e){}if(o[u]=l,e===u)break}catch(e){}}return e?o[e]:o}}return o.set=i,o.get=function(e){return a(e,!1)},o.getJSON=function(e){return a(e,!0)},o.remove=function(t,n){i(t,"",e(n,{expires:-1}))},o.defaults={},o.withConverter=n,o}((function(){}))},void 0===(o="function"==typeof(r=i)?r.call(t,n,t,e):r)||(e.exports=o),e.exports=i()},3096:(e,t,n)=>{var r="Expected a function",o=/^\s+|\s+$/g,i=/^[-+]0x[0-9a-f]+$/i,a=/^0b[01]+$/i,c=/^0o[0-7]+$/i,l=parseInt,u="object"==typeof n.g&&n.g&&n.g.Object===Object&&n.g,s="object"==typeof self&&self&&self.Object===Object&&self,f=u||s||Function("return this")(),p=Object.prototype.toString,d=Math.max,m=Math.min,y=function(){return f.Date.now()};function g(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function h(e){if("number"==typeof e)return e;if(function(e){return"symbol"==typeof e||function(e){return!!e&&"object"==typeof e}(e)&&"[object Symbol]"==p.call(e)}(e))return NaN;if(g(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=g(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(o,"");var n=a.test(e);return n||c.test(e)?l(e.slice(2),n?2:8):i.test(e)?NaN:+e}e.exports=function(e,t,n){var o=!0,i=!0;if("function"!=typeof e)throw new TypeError(r);return g(n)&&(o="leading"in n?!!n.leading:o,i="trailing"in n?!!n.trailing:i),function(e,t,n){var o,i,a,c,l,u,s=0,f=!1,p=!1,v=!0;if("function"!=typeof e)throw new TypeError(r);function b(t){var n=o,r=i;return o=i=void 0,s=t,c=e.apply(r,n)}function w(e){return s=e,l=setTimeout(x,t),f?b(e):c}function O(e){var n=e-u;return void 0===u||n>=t||n<0||p&&e-s>=a}function x(){var e=y();if(O(e))return T(e);l=setTimeout(x,function(e){var n=t-(e-u);return p?m(n,a-(e-s)):n}(e))}function T(e){return l=void 0,v&&o?b(e):(o=i=void 0,c)}function A(){var e=y(),n=O(e);if(o=arguments,i=this,u=e,n){if(void 0===l)return w(u);if(p)return l=setTimeout(x,t),b(u)}return void 0===l&&(l=setTimeout(x,t)),c}return t=h(t)||0,g(n)&&(f=!!n.leading,a=(p="maxWait"in n)?d(h(n.maxWait)||0,t):a,v="trailing"in n?!!n.trailing:v),A.cancel=function(){void 0!==l&&clearTimeout(l),s=0,o=u=i=l=void 0},A.flush=function(){return void 0===l?c:T(y())},A}(e,t,{leading:o,maxWait:t,trailing:i})}},2703:(e,t,n)=>{"use strict";var r=n(414);function o(){}function i(){}i.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,i,a){if(a!==r){var c=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw c.name="Invariant Violation",c}}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return n.PropTypes=n,n}},5697:(e,t,n)=>{e.exports=n(2703)()},414:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},9281:t=>{"use strict";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].call(i.exports,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.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var o={};return(()=>{"use strict";r.d(o,{default:()=>P});var e=r(6808),t=r.n(e),n=r(3096),i=r.n(n),a=r(9281),c=r.n(a),l=r(7856),u=r.n(l),s=r(5697),f=r.n(s);var p=["name","size","color","additionalCSS"];function d(){return d=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},d.apply(this,arguments)}var m=function(e){var t=e.name,n=e.size,r=void 0===n?"0.75rem":n,o=e.color,i=void 0===o?"":o,a=e.additionalCSS,l=void 0===a?"":a,u=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,p);return c().createElement("svg",d({className:"".concat(i," ").concat(l),style:{width:r,height:r}},u),c().createElement("use",{xlinkHref:"#sprite-".concat(t)}))};m.propTypes={name:f().string.isRequired,size:f().string,color:f().string,additionalCSS:f().string};const y=m;function g(){return g=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},g.apply(this,arguments)}function h(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function v(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null!=n){var r,o,i=[],a=!0,c=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){c=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(c)throw o}}return i}}(e,t)||O(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 b(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(e){return function(e){if(Array.isArray(e))return x(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||O(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 O(e,t){if(e){if("string"==typeof e)return x(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?x(e,t):void 0}}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var T="ui-flashes",A={items:[]},S=(b({},"flashes",(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 n=Array.isArray(t.payload)?t.payload:[t.payload];return{items:[].concat(w(e.items),w(n))}}return e})),{type:f().oneOf(["error","success","notice","info","alert"]),content:f().string}),E={error:"bg-gui-error",success:"bg-zingy-green",notice:"bg-electric-cyan",info:"bg-electric-cyan",alert:"bg-active-orange"},k={error:"text-white",success:"text-cool-black",notice:"text-cool-black",info:"text-cool-black",alert:"text-white"},j=["success","info","notice"],D=function(e){var t=e.type,n=e.content,r=(0,a.useRef)(null),o=v((0,a.useState)(!1),2),i=o[0],l=o[1],s=v((0,a.useState)(0),2),f=s[0],p=s[1],d=v((0,a.useState)(!1),2),m=d[0],g=d[1];(0,a.useEffect)((function(){return g(!0)}),[]),(0,a.useEffect)((function(){j.includes(t)&&setTimeout((function(){b()}),8e3)}),[i]);var h,b=function(){r.current&&p(r.current.getBoundingClientRect().height),setTimeout((function(){return l(!0)}),0)},w=m&&!i;h=f&&!i?{height:"".concat(f,"px")}:i?{height:0,marginTop:0,zIndex:-1}:{};var O=u().sanitize(n,{ALLOWED_TAGS:["a"],ALLOWED_ATTR:["href","data-method","rel"]}),x={notice:"icon-gui-ably-badge",success:"icon-gui-tick",error:"icon-gui-warning",alert:"icon-gui-warning"},T={notice:"text-cool-black",success:"text-cool-black",error:"text-white",alert:"text-white"};return c().createElement("div",{className:"ui-flash-message ui-grid-px ".concat(w?"ui-flash-message-enter":""),style:h,ref:r,"data-id":"ui-flash"},c().createElement("div",{className:"".concat(E[t]," p-32 flex align-center rounded shadow-container-subtle")},x[t]&&c().createElement(y,{name:x[t],color:T[t],size:"1.5rem",additionalCSS:"mr-16 self-baseline"}),c().createElement("p",{className:"ui-flash-text ".concat(k[t]),dangerouslySetInnerHTML:{__html:O}}),c().createElement("button",{type:"button",className:"p-0 ml-auto self-start focus:outline-none",onClick:b},c().createElement(y,{name:"icon-gui-close",color:T[t],size:"1.5rem",additionalCSS:"transition-colors"}))))};D.propTypes=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},S);var _=function(e){var t=e.flashes,n=(null==t?void 0:t.items)||[];return c().createElement("div",{className:"ui-flash","data-id":T},n.map((function(e){return c().createElement(D,g({key:e.type},e))})))};_.propTypes={flashes:f().shape({items:f().arrayOf(f().shape(S))})};function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function R(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}f().arrayOf(f().arrayOf(f().string));var L=function(e){var t=function(e){return(arguments.length>1&&void 0!==arguments[1]?arguments[1]:document).querySelector("[data-id=".concat(e,"]"))}(T);t&&(t.style.marginTop=e?"4rem":null)},C=function(e){window.matchMedia("(min-width: 65rem)").matches?e.style.display=null:e.style.display="none"},M=function(e){e.style.maxHeight=0,e.style.overflow="hidden",L(!1)},I=function(e){e.style.maxHeight=null,e.style.overflow=null,L(!0)};const P=function(e){var n=e.bannerContainer,r=e.cookieId,o=e.noticeId,a=e.options;if("undefined"==typeof window)return function(){};if(!n)return console.warn("A Notice component was initited but no notice container was found."),function(){};if(function(e,n){return(t().get(e)||"").includes(n)}(r,o))return function(){};C(n),I(n);var c=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){R(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({collapse:!0},a),l=c.collapse?function(e){window.scrollY>5&&M(e);var t=i()((function(){window.scrollY>5?M(e):e.style.overflow&&I(e)}),100);return document.addEventListener("scroll",t),function(){return document.removeEventListener("scroll",t)}}(n):function(){},u=function(e,n,r,o){var i=e.querySelector("button");if(!i)return function(){};var a=function(){n&&r&&function(e,n){var r=t().get(e)||"";t().set(e,"".concat(r.replace("".concat(n,","),"")+n,","),{expires:90})}(n,r),M(e),o()};return i.addEventListener("click",a),function(){return document.removeEventListener("click",a)}}(n,r,o,l),s=function(e){var t=i()((function(){C(e)}),100);return window.addEventListener("resize",t),function(){return window.removeEventListener("resize",t)}}(n);return function(){[u,l,s].forEach((function(e){return e()}))}}})(),o.default})()}));

package/core/Notice.jsx

@@ -286,13 +286,14 @@ var Flash = function Flash(_ref) {
     }
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
     type: "button",
-    className: "p-0 ml-auto self-start",
+    className: "p-0 ml-auto self-start focus:outline-none",
     onClick: closeFlash
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", {
-    className: "h-24 w-24 transition-colors ui-icon-cool-black"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("use", {
-    xlinkHref: "#sprite-close"
-  })))));
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_4__.default, {
+    name: "icon-gui-close",
+    color: iconColor[type],
+    size: "1.5rem",
+    additionalCSS: "transition-colors"
+  }))));
 };
 
 Flash.propTypes = _objectSpread({}, FlashT);

package/core/sprites.svg

@@ -317,6 +317,9 @@
 <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12ZM12 10C12.5523 10 13 10.4477 13 11V17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17V11C11 10.4477 11.4477 10 12 10ZM12 8C12.5523 8 13 7.55228 13 7C13 6.44772 12.5523 6 12 6C11.4477 6 11 6.44772 11 7C11 7.55228 11.4477 8 12 8Z" fill="currentColor"/>
 </symbol><symbol fill="none" id="sprite-icon-gui-link-arrow" viewBox="0 0 24 24"><title>sprite-icon-gui-link-arrow</title>
 	<path fill-rule="evenodd" clip-rule="evenodd" d="M16.9979 11H4V13H16.9979L14 16.331L15.4866 17.6689L19.9866 12.6689V11.331L15.4866 6.33099L14 7.66892L16.9979 11Z" fill="currentColor"/>
+</symbol><symbol fill="none" id="sprite-icon-gui-link" viewBox="0 0 16 16"><title>sprite-icon-gui-link</title>
+  <path d="M7.6504 10.9943C7.50158 10.9572 7.35629 10.9074 7.21593 10.8456L4.87765 13.184C4.45229 13.6083 3.833 13.7737 3.25284 13.6179C2.67256 13.4622 2.21933 13.009 2.06367 12.4287C1.90788 11.8486 2.07331 11.2293 2.49759 10.8039L6.06769 7.23381C6.2223 7.07685 6.40904 6.95503 6.61497 6.8768C6.67926 6.83877 6.74987 6.81263 6.82337 6.79945C6.91776 6.76913 7.0158 6.75113 7.1148 6.74588C7.34183 6.72638 7.57047 6.75263 7.78724 6.82323C8.03527 6.90906 8.26093 7.04941 8.44766 7.23381C8.60441 7.38756 8.72795 7.57184 8.81054 7.7752C8.82243 7.7753 8.84033 7.7693 8.85222 7.7693C9.03715 7.74745 9.20912 7.66355 9.34015 7.53134L10.1553 6.71619C10.0111 6.47158 9.83729 6.24574 9.63769 6.04375C9.21919 5.62621 8.69782 5.32655 8.12632 5.17503C8.06975 5.15768 8.01211 5.14386 7.95382 5.13346C7.88096 5.10914 7.80457 5.09704 7.72775 5.09778C7.66464 5.08653 7.60111 5.07861 7.53725 5.07389C7.53575 5.07228 7.53361 5.07143 7.53136 5.07143C7.52911 5.07132 7.52696 5.07228 7.52536 5.07389C7.42303 5.05814 7.31921 5.05418 7.21604 5.062C7.07472 5.06286 6.93361 5.07271 6.79348 5.09178H6.78159L6.61498 5.11557C6.3122 5.18082 6.01852 5.28271 5.74037 5.41909C5.42096 5.57949 5.12964 5.79045 4.87765 6.04372L1.30755 9.61383C0.458775 10.4644 0.127904 11.703 0.439273 12.8636C0.750725 14.0241 1.65727 14.9307 2.81785 15.2421C3.97841 15.5535 5.217 15.2226 6.06759 14.3739L9.34009 11.1014C8.77534 11.1789 8.20074 11.1425 7.65035 10.9942L7.6504 10.9943Z" fill="currentColor"/>
+  <path d="M14.6953 0.986249C14.0642 0.354761 13.2081 0 12.3153 0C11.4225 0 10.5663 0.354761 9.93528 0.986249L6.66278 4.25875C7.38396 4.15729 8.11907 4.24129 8.79878 4.50272L11.1253 2.17633C11.5504 1.75119 12.1701 1.58511 12.7509 1.74069C13.3316 1.89636 13.7852 2.35001 13.9409 2.93073C14.0965 3.51145 13.9304 4.13117 13.5052 4.55631L11.1789 6.8828L10.8457 7.21592L10.5066 7.55513L9.93539 8.1263H9.93528C9.66614 8.39866 9.31065 8.56914 8.92975 8.60822C8.78704 8.62215 8.64304 8.61819 8.5014 8.59633C8.36158 8.58251 8.22497 8.5464 8.09672 8.48919C7.68798 8.31851 7.36311 7.99356 7.19232 7.5849C6.99239 7.60054 6.80467 7.68701 6.66281 7.82875L5.84766 8.6439C6.13448 9.13707 6.54451 9.54713 7.03759 9.83395C7.16434 9.9112 7.29784 9.97687 7.43626 10.0303C7.57769 10.0959 7.72522 10.1478 7.87663 10.1851C8.67486 10.4001 9.52437 10.3132 10.2625 9.94109C10.4786 9.83277 10.6822 9.70109 10.8694 9.54831L10.8753 9.54242C10.9587 9.47106 11.0478 9.39371 11.1253 9.31635L14.6954 5.74625C15.3269 5.11506 15.6817 4.25899 15.6817 3.36619C15.6817 2.47347 15.3269 1.61729 14.6954 0.98621L14.6953 0.986249Z" fill="currentColor"/>
 </symbol><symbol fill="none" id="sprite-icon-gui-live-chat" viewBox="0 0 24 24"><title>sprite-icon-gui-live-chat</title>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M15 1C16.6569 1 18 2.34315 18 4V7H21C22.6569 7 24 8.34315 24 10V21.5057C24 22.5305 22.8347 23.1198 22.0092 22.5125L19.0718 20.3514H9C7.34315 20.3514 6 19.0082 6 17.3514V14.3514H4.92823L1.99078 16.5125C1.16534 17.1198 0 16.5305 0 15.5057V4C0 2.34315 1.34315 1 3 1H15ZM8 14.3514V17.3514C8 17.9036 8.44772 18.3514 9 18.3514H19.7282L22 20.0228V10C22 9.44772 21.5523 9 21 9H18V11.3514C18 13.0082 16.6569 14.3514 15 14.3514H8ZM16 9V11.3514C16 11.9036 15.5523 12.3514 15 12.3514H8V10C8 9.44772 8.44772 9 9 9H16ZM16 7H9C7.34315 7 6 8.34315 6 10V12.3514H4.27176L2 14.0228V4C2 3.44772 2.44771 3 3 3H15C15.5523 3 16 3.44772 16 4V7Z" fill="currentColor"/>
 </symbol><symbol fill="none" id="sprite-icon-gui-minus" viewBox="0 0 24 24"><title>sprite-icon-gui-minus</title>
@@ -367,6 +370,18 @@
 <path d="M10 19L9 18L6 18.5L8 20.5L10 21.5V19Z" fill="#03020D"/>
 <path d="M19 11L21 10L22 12L21.5 13L19.5 12L19 11Z" fill="#03020D"/>
 <path d="M14.5 5.5L13 6.5L11 5V4H14.5V5.5Z" fill="#03020D"/>
+</symbol><symbol fill="none" id="sprite-icon-multi-user-spaces-col" viewBox="0 0 49 48"><title>sprite-icon-multi-user-spaces-col</title>
+<rect x="13" y="13" width="6" height="6" stroke="#03020D" stroke-width="1.5" stroke-linejoin="round"/>
+<rect x="31" y="13" width="6" height="6" stroke="#03020D" stroke-width="1.5" stroke-linejoin="round"/>
+<rect x="13" y="31" width="6" height="6" stroke="#03020D" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M16 19L16 31" stroke="#03020D" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M34 19L34 26" stroke="#03020D" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M19 16L31 16" stroke="#03020D" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M19 34L29 34" stroke="#03020D" stroke-width="1.5" stroke-linecap="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M47.7494 34.1265C47.7376 33.8234 47.5443 33.5572 47.2597 33.4522L30.3737 27.2184C30.0903 27.1138 29.7719 27.1893 29.5658 27.41C29.3596 27.6308 29.306 27.9536 29.4297 28.2291L36.806 44.66C36.932 44.9405 37.2163 45.1158 37.5235 45.1021C37.8306 45.0885 38.0984 44.8888 38.199 44.5983L40.4903 37.9808L47.3138 34.8369C47.5894 34.71 47.7613 34.4296 47.7494 34.1265Z" fill="#FF5416"/>
+<path d="M12.8863 45.5057L1.62891 41.3499L6.37144 39.1648L7.96873 34.5518L12.8863 45.5057Z" stroke="#03020D" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M30.2574 0.999899L19 5.15576L23.7425 7.34085L25.3398 11.9538L30.2574 0.999899Z" stroke="#03020D" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M33 6L44 6" stroke="#03020D" stroke-width="1.5" stroke-linecap="round"/>
 </symbol><symbol id="sprite-linkedin" viewBox="0 0 24 24"><title>sprite-linkedin</title>
 <path d="M24 1.76471V22.2353C24 22.7033 23.8141 23.1522 23.4831 23.4831C23.1522 23.8141 22.7033 24 22.2353 24H1.76471C1.29668 24 0.847817 23.8141 0.51687 23.4831C0.185924 23.1522 0 22.7033 0 22.2353L0 1.76471C0 1.29668 0.185924 0.847817 0.51687 0.51687C0.847817 0.185924 1.29668 0 1.76471 0L22.2353 0C22.7033 0 23.1522 0.185924 23.4831 0.51687C23.8141 0.847817 24 1.29668 24 1.76471ZM7.05882 9.17647H3.52941V20.4706H7.05882V9.17647ZM7.37647 5.29412C7.37833 5.02715 7.32759 4.76242 7.22714 4.51506C7.12669 4.2677 6.9785 4.04255 6.79103 3.85246C6.60357 3.66237 6.38049 3.51107 6.13455 3.4072C5.88861 3.30332 5.62462 3.24891 5.35765 3.24706H5.29412C4.7512 3.24706 4.23053 3.46273 3.84663 3.84663C3.46273 4.23053 3.24706 4.7512 3.24706 5.29412C3.24706 5.83703 3.46273 6.35771 3.84663 6.74161C4.23053 7.1255 4.7512 7.34118 5.29412 7.34118C5.56111 7.34774 5.82678 7.30164 6.07594 7.2055C6.32511 7.10936 6.55289 6.96506 6.74627 6.78086C6.93965 6.59666 7.09484 6.37616 7.20297 6.13196C7.3111 5.88775 7.37006 5.62464 7.37647 5.35765V5.29412ZM20.4706 13.6094C20.4706 10.2141 18.3106 8.89412 16.1647 8.89412C15.4621 8.85894 14.7626 9.00858 14.1358 9.32814C13.5091 9.64769 12.9771 10.126 12.5929 10.7153H12.4941V9.17647H9.17647V20.4706H12.7059V14.4635C12.6549 13.8483 12.8487 13.2378 13.2452 12.7646C13.6417 12.2915 14.2089 11.9939 14.8235 11.9365H14.9576C16.08 11.9365 16.9129 12.6424 16.9129 14.4212V20.4706H20.4424L20.4706 13.6094Z"/>
 </symbol><symbol id="sprite-quote" viewBox="0 0 25 19"><title>sprite-quote</title>

package/core/styles.css

@@ -467,16 +467,15 @@
   }
 
   .ui-link {
-    @apply visited:text-gui-visited;
+    @apply text-gui-default;
     @apply hover:text-gui-hover active:text-gui-active disabled:text-gui-unavailable;
-    @apply focus:text-gui-focus focus:outline-gui-focus;
-    @apply underline;
+    @apply focus:text-gui-default focus:outline-gui-focus;
+    @apply no-underline;
   }
 
   .ui-link-neutral {
-    @apply visited:text-dark-grey;
     @apply hover:text-dark-grey active:text-cool-black disabled:text-gui-unavailable;
-    @apply focus:text-gui-focus focus:outline-gui-focus-neutral;
+    @apply focus:text-charcoal-grey focus:outline-gui-focus-neutral;
     @apply underline;
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ably/ui",
-  "version": "8.6.0",
+  "version": "8.7.0-dev.73348b7",
   "description": "Home of the Ably design system library ([design.ably.com](https://design.ably.com)). It provides a showcase, development/test environment and a publishing pipeline for different distributables.",
   "repository": {
     "type": "git",

package/src/core/FeatureFooter/component.html.erb

@@ -29,15 +29,15 @@
           <ul class="relative ml-24 text-p1 font-light leading-8">
             <li>
               <%= render(AblyUi::Core::Icon.new(name: "icon-gui-tick", size: "1.5rem", additional_css: "align-text-bottom")) %>
-              3m messages per month
+              6m messages per month
             </li>
             <li>
               <%= render(AblyUi::Core::Icon.new(name: "icon-gui-tick", size: "1.5rem", additional_css: "align-text-bottom")) %>
-              100 peak connections
+              200 peak connections
             </li>
             <li>
               <%= render(AblyUi::Core::Icon.new(name: "icon-gui-tick", size: "1.5rem", additional_css: "align-text-bottom")) %>
-              100 peak channels
+              200 peak channels
             </li>
             <li>
               <%= render(AblyUi::Core::Icon.new(name: "icon-gui-tick", size: "1.5rem", additional_css: "align-text-bottom")) %>

package/src/core/Flash/component.jsx

@@ -110,10 +110,8 @@ const Flash = ({ type, content }) => {
       <div className={`${FLASH_BG_COLOR[type]} p-32 flex align-center rounded shadow-container-subtle`}>
         {withIcons[type] && <Icon name={withIcons[type]} color={iconColor[type]} size="1.5rem" additionalCSS="mr-16 self-baseline" />}
         <p className={`ui-flash-text ${FLASH_TEXT_COLOR[type]}`} dangerouslySetInnerHTML={{ __html: safeContent }} />
-        <button type="button" className="p-0 ml-auto self-start" onClick={closeFlash}>
-          <svg className="h-24 w-24 transition-colors ui-icon-cool-black">
-            <use xlinkHref="#sprite-close"></use>
-          </svg>
+        <button type="button" className="p-0 ml-auto self-start focus:outline-none" onClick={closeFlash}>
+          <Icon name="icon-gui-close" color={iconColor[type]} size="1.5rem" additionalCSS="transition-colors" />
         </button>
       </div>
     </div>

package/src/core/MeganavContentDevelopers/component.html.erb

@@ -71,7 +71,7 @@
         </li>
         <li>
           <%= link_to "https://github.com/ably", class: "group ui-meganav-media py-12" do %>
-            <p class="ui-meganav-media-heading">Github</p>
+            <p class="ui-meganav-media-heading">GitHub</p>
           <% end %>
         </li>
         <li>

package/src/core/MeganavContentDevelopers/component.jsx

@@ -77,7 +77,7 @@ const MeganavContentDevelopers = ({ absUrl }) => (
           </li>
           <li>
             <a href="https://github.com/ably" className="group ui-meganav-media py-12">
-              <p className="ui-meganav-media-heading">Github</p>
+              <p className="ui-meganav-media-heading">GitHub</p>
             </a>
           </li>
           <li>

package/src/core/MeganavContentUseCases/component.html.erb

@@ -33,6 +33,15 @@
             </div>
           <% end %>
         </li>
+        <li>
+          <%= link_to abs_url("/solutions/multi-user-virtual-spaces"), class: "ui-meganav-media-with-image group" do %>
+            <%= render(AblyUi::Core::Icon.new(name: "icon-multi-user-spaces-col", size: "2.5rem")) %>
+            <div class="flex flex-col justify-center">
+              <p class="ui-meganav-media-heading">Multi-user virtual spaces</p>
+              <p class="ui-meganav-media-copy">Build live and interactive multi-user applications.</p>
+            </div>
+          <% end %>
+        </li>
       </ul>
     </div>
 

package/src/core/MeganavContentUseCases/component.jsx

@@ -39,6 +39,15 @@ const MeganavContentUseCases = ({ absUrl }) => (
               </div>
             </a>
           </li>
+          <li>
+            <a href={absUrl("/solutions/multi-user-virtual-spaces")} className="ui-meganav-media-with-image group">
+              <Icon name="icon-multi-user-spaces-col" size="2.5rem" />
+              <div className="flex flex-col justify-center">
+                <p className="ui-meganav-media-heading">Multi-user virtual spaces</p>
+                <p className="ui-meganav-media-copy">Build live and interactive multi-user applications.</p>
+              </div>
+            </a>
+          </li>
         </ul>
       </div>
 

package/src/core/icons/icon-gui-link.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M7.6504 10.9943C7.50158 10.9572 7.35629 10.9074 7.21593 10.8456L4.87765 13.184C4.45229 13.6083 3.833 13.7737 3.25284 13.6179C2.67256 13.4622 2.21933 13.009 2.06367 12.4287C1.90788 11.8486 2.07331 11.2293 2.49759 10.8039L6.06769 7.23381C6.2223 7.07685 6.40904 6.95503 6.61497 6.8768C6.67926 6.83877 6.74987 6.81263 6.82337 6.79945C6.91776 6.76913 7.0158 6.75113 7.1148 6.74588C7.34183 6.72638 7.57047 6.75263 7.78724 6.82323C8.03527 6.90906 8.26093 7.04941 8.44766 7.23381C8.60441 7.38756 8.72795 7.57184 8.81054 7.7752C8.82243 7.7753 8.84033 7.7693 8.85222 7.7693C9.03715 7.74745 9.20912 7.66355 9.34015 7.53134L10.1553 6.71619C10.0111 6.47158 9.83729 6.24574 9.63769 6.04375C9.21919 5.62621 8.69782 5.32655 8.12632 5.17503C8.06975 5.15768 8.01211 5.14386 7.95382 5.13346C7.88096 5.10914 7.80457 5.09704 7.72775 5.09778C7.66464 5.08653 7.60111 5.07861 7.53725 5.07389C7.53575 5.07228 7.53361 5.07143 7.53136 5.07143C7.52911 5.07132 7.52696 5.07228 7.52536 5.07389C7.42303 5.05814 7.31921 5.05418 7.21604 5.062C7.07472 5.06286 6.93361 5.07271 6.79348 5.09178H6.78159L6.61498 5.11557C6.3122 5.18082 6.01852 5.28271 5.74037 5.41909C5.42096 5.57949 5.12964 5.79045 4.87765 6.04372L1.30755 9.61383C0.458775 10.4644 0.127904 11.703 0.439273 12.8636C0.750725 14.0241 1.65727 14.9307 2.81785 15.2421C3.97841 15.5535 5.217 15.2226 6.06759 14.3739L9.34009 11.1014C8.77534 11.1789 8.20074 11.1425 7.65035 10.9942L7.6504 10.9943Z" fill="currentColor" />
+  <path d="M14.6953 0.986249C14.0642 0.354761 13.2081 0 12.3153 0C11.4225 0 10.5663 0.354761 9.93528 0.986249L6.66278 4.25875C7.38396 4.15729 8.11907 4.24129 8.79878 4.50272L11.1253 2.17633C11.5504 1.75119 12.1701 1.58511 12.7509 1.74069C13.3316 1.89636 13.7852 2.35001 13.9409 2.93073C14.0965 3.51145 13.9304 4.13117 13.5052 4.55631L11.1789 6.8828L10.8457 7.21592L10.5066 7.55513L9.93539 8.1263H9.93528C9.66614 8.39866 9.31065 8.56914 8.92975 8.60822C8.78704 8.62215 8.64304 8.61819 8.5014 8.59633C8.36158 8.58251 8.22497 8.5464 8.09672 8.48919C7.68798 8.31851 7.36311 7.99356 7.19232 7.5849C6.99239 7.60054 6.80467 7.68701 6.66281 7.82875L5.84766 8.6439C6.13448 9.13707 6.54451 9.54713 7.03759 9.83395C7.16434 9.9112 7.29784 9.97687 7.43626 10.0303C7.57769 10.0959 7.72522 10.1478 7.87663 10.1851C8.67486 10.4001 9.52437 10.3132 10.2625 9.94109C10.4786 9.83277 10.6822 9.70109 10.8694 9.54831L10.8753 9.54242C10.9587 9.47106 11.0478 9.39371 11.1253 9.31635L14.6954 5.74625C15.3269 5.11506 15.6817 4.25899 15.6817 3.36619C15.6817 2.47347 15.3269 1.61729 14.6954 0.98621L14.6953 0.986249Z" fill="currentColor" />
+</svg>

package/src/core/icons/icon-multi-user-spaces-col.svg

@@ -0,0 +1,13 @@
+<svg width="49" height="48" viewBox="0 0 49 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="13" y="13" width="6" height="6" stroke="#03020D" stroke-width="1.5" stroke-linejoin="round"/>
+<rect x="31" y="13" width="6" height="6" stroke="#03020D" stroke-width="1.5" stroke-linejoin="round"/>
+<rect x="13" y="31" width="6" height="6" stroke="#03020D" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M16 19L16 31" stroke="#03020D" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M34 19L34 26" stroke="#03020D" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M19 16L31 16" stroke="#03020D" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M19 34L29 34" stroke="#03020D" stroke-width="1.5" stroke-linecap="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M47.7494 34.1265C47.7376 33.8234 47.5443 33.5572 47.2597 33.4522L30.3737 27.2184C30.0903 27.1138 29.7719 27.1893 29.5658 27.41C29.3596 27.6308 29.306 27.9536 29.4297 28.2291L36.806 44.66C36.932 44.9405 37.2163 45.1158 37.5235 45.1021C37.8306 45.0885 38.0984 44.8888 38.199 44.5983L40.4903 37.9808L47.3138 34.8369C47.5894 34.71 47.7613 34.4296 47.7494 34.1265Z" fill="#FF5416"/>
+<path d="M12.8863 45.5057L1.62891 41.3499L6.37144 39.1648L7.96873 34.5518L12.8863 45.5057Z" stroke="#03020D" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M30.2574 0.999899L19 5.15576L23.7425 7.34085L25.3398 11.9538L30.2574 0.999899Z" stroke="#03020D" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M33 6L44 6" stroke="#03020D" stroke-width="1.5" stroke-linecap="round"/>
+</svg>

package/src/core/styles/text.css

@@ -147,16 +147,15 @@
   }
 
   .ui-link {
-    @apply visited:text-gui-visited;
+    @apply text-gui-default;
     @apply hover:text-gui-hover active:text-gui-active disabled:text-gui-unavailable;
-    @apply focus:text-gui-focus focus:outline-gui-focus;
-    @apply underline;
+    @apply focus:text-gui-default focus:outline-gui-focus;
+    @apply no-underline;
   }
 
   .ui-link-neutral {
-    @apply visited:text-dark-grey;
     @apply hover:text-dark-grey active:text-cool-black disabled:text-gui-unavailable;
-    @apply focus:text-gui-focus focus:outline-gui-focus-neutral;
+    @apply focus:text-charcoal-grey focus:outline-gui-focus-neutral;
     @apply underline;
   }
 }