npm - @nanoporetech-digital/components - Versions diffs - 2.2.1 → 2.4.0 - Mend

@nanoporetech-digital/components 2.2.1 → 2.4.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 (128) hide show

package/dist/nano-components/p-58419bed.system.entry.js DELETED Viewed

@@ -1,5 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,a){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,s){function o(e){try{l(a.next(e))}catch(t){s(t)}}function r(e){try{l(a["throw"](e))}catch(t){s(t)}}function l(e){e.done?n(e.value):i(e.value).then(o,r)}l((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},a,i,s,o;return o={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function r(e){return function(t){return l([e,t])}}function l(o){if(a)throw new TypeError("Generator is already executing.");while(n)try{if(a=1,i&&(s=o[0]&2?i["return"]:o[0]?i["throw"]||((s=i["return"])&&s.call(i),0):i.next)&&!(s=s.call(i,o[1])).done)return s;if(i=0,s)o=[o[0]&2,s.value];switch(o[0]){case 0:case 1:s=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;i=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(s=n.trys,s=s.length>0&&s[s.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!s||o[1]>s[0]&&o[1]<s[3])){n.label=o[1];break}if(o[0]===6&&n.label<s[1]){n.label=s[1];s=o;break}if(s&&n.label<s[2]){n.label=s[2];n.ops.push(o);break}if(s[2])n.ops.pop();n.trys.pop();continue}o=t.call(e,n)}catch(r){o=[6,r];i=0}finally{a=s=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t){for(var n=0,a=t.length,i=e.length;n<a;n++,i++)e[i]=t[n];return e};
-/*!
- * Web Components for Nanopore digital Web Apps
- */System.register(["./p-59b3d24b.system.js","./p-d24811c8.system.js","./p-1c216ca4.system.js","./p-e1f46998.system.js","./p-ef053a2f.system.js","./p-1d13dbdf.system.js","./p-9edbf25d.system.js"],(function(e,t){"use strict";var n,a,i,s,o,r,l,c,h,u,d,p,m;return{setters:[function(e){n=e.r;a=e.c;i=e.i;s=e.f;o=e.h;r=e.k;l=e.e;c=e.g},function(e){h=e.a},function(e){u=e.d},function(e){d=e.C},function(e){p=e.d},function(e){m=e.c},function(){}],execute:function(){var g=undefined&&undefined.__rest||function(e,t){var n={};for(var a in e)if(Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0)n[a]=e[a];if(e!=null&&typeof Object.getOwnPropertySymbols==="function")for(var i=0,a=Object.getOwnPropertySymbols(e);i<a.length;i++){if(t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i]))n[a[i]]=e[a[i]]}return n};function b(e,t){if(t===void 0){t={}}return __awaiter(this,void 0,void 0,(function(){var n,a,i,s,o,r,l,c,h,u;return __generator(this,(function(d){switch(d.label){case 0:n=t.body,a=g(t,["body"]);i={Accept:"application/json, text/plain, */*","Access-Control-Allow-Origin":"*","Content-Type":"application/json",Cache:"no-cache"};s=Object.assign(Object.assign({method:n?"POST":"GET",credentials:"include",keepalive:true,mode:"cors"},a),{headers:Object.assign(Object.assign({},i),a.headers)});if(n){s.body=JSON.stringify(n)}o=setTimeout((function(){}),0);if(window.AbortController){r=new AbortController;l=a.timeout,c=l===void 0?500:l;o=setTimeout((function(){return r.abort()}),c);s.signal=r.signal}return[4,fetch(e,s)];case 1:h=d.sent();clearTimeout(o);if(!h.ok)return[3,3];return[4,h.json()];case 2:return[2,d.sent()];case 3:return[4,h.text()];case 4:u=d.sent();return[2,new Error(u)]}}))}))}var f=':host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{--padding:12px;--padding-top:var(--padding);--padding-end:var(--padding);--padding-bottom:var(--padding);--padding-start:var(--padding);--bar-background:#005c75;--bar-text-color:white;--bar-color-shade:rgb(19, 89, 111);--bar-color-tint:rgb(19, 89, 111);--bar-color-focus:#90c6e7;--menu-background:#001a21;--menu-text-color:white;--menu-dropdown-bg:#196c82;--menu-dropdown-color:white;display:block;position:relative;line-height:1.5;height:100%}:host *{-webkit-box-sizing:inherit;box-sizing:inherit}.global-nav{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;font-size:0.88em;z-index:var(--nano-layer-index-menubar, 10)}.global-nav button{background:none;color:inherit;border:none;padding:0}.global-nav .icon-btn{position:relative;background:none;color:inherit;border:none;-ms-flex-item-align:normal;-ms-grid-row-align:normal;align-self:normal;padding:9px 7px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.global-nav .icon-btn nano-icon{width:18px;height:18px}.global-nav ::slotted(nano-nav-item[slot=icon]){--padding-top:9px;--padding-bottom:9px;--padding-start:7px;--padding-end:7px;--display:flex;font-size:18px}.global-nav a{color:inherit;text-decoration:none;white-space:nowrap}.global-nav .nav-links_title{margin:8px 0 3px}.global-nav .nav-links ul{margin:0;padding:0}.global-nav .nav-links li{list-style:none}.global-nav .login-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:0.94em}.global-nav .menu-btn{padding:9px var(--padding) 9px var(--padding)}.gn-menu{position:fixed;top:0;left:0;z-index:-1;display:none;-webkit-transition:z-index 0.01s ease 0.2s;transition:z-index 0.01s ease 0.2s;height:100vh;width:100vw;overflow-y:auto}:host([dir=rtl]) .gn-menu{left:auto;right:0}:host(.threshold-2) .gn-menu{position:absolute;width:calc(100vw - 20px)}.gn-menu.menu-full-screen{width:100vw !important}.gn-menu_wrap{max-width:92vw;width:335px;background:var(--menu-background);color:var(--menu-text-color);padding:var(--padding) 0;-webkit-box-shadow:0 0 36px 0 rgba(0, 0, 0, 0.8);box-shadow:0 0 36px 0 rgba(0, 0, 0, 0.8);position:relative;pointer-events:all;margin-bottom:36px;opacity:0;outline:none;-webkit-transition:opacity 0.2s ease, -webkit-transform 0.2s ease;transition:opacity 0.2s ease, -webkit-transform 0.2s ease;transition:transform 0.2s ease, opacity 0.2s ease;transition:transform 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease}.gn-menu_wrap.has-promotion{padding:var(--padding) 0 0}.gn-menu.open{z-index:var(--nano-layer-index-dropdown, 300);-webkit-transition:z-index 0.01s ease;transition:z-index 0.01s ease}.gn-menu.open .gn-menu_wrap{opacity:1;-webkit-transform:translate3d(0, 0, 0) !important;transform:translate3d(0, 0, 0) !important;-webkit-transition:opacity 0.2s ease 0.01s, -webkit-transform 0.2s ease 0.01s;transition:opacity 0.2s ease 0.01s, -webkit-transform 0.2s ease 0.01s;transition:transform 0.2s ease 0.01s, opacity 0.2s ease 0.01s;transition:transform 0.2s ease 0.01s, opacity 0.2s ease 0.01s, -webkit-transform 0.2s ease 0.01s}.gn-menu_actions{padding-right:calc(var(--padding) / 2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.gn-menu_actions{padding-right:unset;-webkit-padding-end:calc(var(--padding) / 2);padding-inline-end:calc(var(--padding) / 2)}}.gn-menu_actions-counter{background:#d0021b;color:#fff;position:absolute;bottom:4px;right:0;left:auto;font-size:9px;height:14px;line-height:14px;width:auto;min-width:14px;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;text-indent:0}.gn-menu .content-wrap{position:relative;overflow:hidden;-webkit-transition:0.2s ease min-height;transition:0.2s ease min-height;min-height:190px}.gn-menu .content--sub{padding:var(--padding) 0 var(--padding) 7px}.gn-menu .menu-btn{margin-right:auto}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.gn-menu .menu-btn{margin-right:unset;-webkit-margin-end:auto;margin-inline-end:auto}}.gn-menu .nav-links{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.gn-menu .nav-links ::slotted(nano-nav-item),.gn-menu .nav-links nano-nav-item{--icon-size:14px;--display:inline-block;--secondary-bg-color:#001a21;--padding-top:10px;--padding-bottom:10px;--padding-end:calc(var(--padding) * 2);--padding-start:calc(var(--padding) + 3px);--color:white;--color-hover:#90c6e7;--bg-color-hover:transparent;--bg-color-focus:#002530;--focus-outline:none;font-size:0.99em;width:100%}.gn-menu .nav-links .user-nav{--bg-color:#193037;--padding-top:9px;--padding-bottom:9px;font-weight:bold;margin:5px 0 0}.gn-menu .nav-links .user-nav ::slotted(nano-nav-item),.gn-menu .nav-links .user-nav nano-nav-item{font-weight:500;--bg-color:transparent}.gn-menu .nav-links_title{margin:0 var(--padding) 4px;border-bottom:1px solid #33484d;padding-bottom:8px;font-size:0.86em;text-transform:uppercase;color:#90c6e7;letter-spacing:1px;font-weight:700}.gn-menu .nav-links-wrap{margin:18px 0}.gn-menu .nav-links-wrap:last-child{margin-bottom:0}.gn-menu .nav-links .back-btn{border-top:1px solid #33484d;border-bottom:1px solid #33484d;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 11px 10px 0;width:100%;font-size:12px;text-transform:uppercase;color:#90c6e7;letter-spacing:1px;font-weight:700}.gn-menu .nav-links .back-btn nano-icon{margin-right:10px;font-size:12px;color:white}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.gn-menu .nav-links .back-btn nano-icon{margin-right:unset;-webkit-margin-end:10px;margin-inline-end:10px}}.gn-menu .nav-links--sub{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.gn-menu .nav-links--sub ::slotted(nano-nav-item),.gn-menu .nav-links--sub nano-nav-item{--border-bottom:none;--padding-end:var(--padding);--padding-start:var(--padding);--padding-top:8px;--padding-bottom:8px;margin:0;width:50%;line-height:1.8}.gn-menu .nav-links .content{padding:8px var(--padding)}.gn-menu .login-btn{padding-left:7px;padding-right:var(--padding);padding-top:9px;padding-bottom:9px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.gn-menu .login-btn{padding-left:unset;padding-right:unset;-webkit-padding-start:7px;padding-inline-start:7px;-webkit-padding-end:var(--padding);padding-inline-end:var(--padding)}}.gn-menu .login-btn nano-icon{margin-left:10px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.gn-menu .login-btn nano-icon{margin-left:unset;-webkit-margin-start:10px;margin-inline-start:10px;}}.gn-menu .logout-btn{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.gn-menu .logout-btn a{padding:0 5px}.sticker-trigger{background:var(--bar-background);width:100%;z-index:calc(var(--nano-layer-index-menubar, 10) + 1)}.bars{color:var(--bar-text-color);z-index:var(--nano-layer-index-menubar, 10);position:relative;max-width:100%;min-width:100%;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:0.2s ease box-shadow;transition:0.2s ease box-shadow}[stuck] .bars{-webkit-box-shadow:0 1px 25px 0 rgba(0, 0, 0, 0.15);box-shadow:0 1px 25px 0 rgba(0, 0, 0, 0.15)}.bars::before{content:"";width:100%;height:100%;z-index:-1;background:var(--bar-background);position:absolute}.bars .search-widget{margin-left:11px;margin-right:auto;position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-width:45vw;min-width:269px;max-height:36px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.bars .search-widget{margin-left:unset;margin-right:unset;-webkit-margin-start:11px;margin-inline-start:11px;-webkit-margin-end:auto;margin-inline-end:auto}}.bars .search-inputs{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0}.bars .search-inputs input[type=submit]{display:none}.bars .search-autocomplete{position:absolute;top:calc(100% - 2px);width:100%;left:0;background:white;border:2px solid var(--bar-color-tint);border-radius:0 0 5px 5px;color:#4a4a4a;font-size:0.85em;padding:calc(var(--padding) / 2) 0 1px 0;z-index:1}:host([dir=rtl]) .bars .search-autocomplete{left:auto;right:0}.bars .search-autocomplete-hit{padding:calc(var(--padding) / 4) var(--padding) calc(var(--padding) / 4) var(--padding);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;text-align:left;line-height:1.5;cursor:pointer}:host([dir=rtl]) .bars .search-autocomplete-hit{text-align:right}.bars .search-autocomplete-hit-scope{font-size:0.76em;color:#a7b0b3;font-weight:600}.bars .search-autocomplete-hit:hover,.bars .search-autocomplete-hit:focus{background-color:#e4e6e8}.bars .search-autocomplete-hit .search__highlight,.bars .search-autocomplete-hit em{font-weight:bold;font-style:normal}.bars .search-autocomplete-hit--no-result:hover,.bars .search-autocomplete-hit--no-result:focus{background:none !important}.bars .search-autocomplete-foot{margin:7px 0 0}.bars .search-autocomplete-submit{background:none;border:none;-ms-flex-item-align:normal;-ms-grid-row-align:normal;align-self:normal;padding:9px var(--padding);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#007495;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:100%;text-decoration:underline;border-top:1px solid #e8eaea}.bars .search-autocomplete-submit:hover,.bars .search-autocomplete-submit:focus{background-color:#e4e6e8}.bars .search-input{--input-border-style:solid 1px rgb(85, 140, 157);--input-border-style--focus:solid 1px var(--bar-color-focus, #90c6e7);--input-border-width:1px;font-size:0.9em}.bars nano-select.search-input{--input-bg-color:var(--bar-color-tint, rgb(88, 140, 161));--input-text-color:inherit;--input-border-radius:5px 0 0 5px;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;width:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;left:1px}:host([dir=rtl]) .bars nano-select.search-input{--input-border-radius:0 5px 5px 0}:host(:not(.ready)) .bars nano-select.search-input{overflow:hidden;max-height:1em}.bars nano-select.search-input .down-arrow{font-size:0.65em}.bars nano-input.search-input{--input-text-color:inherit;--input-bg-color:var(--bar-color-shade, rgb(40, 110, 133));--clear-btn-color:#4a4a4a;--input-border-radius:0 5px 5px 0;--placeholder-color:white;width:206px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1}:host([dir=rtl]) .bars nano-input.search-input{--input-border-radius:5px 0 0 5px}:host(:not(.ready)) .bars nano-input.search-input{overflow:hidden;max-height:1em}.bars nano-input.search-input.has-value{--input-bg-color:#fff;--input-text-color:#4a4a4a}.bars nano-input.search-input.has-value .search-icon{color:#4a4a4a}.bars nano-input.search-input .search-icon{background:none;color:white;padding:0 8px;display:none}.bars nano-input.search-input .search-icon--show{display:-webkit-box;display:-ms-flexbox;display:flex}.bars nano-input.search-input .search-icon--loader{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.bars nano-input.search-input .search-icon nano-icon{height:1.4em}.main-bar{width:100%;padding-left:0;padding-right:var(--padding);padding-top:var(--padding);padding-bottom:var(--padding);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;overflow-x:hidden}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.main-bar{padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--padding);padding-inline-end:var(--padding)}}.main-bar:focus{outline:none}:host(.ready) .main-bar{overflow-x:visible}.main-bar>*,.main-bar ::slotted(*){-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease}:host(:not(.ready)) .main-bar>*,:host(:not(.ready)) .main-bar ::slotted(*){opacity:0 !important}:host(.ready) .main-bar>*,:host(.ready) .main-bar ::slotted(*){opacity:1}:host(.resizing) .main-bar>*,:host(.resizing) .main-bar ::slotted(*){opacity:0 !important}.main-bar>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.main-bar>* ::slotted(nano-nav-item[slot=icon]){margin-left:11px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.main-bar>* ::slotted(nano-nav-item[slot=icon]){margin-left:unset;-webkit-margin-start:11px;margin-inline-start:11px;}}.main-bar>* ::slotted(nano-nav-item),.main-bar>* nano-nav-item{--color-hover:#e4e6e8;--secondary-bg-color:var(--menu-dropdown-bg);--secondary-color:var(--menu-dropdown-color);--bg-color-open:var(--bar-background);text-decoration:none !important}.main-bar .icon-btn{margin-left:6px;margin-top:0;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.main-bar .icon-btn{margin-left:unset;-webkit-margin-start:6px;margin-inline-start:6px;}}:host(.threshold-2) .main-bar .icon-btn{margin-left:11px;margin-top:0;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.threshold-2) .main-bar .icon-btn{margin-left:unset;-webkit-margin-start:11px;margin-inline-start:11px;}}.main-bar .menu-btn.icon-btn{margin:0 !important}:host(:not([dir=rtl])) .main-bar .menu-btn.icon-btn{border-right:1.5px solid var(--bar-color-shade)}:host([dir=rtl]) .main-bar .menu-btn.icon-btn{border-left:1.5px solid var(--bar-color-shade)}.main-bar .user-links{position:relative}.main-bar .user-links .icon-btn{padding-right:0;font-size:0.93em;font-weight:500}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.main-bar .user-links .icon-btn{padding-right:unset;-webkit-padding-end:0;padding-inline-end:0}}.main-bar .user-links .icon-btn nano-icon{margin-left:5px;width:16px;height:16px;-webkit-transform-origin:center;transform-origin:center;-webkit-transition:color 0.2s ease, -webkit-transform 0.2s ease;transition:color 0.2s ease, -webkit-transform 0.2s ease;transition:transform 0.2s ease, color 0.2s ease;transition:transform 0.2s ease, color 0.2s ease, -webkit-transform 0.2s ease}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.main-bar .user-links .icon-btn nano-icon{margin-left:unset;-webkit-margin-start:5px;margin-inline-start:5px;}}.main-bar .user-links .icon-btn.open nano-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg);color:#007495}.main-bar .user-links-panel{display:none;position:absolute;border-radius:4px 0 4px 4px;-webkit-box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.4);box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.4);background-color:#568c9d;opacity:0;-webkit-transform:translate3d(0, 24px, 0);transform:translate3d(0, 24px, 0);-webkit-transition:opacity 0.2s ease, -webkit-transform 0.2s ease;transition:opacity 0.2s ease, -webkit-transform 0.2s ease;transition:transform 0.2s ease, opacity 0.2s ease;transition:transform 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease;right:0;font-size:0.85em;min-width:250px;z-index:1}:host([dir=rtl]) .main-bar .user-links-panel{right:auto;left:0}.main-bar .user-links-panel:focus{outline:none}.main-bar .user-links-panel.show{opacity:1;-webkit-transform:translate3d(0, 4px, 0);transform:translate3d(0, 4px, 0)}.main-bar .user-links-panel-content{padding:0 18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.main-bar .user-links-panel-content a{padding:11px 0;border-bottom:#669dac 1px solid}.main-bar .user-links-panel-content a:hover,.main-bar .user-links-panel-content a:focus{color:#455556}.main-bar .user-links-panel-content a:last-child{border-bottom:none}.main-bar .user-links-panel-foot{background-color:#aac5cd;border-radius:0 0 4px 4px;padding:var(--padding);color:#455556;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:500;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.main-bar .user-links-panel-foot a:hover{text-decoration:underline}.main-bar .logo{height:34px;width:auto;min-width:196px}:host(:not(.threshold-1)) .main-bar .logo{height:30px}.main-bar .logo-link{margin-left:0;margin-right:auto;padding-left:11px;padding-right:11px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.main-bar .logo-link{margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:auto;margin-inline-end:auto}}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.main-bar .logo-link{padding-left:unset;padding-right:unset;-webkit-padding-start:11px;padding-inline-start:11px;-webkit-padding-end:11px;padding-inline-end:11px}}.main-bar .nav-links{font-size:0.86em;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.main-bar .nav-links ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.main-bar .nav-links ::slotted(nano-nav-item),.main-bar .nav-links nano-nav-item{--padding-top:7px;--padding-bottom:7px;--padding-end:2px;--padding-start:2px;--margin:0 11px}.main-bar .nav-links--main{font-weight:bold;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.main-bar .nav-links--main ::slotted(nano-nav-item){--color:white;--padding-end:6px;--padding-start:6px}.main-bar .nav-links--sub{margin-left:6px;--color:#e2e2e2;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.main-bar .nav-links--sub{margin-left:unset;-webkit-margin-start:6px;margin-inline-start:6px;}}.main-bar .login-btn{display:inline-block;border-radius:4px;background-color:#17bb75;color:#fff;padding:3px 10px;position:relative;left:auto;bottom:auto;margin-left:11px;margin-right:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.main-bar .login-btn{margin-left:unset;margin-right:unset;-webkit-margin-start:11px;margin-inline-start:11px;-webkit-margin-end:0;margin-inline-end:0}}.main-bar .measure-ele{min-width:1px;display:block;margin:0;padding:0}.search-bar{height:0;overflow:hidden;-webkit-transition:0.2s ease height;transition:0.2s ease height;padding:0 var(--padding);outline:none}.search-bar .search-widget{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;overflow:inherit;max-width:none;max-height:none;padding:0 0 var(--padding)}.search-bar .search-inputs{padding:0 0;margin:0 0}.search-bar .search-autocomplete{top:calc(100% - (var(--padding) + 1px))}.site-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:min-height 0.2s ease;transition:min-height 0.2s ease;min-height:calc(100% - 61px);position:relative;z-index:auto;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.mask{opacity:0;background:rgba(0, 0, 0, 0.3);position:fixed;left:0;right:0;top:0;height:100vh;z-index:-1;-webkit-transition:opacity 0.2s ease, visibility 0.01s ease 0.2s, z-index 0.01s ease 0.2s, -webkit-transform 0.2s ease;transition:opacity 0.2s ease, visibility 0.01s ease 0.2s, z-index 0.01s ease 0.2s, -webkit-transform 0.2s ease;transition:transform 0.2s ease, opacity 0.2s ease, visibility 0.01s ease 0.2s, z-index 0.01s ease 0.2s;transition:transform 0.2s ease, opacity 0.2s ease, visibility 0.01s ease 0.2s, z-index 0.01s ease 0.2s, -webkit-transform 0.2s ease;visibility:hidden}.mask.open{opacity:1;-webkit-transition:z-index 0.01s ease, visibility 0.01s ease, opacity 0.2s ease 0.01s, -webkit-transform 0.2s ease 0.01s;transition:z-index 0.01s ease, visibility 0.01s ease, opacity 0.2s ease 0.01s, -webkit-transform 0.2s ease 0.01s;transition:z-index 0.01s ease, visibility 0.01s ease, transform 0.2s ease 0.01s, opacity 0.2s ease 0.01s;transition:z-index 0.01s ease, visibility 0.01s ease, transform 0.2s ease 0.01s, opacity 0.2s ease 0.01s, -webkit-transform 0.2s ease 0.01s;z-index:3;visibility:visible}';var v=5;var x=e("nano_global_nav",function(){function e(e){var t=this;n(this,e);this.nanoIsReady=a(this,"nanoIsReady",7);this.nanoSearchResult=a(this,"nanoSearchResult",7);this.nanoSearchError=a(this,"nanoSearchError",7);this.nanoSearchReset=a(this,"nanoSearchReset",7);this.currSize=0;this.thresholdsGoingUp=false;this.autocompleteEles=[];this.currAIndex=-1;this.isLoggedIn=false;this.myAccData=null;this.aboutNavItms=[];this.siteNavItms=[];this.loggedInNavItms=[];this.hasLoggedinSlot=false;this.hasSiteSlot=false;this.hasPromotionSlot=false;this.aboutSlotLen=0;this.iconSlotLen=0;this.mainSlotLen=0;this.overflowSlotLen=0;this.searchSlotLen=0;this.internalSearchIndeces=[];this.thresholdReady=false;this.remoteDataReady=false;this.ready=false;this.isResizing=false;this.threshold=v;this.modalOpen=false;this.modalIsOpen=false;this.searchBarShown=false;this.scrollingUp=true;this.searchLoading=false;this.showAutocomplete=false;this.secondaryMenuOpen=false;this.userMenuOpen=false;this.menuFullScreen=false;this.searchValInternal="";this.env="prod";this.ssoRedirect=encodeURIComponent(window.location.href);this.getMyAccountData=true;this.activeMyAccountSections=null;this.showSearch=true;this.showLogo=true;this.logoUrl=location.protocol+"//"+location.host;this.searchIndeces=[];this.myAccountUser=null;this.searchValue="";this.searchIndex="all_prod_en";this.cartCount=0;this.msgCount=0;this.cartUrl=null;this.msgUrl=null;this.setResizingState=function(e){if(e===void 0){e=false}if(typeof t.debounceSetResizingState==="undefined"){t.debounceSetResizingState=p(t.setResizingState,600)}if(e){t.isResizing=true;t.debounceSetResizingState()}else{t.isResizing=false;t.thresholdsGoingUp=false}};this.onMenuBtnKeyDown=function(e){switch(e.key){case"Enter":case" ":t.modalOpen?t.menuClose(e,true):t.menuOpen();break}};this.onMenuBtnClick=function(e){t.menuClose(e,true)};this.menuOpen=function(e){if(e)e.preventDefault();t.menuDiv.style.display="block";t.modalOpen=true;t.modalIsOpen=true;t.menuWrapDiv.addEventListener("focusout",t.menuClose);t.menuWrapDiv.focus({preventScroll:true});if(t.threshold<2||t.menuWrapDiv.scrollHeight>window.innerHeight){document.body.style.overflow="hidden";t.menuFullScreen=true}else document.body.style.overflowX="hidden"};this.onMenuHidden=function(){t.menuDiv.removeEventListener("transitionend",t.onMenuHidden);t.menuWrapDiv.removeEventListener("focusout",t.menuClose);document.body.style.overflow="";t.menuDiv.style.display="none";t.modalIsOpen=false;t.menuFullScreen=false;setTimeout((function(){if(document.activeElement===document.body&&t.menuBtn)t.mainBarDiv.focus({preventScroll:true})}),50)};this.menuClose=function(e,n){if(n===void 0){n=false}if(!n){var a=e;if(a&&a.relatedTarget&&m("#global-nav-menu",a.relatedTarget))return;if(a&&a.relatedTarget&&a.relatedTarget.closest("#global-nav-menu"))return;if(a&&a.relatedTarget&&a.relatedTarget.closest('[slot="promotion"]'))return;if(t.secondaryMenuOpen)return}t.modalOpen=false;t.menuDiv.addEventListener("transitionend",t.onMenuHidden)};this.subMenuClose=function(e){e.preventDefault();e.target.closest("nano-nav-item").open=false};this.onUserBtnClick=function(e){e.preventDefault();t.userMenuOpen=!t.userMenuOpen};this.onUserBtnKeyDown=function(e){switch(e.key){case"Enter":case" ":t.userMenuOpen=!t.userMenuOpen;break}};this.onUserMenuBlur=function(e){if(!e.relatedTarget){t.userMenuOpen=false;return}if(!!e.relatedTarget.closest(".user-links-panel"))return false;t.userMenuOpen=false};this.onSearchBtnClick=function(e){e.preventDefault();if(!t.searchBarShown)t.searchbarShow();else t.searchbarHide()};this.onSearchBtnKeyDown=function(e){switch(e.key){case"Enter":case" ":t.searchBarShown?t.searchbarHide():t.searchbarShow();break}};this.onSearchBarShown=function(){t.searchBarEl.removeEventListener("transitionend",t.onSearchBarShown);if(t.searchInput)t.searchInput.setFocus();t.searchBarEl.style.overflow="visible"};this.searchbarHide=function(e){if(e&&e.relatedTarget&&e.relatedTarget.closest("#global-nav-search-bar"))return;t.showAutocomplete=false;if(t.searchValInternal.length&&e)return;t.searchBarEl.addEventListener("transitionend",t.onSearchBarHidden);t.searchBarEl.style.overflow="hidden";t.searchBarEl.style.height="0px"};this.onSearchBarHidden=function(){t.searchBarEl.removeEventListener("transitionend",t.onSearchBarHidden);t.searchBarEl.style.display="none";t.searchBarShown=false};this.onSearchInput=function(e){t.searchValInternal=t.searchInput.value;if(!t.isSearchValSet()){t.searchLoading=false;return}if(e.detail.type==="input"){t.showAutocomplete=false;t.searchLoading=true}};this.onSearchChange=function(e){return __awaiter(t,void 0,void 0,(function(){var t,n,a,i;return __generator(this,(function(s){switch(s.label){case 0:this.searchValInternal=this.searchValue=e?e.detail.value:this.searchValInternal;this.showAutocomplete=false;this.autocompleteResults=null;if(!this.isSearchValSet()){if(!this.searchValInternal.length){this.nanoSearchReset.emit()}this.searchLoading=false;return[2]}if(!this.currentIndex)this.currentSelectedIndex();s.label=1;case 1:s.trys.push([1,3,,4]);t=this;n=this.processSearchResults;return[4,this.currentIndex.alogliaIndex.search(this.searchValInternal,{attributesToSnippet:["body:5","title:8"],hitsPerPage:5,filters:"created > "+Math.floor((Date.now()-631152e5)/1e3)})];case 2:t.autocompleteResults=n.apply(this,[s.sent()]);return[3,4];case 3:a=s.sent();console.error(a);return[3,4];case 4:this.scopeSearch=null;i=this;return[4,this.onSearchSubmit(null,false)];case 5:i.scopeSearch=s.sent();this.searchLoading=false;this.showAutocompleteResults();return[2]}}))}))};this.onSearchSubmit=function(e,n){if(n===void 0){n=true}return __awaiter(t,void 0,void 0,(function(){var t,a,i,s;var o=this;return __generator(this,(function(r){switch(r.label){case 0:if(e)e.preventDefault();if(!this.isSearchValSet())return[2];this.searchLoading=true;this.algoliaSearchResults=null;if(!this.currentIndex)this.currentSelectedIndex();t=this.internalSearchIndeces.map((function(e){return{indexName:e.index,query:o.searchValInternal,facets:e.filters,hitsPerPage:10,filters:"created > "+Math.floor((Date.now()-631152e5)/1e3)}}));r.label=1;case 1:r.trys.push([1,3,,4]);a=this;i=this.processSearchResults;return[4,this.algoliaClient.multipleQueries(t)];case 2:a.algoliaSearchResults=i.apply(this,[r.sent()]);return[3,4];case 3:s=r.sent();this.nanoSearchError.emit(s);return[3,4];case 4:this.searchLoading=false;if(!this.algoliaSearchResults)return[2];this.algoliaSearchResults.results.map((function(e,t){e.indexName=o.internalSearchIndeces[t].name;e.selected=o.currentIndex.name===o.internalSearchIndeces[t].name;e.domain=o.currentIndex.domain||null;e.domains=o.myAccData.domains||null;e.allGroup=!!o.internalSearchIndeces[t].allGroup;e.filters=o.internalSearchIndeces[t].filters}));if(n){this.nanoSearchResult.emit({results:this.algoliaSearchResults.results,client:{apiKey:this.searchApiKey,appId:this.searchAppId}});this.showAutocomplete=false}return[2,this.algoliaSearchResults]}}))}))};this.onSearchIndexChange=function(e){return __awaiter(t,void 0,void 0,(function(){var t,n,a;return __generator(this,(function(i){switch(i.label){case 0:t=e;n=e;if(!this.currentIndex)this.currentSelectedIndex();if(t.detail&&t.detail.value.length)n=t.detail.value;if(!n||!n.length)return[2];if(this.currentIndex.index===n)return[2];a=this.internalSearchIndeces.find((function(e){return e.index===n}));if(!a||!a.alogliaIndex)return[2];this.searchIndex=a.index;if(!this.isSearchValSet())return[3,2];return[4,this.onSearchChange()];case 1:i.sent();i.label=2;case 2:return[2]}}))}))};this.switchIndexSubmit=function(e){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.isSearchValSet())return[3,2];return[4,this.onSearchIndexChange(e)];case 1:t.sent();this.onSearchSubmit();return[3,3];case 2:this.onSearchIndexChange(e);t.label=3;case 3:return[2]}}))}))};this.onAutocompleteBlur=function(e){if(!t.showAutocomplete||!t.autocompleteResults)return;if(e&&e.target&&e.target.closest(".search-widget"))return;t.showAutocomplete=false};this.showAutocompleteResults=function(){if(!t.autocompleteResults||!t.autocompleteResults.hits)return;t.showAutocomplete=true};this.onAutocompleteInteract=function(e){if(!t.showAutocomplete||!t.autocompleteResults)return;var n=t.currAIndex;switch(e.key){case"Tab":setTimeout((function(){if(!t.el.shadowRoot.activeElement||!t.el.shadowRoot.activeElement.closest(".search-widget")){t.showAutocomplete=false;return}else{var e=t.autocompleteEles.find((function(e,n){if(e===t.el.shadowRoot.activeElement){t.currAIndex=n;return true}}));if(e)t.setActiveElement(e);else t.currAIndex=-1}}));break;case"ArrowDown":case"ArrowUp":if(e.key==="ArrowDown")n++;else if(e.key==="ArrowUp")n--;var a=t.autocompleteEles[n];if(a||n<0||n>t.autocompleteEles.length-1)e.preventDefault();if(a){t.setActiveElement(a);t.currAIndex=n}else if(n<0){t.searchInput.setFocus();t.currAIndex=-1}break;case"Enter":case" ":if(t.autocompleteEles[t.currAIndex]){t.autocompleteEles[t.currAIndex].click()}break}}}e.prototype.submitSearch=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.onSearchSubmit();this.showAutocomplete=false;return[2]}))}))};e.prototype.currentSelectedIndex=function(){var e=this;if(!this.internalSearchIndeces.length){return}var t=this.internalSearchIndeces.find((function(t){return t.index===e.searchIndex}));if(!t){this.currentIndex=this.internalSearchIndeces[0];console.error("index not found");return}this.currentIndex=t;return t};e.prototype.changeInternalSearchVal=function(){if(this.searchValInternal!==this.searchValue)this.searchValue=this.searchValInternal};e.prototype.initAlgoliaClient=function(){if(!this.searchAppId||!this.searchApiKey)return;this.algoliaClient=h(this.searchAppId,this.searchApiKey);this.addAlgoliaIndeces()};e.prototype.addIndeces=function(){this.internalSearchIndeces=__spreadArray(__spreadArray([],this.internalSearchIndeces),this.searchIndeces)};e.prototype.addAlgoliaIndeces=function(){var e=this;if(!this.algoliaClient||!this.internalSearchIndeces.length)return;this.internalSearchIndeces.forEach((function(t){t.alogliaIndex=e.algoliaClient.initIndex(t.index)}));if(!this.searchIndex)this.searchIndex=this.internalSearchIndeces[0].index};e.prototype.thresholdChange=function(e,t){if(e>t){this.thresholdsGoingUp=true;this.setResizingState(true)}};e.prototype.ratioChange=function(){var e=this;if(this.intersectRatio<1&&this.threshold>0){if(this.thresholdsGoingUp)this.setResizingState(true);this.threshold--;setTimeout((function(){return e.ratioChange()}),500)}else{this.thresholdReady=true;this.siteContent.style.minHeight="calc(100% - "+(this.barsDiv.clientHeight+1)+"px)";var t,n;i((function(){t=__spreadArray(__spreadArray([],Array.from(e.el.querySelectorAll('nano-nav-item[slot="site"]'))),Array.from(e.el.querySelectorAll('nano-nav-item[slot="overflow"]')));n=[];if(e.threshold<v-4)t.push.apply(t,Array.from(e.el.querySelectorAll('nano-nav-item[slot="icon"]')));else n.push.apply(n,Array.from(e.el.querySelectorAll('nano-nav-item[slot="icon"]')));if(e.threshold<v-3)t.push.apply(t,Array.from(e.el.querySelectorAll('nano-nav-item[slot="loggedin"]')));else n.push.apply(n,Array.from(e.el.querySelectorAll('nano-nav-item[slot="loggedin"]')));if(e.threshold<v-2)t.push.apply(t,Array.from(e.el.querySelectorAll('nano-nav-item[slot="main"]')));else n.push.apply(n,Array.from(e.el.querySelectorAll('nano-nav-item[slot="main"]')));if(e.threshold<v-1)t.push.apply(t,Array.from(e.el.querySelectorAll('nano-nav-item[slot="about"]')));else n.push.apply(n,Array.from(e.el.querySelectorAll('nano-nav-item[slot="about"]')))}));s((function(){t.forEach((function(e){e.classList.add("nano-global-nav-menu");e.classList.remove("nano-global-nav-bar")}));n.forEach((function(e){e.classList.remove("nano-global-nav-menu");e.classList.add("nano-global-nav-bar")}))}))}};e.prototype.assessReady=function(){if(this.thresholdReady&&this.remoteDataReady){this.ready=true}};e.prototype.remoteReady=function(){this.attachIO()};e.prototype.isReady=function(){this.nanoIsReady.emit()};e.prototype.setupAutocompleteBlur=function(){if(this.showAutocomplete){this.el.shadowRoot.addEventListener("click",this.onAutocompleteBlur)}else{this.el.shadowRoot.removeEventListener("click",this.onAutocompleteBlur)}};e.prototype.slotChange=function(){this.threshold=v};e.prototype.thresholdClasses=function(){var e=[];var t=0;for(t;t<this.threshold;t++)e.push("threshold-"+(t+1));return e};e.prototype.onWindowResize=function(){if(this.threshold<v&&window.innerWidth>this.currSize){this.threshold=v}this.currSize=window.innerWidth;this.searchBarShown=false};e.prototype.secondaryOpen=function(e){if(!e.detail.secondaryMenu)return;e.stopPropagation();this.secondaryMenuOpen=true;this.menuContentDiv.style.minHeight=e.detail.secondaryMenu.scrollHeight+"px"};e.prototype.secondaryClose=function(e){if(!e.detail.secondaryMenu)return;e.stopPropagation();this.secondaryMenuOpen=false;this.menuContentDiv.style.minHeight=""};e.prototype.handleUserMenu=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,u(this.userLinkPanel,"show",this.userMenuOpen)];case 1:e.sent();if(this.userMenuOpen){this.userLinkPanel.focus();this.userLinkPanel.addEventListener("focusout",this.onUserMenuBlur)}else{this.userLinkPanel.removeEventListener("focusout",this.onUserMenuBlur);this.el.focus()}return[2]}}))}))};e.prototype.searchbarShow=function(){var e=this;this.searchBarShown=true;this.searchBarEl.addEventListener("transitionend",this.onSearchBarShown);this.searchBarEl.style.display="block";setTimeout((function(){e.searchBarEl.style.height=e.searchBarEl.querySelector(".search-widget").scrollHeight+"px"}),50)};e.prototype.autocompleteSnippet=function(e){var t=["title"];if(e._snippetResult){var n=t.find((function(t){return e._snippetResult[t]&&e._snippetResult[t].matchLevel!=="none"}));if(n){if(n!=="title")return(e.title.length>15?e.title.substring(0,15)+" ...":e.title)+" "+e._snippetResult[n].value;else return e._snippetResult["title"].value}}return e.title};e.prototype.isSearchValSet=function(){if(this.searchValInternal.length<3)return false;return true};e.prototype.resetHitFocus=function(){this.currAIndex=-1};e.prototype.setActiveElement=function(e){this.autocompleteEles.map((function(e){return e.setAttribute("aria-selected","false")}));e.focus({preventScroll:true});e.setAttribute("aria-selected","true")};e.prototype.assessSlottedContent=function(){var e=this;i((function(){e.hasSiteSlot=!!e.el.querySelectorAll('[slot="site"]').length;e.hasLoggedinSlot=!!e.el.querySelectorAll('[slot="loggedin"]').length;e.hasPromotionSlot=!!e.el.querySelectorAll('[slot="promotion"]').length;e.aboutSlotLen=e.el.querySelectorAll('[slot="about"]').length;e.iconSlotLen=e.el.querySelectorAll('[slot="icon"]').length;e.mainSlotLen=e.el.querySelectorAll('[slot="main"]').length;e.overflowSlotLen=e.el.querySelectorAll('[slot="overflow"]').length;e.searchSlotLen=e.el.querySelectorAll('[slot="search"]').length}))};e.prototype.attachIO=function(){var e=this;if(this.io)return;var t=this.el.shadowRoot.querySelector(".global-nav .main-bar");if(typeof window!=="undefined"&&window.IntersectionObserver&&!!t){var n=this.io=new window.IntersectionObserver((function(t){e.intersectRatio=t.slice(-1)[0].intersectionRatio}),{root:t,threshold:1});n.observe(t.querySelector(".measure-ele"))}};e.prototype.componentDidLoad=function(){{this.debounceResize=p(this.onWindowResize.bind(this),300);window.addEventListener("resize",this.debounceResize);this.currSize=window.innerWidth}this.initAlgoliaClient();this.addAlgoliaIndeces();if(this.remoteDataReady)this.attachIO()};e.prototype.componentWillLoad=function(){var e=this;d.init(this,["searchIndex","searchValue"],"url-hash","gns");if(typeof window!=="undefined"&&window.MutationObserver){var t=this.mo=new MutationObserver((function(){e.assessSlottedContent()}));t.observe(this.el,{childList:true,subtree:false})}this.assessSlottedContent()};e.prototype.disconnectedCallback=function(){if(this.io){this.io.disconnect();this.io=undefined}if(this.mo){this.mo.disconnect();this.mo=undefined}window.removeEventListener("resize",this.debounceResize)};e.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.getMyAccData();return[2]}))}))};e.prototype.autocompleteList=function(){var e=this;var t;if(this.showAutocomplete&&this.scrollingUp){var n=0;var a=0;var i=function(t,n){return n.index!==e.currentIndex.index?t+n.hits.length:t};var s=function(t,n){return n.index===e.currentIndex.index?t+n.hits.length:t};if(this.scopeSearch){a=this.scopeSearch.results.reduce(i,0);n=this.scopeSearch.results.reduce(s,0)}if(this.autocompleteResults&&this.autocompleteResults.hits.length||a&&!n){var r=0;t=o("div",null,!n&&o("div",{class:"search-autocomplete-hit search-autocomplete-hit--no-result"},"No results matching '",this.searchValInternal,"' were found in"," ",o("strong",null,this.currentIndex.name),". Try another phrase."),this.autocompleteResults&&[this.autocompleteResults.hits.map((function(t,n){return o("a",{role:"option",ref:function(t){return e.autocompleteEles.push(t)},tabindex:"-1",id:"autocomplete-hit-"+n,href:t.url,class:"search-autocomplete-hit",innerHTML:e.autocompleteSnippet(t)})}))],(!n||this.currentIndex.allGroup)&&this.scopeSearch&&this.scopeSearch.results&&[this.scopeSearch.results.map((function(t,n){if(!t.hits.length||t.index===e.currentIndex.index||r>1)return;r++;return o("button",{role:"option",ref:function(t){return e.autocompleteEles.push(t)},tabindex:"-1",id:"autocomplete-scope-"+n,class:"search-autocomplete-hit",onClick:function(){return e.switchIndexSubmit(t.index)},onMouseDown:function(){return e.switchIndexSubmit(t.index)}},'"',e.searchValInternal,'"'," ",o("div",{class:"search-autocomplete-hit-scope"},"in ",t.indexName))}))],!!n&&o("div",{class:"search-autocomplete-foot"},o("button",{role:"option",class:"search-autocomplete-submit",ref:function(t){return e.autocompleteEles.push(t)},id:"autocomplete-foot",onClick:this.onSearchSubmit,onMouseDown:this.onSearchSubmit},"View all results")))}else if(!n){t=o("div",{class:"search-autocomplete-hit search-autocomplete-hit--no-result"},"No results matching '",this.searchValInternal,"' were found. Try another phrase.")}}return o("div",{class:"search-autocomplete",role:"listbox",id:"autocomplete-results","aria-expanded":this.showAutocomplete?"true":"false",hidden:!this.showAutocomplete,onKeyDown:this.onAutocompleteInteract},t)};e.prototype.searchWidget=function(){var e=this;return[o("form",{class:"search-inputs",onSubmit:this.onSearchSubmit,id:"global-nav-search"},o("nano-select",{class:"search-input",label:"Which area of content would you like to search?",hideLabel:true,showInlineError:false,value:this.searchIndex,onNanoChange:this.onSearchIndexChange,mask:true},this.internalSearchIndeces.map((function(t){return o("nano-option",{selected:t.index===e.searchIndex,value:t.index},t.name||t.index)})),o("nano-icon",{name:"solid/caret-down",class:"down-arrow",slot:"down-arrow"})),o("nano-input",{class:"search-input",label:"What would you like to search for?","aria-label":"What would you like to search for?",hideLabel:true,showInlineError:false,"clear-input":true,placeholder:"Search...",type:"text",ref:function(t){return e.searchInput=t},onNanoChange:this.onSearchChange,onNanoInput:this.onSearchInput,onKeyDown:this.onAutocompleteInteract,debounce:500,"aria-autocomplete":"list","aria-activedescendant":this.autocompleteEles[this.currAIndex]?this.autocompleteEles[this.currAIndex].id:false,"aria-controls":"autocomplete-results",onNanoFocus:this.showAutocompleteResults,value:this.searchValue,role:"textbox"},o("button",{class:{"search-icon":true,"search-icon--search":true,"search-icon--show":!this.searchValInternal.length},slot:"end",onMouseDown:function(t){e.searchValInternal=e.searchInput.value;e.onSearchSubmit(t,true)}},o("nano-icon",{name:"light/search"})),o("span",{class:{"search-icon":true,"search-icon--loader":true,"search-icon--show":this.searchLoading},slot:"end"},o("nano-icon",{name:"light/spinner-third"}))),o("input",{type:"submit"}))]};e.prototype.render=function(){var e;var t=this;this.autocompleteEles=[];var n=this.el.ownerDocument.dir==="rtl";var a=this.searchWidget();a.push(this.autocompleteList());return o(l,{class:(e={},e[this.thresholdClasses().join(" ")]=true,e.ready=this.ready,e["search-bar-shown"]=this.searchBarShown&&this.scrollingUp,e["search-auto-complete-shown"]=this.showAutocomplete&&this.scrollingUp,e["modal-open"]=this.modalIsOpen,e.resizing=this.isResizing,e),dir:n?"rtl":null},o("div",{class:{"global-nav":true,"scrolling-down":!this.scrollingUp}},o("nav",{id:"global-nav-menu",class:{"gn-menu":true,open:this.modalOpen,"has-promotion":this.hasPromotionSlot,"menu-full-screen":this.menuFullScreen,"secondary-open":this.secondaryMenuOpen},"aria-expanded":this.modalOpen?"true":"false",ref:function(e){return t.menuDiv=e}},o("div",{class:"gn-menu_wrap",ref:function(e){return t.menuWrapDiv=e},tabindex:"-1"},o("div",{class:"gn-menu_actions"},o("button",{class:"menu-btn icon-btn icon-btn",onMouseDown:this.onMenuBtnClick,onKeyDown:this.onMenuBtnKeyDown},this.threshold<v-3&&o("nano-icon",{name:"light/times","aria-label":"close menu"}),this.threshold>=v-3&&o("nano-icon",{name:"light/bars","aria-label":"close menu"})),this.threshold<v-4&&[!!this.iconSlotLen&&o("slot",{name:"icon"}),this.myAccData&&(!this.activeMyAccountSections||this.activeMyAccountSections.includes("icons"))&&[this.msgUrl&&o("a",{href:this.msgUrl,class:"icon-btn"},o("nano-icon",{name:"light/bell"}),this.msgCount>0&&o("span",{class:"gn-menu_actions-counter"},this.msgCount)),this.cartUrl&&o("a",{href:this.cartUrl,class:"icon-btn"},o("nano-icon",{name:"light/shopping-cart"}),this.cartCount>0&&o("span",{class:"gn-menu_actions-counter"},this.cartCount))]],this.myAccData&&this.myAccData.urls.login&&o("a",{href:this.myAccData.urls.login+this.ssoRedirect,class:"login-btn"},"Login / Register"," ",o("nano-icon",{name:"solid/chevron-right"}))),o("div",{class:"content-wrap",ref:function(e){return t.menuContentDiv=e}},o("div",{class:"content"},o("nav",{class:"nav-links nav-links--main"},o("slot",{name:"overflow"}),this.threshold<v-2&&!!this.mainSlotLen&&o("slot",{name:"main"})),((!!this.aboutSlotLen||!!this.aboutNavItms.length)&&this.threshold<v||this.hasSiteSlot||!!this.siteNavItms.length)&&o("div",null,(!!this.aboutSlotLen||!!this.aboutNavItms.length)&&this.threshold<v&&[(this.threshold>=v-2||this.mainSlotLen<2)&&this.overflowSlotLen<2&&o("div",{class:"nav-links-wrap"},!!this.aboutNavItms.length&&o("h4",{class:"nav-links_title"},"About"),o("nav",{class:"nav-links nav-links--sub","aria-label":"About the company links"},o("slot",{name:"about"}),this.aboutNavItms.map((function(e){return o("nano-nav-item",{class:"nano-global-nav nano-global-nav-menu"},o("a",{href:e.address,target:e.target},e.title))})))),(this.threshold<v-2&&this.mainSlotLen>=2||this.overflowSlotLen>=2)&&o("nav",{class:"nav-links","aria-label":"About the company links"},!this.aboutNavItms.length&&o("slot",{name:"about"}),!!this.aboutNavItms.length&&o("nano-nav-item",{class:"nano-global-nav nano-global-nav-menu"},"Company",o("nano-icon",{slot:"icon-end",name:"solid/chevron-right"}),o("div",{slot:"secondary"},o("div",{class:"content"},o("button",{class:"back-btn",onClick:this.subMenuClose},o("nano-icon",{slot:"icon-end",name:"solid/chevron-left","aria-label":"go back"}),"Company"),o("slot",{name:"about"}),o("div",{class:"content--sub"},this.aboutNavItms.map((function(e){return o("nano-nav-item",{class:"nano-global-nav nano-global-nav-menu"},o("a",{href:e.address,target:e.target},e.title))})))))))],(this.hasSiteSlot||!!this.siteNavItms.length)&&[(this.threshold>=v-2||this.mainSlotLen<2)&&this.overflowSlotLen<2&&o("div",{class:"nav-links-wrap"},o("h4",{class:"nav-links_title"},"Sites"),o("nav",{class:"nav-links nav-links--sub","aria-label":"Different company site links"},o("slot",{name:"site"}),this.siteNavItms.map((function(e){return o("nano-nav-item",{class:"nano-global-nav nano-global-nav-menu"},o("a",{href:e.address,target:e.target},e.title))})))),(this.threshold<v-2&&this.mainSlotLen>=2||this.overflowSlotLen>=2)&&o("nav",{class:"nav-links","aria-label":"Different company site links"},o("nano-nav-item",{class:"nano-global-nav nano-global-nav-menu"},"Sites",o("nano-icon",{slot:"icon-end",name:"solid/chevron-right"}),o("div",{slot:"secondary"},o("div",{class:"content"},o("button",{class:"back-btn",onClick:this.subMenuClose},o("nano-icon",{slot:"icon-end",name:"solid/chevron-left","aria-label":"go back"}),"Sites"),o("div",{class:"content--sub"},o("slot",{name:"site"}),this.siteNavItms.map((function(e){return o("nano-nav-item",{class:"nano-global-nav nano-global-nav-menu"},o("a",{href:e.address,target:e.target},e.title))})))))))])),this.isLoggedIn&&this.threshold<v-3&&(this.loggedInNavItms.length||this.hasLoggedinSlot)&&o("nav",{class:"nav-links","aria-label":"Your user account links"},o("nano-nav-item",{class:"nano-global-nav user-nav nano-global-nav-menu"},this.myAccountUser.name,o("nano-icon",{slot:"icon-end",name:"solid/chevron-right"}),o("div",{slot:"secondary"},o("div",{class:"content"},o("button",{class:"back-btn",onClick:this.subMenuClose},o("nano-icon",{slot:"icon-end",name:"solid/chevron-left","aria-label":"go back"}),this.myAccountUser.name),o("div",{class:"content--sub"},o("slot",{name:"loggedin"}),this.loggedInNavItms.map((function(e){return o("nano-nav-item",{class:"nano-global-nav nano-global-nav-menu"},o("a",{href:e.address,target:e.target},e.title))})),o("nano-nav-item",{class:"nano-global-nav nano-global-nav-menu"},o("a",{href:this.myAccData.urls.forgot_password+this.ssoRedirect},"Change Password"))))))),o("slot",{name:"promotion"}),this.myAccData&&this.myAccData.urls.logout&&o("div",{class:"login-btn logout-btn"},o("a",{href:this.myAccData.urls.logout+this.ssoRedirect},"Logout"))))),o("nano-sticker",{"auto-resize":"false","break-point-max":"800",quietMode:{h:600,w:800}},o("div",{class:"bars",ref:function(e){return t.barsDiv=e}},o("nav",{class:"main-bar","aria-label":"Main site navigation",tabindex:"-1",ref:function(e){return t.mainBarDiv=e}},(this.hasPromotionSlot||!!this.overflowSlotLen||(this.myAccData||!!this.iconSlotLen)&&this.threshold<v-4||this.isLoggedIn&&(!!this.loggedInNavItms.length||this.hasLoggedinSlot)&&this.threshold<v-3||!!this.mainSlotLen&&this.threshold<v-2||(!!this.aboutSlotLen||!!this.aboutNavItms.length)&&this.threshold<v||this.hasSiteSlot||!!this.siteNavItms.length)&&o("button",{class:"menu-btn icon-btn",onMouseDown:this.menuOpen,onKeyDown:this.onMenuBtnKeyDown,"aria-expanded":this.modalOpen?"true":"false","aria-controls":"global-nav-menu",ref:function(e){return t.menuBtn=e}},o("nano-icon",{name:"light/bars","aria-label":"open menu"})),this.showLogo&&o("a",{href:this.logoUrl,class:"logo-link"},o("img",{src:r("./assets/ont-logo.svg"),alt:"Oxford Nanopore Technologies Logo",class:"logo"})),!this.showLogo&&o("div",{class:"logo-link"},o("slot",{name:"logo"})),o("div",{class:"nav-links nav-links--main"},o("slot",{name:"main"})),this.threshold>=v-1&&[this.showSearch&&!!this.internalSearchIndeces.length&&o("div",{class:"search-widget",role:"combobox","aria-owns":"autocomplete-results","aria-expanded":this.showAutocomplete&&this.autocompleteResults?"true":"false"},a),(!this.showSearch||!this.myAccData)&&!!this.searchSlotLen&&o("slot",{name:"search"})],(this.threshold>=v-1||!this.showSearch||!this.internalSearchIndeces.length)&&o("nav",{class:"nav-links nav-links--sub","aria-label":"About the company links"},(!!this.aboutSlotLen||!!this.aboutNavItms.length)&&this.threshold===v&&[o("slot",{name:"about"}),this.aboutNavItms.map((function(e){return o("nano-nav-item",{class:"nano-global-nav nano-global-nav-bar"},o("a",{href:e.address,target:e.target},e.title))}))]),this.threshold<v-1&&(this.showSearch&&!!this.internalSearchIndeces.length||!!this.searchSlotLen)&&o("button",{class:"icon-btn","aria-controls":"global-nav-search-bar","aria-expanded":this.searchBarShown?"true":"false",onMouseDown:this.onSearchBtnClick,onKeyDown:this.onSearchBtnKeyDown},o("nano-icon",{name:"light/search"})),this.threshold>=v-4&&[!!this.iconSlotLen&&o("slot",{name:"icon"}),this.myAccData&&(!this.activeMyAccountSections||this.activeMyAccountSections.includes("icons"))&&[this.msgUrl&&o("a",{href:this.msgUrl,class:"icon-btn"},o("nano-icon",{name:"light/bell"}),this.msgCount>0&&o("span",{class:"gn-menu_actions-counter"},this.msgCount)),this.cartUrl&&o("a",{href:this.cartUrl,class:"icon-btn"},o("nano-icon",{name:"light/shopping-cart"}),this.cartCount>0&&o("span",{class:"gn-menu_actions-counter"},this.cartCount))]],this.myAccData&&this.threshold>=v-3&&[this.myAccData.urls.login&&o("a",{href:this.myAccData.urls.login+this.ssoRedirect,class:"login-btn"},"Login / Register"),this.myAccountUser&&o("div",{class:"user-links"},o("button",{class:{"icon-btn":true,"user-links-btn":true,open:this.userMenuOpen},onMouseDown:this.onUserBtnClick,onKeyDown:this.onUserBtnKeyDown}," ",this.myAccountUser.name,o("nano-icon",{name:"solid/caret-down"})),o("div",{class:"user-links-panel",tabindex:"-1",ref:function(e){return t.userLinkPanel=e}},o("div",{class:"user-links-panel-content"},this.loggedInNavItms.map((function(e){return o("a",{href:e.address,target:e.target},e.title)}))),o("div",{class:"user-links-panel-foot"},o("a",{href:this.myAccData.urls.forgot_password+this.ssoRedirect},"Change Password"),o("a",{href:this.myAccData.urls.logout+this.ssoRedirect},"Logout"))))],o("span",{class:"measure-ele"})),this.threshold<v-1&&o("div",{id:"global-nav-search-bar",class:{"search-bar":true,show:this.searchBarShown},"aria-expanded":this.searchBarShown?"true":"false",role:"region",tabindex:"-1",ref:function(e){return t.searchBarEl=e}},o("div",{class:"search-widget"},this.showSearch&&!!this.internalSearchIndeces.length&&o("div",null,a),(!this.showSearch||!this.myAccData)&&!!this.searchSlotLen&&o("slot",{name:"search"}))))),(this.threshold<v-3||this.menuFullScreen)&&o("div",{class:{mask:true,open:this.modalOpen},onClick:this.menuClose,onTouchEnd:this.menuClose})),o("div",{class:"site-content",ref:function(e){return t.siteContent=e}},o("slot",null)))};e.prototype.domainFor=function(e){if(!this.myAccData)return"";var t=this.myAccData.domains.find((function(t){return t.origin===e}));return t?t.domain:""};e.prototype.processSearchResults=function(e){var t=this;var n=e;var a=e;if(n.results){n.results.forEach((function(e,a){n.results[a]=t.processSearchResults(e)}));return n}else{a.hits.map((function(e){if(e.url&&!e.url.match(/^http/))e.url=location.protocol+"//"+t.domainFor(e.origin)+e.url}));return a}};e.prototype.getMyAccData=function(){return __awaiter(this,void 0,void 0,(function(){var e,n,a,i,s;var o=this;return __generator(this,(function(r){switch(r.label){case 0:if(!this.getMyAccountData||this.myAccData){this.remoteDataReady=true;return[2]}switch(this.env){case"dev":e="https://myaccount-dev.nanoporetech.com/";break;case"test":e="https://myaccount-test.nanoporetech.com/";break;default:e="https://myaccount.nanoporetech.com/";break}n={timeout:5e3};r.label=1;case 1:r.trys.push([1,6,,7]);if(!(this.env==="local"))return[3,3];a=this;return[4,t.import("./p-755ca2d6.system.js")];case 2:a.myAccData=r.sent();return[3,5];case 3:i=this;return[4,b(e+"nav_bar_data.json",n)];case 4:i.myAccData=r.sent();r.label=5;case 5:if(this.myAccData.user.id){this.isLoggedIn=true;this.myAccountUser=this.myAccData.user}this.processMyAccLinks();this.processMyAccData();setTimeout((function(){return o.remoteDataReady=true}),300);return[3,7];case 6:s=r.sent();console.error(s);this.remoteDataReady=true;return[3,7];case 7:return[2]}}))}))};e.prototype.processMyAccData=function(){if(!this.myAccData||!this.myAccData.search.indeces.length)return;if(this.myAccData.search.api_key)this.searchApiKey=this.myAccData.search.api_key;if(this.myAccData.search.app_id)this.searchAppId=this.myAccData.search.app_id;if(this.myAccData.cart.count)this.cartCount=this.myAccData.cart.count;if(this.myAccData.notifications.count)this.msgCount=this.myAccData.notifications.count;if(!this.searchAppId||!this.searchApiKey)return;this.internalSearchIndeces=__spreadArray(__spreadArray([],this.myAccData.search.indeces),this.searchIndeces);if(this.myAccData.urls.cart&&!this.cartUrl)this.cartUrl=this.myAccData.urls.cart;if(this.myAccData.urls.messages&&!this.msgUrl)this.msgUrl=this.myAccData.urls.messages};e.prototype.processMyAccLinks=function(){var e=this;if(!this.myAccData.links||!this.myAccData.links.length)return;this.myAccData.links.forEach((function(t){switch(t.area){case"left-side-logged-in":case"left-side-logged-out":if(e.activeMyAccountSections&&!e.activeMyAccountSections.includes("sites"))break;if(e.isLoggedIn&&t.area==="left-side-logged-in")e.siteNavItms.push(t);else if(!e.isLoggedIn&&t.area==="left-side-logged-out")e.siteNavItms.push(t);break;case"right-side-logged-in":case"right-side-logged-out":if(e.activeMyAccountSections&&!e.activeMyAccountSections.includes("about"))break;if(e.isLoggedIn&&t.area==="right-side-logged-in")e.aboutNavItms.push(t);else if(!e.isLoggedIn&&t.area==="right-side-logged-out")e.aboutNavItms.push(t);break;case"profile-panel-list":if(e.activeMyAccountSections&&!e.activeMyAccountSections.includes("loggedin"))break;e.loggedInNavItms.push(t);break}}))};Object.defineProperty(e,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return c(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{searchIndex:["currentSelectedIndex"],searchValInternal:["changeInternalSearchVal"],searchApiKey:["initAlgoliaClient"],searchAppId:["initAlgoliaClient"],searchIndeces:["addIndeces"],internalSearchIndeces:["addAlgoliaIndeces"],threshold:["thresholdChange"],intersectRatio:["ratioChange"],thresholdReady:["assessReady"],remoteDataReady:["assessReady","remoteReady"],ready:["isReady"],showAutocomplete:["setupAutocompleteBlur","resetHitFocus"],aboutSlotLen:["slotChange"],iconSlotLen:["slotChange"],mainSlotLen:["slotChange"],overflowSlotLen:["slotChange"],searchSlotLen:["slotChange"],userMenuOpen:["handleUserMenu"]}},enumerable:false,configurable:true});return e}());x.style=f}}}));
-//# sourceMappingURL=p-58419bed.system.entry.js.map

