npm - @nanoporetech-digital/components - Versions diffs - 5.11.2 → 5.11.4 - Mend

@nanoporetech-digital/components 5.11.2 → 5.11.4

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 (69) hide show

package/dist/cjs/nano-global-nav.cjs.entry.js CHANGED Viewed

@@ -907,7 +907,7 @@ const GlobalNav = class {
         }, slot: "end", onClick: (e) => {
           this.searchValInternal = this.searchInput.value;
           this.onSearchSubmit(e);
-        } }, index.h("nano-icon", { name: "light/search" })), index.h("span", { class: {
+        } }, index.h("nano-icon", { name: "light/search", role: "img", ariaLabel: "Search now" })), index.h("span", { class: {
           'search-icon': true,
           'search-icon--loader': true,
           'search-icon--show': this.searchLoading,
@@ -936,13 +936,13 @@ const GlobalNav = class {
         'has-promotion': this.hasPromotionSlot,
         'menu-full-screen': this.menuFullScreen,
         'secondary-open': !!this.secondaryMenuOpen,
-      }, "aria-expanded": this.modalOpen ? 'true' : 'false', ref: (div) => (this.menuDiv = div), part: "burger" }, index.h("div", { class: "gn-menu_wrap", ref: (div) => (this.menuWrapDiv = div), tabindex: "-1", part: "burger-menu" }, index.h("div", { class: "gn-menu_actions", part: "burger-actions-bar" }, index.h("button", { class: "menu-btn icon-btn icon-btn", onMouseDown: this.onMenuBtnClick, onKeyDown: this.onMenuBtnKeyDown }, this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.login && (index.h("nano-icon", { name: "light/times", "aria-label": "close menu" })), this.threshold >= THRESHOLDLIMIT - THRESHOLDBREAKS.login && (index.h("nano-icon", { name: "light/bars", "aria-label": "close menu" }))), this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.icon && [
+      }, "aria-expanded": this.modalOpen ? 'true' : 'false', ref: (div) => (this.menuDiv = div), part: "burger" }, index.h("div", { class: "gn-menu_wrap", ref: (div) => (this.menuWrapDiv = div), tabindex: "-1", part: "burger-menu" }, index.h("div", { class: "gn-menu_actions", part: "burger-actions-bar" }, index.h("button", { class: "menu-btn icon-btn icon-btn", onMouseDown: this.onMenuBtnClick, onKeyDown: this.onMenuBtnKeyDown }, this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.login && (index.h("nano-icon", { name: "light/times", "aria-label": "close menu", role: "img" })), this.threshold >= THRESHOLDLIMIT - THRESHOLDBREAKS.login && (index.h("nano-icon", { name: "light/bars", "aria-label": "close menu", role: "img" }))), this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.icon && [
       !!this.iconSlotLen && index.h("slot", { name: "icon" }),
       this.myAccData &&
         (!this.activeMyAccountSections ||
           this.activeMyAccountSections.includes('icons')) && [
-        this.msgUrl && (index.h("a", { href: this.msgUrl, class: "icon-btn" }, index.h("nano-icon", { name: "light/bell" }), this.msgCount > 0 && (index.h("span", { class: "gn-menu_actions-counter" }, this.msgCount)))),
-        this.cartUrl && (index.h("a", { href: this.cartUrl, class: "icon-btn" }, index.h("nano-icon", { name: "light/shopping-cart" }), this.cartCount > 0 && (index.h("span", { class: "gn-menu_actions-counter" }, this.cartCount)))),
+        this.msgUrl && (index.h("a", { href: this.msgUrl, class: "icon-btn" }, index.h("nano-icon", { name: "light/bell", role: "img", ariaLabel: "Check notifications" }), this.msgCount > 0 && (index.h("span", { class: "gn-menu_actions-counter" }, this.msgCount)))),
+        this.cartUrl && (index.h("a", { href: this.cartUrl, class: "icon-btn" }, index.h("nano-icon", { name: "light/shopping-cart", role: "img", ariaLabel: "Go to cart" }), this.cartCount > 0 && (index.h("span", { class: "gn-menu_actions-counter" }, this.cartCount)))),
       ],
     ], this.myAccData && this.myAccData.urls.login && (index.h("a", { href: this.myAccData.urls.login + this.ssoRedirect, class: "login-btn" }, "Login / Register", ' ', index.h("nano-icon", { name: "solid/chevron-right" })))), index.h("div", { class: "content-wrap", ref: (div) => (this.menuContentDiv = div) }, index.h("div", { class: "content", part: "burger-content" }, index.h("nav", { class: "nav-links nav-links--main", role: "menu" }, index.h("slot", { name: "overflow", onSlotchange: this.assessSlottedContent }), this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.main &&
       !!this.mainSlotLen && (index.h("slot", { name: "main", onSlotchange: this.assessSlottedContent }))), (((!!this.aboutSlotLen || !!this.aboutNavItms.length) &&
@@ -955,12 +955,12 @@ const GlobalNav = class {
       })))),
       ((this.threshold < THRESHOLDLIMIT - 2 &&
         this.mainSlotLen >= 2) ||
-        this.overflowSlotLen >= 2) && (index.h("nav", { class: "nav-links", "aria-label": "Different company site links" }, index.h("nano-nav-item", { class: "nano-global-nav nano-global-nav-menu", closeOnBlur: false }, "Sites", index.h("nano-icon", { slot: "icon-end", name: "solid/chevron-right" }), index.h("div", { slot: "secondary" }, index.h("div", { class: "content" }, index.h("button", { class: "back-btn", onClick: this.subMenuClose }, index.h("nano-icon", { slot: "icon-end", name: "solid/chevron-left", "aria-label": "go back" }), "Sites"), index.h("div", { class: "content--sub" }, index.h("slot", { name: "site", onSlotchange: this.assessSlottedContent }), this.siteNavItms.map((link) => {
+        this.overflowSlotLen >= 2) && (index.h("nav", { class: "nav-links", "aria-label": "Different company site links" }, index.h("nano-nav-item", { class: "nano-global-nav nano-global-nav-menu", closeOnBlur: false }, "Sites", index.h("nano-icon", { slot: "icon-end", name: "solid/chevron-right" }), index.h("div", { slot: "secondary" }, index.h("div", { class: "content" }, index.h("button", { class: "back-btn", onClick: this.subMenuClose }, index.h("nano-icon", { slot: "icon-end", name: "solid/chevron-left", "aria-label": "go back", role: "img" }), "Sites"), index.h("div", { class: "content--sub" }, index.h("slot", { name: "site", onSlotchange: this.assessSlottedContent }), this.siteNavItms.map((link) => {
         return (index.h("nano-nav-item", { class: "nano-global-nav nano-global-nav-menu" }, index.h("a", { href: link.address, target: link.target }, link.title)));
       }))))))),
     ]))), this.isLoggedIn &&
       this.threshold < THRESHOLDLIMIT - THRESHOLDBREAKS.login &&
-      (this.loggedInNavItms.length || this.hasLoggedinSlot) && (index.h("nav", { class: "nav-links", "aria-label": "Your user account links" }, index.h("nano-nav-item", { class: "nano-global-nav user-nav nano-global-nav-menu", closeOnBlur: false }, this.myAccountUser.name, index.h("nano-icon", { slot: "icon-end", name: "solid/chevron-right" }), index.h("div", { slot: "secondary" }, index.h("div", { class: "content" }, index.h("button", { class: "back-btn", onClick: this.subMenuClose }, index.h("nano-icon", { slot: "icon-end", name: "solid/chevron-left", "aria-label": "go back" }), this.myAccountUser.name), !!((_a = this.myAccountUser) === null || _a === void 0 ? void 0 : _a.small_avatar_url) && (index.h("nano-global-nav-user-profile", { myAccountUser: this.myAccountUser, userProfileUrl: this.userProfileUrl })), index.h("div", { class: "content--sub" }, index.h("slot", { name: "loggedin", onSlotchange: this.assessSlottedContent }), this.loggedInNavItms.map((link) => {
+      (this.loggedInNavItms.length || this.hasLoggedinSlot) && (index.h("nav", { class: "nav-links", "aria-label": "Your user account links" }, index.h("nano-nav-item", { class: "nano-global-nav user-nav nano-global-nav-menu", closeOnBlur: false }, this.myAccountUser.name, index.h("nano-icon", { slot: "icon-end", name: "solid/chevron-right" }), index.h("div", { slot: "secondary" }, index.h("div", { class: "content" }, index.h("button", { class: "back-btn", onClick: this.subMenuClose }, index.h("nano-icon", { slot: "icon-end", name: "solid/chevron-left", "aria-label": "go back", role: "img" }), this.myAccountUser.name), !!((_a = this.myAccountUser) === null || _a === void 0 ? void 0 : _a.small_avatar_url) && (index.h("nano-global-nav-user-profile", { myAccountUser: this.myAccountUser, userProfileUrl: this.userProfileUrl })), index.h("div", { class: "content--sub" }, index.h("slot", { name: "loggedin", onSlotchange: this.assessSlottedContent }), this.loggedInNavItms.map((link) => {
       return (index.h("nano-nav-item", { class: "nano-global-nav nano-global-nav-menu" }, index.h("a", { href: link.address, target: link.target }, link.title)));
     }), index.h("nano-nav-item", { class: "nano-global-nav nano-global-nav-menu" }, index.h("a", { href: this.myAccData.urls.forgot_password +
         this.ssoRedirect }, "Change Password")))))))), index.h("slot", { name: "promotion", onSlotchange: this.assessSlottedContent }), this.myAccData && this.myAccData.urls.logout && (index.h("div", { class: "login-btn logout-btn" }, index.h("a", { href: this.myAccData.urls.logout + this.ssoRedirect }, "Logout")))))), index.h("div", { class: "sticker-trigger" }), index.h("nano-sticker", { "auto-resize": "false", "break-point-max": "800", quietMode: { h: 600, w: 800 }, part: "sticker" }, index.h("div", { class: "bars", part: "bars" }, index.h("nav", { part: "main-bar", class: "main-bar", "aria-label": "Main site navigation", tabindex: "-1", ref: (div) => (this.mainBarDiv = div) }, (this.hasPromotionSlot ||
@@ -989,7 +989,7 @@ const GlobalNav = class {
         'icon-btn': true,
         'search-btn': true,
         'search-btn--open': this.searchBarShown,
-      }, "aria-controls": "global-nav-search-bar", "aria-expanded": this.searchBarShown ? 'true' : 'false', onClick: this.onSearchBtnClick, onKeyDown: this.onSearchBtnKeyDown }, index.h("nano-icon", { name: "light/search" }))), this.threshold >= THRESHOLDLIMIT - THRESHOLDBREAKS.icon && [
+      }, "aria-controls": "global-nav-search-bar", "aria-expanded": this.searchBarShown ? 'true' : 'false', onClick: this.onSearchBtnClick, onKeyDown: this.onSearchBtnKeyDown }, index.h("nano-icon", { name: "light/search", role: "img", ariaLabel: "Do search" }))), this.threshold >= THRESHOLDLIMIT - THRESHOLDBREAKS.icon && [
       !!this.iconSlotLen && index.h("slot", { name: "icon" }),
       this.myAccData &&
         (!this.activeMyAccountSections ||