package/dist/nano-components/p-58419bed.system.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["src/utils/fetch.ts","src/components/global-nav/global-nav.scss?tag=nano-global-nav&encapsulation=shadow","src/components/global-nav/global-nav.tsx"],"names":["clientFetch","url","_a","body","customConfig","__rest","headers","Accept","Access-Control-Allow-Origin","Content-Type","Cache","config","Object","assign","method","credentials","keepalive","mode","JSON","stringify","id","setTimeout","window","AbortController","controller_1","_b","timeout","abort","signal","fetch","response","_c","sent","clearTimeout","ok","json","text","errorMessage","Error","globalNavCss","THRESHOLDLIMIT","GlobalNav","exports","class_1","hostRef","_this","this","currSize","thresholdsGoingUp","autocompleteEles","currAIndex","isLoggedIn","myAccData","aboutNavItms","siteNavItms","loggedInNavItms","hasLoggedinSlot","hasSiteSlot","hasPromotionSlot","aboutSlotLen","iconSlotLen","mainSlotLen","overflowSlotLen","searchSlotLen","internalSearchIndeces","thresholdReady","remoteDataReady","ready","isResizing","threshold","modalOpen","modalIsOpen","searchBarShown","scrollingUp","searchLoading","showAutocomplete","secondaryMenuOpen","userMenuOpen","menuFullScreen","searchValInternal","env","ssoRedirect","encodeURIComponent","location","href","getMyAccountData","activeMyAccountSections","showSearch","showLogo","logoUrl","protocol","host","searchIndeces","myAccountUser","searchValue","searchIndex","cartCount","msgCount","cartUrl","msgUrl","setResizingState","state","debounceSetResizingState","debounce","onMenuBtnKeyDown","ev","key","menuClose","menuOpen","onMenuBtnClick","e","preventDefault","menuDiv","style","display","menuWrapDiv","addEventListener","focus","preventScroll","scrollHeight","innerHeight","document","overflow","overflowX","onMenuHidden","removeEventListener","activeElement","menuBtn","mainBarDiv","force","relatedTarget","closestElement","closest","subMenuClose","target","open","onUserBtnClick","onUserBtnKeyDown","onUserMenuBlur","onSearchBtnClick","searchbarShow","searchbarHide","onSearchBtnKeyDown","onSearchBarShown","searchBarEl","searchInput","setFocus","length","onSearchBarHidden","height","onSearchInput","value","isSearchValSet","detail","type","onSearchChange","__awaiter","autocompleteResults","nanoSearchReset","emit","currentIndex","currentSelectedIndex","processSearchResults","alogliaIndex","search","attributesToSnippet","hitsPerPage","filters","Math","floor","Date","now","apply","_e","console","error","e_1","scopeSearch","_d","onSearchSubmit","showAutocompleteResults","algoliaSearchResults","queries","map","index","indexName","query","facets","algoliaClient","multipleQueries","nanoSearchError","e_2","results","result","i","name","selected","domain","domains","allGroup","nanoSearchResult","client","apiKey","searchApiKey","appId","searchAppId","onSearchIndexChange","indexStr","selectedIndex","find","switchIndexSubmit","onAutocompleteBlur","hits","onAutocompleteInteract","testIndex","el","shadowRoot","found_1","ele","setActiveElement","found","click","prototype","submitSearch","foundIndex","changeInternalSearchVal","initAlgoliaClient","algoliasearch","addAlgoliaIndeces","addIndeces","__spreadArray","forEach","initIndex","thresholdChange","newThreshold","oldThreshold","ratioChange","intersectRatio","siteContent","minHeight","barsDiv","clientHeight","menuItems_1","barItems_1","readTask","Array","from","querySelectorAll","push","writeTask","item","classList","add","remove","assessReady","remoteReady","attachIO","isReady","nanoIsReady","setupAutocompleteBlur","slotChange","thresholdClasses","classes","onWindowResize","innerWidth","secondaryOpen","secondaryMenu","stopPropagation","menuContentDiv","secondaryClose","handleUserMenu","displayTransition","userLinkPanel","querySelector","autocompleteSnippet","hit","lookFor","_snippetResult","prop","matchLevel","title","substring","resetHitFocus","autocompleteEle","setAttribute","assessSlottedContent","io","root","IntersectionObserver","data","slice","intersectionRatio","observe","componentDidLoad","debounceResize","bind","componentWillLoad","ComponentStore","init","MutationObserver","mo","childList","subtree","disconnectedCallback","disconnect","undefined","connectedCallback","getMyAccData","autocompleteList","content","currentScopeHits","scopeChangeSuggestions","scopeSuggestReducer","total","currentSuggestReducer","reduce","scopeSuggestions_1","h","class","role","ref","a","tabindex","innerHTML","button","onClick","onMouseDown","aria-expanded","hidden","onKeyDown","searchWidget","onSubmit","label","hideLabel","showInlineError","onNanoChange","mask","slot","aria-label","clear-input","placeholder","input","onNanoInput","aria-autocomplete","aria-activedescendant","aria-controls","onNanoFocus","search-icon","search-icon--search","search-icon--show","search-icon--loader","render","isRtl","ownerDocument","dir","Host","join","resizing","global-nav","scrolling-down","gn-menu","has-promotion","menu-full-screen","secondary-open","div","includes","urls","login","link","address","forgot_password","logout","auto-resize","break-point-max","quietMode","w","btn","src","getAssetPath","alt","aria-owns","icon-btn","user-links-btn","search-bar","show","onTouchEnd","domainFor","origin","dm","multiResults","singleResult","match","module","import","user","processMyAccLinks","processMyAccData","e_3","indeces","api_key","app_id","cart","count","notifications","messages","links","area"],"mappings":"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","sourcesContent":["interface FetchInputConfig {\n body?: { [prop: string]: string };\n headers?: { [prop: string]: string };\n [prop: string]: any;\n}\n\nexport async function clientFetch(\n url: string,\n { body, ...customConfig }: FetchInputConfig = {}\n) {\n const headers: { [prop: string]: string } = {\n Accept: 'application/json, text/plain, */*',\n 'Access-Control-Allow-Origin': '*',\n 'Content-Type': 'application/json',\n Cache: 'no-cache',\n };\n const config: RequestInit = {\n method: body ? 'POST' : 'GET',\n credentials: 'include',\n keepalive: true,\n mode: 'cors',\n ...customConfig,\n headers: {\n ...headers,\n ...customConfig.headers,\n },\n };\n if (body) {\n config.body = JSON.stringify(body);\n }\n\n let id = setTimeout(() => {}, 0);\n if (window.AbortController) {\n const controller = new AbortController();\n const { timeout = 500 } = customConfig;\n id = setTimeout(() => controller.abort(), timeout);\n config.signal = controller.signal;\n }\n\n const response = await fetch(url, config);\n clearTimeout(id);\n\n if (response.ok) {\n return await response.json();\n } else {\n const errorMessage = await response.text();\n return new Error(errorMessage);\n }\n}\n","@use 'sass:map';\n@use 'sass:list';\n\n@import '../../global/style/utilities/globals';\n@import '../../global/style/nano-theme/base';\n@import '../../global/style/nano-theme/colours';\n@import '../../global/style/nano-theme/layers';\n\n:host {\n /**\n * @prop --padding: padding used for many elements. Defaults to '12px 0'.\n * @prop --padding-top: top padding used for many elements. Defaults to --padding.\n * @prop --padding-bottom: bottom padding used for many elements. Defaults to --padding.\n * @prop --padding-end: end (left on l2r / right on r2l) padding used for many elements. Defaulst to --padding.\n * @prop --padding-start: start (right on l2r / left on r2l) padding used for many elements. Defaults to --padding.\n * @prop --bar-background: Background of the bar element. Defaults to rgb(17, 85, 113).\n * @prop --bar-text-color: Text color within the bar element. Defaults to white.\n * @prop --bar-color-shade: Color variant used within the bar element. Defaults to rgb(40, 110, 133).\n * @prop --bar-color-tint: Color variant used within the bar element. Defaults to rgb(88, 140, 161).\n * @prop --bar-color-focus: Focus color of the form element within search. Defaults to #90c6e7;\n * @prop --bar-color-focus: Focus color of the form element within search. Defaults to #90c6e7;\n * @prop --menu-background: Background 'burger', menu element. Defaults to #001a21;\n * @prop --menu-text-color: Text color 'burger', menu element. Defaults to white;\n */\n --padding: 12px;\n --padding-top: var(--padding);\n --padding-end: var(--padding);\n --padding-bottom: var(--padding);\n --padding-start: var(--padding);\n --bar-background: #005c75;\n --bar-text-color: white;\n --bar-color-shade: rgb(19, 89, 111);\n --bar-color-tint: rgb(19, 89, 111);\n --bar-color-focus: #90c6e7;\n --menu-background: #001a21;\n --menu-text-color: white;\n --menu-dropdown-bg: #196c82;\n --menu-dropdown-color: white;\n\n display: block;\n position: relative;\n line-height: 1.5;\n height: 100%;\n\n * {\n box-sizing: inherit;\n }\n}\n\n// Common\n.global-nav {\n @include text-inherit();\n\n font-size: 0.88em;\n z-index: #{$layer-index-menubar};\n\n button {\n background: none;\n color: inherit;\n border: none;\n padding: 0;\n }\n\n .icon-btn {\n position: relative;\n background: none;\n color: inherit;\n border: none;\n align-self: normal;\n padding: 9px 7px;\n cursor: pointer;\n display: flex;\n align-items: center;\n\n nano-icon {\n width: 18px;\n height: 18px;\n }\n }\n\n ::slotted(nano-nav-item[slot='icon']) {\n --padding-top: 9px;\n --padding-bottom: 9px;\n --padding-start: 7px;\n --padding-end: 7px;\n --display: flex;\n\n font-size: 18px;\n }\n\n a {\n color: inherit;\n text-decoration: none;\n white-space: nowrap;\n }\n\n .nav-links {\n &_title {\n margin: 8px 0 3px;\n }\n\n ul {\n margin: 0;\n padding: 0;\n }\n\n li {\n list-style: none;\n }\n }\n\n .login-btn {\n display: flex;\n align-items: center;\n font-size: 0.94em;\n }\n\n .menu-btn {\n padding: 9px var(--padding) 9px var(--padding);\n }\n}\n\n// Popup / Slideout Menu\n.gn-menu {\n position: fixed;\n top: 0;\n left: 0;\n z-index: -1;\n display: none;\n transition: z-index 0.01s ease 0.2s;\n height: 100vh;\n width: 100vw;\n overflow-y: auto;\n\n @include rtl-host() {\n left: auto;\n right: 0;\n }\n\n :host(.threshold-2) & {\n position: absolute;\n width: calc(100vw - 20px);\n }\n\n &.menu-full-screen {\n width: 100vw !important;\n }\n\n // &.secondary-open {\n // overflow-y: hidden;\n // }\n\n &_wrap {\n max-width: 92vw;\n width: 335px;\n background: var(--menu-background);\n color: var(--menu-text-color);\n padding: var(--padding) 0;\n box-shadow: 0 0 36px 0 rgba(0, 0, 0, 0.8);\n position: relative;\n pointer-events: all;\n margin-bottom: 36px;\n opacity: 0;\n outline: none;\n transition: transform 0.2s ease, opacity 0.2s ease;\n\n &.has-promotion {\n padding: var(--padding) 0 0;\n }\n }\n\n &.open {\n z-index: #{$layer-index-dropdown};\n transition: z-index 0.01s ease;\n\n .gn-menu_wrap {\n opacity: 1;\n transform: translate3d(0, 0, 0) !important;\n transition: transform 0.2s ease 0.01s, opacity 0.2s ease 0.01s;\n }\n }\n\n &_actions {\n @include padding(null, calc(var(--padding) / 2), null, null);\n\n display: flex;\n justify-content: space-between;\n\n &-counter {\n background: #d0021b;\n color: #fff;\n position: absolute;\n bottom: 4px;\n right: 0;\n left: auto;\n font-size: 9px;\n height: 14px;\n line-height: 14px;\n width: auto;\n min-width: 14px;\n border-radius: 50%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n text-align: center;\n text-indent: 0;\n }\n }\n\n .content {\n &-wrap {\n position: relative;\n overflow: hidden;\n transition: 0.2s ease min-height;\n min-height: 190px;\n }\n\n &--sub {\n padding: var(--padding) 0 var(--padding) 7px;\n }\n }\n\n .menu-btn {\n @include margin(null, auto, null, null);\n }\n\n .nav-links {\n display: flex;\n flex-wrap: wrap;\n\n ::slotted(nano-nav-item),\n nano-nav-item {\n --icon-size: 14px;\n --display: inline-block;\n --secondary-bg-color: #001a21;\n --padding-top: 10px;\n --padding-bottom: 10px;\n --padding-end: calc(var(--padding) * 2);\n --padding-start: calc(var(--padding) + 3px);\n --color: white;\n --color-hover: #{map.get($colors, lightblue)};\n --bg-color-hover: transparent;\n --bg-color-focus: #002530;\n --focus-outline: none;\n\n font-size: 0.99em;\n width: 100%;\n // margin: 0 0;\n }\n\n .user-nav {\n --bg-color: #193037;\n --padding-top: 9px;\n --padding-bottom: 9px;\n\n font-weight: bold;\n margin: 5px 0 0;\n\n ::slotted(nano-nav-item),\n nano-nav-item {\n font-weight: 500;\n\n --bg-color: transparent;\n }\n }\n\n &_title {\n margin: 0 var(--padding) 4px;\n border-bottom: 1px solid #33484d;\n padding-bottom: 8px;\n font-size: 0.86em;\n text-transform: uppercase;\n color: map.get($colors, lightblue);\n letter-spacing: 1px;\n font-weight: 700;\n }\n\n &-wrap {\n margin: 18px 0;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n .back-btn {\n border-top: 1px solid #33484d;\n border-bottom: 1px solid #33484d;\n display: flex;\n align-items: center;\n padding: 10px 11px 10px 0;\n width: 100%;\n font-size: 12px;\n text-transform: uppercase;\n color: map.get($colors, lightblue);\n letter-spacing: 1px;\n font-weight: 700;\n\n nano-icon {\n @include margin(null, 10px, null, null);\n\n font-size: 12px;\n color: white;\n }\n }\n\n &--sub {\n display: flex;\n flex-wrap: wrap;\n\n ::slotted(nano-nav-item),\n nano-nav-item {\n --border-bottom: none;\n --padding-end: var(--padding);\n --padding-start: var(--padding);\n --padding-top: 8px;\n --padding-bottom: 8px;\n\n margin: 0;\n width: 50%;\n line-height: 1.8;\n }\n }\n\n .content {\n padding: 8px var(--padding);\n }\n }\n\n .login-btn {\n @include padding(9px, var(--padding), 9px, 7px);\n\n nano-icon {\n @include margin(null, null, null, 10px);\n }\n }\n\n .logout-btn {\n justify-content: flex-end;\n\n a {\n padding: 0 5px;\n }\n }\n}\n\n// Main Bar\n.sticker-trigger {\n background: var(--bar-background);\n width: 100%;\n z-index: calc(#{$layer-index-menubar} + 1);\n}\n\n.bars {\n color: var(--bar-text-color);\n z-index: #{$layer-index-menubar};\n position: relative;\n max-width: 100%;\n min-width: 100%;\n box-shadow: none;\n transition: 0.2s ease box-shadow;\n\n [stuck] & {\n box-shadow: 0 1px 25px 0 rgba(0, 0, 0, 0.15);\n }\n\n &::before {\n content: '';\n width: 100%;\n height: 100%;\n z-index: -1;\n background: var(--bar-background);\n position: absolute;\n }\n\n .search {\n &-widget {\n @include margin(null, auto, null, 11px);\n\n position: relative;\n flex: 1 1 auto;\n max-width: 45vw;\n min-width: 269px;\n max-height: 36px;\n }\n\n &-inputs {\n display: flex;\n margin: 0;\n\n input[type='submit'] {\n display: none;\n }\n }\n\n &-autocomplete {\n position: absolute;\n top: calc(100% - 2px);\n width: 100%;\n left: 0;\n background: white;\n border: 2px solid var(--bar-color-tint);\n border-radius: 0 0 5px 5px;\n color: map.get($colors, black);\n font-size: 0.85em;\n padding: calc(var(--padding) / 2) 0 1px 0;\n z-index: 1;\n\n @include rtl-host() {\n left: auto;\n right: 0;\n }\n\n &-hit {\n padding:\n calc(var(--padding) / 4) var(--padding)\n calc(var(--padding) / 4) var(--padding);\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: block;\n text-align: left;\n line-height: 1.5;\n cursor: pointer;\n\n @include rtl-host() {\n text-align: right;\n }\n\n &-scope {\n font-size: 0.76em;\n // text-indent: 10px;\n color: rgb(167, 176, 179);\n font-weight: 600;\n }\n\n &:hover,\n &:focus {\n background-color: map.get($colors, lightgrey);\n }\n\n .search__highlight,\n em {\n font-weight: bold;\n font-style: normal;\n }\n\n &--no-result {\n &:hover,\n &:focus {\n background: none !important;\n }\n }\n }\n\n &-foot {\n margin: 7px 0 0;\n }\n\n &-submit {\n background: none;\n border: none;\n align-self: normal;\n padding: 9px var(--padding);\n cursor: pointer;\n display: flex;\n align-items: center;\n color: map.get($colors, blue);\n justify-content: flex-end;\n width: 100%;\n text-decoration: underline;\n border-top: 1px solid rgb(232, 234, 234);\n\n &:hover,\n &:focus {\n background-color: map.get($colors, lightgrey);\n }\n }\n }\n }\n\n .search-input {\n --input-border-style: solid 1px rgb(85, 140, 157);\n --input-border-style--focus: solid 1px var(--bar-color-focus, #90c6e7);\n --input-border-width: 1px;\n\n font-size: 0.9em;\n }\n\n nano-select.search-input {\n --input-bg-color: var(--bar-color-tint, rgb(88, 140, 161));\n --input-text-color: inherit;\n --input-border-radius: 5px 0 0 5px;\n\n flex: 0 1 auto;\n width: auto;\n display: flex;\n align-items: center;\n flex-direction: column;\n position: relative;\n left: 1px;\n\n @include rtl-host() {\n --input-border-radius: 0 5px 5px 0;\n }\n\n :host(:not(.ready)) & {\n overflow: hidden;\n max-height: 1em;\n }\n\n .down-arrow {\n font-size: 0.65em;\n }\n }\n\n nano-input.search-input {\n --input-text-color: inherit;\n --input-bg-color: var(--bar-color-shade, rgb(40, 110, 133));\n --clear-btn-color: #{map.get($colors, black)};\n --input-border-radius: 0 5px 5px 0;\n --placeholder-color: white;\n\n width: 206px;\n display: flex;\n align-items: center;\n flex-direction: column;\n flex: 1;\n\n @include rtl-host() {\n --input-border-radius: 5px 0 0 5px;\n }\n\n :host(:not(.ready)) & {\n overflow: hidden;\n max-height: 1em;\n }\n\n &.has-value {\n --input-bg-color: #{map.get($colors, white)};\n --input-text-color: #{map.get($colors, black)};\n\n .search-icon {\n color: #{map.get($colors, black)};\n }\n }\n\n .search-icon {\n background: none;\n color: white;\n padding: 0 8px;\n display: none;\n\n &--show {\n display: flex;\n }\n\n &--loader {\n animation: spin 1s linear infinite;\n\n @keyframes spin {\n 100% {\n transform: rotate(360deg);\n }\n }\n }\n\n nano-icon {\n height: 1.4em;\n }\n }\n }\n}\n\n.main-bar {\n width: 100%;\n\n @include padding(var(--padding), var(--padding), var(--padding), 0);\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n overflow-x: hidden;\n\n &:focus {\n outline: none;\n }\n\n :host(.ready) & {\n overflow-x: visible;\n }\n\n > *,\n ::slotted(*) {\n transition: opacity 0.2s ease;\n\n :host(:not(.ready)) & {\n opacity: 0 !important;\n }\n\n :host(.ready) & {\n opacity: 1;\n }\n\n :host(.resizing) & {\n opacity: 0 !important;\n }\n }\n\n > * {\n flex: 0 0 auto;\n\n ::slotted(nano-nav-item[slot='icon']) {\n @include margin(null, null, null, 11px);\n }\n\n ::slotted(nano-nav-item),\n nano-nav-item {\n --color-hover: #{map.get($colors, lightgrey)};\n --secondary-bg-color: var(--menu-dropdown-bg);\n --secondary-color: var(--menu-dropdown-color);\n --bg-color-open: var(--bar-background);\n\n text-decoration: none !important;\n }\n }\n\n .icon-btn {\n @include margin(0, null, 0, 6px);\n\n :host(.threshold-2) & {\n @include margin(0, null, 0, 11px);\n }\n }\n\n .menu-btn.icon-btn {\n margin: 0 !important;\n\n @include ltr-host() {\n border-right: 1.5px solid var(--bar-color-shade);\n }\n\n @include rtl-host() {\n border-left: 1.5px solid var(--bar-color-shade);\n }\n }\n\n .user-links {\n position: relative;\n\n .icon-btn {\n @include padding(null, 0, null, null);\n\n font-size: 0.93em;\n font-weight: 500;\n\n nano-icon {\n @include margin(null, null, null, 5px);\n\n width: 16px;\n height: 16px;\n transform-origin: center;\n transition: transform 0.2s ease, color 0.2s ease;\n }\n\n &.open {\n nano-icon {\n transform: rotate(180deg);\n color: map.get($colors, blue);\n }\n }\n }\n\n &-panel {\n display: none;\n position: absolute;\n border-radius: 4px 0 4px 4px;\n box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.4);\n background-color: #568c9d;\n opacity: 0;\n transform: translate3d(0, 24px, 0);\n transition: transform 0.2s ease, opacity 0.2s ease;\n right: 0;\n font-size: 0.85em;\n min-width: 250px;\n z-index: 1;\n\n @include rtl-host() {\n right: auto;\n left: 0;\n }\n\n &:focus {\n outline: none;\n }\n\n &.show {\n opacity: 1;\n transform: translate3d(0, 4px, 0);\n }\n\n &-content {\n padding: 0 18px;\n display: flex;\n flex-direction: column;\n\n a {\n padding: 11px 0;\n border-bottom: #669dac 1px solid;\n\n &:hover,\n &:focus {\n color: map.get($colors, darkgrey);\n }\n\n &:last-child {\n border-bottom: none;\n }\n }\n }\n\n &-foot {\n background-color: #aac5cd;\n border-radius: 0 0 4px 4px;\n padding: var(--padding);\n color: #455556;\n display: flex;\n align-items: center;\n font-weight: 500;\n justify-content: space-between;\n\n a:hover {\n text-decoration: underline;\n }\n }\n }\n }\n\n .logo {\n height: 34px;\n width: auto;\n min-width: 196px;\n\n :host(:not(.threshold-1)) & {\n height: 30px;\n }\n }\n\n .logo-link {\n @include margin(null, auto, null, 0);\n @include padding(null, 11px, null, 11px);\n\n display: flex;\n align-items: center;\n border: none;\n }\n\n .nav-links {\n font-size: 0.86em;\n flex: 1 0 auto;\n display: flex;\n justify-content: space-around;\n\n ul {\n display: flex;\n justify-content: space-around;\n }\n\n ::slotted(nano-nav-item),\n nano-nav-item {\n --padding-top: 7px;\n --padding-bottom: 7px;\n --padding-end: 2px;\n --padding-start: 2px;\n --margin: 0 11px;\n }\n\n &--main {\n font-weight: bold;\n justify-content: flex-start;\n\n ::slotted(nano-nav-item) {\n --color: white;\n --padding-end: 6px;\n --padding-start: 6px;\n }\n }\n\n &--sub {\n @include margin(null, null, null, 6px);\n\n --color: #e2e2e2;\n\n justify-content: flex-end;\n }\n }\n\n .login-btn {\n display: inline-block;\n border-radius: 4px;\n background-color: #17bb75;\n color: #fff;\n padding: 3px 10px;\n position: relative;\n left: auto;\n bottom: auto;\n\n @include margin(null, 0, null, 11px);\n }\n\n .measure-ele {\n min-width: 1px;\n display: block;\n margin: 0;\n padding: 0;\n }\n}\n\n.search-bar {\n height: 0;\n overflow: hidden;\n transition: 0.2s ease height;\n padding: 0 var(--padding);\n outline: none;\n\n .search-widget {\n @include margin(0, 0, 0, 0);\n\n overflow: inherit;\n max-width: none;\n max-height: none;\n padding: 0 0 var(--padding);\n }\n\n .search-inputs {\n padding: 0 0;\n margin: 0 0;\n }\n\n .search-autocomplete {\n top: calc(100% - (var(--padding) + 1px));\n }\n}\n\n.site-content {\n display: flex;\n transition: min-height 0.2s ease;\n min-height: calc(100% - 61px);\n position: relative;\n z-index: auto;\n align-items: stretch;\n}\n\n.mask {\n opacity: 0;\n background: rgba(0, 0, 0, 0.3);\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n height: 100vh;\n z-index: -1;\n transition:\n transform 0.2s ease,\n opacity 0.2s ease,\n visibility 0.01s ease 0.2s,\n z-index 0.01s ease 0.2s;\n visibility: hidden;\n\n &.open {\n opacity: 1;\n transition:\n z-index 0.01s ease,\n visibility 0.01s ease,\n transform 0.2s ease 0.01s,\n opacity 0.2s ease 0.01s;\n z-index: 3;\n visibility: visible;\n }\n}\n","import {\n Component,\n h,\n Host,\n Element,\n State,\n Watch,\n Event,\n EventEmitter,\n Prop,\n Listen,\n Build,\n getAssetPath,\n readTask,\n writeTask,\n Method,\n VNode,\n ComponentInterface,\n} from '@stencil/core';\nimport algoliasearch, { SearchClient as AlgoliaClient } from 'algoliasearch';\nimport { debounce, closestElement, displayTransition } from '../../utils';\nimport { clientFetch } from '../../utils/fetch';\nimport {\n InputChangeEventDetail,\n SelectChangeEventDetail,\n AlgoliaResults,\n SearchIndex,\n MyAccountLink,\n AloliaSearchResultDetail,\n AlgoliaMultiResult,\n MyAccountUser,\n NavItemEventDetail,\n AlgoliaResultHit,\n AlgoliaNetworkError,\n AlgoliaMultiResults,\n} from '../../interface';\nimport { ComponentStore } from '../../utils/store/component-store';\n\ninterface MyAccountData {\n user: MyAccountUser;\n cart: {\n count: number;\n url: string;\n };\n notifications: { count: number };\n hs: { lists?: Array<number> };\n registration: { next_url: string | null };\n links: null | MyAccountLink[];\n urls: {\n forgot_password: string | null;\n logout: string | null;\n login: string | null;\n messages: string | null;\n cart: string | null;\n };\n domains: [\n {\n origin: string;\n domain: string;\n }\n ];\n search: {\n app_id: string;\n api_key: string;\n indeces: [\n {\n index: string;\n name: string;\n domain: string;\n all_group?: boolean;\n filters?: [string];\n }\n ];\n };\n}\n\nconst THRESHOLDLIMIT = 5;\n/**\n * Nanopore digital global navigation and search bar.\n * Incorporates MyAccount / SSO states (messages / cart / user name etc).\n * Incorporates Algolia search.\n * GlobalNav is designed to be at the root of the `<body>`.\n * There should only be one <nano-global-nav> in the DOM.\n * The following demo uses static data.\n * @slot main - main nav items. Should be used with nano-nav-item's\n * @slot icon - nano-nav-item's displayed alongside icon links that come from MyAccount\n * @slot loggedin - nano-nav-item's to display when users are signed in, alongside links from from MyAccount (within the overflow menu panel).\n * @slot about - nano-nav-item's to display with about links that come from MyAccount\n * @slot site - nano-nav-item's to display with site links that come from MyAccount\n * @slot overflow - items to always display in the overflow menu\n * @slot search - when not using myaccount search OR show-search=\"false\" you can utilise the search slot\n * @slot promotion - a free area for any promotional content, displayed within the overflow menu panel\n * @slot logo - when show-logo=\"false\" you can utilise the logo slot\n */\n@Component({\n tag: 'nano-global-nav',\n styleUrl: 'global-nav.scss',\n shadow: true,\n assetsDirs: ['assets'],\n})\nexport class GlobalNav implements ComponentInterface {\n // position and dimension state\n private io: IntersectionObserver;\n private debounceResize: () => {};\n private debounceSetResizingState: () => {};\n private currSize: number = 0;\n private thresholdsGoingUp: boolean = false;\n\n // menu\n private menuDiv: HTMLElement;\n private menuBtn: HTMLButtonElement;\n private menuWrapDiv: HTMLDivElement;\n private menuContentDiv: HTMLDivElement;\n\n // search\n private searchBarEl: HTMLDivElement;\n private searchInput: HTMLNanoInputElement;\n private algoliaClient: AlgoliaClient;\n private currentIndex: SearchIndex;\n private autocompleteResults: AlgoliaResults | null;\n private autocompleteEles: Array<HTMLAnchorElement | HTMLButtonElement> = [];\n private currAIndex: number = -1;\n private algoliaSearchResults: AlgoliaMultiResults | null;\n private scopeSearch: AlgoliaMultiResults | null;\n\n // general\n private mainBarDiv: HTMLElement;\n private barsDiv: HTMLDivElement;\n private siteContent: HTMLDivElement;\n private userLinkPanel: HTMLDivElement;\n private isLoggedIn: boolean = false;\n\n private myAccData: MyAccountData = null;\n\n // myaccount links\n private aboutNavItms: MyAccountLink[] = [];\n private siteNavItms: MyAccountLink[] = [];\n private loggedInNavItms: MyAccountLink[] = [];\n\n // has slot tests\n private mo?: MutationObserver;\n @State() hasLoggedinSlot: boolean = false;\n @State() hasSiteSlot: boolean = false;\n @State() hasPromotionSlot: boolean = false;\n\n // slot item number tests\n @State() aboutSlotLen: number = 0;\n @State() iconSlotLen: number = 0;\n @State() mainSlotLen: number = 0;\n @State() overflowSlotLen: number = 0;\n @State() searchSlotLen: number = 0;\n\n @State() internalSearchIndeces: Array<SearchIndex> = [];\n @State() thresholdReady: boolean = false;\n @State() remoteDataReady: boolean = false;\n @State() ready: boolean = false;\n @State() isResizing: boolean = false;\n @State() intersectRatio: number;\n @State() threshold: number = THRESHOLDLIMIT;\n @State() modalOpen: boolean = false;\n @State() modalIsOpen: boolean = false;\n @State() searchBarShown: boolean = false;\n @State() scrollingUp: boolean = true;\n @State() searchLoading: boolean = false;\n @State() showAutocomplete: boolean = false;\n @State() secondaryMenuOpen: boolean = false;\n @State() userMenuOpen: boolean = false;\n @State() menuFullScreen: boolean = false;\n @State() searchValInternal: string = '';\n\n @Element() private el: HTMLNanoGlobalNavElement;\n\n /**\n * Connect to local, dev, test or prod MyAccount\n * environments to retrieve global nav / sso data\n */\n @Prop() env: 'local' | 'dev' | 'test' | 'prod' = 'prod';\n\n /**\n * Where to take user after SSO login\n */\n @Prop() ssoRedirect: string = encodeURIComponent(window.location.href);\n\n /**\n * Whether to attempt to get global nav / sso data from MyAccount\n */\n @Prop() getMyAccountData: boolean = true;\n\n /**\n * Active MyAccount link sections. By default all will show.\n */\n @Prop() activeMyAccountSections: (\n | 'about'\n | 'loggedin'\n | 'sites'\n | 'icons'\n )[] = null;\n\n /**\n * Whether to show search functionality\n */\n @Prop() showSearch: boolean = true;\n\n /**\n * Whether to show Nanopore logo\n */\n @Prop() showLogo: boolean = true;\n\n /**\n * The link to put on the logo\n */\n @Prop() logoUrl: string = location.protocol + '//' + location.host;\n\n /**\n * An array of Algolia search indexes (and optional display names). Will be automatically populated from MyAccount\n */\n @Prop() searchIndeces: Array<SearchIndex> = [];\n\n /**\n * Logged in user details automatically populated from MyAccount\n */\n @Prop({ mutable: true }) myAccountUser: {\n id: string | null;\n name: string | null;\n first_name: string | null;\n last_name: string | null;\n email: string | null;\n company: string | null;\n lifecycle_stage: string | null;\n indirect_customer: boolean;\n } = null;\n\n /**\n * An Algolia App ID key. Will be automatically populated from MyAccount\n */\n @Prop({ mutable: true }) searchAppId: string;\n\n /**\n * An Algolia API Key. Will be automatically populated from MyAccount\n */\n @Prop({ mutable: true }) searchApiKey: string;\n\n /**\n * A search value to passed to Algolia to programatically get or to preload search results\n */\n @Prop({ mutable: true }) searchValue: string = '';\n\n /**\n * Algolia search index to programatically set or to set an initial index\n */\n @Prop({ mutable: true }) searchIndex: string = 'all_prod_en';\n\n /**\n * MyAccount store cart count.\n */\n @Prop({ mutable: true }) cartCount: number = 0;\n\n /**\n * MyAccount undread message count.\n */\n @Prop({ mutable: true }) msgCount: number = 0;\n\n /**\n * Url to the Nanopore store cart. Will default to the url supplied by MyAccount\n */\n @Prop({ mutable: true }) cartUrl: string = null;\n\n /**\n * Url to the Nanopore message center. Will default to the url supplied by MyAccount\n */\n @Prop({ mutable: true }) msgUrl: string = null;\n\n /**\n * Emitted when the global nav is ready.\n */\n @Event() nanoIsReady!: EventEmitter<void>;\n\n /**\n * Emitted when search results are successfully returned from Algolia.\n */\n @Event() nanoSearchResult!: EventEmitter<AloliaSearchResultDetail>;\n\n /**\n * Emitted when algolia returns an error.\n */\n @Event() nanoSearchError!: EventEmitter<AlgoliaNetworkError>;\n\n /**\n * Emitted when search field is cleared.\n */\n @Event() nanoSearchReset!: EventEmitter<AloliaSearchResultDetail>;\n\n /**\n * Submit the search form (a search value must be present)\n */\n @Method()\n async submitSearch() {\n this.onSearchSubmit();\n this.showAutocomplete = false;\n return;\n }\n\n @Watch('searchIndex')\n currentSelectedIndex() {\n if (!this.internalSearchIndeces.length) {\n return;\n }\n\n let foundIndex = this.internalSearchIndeces.find(\n (index) => index.index === this.searchIndex\n );\n\n if (!foundIndex) {\n this.currentIndex = this.internalSearchIndeces[0];\n console.error('index not found');\n return;\n }\n\n this.currentIndex = foundIndex;\n return foundIndex;\n }\n\n @Watch('searchValInternal')\n changeInternalSearchVal() {\n if (this.searchValInternal !== this.searchValue)\n this.searchValue = this.searchValInternal;\n }\n\n @Watch('searchApiKey')\n @Watch('searchAppId')\n initAlgoliaClient() {\n if (!this.searchAppId || !this.searchApiKey) return;\n\n this.algoliaClient = algoliasearch(this.searchAppId, this.searchApiKey);\n this.addAlgoliaIndeces();\n }\n\n @Watch('searchIndeces')\n addIndeces() {\n this.internalSearchIndeces = [\n ...this.internalSearchIndeces,\n ...this.searchIndeces,\n ];\n }\n\n @Watch('internalSearchIndeces')\n addAlgoliaIndeces() {\n if (!this.algoliaClient || !this.internalSearchIndeces.length) return;\n\n this.internalSearchIndeces.forEach((searchIndex) => {\n searchIndex.alogliaIndex = this.algoliaClient.initIndex(\n searchIndex.index\n );\n });\n if (!this.searchIndex)\n this.searchIndex = this.internalSearchIndeces[0].index;\n }\n\n @Watch('threshold')\n thresholdChange(newThreshold, oldThreshold) {\n if (newThreshold > oldThreshold) {\n // we've resized to larger screen.\n this.thresholdsGoingUp = true;\n this.setResizingState(true);\n }\n }\n\n /**\n * Primary logic for resizing changes.\n * When content doesn't fit - we loop down through break points until it does\n */\n @Watch('intersectRatio')\n ratioChange() {\n if (this.intersectRatio < 1 && this.threshold > 0) {\n // content doesn't fit\n if (this.thresholdsGoingUp) this.setResizingState(true);\n this.threshold--;\n setTimeout(() => this.ratioChange(), 500);\n } else {\n this.thresholdReady = true;\n // content now fits so add / remove context classes\n // on nav-items depending on whether they're added to bar or burger.\n this.siteContent.style.minHeight = `calc(100% - ${\n this.barsDiv.clientHeight + 1\n }px)`;\n\n let menuItems: Array<Element>, barItems: Array<Element>;\n readTask(() => {\n menuItems = [\n ...Array.from(this.el.querySelectorAll('nano-nav-item[slot=\"site\"]')),\n ...Array.from(\n this.el.querySelectorAll('nano-nav-item[slot=\"overflow\"]')\n ),\n ];\n barItems = [];\n\n if (this.threshold < THRESHOLDLIMIT - 4)\n menuItems.push(\n ...Array.from(\n this.el.querySelectorAll('nano-nav-item[slot=\"icon\"]')\n )\n );\n else\n barItems.push(\n ...Array.from(\n this.el.querySelectorAll('nano-nav-item[slot=\"icon\"]')\n )\n );\n\n if (this.threshold < THRESHOLDLIMIT - 3)\n menuItems.push(\n ...Array.from(\n this.el.querySelectorAll('nano-nav-item[slot=\"loggedin\"]')\n )\n );\n else\n barItems.push(\n ...Array.from(\n this.el.querySelectorAll('nano-nav-item[slot=\"loggedin\"]')\n )\n );\n\n if (this.threshold < THRESHOLDLIMIT - 2)\n menuItems.push(\n ...Array.from(\n this.el.querySelectorAll('nano-nav-item[slot=\"main\"]')\n )\n );\n else\n barItems.push(\n ...Array.from(\n this.el.querySelectorAll('nano-nav-item[slot=\"main\"]')\n )\n );\n\n if (this.threshold < THRESHOLDLIMIT - 1)\n menuItems.push(\n ...Array.from(\n this.el.querySelectorAll('nano-nav-item[slot=\"about\"]')\n )\n );\n else\n barItems.push(\n ...Array.from(\n this.el.querySelectorAll('nano-nav-item[slot=\"about\"]')\n )\n );\n });\n\n writeTask(() => {\n menuItems.forEach((item) => {\n item.classList.add('nano-global-nav-menu');\n item.classList.remove('nano-global-nav-bar');\n });\n barItems.forEach((item) => {\n item.classList.remove('nano-global-nav-menu');\n item.classList.add('nano-global-nav-bar');\n });\n });\n }\n }\n\n @Watch('thresholdReady')\n @Watch('remoteDataReady')\n assessReady() {\n if (this.thresholdReady && this.remoteDataReady) {\n this.ready = true;\n }\n }\n\n @Watch('remoteDataReady')\n remoteReady() {\n this.attachIO();\n }\n\n @Watch('ready')\n isReady() {\n this.nanoIsReady.emit();\n }\n\n /**\n * Add / remove events when autocomplete results show / hide.\n */\n @Watch('showAutocomplete')\n setupAutocompleteBlur() {\n this.searchInput.clientWidth; // force reflow\n if (this.showAutocomplete) {\n this.el.shadowRoot.addEventListener('click', this.onAutocompleteBlur);\n } else {\n this.el.shadowRoot.removeEventListener('click', this.onAutocompleteBlur);\n }\n }\n\n /**\n * As relevant slotted items change, reset resizing breakpoints\n */\n @Watch('aboutSlotLen')\n @Watch('iconSlotLen')\n @Watch('mainSlotLen')\n @Watch('overflowSlotLen')\n @Watch('searchSlotLen')\n slotChange() {\n this.threshold = THRESHOLDLIMIT;\n }\n\n // General classes for visuals\n\n private thresholdClasses() {\n let classes = [];\n let i = 0;\n for (i; i < this.threshold; i++) classes.push('threshold-' + (i + 1));\n return classes;\n }\n\n /**\n * provides 'isResizing' - we use this to fade content out on 'breakpoint' increase\n * (when the screen size increases). Otherwise the stepping through of\n * breakpoints to calculate if content currently fits shows on screen (looks ugly)\n */\n private setResizingState = (state: boolean = false) => {\n if (typeof this.debounceSetResizingState === 'undefined') {\n this.debounceSetResizingState = debounce(this.setResizingState, 600);\n }\n if (state) {\n this.isResizing = true;\n this.debounceSetResizingState();\n } else {\n this.isResizing = false;\n this.thresholdsGoingUp = false;\n }\n };\n\n // Global DOM Events\n\n private onWindowResize() {\n if (this.threshold < THRESHOLDLIMIT && window.innerWidth > this.currSize) {\n this.threshold = THRESHOLDLIMIT;\n }\n this.currSize = window.innerWidth;\n this.searchBarShown = false;\n }\n\n // Burger / Overflow Menu\n\n // listen to nav-item secondary open / close events primarily for resizing the menu\n @Listen('nanoOpen')\n secondaryOpen(ev: CustomEvent) {\n if (!(ev.detail as NavItemEventDetail).secondaryMenu) return;\n ev.stopPropagation();\n this.secondaryMenuOpen = true;\n this.menuContentDiv.style.minHeight =\n (ev.detail as NavItemEventDetail).secondaryMenu.scrollHeight + 'px';\n }\n\n @Listen('nanoClose')\n secondaryClose(ev: CustomEvent) {\n if (!(ev.detail as NavItemEventDetail).secondaryMenu) return;\n ev.stopPropagation();\n this.secondaryMenuOpen = false;\n this.menuContentDiv.style.minHeight = '';\n }\n\n private onMenuBtnKeyDown = (ev: KeyboardEvent) => {\n switch (ev.key) {\n case 'Enter':\n case ' ':\n this.modalOpen ? this.menuClose(ev, true) : this.menuOpen();\n break;\n }\n };\n\n private onMenuBtnClick = (ev: MouseEvent) => {\n this.menuClose(ev, true);\n };\n\n private menuOpen = (e?: MouseEvent) => {\n if (e) e.preventDefault();\n\n this.menuDiv.style.display = 'block';\n // need to open menu in stages\n // wait for re-flow after changing display\n // wait for repaint after animate, then focus\n\n this.menuDiv.clientWidth; // force reflow\n\n this.modalOpen = true;\n this.modalIsOpen = true;\n this.menuWrapDiv.addEventListener('focusout', this.menuClose);\n\n this.menuDiv.clientWidth; // force reflow\n\n this.menuWrapDiv.focus({ preventScroll: true });\n if (\n this.threshold < 2 ||\n this.menuWrapDiv.scrollHeight > window.innerHeight\n ) {\n document.body.style.overflow = 'hidden';\n this.menuFullScreen = true;\n } else document.body.style.overflowX = 'hidden';\n };\n\n private onMenuHidden = () => {\n this.menuDiv.removeEventListener('transitionend', this.onMenuHidden);\n this.menuWrapDiv.removeEventListener('focusout', this.menuClose);\n\n document.body.style.overflow = '';\n this.menuDiv.style.display = 'none';\n this.modalIsOpen = false;\n this.menuFullScreen = false;\n\n setTimeout(() => {\n if (document.activeElement === document.body && this.menuBtn)\n this.mainBarDiv.focus({ preventScroll: true });\n }, 50);\n };\n\n private menuClose = (\n ev?: FocusEvent | MouseEvent | KeyboardEvent | TouchEvent,\n force: boolean = false\n ) => {\n if (!force) {\n let e = ev as FocusEvent;\n if (\n e &&\n e.relatedTarget &&\n closestElement('#global-nav-menu', e.relatedTarget as HTMLElement)\n )\n return;\n if (\n e &&\n e.relatedTarget &&\n (e.relatedTarget as HTMLElement).closest('#global-nav-menu')\n )\n return;\n if (\n e &&\n e.relatedTarget &&\n (e.relatedTarget as HTMLElement).closest('[slot=\"promotion\"]')\n )\n return;\n if (this.secondaryMenuOpen) return;\n }\n\n this.modalOpen = false;\n this.menuDiv.addEventListener('transitionend', this.onMenuHidden);\n };\n\n private subMenuClose = (ev?: MouseEvent) => {\n ev.preventDefault();\n (ev.target as HTMLNanoNavItemElement).closest('nano-nav-item').open = false;\n };\n\n // User profile menu\n\n private onUserBtnClick = (ev: MouseEvent) => {\n ev.preventDefault();\n this.userMenuOpen = !this.userMenuOpen;\n };\n\n private onUserBtnKeyDown = (ev: KeyboardEvent) => {\n switch (ev.key) {\n case 'Enter':\n case ' ':\n this.userMenuOpen = !this.userMenuOpen;\n break;\n }\n };\n\n private onUserMenuBlur = (ev: FocusEvent) => {\n if (!ev.relatedTarget) {\n this.userMenuOpen = false;\n return;\n }\n if (!!(ev.relatedTarget as HTMLElement).closest('.user-links-panel'))\n return false;\n this.userMenuOpen = false;\n };\n\n @Watch('userMenuOpen')\n async handleUserMenu() {\n await displayTransition(this.userLinkPanel, 'show', this.userMenuOpen);\n if (this.userMenuOpen) {\n this.userLinkPanel.focus();\n this.userLinkPanel.addEventListener('focusout', this.onUserMenuBlur);\n } else {\n this.userLinkPanel.removeEventListener('focusout', this.onUserMenuBlur);\n this.el.focus();\n }\n }\n\n // Search bar (smaller screens / mobile)\n\n private onSearchBtnClick = (ev: MouseEvent) => {\n ev.preventDefault();\n if (!this.searchBarShown) this.searchbarShow();\n else this.searchbarHide();\n };\n\n private onSearchBtnKeyDown = (ev: KeyboardEvent) => {\n switch (ev.key) {\n case 'Enter':\n case ' ':\n this.searchBarShown ? this.searchbarHide() : this.searchbarShow();\n break;\n }\n };\n\n private searchbarShow() {\n this.searchBarShown = true;\n this.searchBarEl.addEventListener('transitionend', this.onSearchBarShown);\n this.searchBarEl.style.display = 'block';\n\n setTimeout(() => {\n this.searchBarEl.style.height =\n this.searchBarEl.querySelector('.search-widget').scrollHeight + 'px';\n }, 50);\n }\n\n private onSearchBarShown = () => {\n this.searchBarEl.removeEventListener(\n 'transitionend',\n this.onSearchBarShown\n );\n if (this.searchInput) this.searchInput.setFocus();\n this.searchBarEl.style.overflow = 'visible';\n };\n\n private searchbarHide = (ev?: FocusEvent) => {\n if (\n ev &&\n ev.relatedTarget &&\n (ev.relatedTarget as HTMLElement).closest('#global-nav-search-bar')\n )\n return;\n this.showAutocomplete = false;\n if (this.searchValInternal.length && ev) return;\n\n this.searchBarEl.addEventListener('transitionend', this.onSearchBarHidden);\n this.searchBarEl.style.overflow = 'hidden';\n this.searchBarEl.style.height = '0px';\n };\n\n private onSearchBarHidden = () => {\n this.searchBarEl.removeEventListener(\n 'transitionend',\n this.onSearchBarHidden\n );\n this.searchBarEl.style.display = 'none';\n this.searchBarShown = false;\n };\n\n // Algolia search\n\n private autocompleteSnippet(hit: AlgoliaResultHit) {\n let lookFor = ['title']; // , 'body'\n if (hit._snippetResult) {\n let found = lookFor.find(\n (prop) =>\n hit._snippetResult[prop] &&\n hit._snippetResult[prop].matchLevel !== 'none'\n );\n\n if (found) {\n if (found !== 'title')\n return (\n (hit.title.length > 15\n ? hit.title.substring(0, 15) + ' ...'\n : hit.title) +\n ' ' +\n hit._snippetResult[found].value\n );\n else return hit._snippetResult['title'].value;\n }\n }\n return hit.title;\n }\n\n private onSearchInput = (ev: CustomEvent<InputEvent>) => {\n this.searchValInternal = this.searchInput.value;\n\n if (!this.isSearchValSet()) {\n this.searchLoading = false;\n return;\n }\n\n if (ev.detail.type === 'input') {\n this.showAutocomplete = false;\n this.searchLoading = true;\n }\n };\n\n private onSearchChange = async (ev?: CustomEvent<InputChangeEventDetail>) => {\n this.searchValInternal = this.searchValue = ev\n ? ev.detail.value\n : this.searchValInternal;\n this.showAutocomplete = false;\n this.autocompleteResults = null;\n\n if (!this.isSearchValSet()) {\n if (!this.searchValInternal.length) {\n this.nanoSearchReset.emit();\n }\n this.searchLoading = false;\n return;\n }\n if (!this.currentIndex) this.currentSelectedIndex();\n\n try {\n this.autocompleteResults = this.processSearchResults(\n (await this.currentIndex.alogliaIndex.search(this.searchValInternal, {\n attributesToSnippet: ['body:5', 'title:8'],\n hitsPerPage: 5,\n filters: 'created > ' + Math.floor((Date.now() - 63115200000) / 1000), // only get last 2 years\n })) as any\n ) as AlgoliaResults;\n } catch (e) {\n console.error(e);\n }\n\n this.scopeSearch = null;\n this.scopeSearch = await this.onSearchSubmit(null, false);\n\n this.searchLoading = false;\n this.showAutocompleteResults();\n };\n\n private onSearchSubmit = async (ev?, emit: boolean = true) => {\n if (ev) ev.preventDefault();\n if (!this.isSearchValSet()) return;\n this.searchLoading = true;\n this.algoliaSearchResults = null;\n\n if (!this.currentIndex) this.currentSelectedIndex();\n\n let queries = this.internalSearchIndeces.map((index) => {\n return {\n indexName: index.index,\n query: this.searchValInternal,\n facets: index.filters,\n hitsPerPage: 10,\n filters: 'created > ' + Math.floor((Date.now() - 63115200000) / 1000), // only get last 2 years\n };\n });\n\n try {\n this.algoliaSearchResults = this.processSearchResults(\n (await this.algoliaClient.multipleQueries(queries)) as any\n ) as AlgoliaMultiResults;\n } catch (e) {\n this.nanoSearchError.emit(e as AlgoliaNetworkError);\n }\n this.searchLoading = false;\n if (!this.algoliaSearchResults) return;\n\n this.algoliaSearchResults.results.map((result, i) => {\n result.indexName = this.internalSearchIndeces[i].name;\n result.selected =\n this.currentIndex.name === this.internalSearchIndeces[i].name;\n result.domain = this.currentIndex.domain || null;\n result.domains = this.myAccData.domains || null;\n result.allGroup = !!this.internalSearchIndeces[i].allGroup;\n result.filters = this.internalSearchIndeces[i].filters;\n });\n\n if (emit) {\n this.nanoSearchResult.emit({\n results: this.algoliaSearchResults.results,\n client: { apiKey: this.searchApiKey, appId: this.searchAppId },\n });\n this.showAutocomplete = false;\n }\n return this.algoliaSearchResults;\n };\n\n private onSearchIndexChange = async (\n index: CustomEvent<SelectChangeEventDetail> | string\n ) => {\n let ev = index as CustomEvent<SelectChangeEventDetail>;\n let indexStr = index as string;\n\n if (!this.currentIndex) this.currentSelectedIndex();\n\n if (ev.detail && ev.detail.value.length)\n indexStr = ev.detail.value as string;\n if (!indexStr || !indexStr.length) return;\n if (this.currentIndex.index === indexStr) return;\n\n let selectedIndex = this.internalSearchIndeces.find(\n (index) => index.index === indexStr\n );\n if (!selectedIndex || !selectedIndex.alogliaIndex) return;\n\n this.searchIndex = selectedIndex.index;\n if (this.isSearchValSet()) await this.onSearchChange();\n };\n\n private isSearchValSet() {\n if (this.searchValInternal.length < 3) return false;\n return true;\n }\n\n private switchIndexSubmit = async (index: string) => {\n if (this.isSearchValSet()) {\n await this.onSearchIndexChange(index);\n this.onSearchSubmit();\n } else this.onSearchIndexChange(index);\n };\n\n // Autocomplete\n\n @Watch('showAutocomplete')\n resetHitFocus() {\n this.currAIndex = -1;\n }\n\n private onAutocompleteBlur = (ev: MouseEvent) => {\n if (!this.showAutocomplete || !this.autocompleteResults) return;\n if (ev && ev.target && (ev.target as HTMLElement).closest('.search-widget'))\n return;\n this.showAutocomplete = false;\n };\n\n private showAutocompleteResults = () => {\n if (!this.autocompleteResults || !this.autocompleteResults.hits) return;\n this.showAutocomplete = true;\n };\n\n private setActiveElement(\n autocompleteEle: HTMLAnchorElement | HTMLButtonElement\n ) {\n this.autocompleteEles.map((ele) =>\n ele.setAttribute('aria-selected', 'false')\n );\n autocompleteEle.focus({ preventScroll: true });\n autocompleteEle.setAttribute('aria-selected', 'true');\n }\n\n private onAutocompleteInteract = (ev: KeyboardEvent) => {\n // list open, navigate items with arrows\n if (!this.showAutocomplete || !this.autocompleteResults) return;\n let testIndex = this.currAIndex;\n\n switch (ev.key) {\n case 'Tab':\n setTimeout(() => {\n if (\n !this.el.shadowRoot.activeElement ||\n !this.el.shadowRoot.activeElement.closest('.search-widget')\n ) {\n this.showAutocomplete = false;\n return;\n } else {\n let found = this.autocompleteEles.find((ele, i) => {\n if (ele === this.el.shadowRoot.activeElement) {\n this.currAIndex = i;\n return true;\n }\n });\n if (found) this.setActiveElement(found);\n else this.currAIndex = -1;\n }\n });\n break;\n case 'ArrowDown':\n case 'ArrowUp':\n if (ev.key === 'ArrowDown') testIndex++;\n else if (ev.key === 'ArrowUp') testIndex--;\n\n let found = this.autocompleteEles[testIndex];\n if (\n found ||\n testIndex < 0 ||\n testIndex > this.autocompleteEles.length - 1\n )\n ev.preventDefault();\n this.searchInput.clientWidth; // force reflow\n\n if (found) {\n this.setActiveElement(found);\n this.currAIndex = testIndex;\n } else if (testIndex < 0) {\n this.searchInput.setFocus();\n this.currAIndex = -1;\n }\n break;\n case 'Enter':\n case ' ':\n if (this.autocompleteEles[this.currAIndex]) {\n this.autocompleteEles[this.currAIndex].click();\n }\n break;\n }\n };\n\n // Various.\n\n /**\n * Assesses what content is present in which slots\n */\n private assessSlottedContent() {\n readTask(() => {\n this.hasSiteSlot = !!this.el.querySelectorAll('[slot=\"site\"]').length;\n this.hasLoggedinSlot =\n !!this.el.querySelectorAll('[slot=\"loggedin\"]').length;\n this.hasPromotionSlot =\n !!this.el.querySelectorAll('[slot=\"promotion\"]').length;\n\n this.aboutSlotLen = this.el.querySelectorAll('[slot=\"about\"]').length;\n this.iconSlotLen = this.el.querySelectorAll('[slot=\"icon\"]').length;\n this.mainSlotLen = this.el.querySelectorAll('[slot=\"main\"]').length;\n this.overflowSlotLen =\n this.el.querySelectorAll('[slot=\"overflow\"]').length;\n this.searchSlotLen = this.el.querySelectorAll('[slot=\"search\"]').length;\n });\n }\n\n /**\n * Attach the IntersectionObserver - from which all threshold / breakpoint logic hinges\n */\n private attachIO() {\n if (this.io) return;\n let root = this.el.shadowRoot.querySelector('.global-nav .main-bar');\n if (\n Build.isBrowser &&\n typeof window !== 'undefined' &&\n (window as any).IntersectionObserver &&\n !!root\n ) {\n const io = (this.io = new (window as any).IntersectionObserver(\n (data: IntersectionObserverEntry[]) => {\n this.intersectRatio = data.slice(-1)[0].intersectionRatio;\n },\n { root, threshold: 1 }\n ));\n io.observe(root.querySelector('.measure-ele'));\n }\n }\n\n // Stencil Lifecycle / Rendering\n\n componentDidLoad() {\n if (Build.isBrowser) {\n this.debounceResize = debounce(this.onWindowResize.bind(this), 300);\n\n window.addEventListener('resize', this.debounceResize);\n this.currSize = window.innerWidth;\n }\n\n this.initAlgoliaClient();\n this.addAlgoliaIndeces();\n if (this.remoteDataReady) this.attachIO();\n }\n\n componentWillLoad() {\n ComponentStore.init(\n this,\n ['searchIndex', 'searchValue'],\n 'url-hash',\n 'gns'\n );\n\n if (\n Build.isBrowser &&\n typeof window !== 'undefined' &&\n (window as any).MutationObserver\n ) {\n const mo = (this.mo = new MutationObserver(() => {\n this.assessSlottedContent();\n }));\n mo.observe(this.el, { childList: true, subtree: false });\n }\n this.assessSlottedContent();\n }\n\n disconnectedCallback() {\n if (this.io) {\n this.io.disconnect();\n this.io = undefined;\n }\n if (this.mo) {\n this.mo.disconnect();\n this.mo = undefined;\n }\n if (Build.isBrowser)\n window.removeEventListener('resize', this.debounceResize);\n }\n\n async connectedCallback() {\n this.getMyAccData();\n }\n\n // Render output\n\n private autocompleteList(): VNode {\n let content;\n if (this.showAutocomplete && this.scrollingUp) {\n let currentScopeHits = 0;\n let scopeChangeSuggestions = 0;\n\n let scopeSuggestReducer = (total: number, result: AlgoliaMultiResult) => {\n return result.index !== this.currentIndex.index\n ? total + result.hits.length\n : total;\n };\n let currentSuggestReducer = (\n total: number,\n result: AlgoliaMultiResult\n ) => {\n return result.index === this.currentIndex.index\n ? total + result.hits.length\n : total;\n };\n\n if (this.scopeSearch) {\n scopeChangeSuggestions = this.scopeSearch.results.reduce(\n scopeSuggestReducer,\n 0\n );\n currentScopeHits = this.scopeSearch.results.reduce(\n currentSuggestReducer,\n 0\n );\n }\n\n if (\n (this.autocompleteResults && this.autocompleteResults.hits.length) ||\n (scopeChangeSuggestions && !currentScopeHits)\n ) {\n let scopeSuggestions = 0;\n\n content = (\n <div>\n {!currentScopeHits && (\n <div class=\"search-autocomplete-hit search-autocomplete-hit--no-result\">\n No results matching '{this.searchValInternal}' were found in{' '}\n <strong>{this.currentIndex.name}</strong>. Try another phrase.\n </div>\n )}\n {this.autocompleteResults && [\n this.autocompleteResults.hits.map((hit, i) => {\n return (\n <a\n role=\"option\"\n ref={(a) => this.autocompleteEles.push(a)}\n tabindex=\"-1\"\n id={'autocomplete-hit-' + i}\n href={hit.url}\n class=\"search-autocomplete-hit\"\n innerHTML={this.autocompleteSnippet(hit)}\n ></a>\n );\n }),\n ]}\n {(!currentScopeHits || this.currentIndex.allGroup) &&\n this.scopeSearch &&\n this.scopeSearch.results && [\n this.scopeSearch.results.map((result, i) => {\n if (\n !result.hits.length ||\n result.index === this.currentIndex.index ||\n scopeSuggestions > 1\n )\n return;\n scopeSuggestions++;\n return (\n <button\n role=\"option\"\n ref={(button) => this.autocompleteEles.push(button)}\n tabindex=\"-1\"\n id={'autocomplete-scope-' + i}\n class=\"search-autocomplete-hit\"\n onClick={() => this.switchIndexSubmit(result.index)}\n onMouseDown={() => this.switchIndexSubmit(result.index)}\n >\n \"{this.searchValInternal}\"{' '}\n <div class=\"search-autocomplete-hit-scope\">\n in {result.indexName}\n </div>\n </button>\n );\n }),\n ]}\n {!!currentScopeHits && (\n <div class=\"search-autocomplete-foot\">\n <button\n role=\"option\"\n class=\"search-autocomplete-submit\"\n ref={(button) => this.autocompleteEles.push(button)}\n id={'autocomplete-foot'}\n onClick={this.onSearchSubmit}\n onMouseDown={this.onSearchSubmit}\n >\n View all results\n </button>\n </div>\n )}\n </div>\n );\n } else if (!currentScopeHits) {\n content = (\n <div class=\"search-autocomplete-hit search-autocomplete-hit--no-result\">\n No results matching '{this.searchValInternal}' were found. Try\n another phrase.\n </div>\n );\n }\n }\n\n return (\n <div\n class=\"search-autocomplete\"\n role=\"listbox\"\n id=\"autocomplete-results\"\n aria-expanded={this.showAutocomplete ? 'true' : 'false'}\n hidden={!this.showAutocomplete}\n onKeyDown={this.onAutocompleteInteract}\n >\n {content}\n </div>\n );\n }\n\n private searchWidget(): VNode[] {\n return [\n <form\n class=\"search-inputs\"\n onSubmit={this.onSearchSubmit}\n id=\"global-nav-search\"\n >\n <nano-select\n class=\"search-input\"\n label=\"Which area of content would you like to search?\"\n hideLabel={true}\n showInlineError={false}\n value={this.searchIndex}\n onNanoChange={this.onSearchIndexChange}\n mask={true}\n >\n {this.internalSearchIndeces.map((index) => {\n return (\n <nano-option\n selected={index.index === this.searchIndex}\n value={index.index}\n >\n {index.name || index.index}\n </nano-option>\n );\n })}\n <nano-icon\n name=\"solid/caret-down\"\n class=\"down-arrow\"\n slot=\"down-arrow\"\n ></nano-icon>\n </nano-select>\n <nano-input\n class=\"search-input\"\n label=\"What would you like to search for?\"\n aria-label=\"What would you like to search for?\"\n hideLabel={true}\n showInlineError={false}\n clear-input\n placeholder=\"Search...\"\n type=\"text\"\n ref={(input) => (this.searchInput = input)}\n onNanoChange={this.onSearchChange}\n onNanoInput={this.onSearchInput}\n onKeyDown={this.onAutocompleteInteract}\n debounce={500}\n aria-autocomplete=\"list\"\n aria-activedescendant={\n this.autocompleteEles[this.currAIndex]\n ? this.autocompleteEles[this.currAIndex].id\n : false\n }\n aria-controls=\"autocomplete-results\"\n onNanoFocus={this.showAutocompleteResults}\n value={this.searchValue}\n role=\"textbox\"\n >\n <button\n class={{\n 'search-icon': true,\n 'search-icon--search': true,\n 'search-icon--show': !this.searchValInternal.length,\n }}\n slot=\"end\"\n onMouseDown={(e) => {\n this.searchValInternal = this.searchInput.value;\n this.onSearchSubmit(e, true);\n }}\n >\n <nano-icon name=\"light/search\"></nano-icon>\n </button>\n <span\n class={{\n 'search-icon': true,\n 'search-icon--loader': true,\n 'search-icon--show': this.searchLoading,\n }}\n slot=\"end\"\n >\n <nano-icon name=\"light/spinner-third\"></nano-icon>\n </span>\n </nano-input>\n <input type=\"submit\" />\n </form>,\n ];\n }\n\n render() {\n this.autocompleteEles = [];\n let isRtl = (this.el.ownerDocument as Document).dir === 'rtl';\n\n let searchWidget = this.searchWidget();\n searchWidget.push(this.autocompleteList());\n\n return (\n <Host\n class={{\n [this.thresholdClasses().join(' ')]: true,\n ready: this.ready,\n 'search-bar-shown': this.searchBarShown && this.scrollingUp,\n 'search-auto-complete-shown':\n this.showAutocomplete && this.scrollingUp,\n 'modal-open': this.modalIsOpen,\n resizing: this.isResizing,\n }}\n dir={isRtl ? 'rtl' : null}\n >\n <div\n class={{\n 'global-nav': true,\n 'scrolling-down': !this.scrollingUp,\n }}\n >\n <nav\n id=\"global-nav-menu\"\n class={{\n 'gn-menu': true,\n open: this.modalOpen,\n 'has-promotion': this.hasPromotionSlot,\n 'menu-full-screen': this.menuFullScreen,\n 'secondary-open': this.secondaryMenuOpen,\n }}\n aria-expanded={this.modalOpen ? 'true' : 'false'}\n ref={(div) => (this.menuDiv = div)}\n >\n <div\n class=\"gn-menu_wrap\"\n ref={(div) => (this.menuWrapDiv = div)}\n tabindex=\"-1\"\n >\n <div class=\"gn-menu_actions\">\n <button\n class=\"menu-btn icon-btn icon-btn\"\n onMouseDown={this.onMenuBtnClick}\n onKeyDown={this.onMenuBtnKeyDown}\n >\n {this.threshold < THRESHOLDLIMIT - 3 && (\n <nano-icon\n name=\"light/times\"\n aria-label=\"close menu\"\n ></nano-icon>\n )}\n {this.threshold >= THRESHOLDLIMIT - 3 && (\n <nano-icon\n name=\"light/bars\"\n aria-label=\"close menu\"\n ></nano-icon>\n )}\n </button>\n\n {this.threshold < THRESHOLDLIMIT - 4 && [\n !!this.iconSlotLen && <slot name=\"icon\" />,\n this.myAccData &&\n (!this.activeMyAccountSections ||\n this.activeMyAccountSections.includes('icons')) && [\n this.msgUrl && (\n <a href={this.msgUrl} class=\"icon-btn\">\n <nano-icon name=\"light/bell\"></nano-icon>\n {this.msgCount > 0 && (\n <span class=\"gn-menu_actions-counter\">\n {this.msgCount}\n </span>\n )}\n </a>\n ),\n this.cartUrl && (\n <a href={this.cartUrl} class=\"icon-btn\">\n <nano-icon name=\"light/shopping-cart\"></nano-icon>\n {this.cartCount > 0 && (\n <span class=\"gn-menu_actions-counter\">\n {this.cartCount}\n </span>\n )}\n </a>\n ),\n ],\n ]}\n\n {this.myAccData && this.myAccData.urls.login && (\n <a\n href={this.myAccData.urls.login + this.ssoRedirect}\n class=\"login-btn\"\n >\n Login / Register{' '}\n <nano-icon name=\"solid/chevron-right\"></nano-icon>\n </a>\n )}\n </div>\n\n <div\n class=\"content-wrap\"\n ref={(div) => (this.menuContentDiv = div)}\n >\n <div class=\"content\">\n <nav class=\"nav-links nav-links--main\">\n <slot name=\"overflow\" />\n {this.threshold < THRESHOLDLIMIT - 2 &&\n !!this.mainSlotLen && <slot name=\"main\" />}\n </nav>\n\n {(((!!this.aboutSlotLen || !!this.aboutNavItms.length) &&\n this.threshold < THRESHOLDLIMIT) ||\n this.hasSiteSlot ||\n !!this.siteNavItms.length) && (\n <div>\n {(!!this.aboutSlotLen || !!this.aboutNavItms.length) &&\n this.threshold < THRESHOLDLIMIT && [\n (this.threshold >= THRESHOLDLIMIT - 2 ||\n this.mainSlotLen < 2) &&\n this.overflowSlotLen < 2 && (\n <div class=\"nav-links-wrap\">\n {!!this.aboutNavItms.length && (\n <h4 class=\"nav-links_title\">About</h4>\n )}\n <nav\n class=\"nav-links nav-links--sub\"\n aria-label=\"About the company links\"\n >\n <slot name=\"about\" />\n\n {this.aboutNavItms.map((link) => {\n return (\n <nano-nav-item class=\"nano-global-nav nano-global-nav-menu\">\n <a\n href={link.address}\n target={link.target}\n >\n {link.title}\n </a>\n </nano-nav-item>\n );\n })}\n </nav>\n </div>\n ),\n ((this.threshold < THRESHOLDLIMIT - 2 &&\n this.mainSlotLen >= 2) ||\n this.overflowSlotLen >= 2) && (\n <nav\n class=\"nav-links\"\n aria-label=\"About the company links\"\n >\n {!this.aboutNavItms.length && (\n <slot name=\"about\" />\n )}\n {!!this.aboutNavItms.length && (\n <nano-nav-item class=\"nano-global-nav nano-global-nav-menu\">\n Company\n <nano-icon\n slot=\"icon-end\"\n name=\"solid/chevron-right\"\n ></nano-icon>\n <div slot=\"secondary\">\n <div class=\"content\">\n <button\n class=\"back-btn\"\n onClick={this.subMenuClose}\n >\n <nano-icon\n slot=\"icon-end\"\n name=\"solid/chevron-left\"\n aria-label=\"go back\"\n ></nano-icon>\n Company\n </button>\n <slot name=\"about\" />\n <div class=\"content--sub\">\n {this.aboutNavItms.map((link) => {\n return (\n <nano-nav-item class=\"nano-global-nav nano-global-nav-menu\">\n <a\n href={link.address}\n target={link.target}\n >\n {link.title}\n </a>\n </nano-nav-item>\n );\n })}\n </div>\n </div>\n </div>\n </nano-nav-item>\n )}\n </nav>\n ),\n ]}\n\n {(this.hasSiteSlot || !!this.siteNavItms.length) && [\n (this.threshold >= THRESHOLDLIMIT - 2 ||\n this.mainSlotLen < 2) &&\n this.overflowSlotLen < 2 && (\n <div class=\"nav-links-wrap\">\n <h4 class=\"nav-links_title\">Sites</h4>\n <nav\n class=\"nav-links nav-links--sub\"\n aria-label=\"Different company site links\"\n >\n <slot name=\"site\" />\n {this.siteNavItms.map((link) => {\n return (\n <nano-nav-item class=\"nano-global-nav nano-global-nav-menu\">\n <a\n href={link.address}\n target={link.target}\n >\n {link.title}\n </a>\n </nano-nav-item>\n );\n })}\n </nav>\n </div>\n ),\n ((this.threshold < THRESHOLDLIMIT - 2 &&\n this.mainSlotLen >= 2) ||\n this.overflowSlotLen >= 2) && (\n <nav\n class=\"nav-links\"\n aria-label=\"Different company site links\"\n >\n <nano-nav-item class=\"nano-global-nav nano-global-nav-menu\">\n Sites\n <nano-icon\n slot=\"icon-end\"\n name=\"solid/chevron-right\"\n ></nano-icon>\n <div slot=\"secondary\">\n <div class=\"content\">\n <button\n class=\"back-btn\"\n onClick={this.subMenuClose}\n >\n <nano-icon\n slot=\"icon-end\"\n name=\"solid/chevron-left\"\n aria-label=\"go back\"\n ></nano-icon>\n Sites\n </button>\n <div class=\"content--sub\">\n <slot name=\"site\" />\n {this.siteNavItms.map((link) => {\n return (\n <nano-nav-item class=\"nano-global-nav nano-global-nav-menu\">\n <a\n href={link.address}\n target={link.target}\n >\n {link.title}\n </a>\n </nano-nav-item>\n );\n })}\n </div>\n </div>\n </div>\n </nano-nav-item>\n </nav>\n ),\n ]}\n </div>\n )}\n </div>\n\n {this.isLoggedIn &&\n this.threshold < THRESHOLDLIMIT - 3 &&\n (this.loggedInNavItms.length || this.hasLoggedinSlot) && (\n <nav class=\"nav-links\" aria-label=\"Your user account links\">\n <nano-nav-item class=\"nano-global-nav user-nav nano-global-nav-menu\">\n {this.myAccountUser.name}\n <nano-icon\n slot=\"icon-end\"\n name=\"solid/chevron-right\"\n ></nano-icon>\n <div slot=\"secondary\">\n <div class=\"content\">\n <button\n class=\"back-btn\"\n onClick={this.subMenuClose}\n >\n <nano-icon\n slot=\"icon-end\"\n name=\"solid/chevron-left\"\n aria-label=\"go back\"\n ></nano-icon>\n {this.myAccountUser.name}\n </button>\n <div class=\"content--sub\">\n <slot name=\"loggedin\" />\n {this.loggedInNavItms.map((link) => {\n return (\n <nano-nav-item class=\"nano-global-nav nano-global-nav-menu\">\n <a href={link.address} target={link.target}>\n {link.title}\n </a>\n </nano-nav-item>\n );\n })}\n <nano-nav-item class=\"nano-global-nav nano-global-nav-menu\">\n <a\n href={\n this.myAccData.urls.forgot_password +\n this.ssoRedirect\n }\n >\n Change Password\n </a>\n </nano-nav-item>\n </div>\n </div>\n </div>\n </nano-nav-item>\n </nav>\n )}\n\n <slot name=\"promotion\" />\n\n {this.myAccData && this.myAccData.urls.logout && (\n <div class=\"login-btn logout-btn\">\n <a href={this.myAccData.urls.logout + this.ssoRedirect}>\n Logout\n </a>\n </div>\n )}\n </div>\n </div>\n </nav>\n <nano-sticker\n auto-resize=\"false\"\n break-point-max=\"800\"\n quietMode={{ h: 600, w: 800 }}\n >\n <div class=\"bars\" ref={(div) => (this.barsDiv = div)}>\n <nav\n class=\"main-bar\"\n aria-label=\"Main site navigation\"\n tabindex=\"-1\"\n ref={(div) => (this.mainBarDiv = div)}\n >\n {(this.hasPromotionSlot ||\n !!this.overflowSlotLen ||\n ((this.myAccData || !!this.iconSlotLen) &&\n this.threshold < THRESHOLDLIMIT - 4) ||\n (this.isLoggedIn &&\n (!!this.loggedInNavItms.length || this.hasLoggedinSlot) &&\n this.threshold < THRESHOLDLIMIT - 3) ||\n (!!this.mainSlotLen && this.threshold < THRESHOLDLIMIT - 2) ||\n ((!!this.aboutSlotLen || !!this.aboutNavItms.length) &&\n this.threshold < THRESHOLDLIMIT) ||\n this.hasSiteSlot ||\n !!this.siteNavItms.length) && (\n <button\n class=\"menu-btn icon-btn\"\n onMouseDown={this.menuOpen}\n onKeyDown={this.onMenuBtnKeyDown}\n aria-expanded={this.modalOpen ? 'true' : 'false'}\n aria-controls=\"global-nav-menu\"\n ref={(btn) => (this.menuBtn = btn)}\n >\n <nano-icon\n name=\"light/bars\"\n aria-label=\"open menu\"\n ></nano-icon>\n </button>\n )}\n\n {this.showLogo && (\n <a href={this.logoUrl} class=\"logo-link\">\n <img\n src={getAssetPath(`./assets/ont-logo.svg`)}\n alt=\"Oxford Nanopore Technologies Logo\"\n class=\"logo\"\n />\n </a>\n )}\n {!this.showLogo && (\n <div class=\"logo-link\">\n <slot name=\"logo\" />\n </div>\n )}\n\n <div\n class=\"nav-links nav-links--main\"\n // hidden={\n // !(\n // this.threshold >= THRESHOLDLIMIT - 2 && !!this.mainSlotLen\n // )\n // }\n >\n <slot name=\"main\" />\n </div>\n\n {this.threshold >= THRESHOLDLIMIT - 1 && [\n this.showSearch && !!this.internalSearchIndeces.length && (\n <div\n class=\"search-widget\"\n role=\"combobox\"\n aria-owns=\"autocomplete-results\"\n aria-expanded={\n this.showAutocomplete && this.autocompleteResults\n ? 'true'\n : 'false'\n }\n >\n {searchWidget}\n </div>\n ),\n (!this.showSearch || !this.myAccData) &&\n !!this.searchSlotLen && <slot name=\"search\" />,\n ]}\n\n {(this.threshold >= THRESHOLDLIMIT - 1 ||\n !this.showSearch ||\n !this.internalSearchIndeces.length) && (\n <nav\n class=\"nav-links nav-links--sub\"\n aria-label=\"About the company links\"\n >\n {(!!this.aboutSlotLen || !!this.aboutNavItms.length) &&\n this.threshold === THRESHOLDLIMIT && [\n <slot name=\"about\" />,\n this.aboutNavItms.map((link) => {\n return (\n <nano-nav-item class=\"nano-global-nav nano-global-nav-bar\">\n <a href={link.address} target={link.target}>\n {link.title}\n </a>\n </nano-nav-item>\n );\n }),\n ]}\n </nav>\n )}\n\n {this.threshold < THRESHOLDLIMIT - 1 &&\n ((this.showSearch && !!this.internalSearchIndeces.length) ||\n !!this.searchSlotLen) && (\n <button\n class=\"icon-btn\"\n aria-controls=\"global-nav-search-bar\"\n aria-expanded={this.searchBarShown ? 'true' : 'false'}\n onMouseDown={this.onSearchBtnClick}\n onKeyDown={this.onSearchBtnKeyDown}\n >\n <nano-icon name=\"light/search\"></nano-icon>\n </button>\n )}\n\n {this.threshold >= THRESHOLDLIMIT - 4 && [\n !!this.iconSlotLen && <slot name=\"icon\" />,\n this.myAccData &&\n (!this.activeMyAccountSections ||\n this.activeMyAccountSections.includes('icons')) && [\n this.msgUrl && (\n <a href={this.msgUrl} class=\"icon-btn\">\n <nano-icon name=\"light/bell\"></nano-icon>\n {this.msgCount > 0 && (\n <span class=\"gn-menu_actions-counter\">\n {this.msgCount}\n </span>\n )}\n </a>\n ),\n this.cartUrl && (\n <a href={this.cartUrl} class=\"icon-btn\">\n <nano-icon name=\"light/shopping-cart\"></nano-icon>\n {this.cartCount > 0 && (\n <span class=\"gn-menu_actions-counter\">\n {this.cartCount}\n </span>\n )}\n </a>\n ),\n ],\n ]}\n\n {this.myAccData &&\n this.threshold >= THRESHOLDLIMIT - 3 && [\n this.myAccData.urls.login && (\n <a\n href={this.myAccData.urls.login + this.ssoRedirect}\n class=\"login-btn\"\n >\n Login / Register\n </a>\n ),\n this.myAccountUser && (\n <div class=\"user-links\">\n <button\n class={{\n 'icon-btn': true,\n 'user-links-btn': true,\n open: this.userMenuOpen,\n }}\n onMouseDown={this.onUserBtnClick}\n onKeyDown={this.onUserBtnKeyDown}\n >\n {' '}\n {this.myAccountUser.name}\n <nano-icon name=\"solid/caret-down\"></nano-icon>\n </button>\n <div\n class=\"user-links-panel\"\n tabindex=\"-1\"\n ref={(div) => (this.userLinkPanel = div)}\n >\n <div class=\"user-links-panel-content\">\n {this.loggedInNavItms.map((link) => {\n return (\n <a href={link.address} target={link.target}>\n {link.title}\n </a>\n );\n })}\n </div>\n <div class=\"user-links-panel-foot\">\n <a\n href={\n this.myAccData.urls.forgot_password +\n this.ssoRedirect\n }\n >\n Change Password\n </a>\n <a\n href={\n this.myAccData.urls.logout + this.ssoRedirect\n }\n >\n Logout\n </a>\n </div>\n </div>\n </div>\n ),\n ]}\n <span class=\"measure-ele\"></span>\n </nav>\n\n {this.threshold < THRESHOLDLIMIT - 1 && (\n <div\n id=\"global-nav-search-bar\"\n class={{\n 'search-bar': true,\n show: this.searchBarShown,\n }}\n aria-expanded={this.searchBarShown ? 'true' : 'false'}\n role=\"region\"\n tabindex=\"-1\"\n ref={(div) => (this.searchBarEl = div)}\n >\n <div class=\"search-widget\">\n {this.showSearch && !!this.internalSearchIndeces.length && (\n <div>{searchWidget}</div>\n )}\n {(!this.showSearch || !this.myAccData) &&\n !!this.searchSlotLen && <slot name=\"search\" />}\n </div>\n </div>\n )}\n </div>\n </nano-sticker>\n\n {(this.threshold < THRESHOLDLIMIT - 3 || this.menuFullScreen) && (\n <div\n class={{\n mask: true,\n open: this.modalOpen,\n }}\n onClick={this.menuClose}\n onTouchEnd={this.menuClose}\n ></div>\n )}\n </div>\n <div class=\"site-content\" ref={(div) => (this.siteContent = div)}>\n <slot />\n </div>\n </Host>\n );\n }\n\n // Data processing\n\n private domainFor(origin: string): string {\n if (!this.myAccData) return '';\n let domain = this.myAccData.domains.find((dm) => dm.origin === origin);\n return domain ? domain.domain : '';\n }\n\n private processSearchResults(results: AlgoliaMultiResults | AlgoliaResults) {\n let multiResults = results as AlgoliaMultiResults;\n let singleResult = results as AlgoliaResults;\n\n if (multiResults.results) {\n multiResults.results.forEach((result, i) => {\n multiResults.results[i] = this.processSearchResults(\n result\n ) as AlgoliaResults;\n });\n return multiResults;\n } else {\n singleResult.hits.map((hit) => {\n if (hit.url && !hit.url.match(/^http/))\n hit.url =\n location.protocol + '//' + this.domainFor(hit.origin) + hit.url;\n });\n return singleResult;\n }\n }\n\n private async getMyAccData() {\n if (!this.getMyAccountData || this.myAccData) {\n this.remoteDataReady = true;\n return;\n }\n\n let url;\n switch (this.env) {\n case 'dev':\n url = 'https://myaccount-dev.nanoporetech.com/';\n break;\n case 'test':\n url = 'https://myaccount-test.nanoporetech.com/';\n break;\n default:\n url = 'https://myaccount.nanoporetech.com/';\n break;\n }\n\n var config = { timeout: 5000 };\n\n try {\n if (this.env === 'local') {\n this.myAccData = (await import(\n `./assets/local-my-account.json`\n )) as unknown as MyAccountData;\n } else {\n this.myAccData = await clientFetch(url + 'nav_bar_data.json', config);\n }\n if (this.myAccData.user.id) {\n this.isLoggedIn = true;\n this.myAccountUser = this.myAccData.user;\n }\n this.processMyAccLinks();\n this.processMyAccData();\n setTimeout(() => (this.remoteDataReady = true), 300);\n } catch (e) {\n console.error(e);\n this.remoteDataReady = true;\n }\n }\n\n private processMyAccData() {\n if (!this.myAccData || !this.myAccData.search.indeces.length) return;\n\n if (this.myAccData.search.api_key)\n this.searchApiKey = this.myAccData.search.api_key;\n if (this.myAccData.search.app_id)\n this.searchAppId = this.myAccData.search.app_id;\n\n if (this.myAccData.cart.count) this.cartCount = this.myAccData.cart.count;\n if (this.myAccData.notifications.count)\n this.msgCount = this.myAccData.notifications.count;\n\n if (!this.searchAppId || !this.searchApiKey) return;\n this.internalSearchIndeces = [\n ...this.myAccData.search.indeces,\n ...this.searchIndeces,\n ];\n\n if (this.myAccData.urls.cart && !this.cartUrl)\n this.cartUrl = this.myAccData.urls.cart;\n if (this.myAccData.urls.messages && !this.msgUrl)\n this.msgUrl = this.myAccData.urls.messages;\n }\n\n private processMyAccLinks() {\n if (!this.myAccData.links || !this.myAccData.links.length) return;\n\n this.myAccData.links.forEach((link) => {\n switch (link.area) {\n case 'left-side-logged-in':\n case 'left-side-logged-out':\n if (\n this.activeMyAccountSections &&\n !this.activeMyAccountSections.includes('sites')\n )\n break;\n if (this.isLoggedIn && link.area === 'left-side-logged-in')\n this.siteNavItms.push(link);\n else if (!this.isLoggedIn && link.area === 'left-side-logged-out')\n this.siteNavItms.push(link);\n break;\n case 'right-side-logged-in':\n case 'right-side-logged-out':\n if (\n this.activeMyAccountSections &&\n !this.activeMyAccountSections.includes('about')\n )\n break;\n if (this.isLoggedIn && link.area === 'right-side-logged-in')\n this.aboutNavItms.push(link);\n else if (!this.isLoggedIn && link.area === 'right-side-logged-out')\n this.aboutNavItms.push(link);\n break;\n case 'profile-panel-list':\n if (\n this.activeMyAccountSections &&\n !this.activeMyAccountSections.includes('loggedin')\n )\n break;\n this.loggedInNavItms.push(link);\n break;\n }\n });\n }\n}\n"]}

package/dist/nano-components/p-625d3733.js DELETED Viewed

@@ -1,5 +0,0 @@
-/*!
- * Web Components for Nanopore digital Web Apps
- */
-var r="top";var t="bottom";var e="right";var n="left";var a="auto";var i=[r,t,e,n];var o="start";var f="end";var v="clippingParents";var u="viewport";var s="popper";var c="reference";var l=i.reduce((function(r,t){return r.concat([t+"-"+o,t+"-"+f])}),[]);var d=[].concat(i,[a]).reduce((function(r,t){return r.concat([t,t+"-"+o,t+"-"+f])}),[]);var p="beforeRead";var h="read";var b="afterRead";var m="beforeMain";var y="main";var w="afterMain";var x="beforeWrite";var O="write";var g="afterWrite";var j=[p,h,b,m,y,w,x,O,g];function k(r){return r?(r.nodeName||"").toLowerCase():null}function A(r){if(r==null){return window}if(r.toString()!=="[object Window]"){var t=r.ownerDocument;return t?t.defaultView||window:window}return r}function M(r){var t=A(r).Element;return r instanceof t||r instanceof Element}function q(r){var t=A(r).HTMLElement;return r instanceof t||r instanceof HTMLElement}function E(r){if(typeof ShadowRoot==="undefined"){return false}var t=A(r).ShadowRoot;return r instanceof t||r instanceof ShadowRoot}function P(r){var t=r.state;Object.keys(t.elements).forEach((function(r){var e=t.styles[r]||{};var n=t.attributes[r]||{};var a=t.elements[r];if(!q(a)||!k(a)){return}Object.assign(a.style,e);Object.keys(n).forEach((function(r){var t=n[r];if(t===false){a.removeAttribute(r)}else{a.setAttribute(r,t===true?"":t)}}))}))}function S(r){var t=r.state;var e={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(t.elements.popper.style,e.popper);t.styles=e;if(t.elements.arrow){Object.assign(t.elements.arrow.style,e.arrow)}return function(){Object.keys(t.elements).forEach((function(r){var n=t.elements[r];var a=t.attributes[r]||{};var i=Object.keys(t.styles.hasOwnProperty(r)?t.styles[r]:e[r]);var o=i.reduce((function(r,t){r[t]="";return r}),{});if(!q(n)||!k(n)){return}Object.assign(n.style,o);Object.keys(a).forEach((function(r){n.removeAttribute(r)}))}))}}const W={name:"applyStyles",enabled:true,phase:"write",fn:P,effect:S,requires:["computeStyles"]};function B(r){return r.split("-")[0]}var T=Math.max;var R=Math.min;var H=Math.round;function L(r,t){if(t===void 0){t=false}var e=r.getBoundingClientRect();var n=1;var a=1;if(q(r)&&t){var i=r.offsetHeight;var o=r.offsetWidth;if(o>0){n=H(e.width)/o||1}if(i>0){a=H(e.height)/i||1}}return{width:e.width/n,height:e.height/a,top:e.top/a,right:e.right/n,bottom:e.bottom/a,left:e.left/n,x:e.left/n,y:e.top/a}}function F(r){var t=L(r);var e=r.offsetWidth;var n=r.offsetHeight;if(Math.abs(t.width-e)<=1){e=t.width}if(Math.abs(t.height-n)<=1){n=t.height}return{x:r.offsetLeft,y:r.offsetTop,width:e,height:n}}function I(r,t){var e=t.getRootNode&&t.getRootNode();if(r.contains(t)){return true}else if(e&&E(e)){var n=t;do{if(n&&r.isSameNode(n)){return true}n=n.parentNode||n.host}while(n)}return false}function C(r){return A(r).getComputedStyle(r)}function z(r){return["table","td","th"].indexOf(k(r))>=0}function D(r){return((M(r)?r.ownerDocument:r.document)||window.document).documentElement}function U(r){if(k(r)==="html"){return r}return r.assignedSlot||r.parentNode||(E(r)?r.host:null)||D(r)}function V(r){if(!q(r)||C(r).position==="fixed"){return null}return r.offsetParent}function $(r){var t=navigator.userAgent.toLowerCase().indexOf("firefox")!==-1;var e=navigator.userAgent.indexOf("Trident")!==-1;if(e&&q(r)){var n=C(r);if(n.position==="fixed"){return null}}var a=U(r);if(E(a)){a=a.host}while(q(a)&&["html","body"].indexOf(k(a))<0){var i=C(a);if(i.transform!=="none"||i.perspective!=="none"||i.contain==="paint"||["transform","perspective"].indexOf(i.willChange)!==-1||t&&i.willChange==="filter"||t&&i.filter&&i.filter!=="none"){return a}else{a=a.parentNode}}return null}function _(r){var t=A(r);var e=V(r);while(e&&z(e)&&C(e).position==="static"){e=V(e)}if(e&&(k(e)==="html"||k(e)==="body"&&C(e).position==="static")){return t}return e||$(r)||t}function G(r){return["top","bottom"].indexOf(r)>=0?"x":"y"}function J(r,t,e){return T(r,R(t,e))}function K(r,t,e){var n=J(r,t,e);return n>e?e:n}function N(){return{top:0,right:0,bottom:0,left:0}}function Q(r){return Object.assign({},N(),r)}function X(r,t){return t.reduce((function(t,e){t[e]=r;return t}),{})}var Y=function r(t,e){t=typeof t==="function"?t(Object.assign({},e.rects,{placement:e.placement})):t;return Q(typeof t!=="number"?t:X(t,i))};function Z(a){var i;var o=a.state,f=a.name,v=a.options;var u=o.elements.arrow;var s=o.modifiersData.popperOffsets;var c=B(o.placement);var l=G(c);var d=[n,e].indexOf(c)>=0;var p=d?"height":"width";if(!u||!s){return}var h=Y(v.padding,o);var b=F(u);var m=l==="y"?r:n;var y=l==="y"?t:e;var w=o.rects.reference[p]+o.rects.reference[l]-s[l]-o.rects.popper[p];var x=s[l]-o.rects.reference[l];var O=_(u);var g=O?l==="y"?O.clientHeight||0:O.clientWidth||0:0;var j=w/2-x/2;var k=h[m];var A=g-b[p]-h[y];var M=g/2-b[p]/2+j;var q=J(k,M,A);var E=l;o.modifiersData[f]=(i={},i[E]=q,i.centerOffset=q-M,i)}function rr(r){var t=r.state,e=r.options;var n=e.element,a=n===void 0?"[data-popper-arrow]":n;if(a==null){return}if(typeof a==="string"){a=t.elements.popper.querySelector(a);if(!a){return}}if(!I(t.elements.popper,a)){return}t.elements.arrow=a}const tr={name:"arrow",enabled:true,phase:"main",fn:Z,effect:rr,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function er(r){return r.split("-")[1]}var nr={top:"auto",right:"auto",bottom:"auto",left:"auto"};function ar(r){var t=r.x,e=r.y;var n=window;var a=n.devicePixelRatio||1;return{x:H(t*a)/a||0,y:H(e*a)/a||0}}function ir(a){var i;var o=a.popper,v=a.popperRect,u=a.placement,s=a.variation,c=a.offsets,l=a.position,d=a.gpuAcceleration,p=a.adaptive,h=a.roundOffsets,b=a.isFixed;var m=c.x,y=m===void 0?0:m,w=c.y,x=w===void 0?0:w;var O=typeof h==="function"?h({x:y,y:x}):{x:y,y:x};y=O.x;x=O.y;var g=c.hasOwnProperty("x");var j=c.hasOwnProperty("y");var k=n;var M=r;var q=window;if(p){var E=_(o);var P="clientHeight";var S="clientWidth";if(E===A(o)){E=D(o);if(C(E).position!=="static"&&l==="absolute"){P="scrollHeight";S="scrollWidth"}}E=E;if(u===r||(u===n||u===e)&&s===f){M=t;var W=b&&E===q&&q.visualViewport?q.visualViewport.height:E[P];x-=W-v.height;x*=d?1:-1}if(u===n||(u===r||u===t)&&s===f){k=e;var B=b&&E===q&&q.visualViewport?q.visualViewport.width:E[S];y-=B-v.width;y*=d?1:-1}}var T=Object.assign({position:l},p&&nr);var R=h===true?ar({x:y,y:x}):{x:y,y:x};y=R.x;x=R.y;if(d){var H;return Object.assign({},T,(H={},H[M]=j?"0":"",H[k]=g?"0":"",H.transform=(q.devicePixelRatio||1)<=1?"translate("+y+"px, "+x+"px)":"translate3d("+y+"px, "+x+"px, 0)",H))}return Object.assign({},T,(i={},i[M]=j?x+"px":"",i[k]=g?y+"px":"",i.transform="",i))}function or(r){var t=r.state,e=r.options;var n=e.gpuAcceleration,a=n===void 0?true:n,i=e.adaptive,o=i===void 0?true:i,f=e.roundOffsets,v=f===void 0?true:f;var u={placement:B(t.placement),variation:er(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:a,isFixed:t.options.strategy==="fixed"};if(t.modifiersData.popperOffsets!=null){t.styles.popper=Object.assign({},t.styles.popper,ir(Object.assign({},u,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:o,roundOffsets:v})))}if(t.modifiersData.arrow!=null){t.styles.arrow=Object.assign({},t.styles.arrow,ir(Object.assign({},u,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:false,roundOffsets:v})))}t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}const fr={name:"computeStyles",enabled:true,phase:"beforeWrite",fn:or,data:{}};var vr={passive:true};function ur(r){var t=r.state,e=r.instance,n=r.options;var a=n.scroll,i=a===void 0?true:a,o=n.resize,f=o===void 0?true:o;var v=A(t.elements.popper);var u=[].concat(t.scrollParents.reference,t.scrollParents.popper);if(i){u.forEach((function(r){r.addEventListener("scroll",e.update,vr)}))}if(f){v.addEventListener("resize",e.update,vr)}return function(){if(i){u.forEach((function(r){r.removeEventListener("scroll",e.update,vr)}))}if(f){v.removeEventListener("resize",e.update,vr)}}}const sr={name:"eventListeners",enabled:true,phase:"write",fn:function r(){},effect:ur,data:{}};var cr={left:"right",right:"left",bottom:"top",top:"bottom"};function lr(r){return r.replace(/left|right|bottom|top/g,(function(r){return cr[r]}))}var dr={start:"end",end:"start"};function pr(r){return r.replace(/start|end/g,(function(r){return dr[r]}))}function hr(r){var t=A(r);var e=t.pageXOffset;var n=t.pageYOffset;return{scrollLeft:e,scrollTop:n}}function br(r){return L(D(r)).left+hr(r).scrollLeft}function mr(r){var t=A(r);var e=D(r);var n=t.visualViewport;var a=e.clientWidth;var i=e.clientHeight;var o=0;var f=0;if(n){a=n.width;i=n.height;if(!/^((?!chrome|android).)*safari/i.test(navigator.userAgent)){o=n.offsetLeft;f=n.offsetTop}}return{width:a,height:i,x:o+br(r),y:f}}function yr(r){var t;var e=D(r);var n=hr(r);var a=(t=r.ownerDocument)==null?void 0:t.body;var i=T(e.scrollWidth,e.clientWidth,a?a.scrollWidth:0,a?a.clientWidth:0);var o=T(e.scrollHeight,e.clientHeight,a?a.scrollHeight:0,a?a.clientHeight:0);var f=-n.scrollLeft+br(r);var v=-n.scrollTop;if(C(a||e).direction==="rtl"){f+=T(e.clientWidth,a?a.clientWidth:0)-i}return{width:i,height:o,x:f,y:v}}function wr(r){var t=C(r),e=t.overflow,n=t.overflowX,a=t.overflowY;return/auto|scroll|overlay|hidden/.test(e+a+n)}function xr(r){if(["html","body","#document"].indexOf(k(r))>=0){return r.ownerDocument.body}if(q(r)&&wr(r)){return r}return xr(U(r))}function Or(r,t){var e;if(t===void 0){t=[]}var n=xr(r);var a=n===((e=r.ownerDocument)==null?void 0:e.body);var i=A(n);var o=a?[i].concat(i.visualViewport||[],wr(n)?n:[]):n;var f=t.concat(o);return a?f:f.concat(Or(U(o)))}function gr(r){return Object.assign({},r,{left:r.x,top:r.y,right:r.x+r.width,bottom:r.y+r.height})}function jr(r){var t=L(r);t.top=t.top+r.clientTop;t.left=t.left+r.clientLeft;t.bottom=t.top+r.clientHeight;t.right=t.left+r.clientWidth;t.width=r.clientWidth;t.height=r.clientHeight;t.x=t.left;t.y=t.top;return t}function kr(r,t){return t===u?gr(mr(r)):M(t)?jr(t):gr(yr(D(r)))}function Ar(r){var t=Or(U(r));var e=["absolute","fixed"].indexOf(C(r).position)>=0;var n=e&&q(r)?_(r):r;if(!M(n)){return[]}return t.filter((function(r){return M(r)&&I(r,n)&&k(r)!=="body"}))}function Mr(r,t,e){var n=t==="clippingParents"?Ar(r):[].concat(t);var a=[].concat(n,[e]);var i=a[0];var o=a.reduce((function(t,e){var n=kr(r,e);t.top=T(n.top,t.top);t.right=R(n.right,t.right);t.bottom=R(n.bottom,t.bottom);t.left=T(n.left,t.left);return t}),kr(r,i));o.width=o.right-o.left;o.height=o.bottom-o.top;o.x=o.left;o.y=o.top;return o}function qr(a){var i=a.reference,v=a.element,u=a.placement;var s=u?B(u):null;var c=u?er(u):null;var l=i.x+i.width/2-v.width/2;var d=i.y+i.height/2-v.height/2;var p;switch(s){case r:p={x:l,y:i.y-v.height};break;case t:p={x:l,y:i.y+i.height};break;case e:p={x:i.x+i.width,y:d};break;case n:p={x:i.x-v.width,y:d};break;default:p={x:i.x,y:i.y}}var h=s?G(s):null;if(h!=null){var b=h==="y"?"height":"width";switch(c){case o:p[h]=p[h]-(i[b]/2-v[b]/2);break;case f:p[h]=p[h]+(i[b]/2-v[b]/2);break}}return p}function Er(n,a){if(a===void 0){a={}}var o=a,f=o.placement,l=f===void 0?n.placement:f,d=o.boundary,p=d===void 0?v:d,h=o.rootBoundary,b=h===void 0?u:h,m=o.elementContext,y=m===void 0?s:m,w=o.altBoundary,x=w===void 0?false:w,O=o.padding,g=O===void 0?0:O;var j=Q(typeof g!=="number"?g:X(g,i));var k=y===s?c:s;var A=n.rects.popper;var q=n.elements[x?k:y];var E=Mr(M(q)?q:q.contextElement||D(n.elements.popper),p,b);var P=L(n.elements.reference);var S=qr({reference:P,element:A,strategy:"absolute",placement:l});var W=gr(Object.assign({},A,S));var B=y===s?W:P;var T={top:E.top-B.top+j.top,bottom:B.bottom-E.bottom+j.bottom,left:E.left-B.left+j.left,right:B.right-E.right+j.right};var R=n.modifiersData.offset;if(y===s&&R){var H=R[l];Object.keys(T).forEach((function(n){var a=[e,t].indexOf(n)>=0?1:-1;var i=[r,t].indexOf(n)>=0?"y":"x";T[n]+=H[i]*a}))}return T}function Pr(r,t){if(t===void 0){t={}}var e=t,n=e.placement,a=e.boundary,o=e.rootBoundary,f=e.padding,v=e.flipVariations,u=e.allowedAutoPlacements,s=u===void 0?d:u;var c=er(n);var p=c?v?l:l.filter((function(r){return er(r)===c})):i;var h=p.filter((function(r){return s.indexOf(r)>=0}));if(h.length===0){h=p}var b=h.reduce((function(t,e){t[e]=Er(r,{placement:e,boundary:a,rootBoundary:o,padding:f})[B(e)];return t}),{});return Object.keys(b).sort((function(r,t){return b[r]-b[t]}))}function Sr(r){if(B(r)===a){return[]}var t=lr(r);return[pr(r),t,pr(t)]}function Wr(i){var f=i.state,v=i.options,u=i.name;if(f.modifiersData[u]._skip){return}var s=v.mainAxis,c=s===void 0?true:s,l=v.altAxis,d=l===void 0?true:l,p=v.fallbackPlacements,h=v.padding,b=v.boundary,m=v.rootBoundary,y=v.altBoundary,w=v.flipVariations,x=w===void 0?true:w,O=v.allowedAutoPlacements;var g=f.options.placement;var j=B(g);var k=j===g;var A=p||(k||!x?[lr(g)]:Sr(g));var M=[g].concat(A).reduce((function(r,t){return r.concat(B(t)===a?Pr(f,{placement:t,boundary:b,rootBoundary:m,padding:h,flipVariations:x,allowedAutoPlacements:O}):t)}),[]);var q=f.rects.reference;var E=f.rects.popper;var P=new Map;var S=true;var W=M[0];for(var T=0;T<M.length;T++){var R=M[T];var H=B(R);var L=er(R)===o;var F=[r,t].indexOf(H)>=0;var I=F?"width":"height";var C=Er(f,{placement:R,boundary:b,rootBoundary:m,altBoundary:y,padding:h});var z=F?L?e:n:L?t:r;if(q[I]>E[I]){z=lr(z)}var D=lr(z);var U=[];if(c){U.push(C[H]<=0)}if(d){U.push(C[z]<=0,C[D]<=0)}if(U.every((function(r){return r}))){W=R;S=false;break}P.set(R,U)}if(S){var V=x?3:1;var $=function r(t){var e=M.find((function(r){var e=P.get(r);if(e){return e.slice(0,t).every((function(r){return r}))}}));if(e){W=e;return"break"}};for(var _=V;_>0;_--){var G=$(_);if(G==="break")break}}if(f.placement!==W){f.modifiersData[u]._skip=true;f.placement=W;f.reset=true}}const Br={name:"flip",enabled:true,phase:"main",fn:Wr,requiresIfExists:["offset"],data:{_skip:false}};function Tr(r,t,e){if(e===void 0){e={x:0,y:0}}return{top:r.top-t.height-e.y,right:r.right-t.width+e.x,bottom:r.bottom-t.height+e.y,left:r.left-t.width-e.x}}function Rr(a){return[r,e,t,n].some((function(r){return a[r]>=0}))}function Hr(r){var t=r.state,e=r.name;var n=t.rects.reference;var a=t.rects.popper;var i=t.modifiersData.preventOverflow;var o=Er(t,{elementContext:"reference"});var f=Er(t,{altBoundary:true});var v=Tr(o,n);var u=Tr(f,a,i);var s=Rr(v);var c=Rr(u);t.modifiersData[e]={referenceClippingOffsets:v,popperEscapeOffsets:u,isReferenceHidden:s,hasPopperEscaped:c};t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":s,"data-popper-escaped":c})}const Lr={name:"hide",enabled:true,phase:"main",requiresIfExists:["preventOverflow"],fn:Hr};function Fr(t,a,i){var o=B(t);var f=[n,r].indexOf(o)>=0?-1:1;var v=typeof i==="function"?i(Object.assign({},a,{placement:t})):i,u=v[0],s=v[1];u=u||0;s=(s||0)*f;return[n,e].indexOf(o)>=0?{x:s,y:u}:{x:u,y:s}}function Ir(r){var t=r.state,e=r.options,n=r.name;var a=e.offset,i=a===void 0?[0,0]:a;var o=d.reduce((function(r,e){r[e]=Fr(e,t.rects,i);return r}),{});var f=o[t.placement],v=f.x,u=f.y;if(t.modifiersData.popperOffsets!=null){t.modifiersData.popperOffsets.x+=v;t.modifiersData.popperOffsets.y+=u}t.modifiersData[n]=o}const Cr={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:Ir};function zr(r){var t=r.state,e=r.name;t.modifiersData[e]=qr({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})}const Dr={name:"popperOffsets",enabled:true,phase:"read",fn:zr,data:{}};function Ur(r){return r==="x"?"y":"x"}function Vr(a){var i=a.state,f=a.options,v=a.name;var u=f.mainAxis,s=u===void 0?true:u,c=f.altAxis,l=c===void 0?false:c,d=f.boundary,p=f.rootBoundary,h=f.altBoundary,b=f.padding,m=f.tether,y=m===void 0?true:m,w=f.tetherOffset,x=w===void 0?0:w;var O=Er(i,{boundary:d,rootBoundary:p,padding:b,altBoundary:h});var g=B(i.placement);var j=er(i.placement);var k=!j;var A=G(g);var M=Ur(A);var q=i.modifiersData.popperOffsets;var E=i.rects.reference;var P=i.rects.popper;var S=typeof x==="function"?x(Object.assign({},i.rects,{placement:i.placement})):x;var W=typeof S==="number"?{mainAxis:S,altAxis:S}:Object.assign({mainAxis:0,altAxis:0},S);var H=i.modifiersData.offset?i.modifiersData.offset[i.placement]:null;var L={x:0,y:0};if(!q){return}if(s){var I;var C=A==="y"?r:n;var z=A==="y"?t:e;var D=A==="y"?"height":"width";var U=q[A];var V=U+O[C];var $=U-O[z];var Q=y?-P[D]/2:0;var X=j===o?E[D]:P[D];var Y=j===o?-P[D]:-E[D];var Z=i.elements.arrow;var rr=y&&Z?F(Z):{width:0,height:0};var tr=i.modifiersData["arrow#persistent"]?i.modifiersData["arrow#persistent"].padding:N();var nr=tr[C];var ar=tr[z];var ir=J(0,E[D],rr[D]);var or=k?E[D]/2-Q-ir-nr-W.mainAxis:X-ir-nr-W.mainAxis;var fr=k?-E[D]/2+Q+ir+ar+W.mainAxis:Y+ir+ar+W.mainAxis;var vr=i.elements.arrow&&_(i.elements.arrow);var ur=vr?A==="y"?vr.clientTop||0:vr.clientLeft||0:0;var sr=(I=H==null?void 0:H[A])!=null?I:0;var cr=U+or-sr-ur;var lr=U+fr-sr;var dr=J(y?R(V,cr):V,U,y?T($,lr):$);q[A]=dr;L[A]=dr-U}if(l){var pr;var hr=A==="x"?r:n;var br=A==="x"?t:e;var mr=q[M];var yr=M==="y"?"height":"width";var wr=mr+O[hr];var xr=mr-O[br];var Or=[r,n].indexOf(g)!==-1;var gr=(pr=H==null?void 0:H[M])!=null?pr:0;var jr=Or?wr:mr-E[yr]-P[yr]-gr+W.altAxis;var kr=Or?mr+E[yr]+P[yr]-gr-W.altAxis:xr;var Ar=y&&Or?K(jr,mr,kr):J(y?jr:wr,mr,y?kr:xr);q[M]=Ar;L[M]=Ar-mr}i.modifiersData[v]=L}const $r={name:"preventOverflow",enabled:true,phase:"main",fn:Vr,requiresIfExists:["offset"]};function _r(r){return{scrollLeft:r.scrollLeft,scrollTop:r.scrollTop}}function Gr(r){if(r===A(r)||!q(r)){return hr(r)}else{return _r(r)}}function Jr(r){var t=r.getBoundingClientRect();var e=H(t.width)/r.offsetWidth||1;var n=H(t.height)/r.offsetHeight||1;return e!==1||n!==1}function Kr(r,t,e){if(e===void 0){e=false}var n=q(t);var a=q(t)&&Jr(t);var i=D(t);var o=L(r,a);var f={scrollLeft:0,scrollTop:0};var v={x:0,y:0};if(n||!n&&!e){if(k(t)!=="body"||wr(i)){f=Gr(t)}if(q(t)){v=L(t,true);v.x+=t.clientLeft;v.y+=t.clientTop}else if(i){v.x=br(i)}}return{x:o.left+f.scrollLeft-v.x,y:o.top+f.scrollTop-v.y,width:o.width,height:o.height}}function Nr(r){var t=new Map;var e=new Set;var n=[];r.forEach((function(r){t.set(r.name,r)}));function a(r){e.add(r.name);var i=[].concat(r.requires||[],r.requiresIfExists||[]);i.forEach((function(r){if(!e.has(r)){var n=t.get(r);if(n){a(n)}}}));n.push(r)}r.forEach((function(r){if(!e.has(r.name)){a(r)}}));return n}function Qr(r){var t=Nr(r);return j.reduce((function(r,e){return r.concat(t.filter((function(r){return r.phase===e})))}),[])}function Xr(r){var t;return function(){if(!t){t=new Promise((function(e){Promise.resolve().then((function(){t=undefined;e(r())}))}))}return t}}function Yr(r){var t=r.reduce((function(r,t){var e=r[t.name];r[t.name]=e?Object.assign({},e,t,{options:Object.assign({},e.options,t.options),data:Object.assign({},e.data,t.data)}):t;return r}),{});return Object.keys(t).map((function(r){return t[r]}))}var Zr={placement:"bottom",modifiers:[],strategy:"absolute"};function rt(){for(var r=arguments.length,t=new Array(r),e=0;e<r;e++){t[e]=arguments[e]}return!t.some((function(r){return!(r&&typeof r.getBoundingClientRect==="function")}))}function tt(r){if(r===void 0){r={}}var t=r,e=t.defaultModifiers,n=e===void 0?[]:e,a=t.defaultOptions,i=a===void 0?Zr:a;return function r(t,e,a){if(a===void 0){a=i}var o={placement:"bottom",orderedModifiers:[],options:Object.assign({},Zr,i),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}};var f=[];var v=false;var u={state:o,setOptions:function r(a){var f=typeof a==="function"?a(o.options):a;c();o.options=Object.assign({},i,o.options,f);o.scrollParents={reference:M(t)?Or(t):t.contextElement?Or(t.contextElement):[],popper:Or(e)};var v=Qr(Yr([].concat(n,o.options.modifiers)));o.orderedModifiers=v.filter((function(r){return r.enabled}));s();return u.update()},forceUpdate:function r(){if(v){return}var t=o.elements,e=t.reference,n=t.popper;if(!rt(e,n)){return}o.rects={reference:Kr(e,_(n),o.options.strategy==="fixed"),popper:F(n)};o.reset=false;o.placement=o.options.placement;o.orderedModifiers.forEach((function(r){return o.modifiersData[r.name]=Object.assign({},r.data)}));for(var a=0;a<o.orderedModifiers.length;a++){if(o.reset===true){o.reset=false;a=-1;continue}var i=o.orderedModifiers[a],f=i.fn,s=i.options,c=s===void 0?{}:s,l=i.name;if(typeof f==="function"){o=f({state:o,options:c,name:l,instance:u})||o}}},update:Xr((function(){return new Promise((function(r){u.forceUpdate();r(o)}))})),destroy:function r(){c();v=true}};if(!rt(t,e)){return u}u.setOptions(a).then((function(r){if(!v&&a.onFirstUpdate){a.onFirstUpdate(r)}}));function s(){o.orderedModifiers.forEach((function(r){var t=r.name,e=r.options,n=e===void 0?{}:e,a=r.effect;if(typeof a==="function"){var i=a({state:o,name:t,instance:u,options:n});var v=function r(){};f.push(i||v)}}))}function c(){f.forEach((function(r){return r()}));f=[]}return u}}var et=[sr,Dr,fr,W,Cr,Br,$r,tr,Lr];var nt=tt({defaultModifiers:et});class at{constructor(r,t,e){this.handleTransitionEnd=this.handleTransitionEnd.bind(this);this.anchor=r;this.popover=t;this.options=Object.assign({skidding:0,distance:0,placement:"bottom-start",strategy:"absolute",transitionElement:this.popover,visibleClass:"popover-visible",onAfterShow:()=>{},onAfterHide:()=>{},onTransitionEnd:()=>{}},e);this.popover.hidden=true;this.popover.classList.remove(this.options.visibleClass);this.popover.addEventListener("transitionend",this.handleTransitionEnd)}handleTransitionEnd(r){const t=r.target;if(t===this.options.transitionElement){this.options.onTransitionEnd.call(this,r);if(this.isVisible===false&&!this.popover.hidden){this.popover.hidden=true;this.popover.classList.remove(this.options.visibleClass);this.options.onAfterHide.call(this)}}}destroy(){this.popover.removeEventListener("transitionend",this.handleTransitionEnd);if(this.popper){this.popper.destroy();this.popper=null}}show(){this.isVisible=true;this.popover.hidden=false;requestAnimationFrame((()=>this.popover.classList.add(this.options.visibleClass)));if(this.popper){this.popper.destroy()}this.popper=nt(this.anchor,this.popover,{placement:this.options.placement,strategy:this.options.strategy,modifiers:[{name:"sameWidth",enabled:true,fn:({state:r})=>{r.styles.popper.minWidth=`${r.rects.reference.width}px`},phase:"beforeWrite",requires:["computeStyles"]},{name:"flip",options:{boundary:"viewport"}},{name:"offset",options:{padding:5,offset:[this.options.skidding,this.options.distance]}}]});this.popover.addEventListener("transitionend",(()=>this.options.onAfterShow.call(this)),{once:true});requestAnimationFrame((()=>this.popper.update()))}hide(){this.isVisible=false;this.popover.classList.remove(this.options.visibleClass)}setOptions(r){this.options=Object.assign(this.options,r);this.isVisible?this.popover.classList.add(this.options.visibleClass):this.popover.classList.remove(this.options.visibleClass);if(this.popper){this.popper.setOptions({placement:this.options.placement,strategy:this.options.strategy});requestAnimationFrame((()=>this.popper.update()))}}}export{at as P};
-//# sourceMappingURL=p-625d3733.js.map