@duetds/components 8.7.4 → 8.7.6

package/lib/collection/components/duet-header/duet-header.js

@@ -497,7 +497,7 @@ export class DuetHeader {
                                 "duet-header-item": true,
                                 active: thirdLevelItem.active === true,
                             }, role: "menuitem", href: thirdLevelItem.href || "#", id: thirdLevelItem.id, onClick: event => this.handleItemClick(event, thirdLevelItem), onKeyDown: ev => this.handleArrowKeys(ev), onMouseEnter: event => this.emitDuetEvent(event, thirdLevelItem), onTouchStart: event => this.emitDuetEvent(event, thirdLevelItem), target: thirdLevelItem.external ? "_blank" : "_self" }, thirdLevelItem.icon && (h("div", { class: "duet-header-icon" }, h("duet-icon", { margin: "none", size: "medium", name: thirdLevelItem.icon, color: "currentColor" }))), h("span", null, thirdLevelItem.label), thirdLevelItem.badge && h("div", { class: "duet-header-badge" })))))));
-                }))))), h("div", { class: "duet-header-bottom-utils" }, h("slot", { name: "utility" })), h("div", { class: "duet-header-utils" }, !itemsHaveSubItems && contactDropdown(), languageDropdown(), !itemsHaveSubItems && (h(Fragment, null, processedUserWithLink(), processedUserWithoutLink())), processedSearch(), processedSession(), h("div", { class: { "extra-bottom-padding": true } }))))));
+                }))))), h("div", { class: "duet-header-bottom-utils" }, h("slot", { name: "utility" })), h("div", { class: "duet-header-utils" }, !itemsHaveSubItems && contactDropdown(), languageDropdown(), !itemsHaveSubItems && (h(Fragment, null, processedUserWithLink(), processedUserWithoutLink())), processedSearch(), processedSession()), h("div", { class: { "extra-bottom-margin": true } })))));
         // multi level variation
         if (itemsHaveSubItems) {
             const activeSegment = this.processedItems.find(item => item.active);
@@ -612,7 +612,7 @@ export class DuetHeader {
                         },
                         "I18nText": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::I18nText"
                         }
                     }
@@ -639,7 +639,7 @@ export class DuetHeader {
                     "references": {
                         "I18nText": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::I18nText"
                         }
                     }
@@ -998,7 +998,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1019,7 +1019,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1040,7 +1040,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1061,7 +1061,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1082,7 +1082,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1103,7 +1103,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1124,7 +1124,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1145,7 +1145,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1166,7 +1166,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1187,7 +1187,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1208,7 +1208,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderAnalyticsEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderAnalyticsEvent"
                         }
                     }
@@ -1229,7 +1229,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderMobileNavToggleEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderMobileNavToggleEvent"
                         }
                     }
@@ -1250,7 +1250,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }

package/lib/collection/components/duet-heading/duet-heading.js

@@ -158,7 +158,7 @@ export class DuetHeading {
                     "references": {
                         "DuetHeadingWeight": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-heading/duet-heading.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-heading/duet-heading.tsx",
                             "id": "src/components/duet-heading/duet-heading.tsx::DuetHeadingWeight"
                         }
                     }

package/lib/collection/components/duet-hero/duet-hero.css

@@ -840,6 +840,11 @@
     width: 50%;
   }
 }
+@media (min-width: 76.25em) {
+  .duet-hero.duet-hero-product .duet-hero-wrapper.fluid .duet-hero-text {
+    width: 47%;
+  }
+}
 .duet-hero.duet-hero-product .duet-hero-wrapper.narrow {
   max-width: 888px;
 }

package/lib/collection/components/duet-hero/duet-hero.js

@@ -364,7 +364,7 @@ export class DuetHero {
                     "references": {
                         "DuetHeroIconSize": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-hero/duet-hero.tsx",
                             "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroIconSize"
                         }
                     }
@@ -586,7 +586,7 @@ export class DuetHero {
                     "references": {
                         "DuetHeroButtonData": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-hero/duet-hero.tsx",
                             "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroButtonData"
                         }
                     }
@@ -697,7 +697,7 @@ export class DuetHero {
                     "references": {
                         "DuetHeroVariation": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-hero/duet-hero.tsx",
                             "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroVariation"
                         }
                     }
@@ -807,7 +807,7 @@ export class DuetHero {
                     "references": {
                         "DuetHeroClickEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-hero/duet-hero.tsx",
                             "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroClickEvent"
                         }
                     }
@@ -828,7 +828,7 @@ export class DuetHero {
                     "references": {
                         "DuetHeroAnalyticsEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-hero/duet-hero.tsx",
                             "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroAnalyticsEvent"
                         }
                     }

package/lib/collection/components/duet-icon/duet-icon.js

@@ -97,11 +97,11 @@ export class DuetIcon {
             : {};
         const iconStyles = Object.assign({}, iconRotationStyles);
         const shapeStyle = this.shape === "brand-rotated" ? "duet-icon-shape-brand" : `duet-icon-shape-${this.shape}`;
-        return (h(Host, { key: '56b942a1ac469f7ccd921c88b0824a31f43192f7', class: {
+        return (h(Host, { key: '036bd71920292b0eb364007a8d38b01a01e07ce3', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-icon-has-outline": !!this.outline,
                 "duet-icon-has-background": !!this.background,
-            } }, h("span", { key: '0c151b14def0111c53d55b2af24a8484211dfc8a', "aria-hidden": "true", style: styles, class: {
+            } }, h("span", { key: '2959987408354e2be6c726b2d66087479c0651f0', "aria-hidden": "true", style: styles, class: {
                 "duet-icon": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
@@ -110,7 +110,7 @@ export class DuetIcon {
                 [shapeStyle]: true,
                 rotated: this.shape === "brand-rotated" && this.theme !== "turva",
                 "duet-icon-not-responsive": !this.responsive,
-            } }, h("span", { key: '971aea6375e7dda9fbef44d886a032c9214e09a5', "aria-hidden": "true", class: { "duet-icon-svg": true, rotated: this.shape === "brand-rotated" && this.theme !== "turva" }, "data-name": this.name, innerHTML: this.svgContent, style: iconStyles }))));
+            } }, h("span", { key: 'e75af917059142d7f015109e7224fba0cc2e18b3', "aria-hidden": "true", class: { "duet-icon-svg": true, rotated: this.shape === "brand-rotated" && this.theme !== "turva" }, "data-name": this.name, innerHTML: this.svgContent, style: iconStyles }))));
     }
     static get is() { return "duet-icon"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-input/duet-input.js

@@ -778,7 +778,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputType": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputType"
                         }
                     }
@@ -802,7 +802,7 @@ export class DuetInput {
                     "references": {
                         "DuetVariationType": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetVariationType"
                         }
                     }
@@ -1044,7 +1044,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputComponentType": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputComponentType"
                         }
                     }
@@ -1223,7 +1223,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
                         }
                     }
@@ -1244,7 +1244,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
                         }
                     }
@@ -1265,7 +1265,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
                         }
                     }
@@ -1286,7 +1286,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
                         }
                     }
@@ -1307,7 +1307,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputEvent": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
                         }
                     }

package/lib/collection/components/duet-label/duet-label.js

@@ -101,7 +101,7 @@ export class DuetLabel {
                     "references": {
                         "DuetLabelMargin": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-label/duet-label.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-label/duet-label.tsx",
                             "id": "src/components/duet-label/duet-label.tsx::DuetLabelMargin"
                         }
                     }
@@ -125,7 +125,7 @@ export class DuetLabel {
                     "references": {
                         "DuetLabelSize": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-label/duet-label.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-label/duet-label.tsx",
                             "id": "src/components/duet-label/duet-label.tsx::DuetLabelSize"
                         }
                     }

package/lib/collection/components/duet-layout/duet-layout.css

@@ -11,6 +11,40 @@
   appearance: none;
 }
 
+::slotted([slot=page-heading]) {
+  width: calc(100% + 32px);
+  margin: 0 -16px 0 -16px;
+}
+@media (min-width: 36em) {
+  ::slotted([slot=page-heading]) {
+    width: calc(100% + 56px);
+    margin: 0 -28px 0 -28px;
+  }
+}
+@media (min-width: 62em) {
+  ::slotted([slot=page-heading]) {
+    width: calc(100% + 112px);
+    margin: 0 -56px 0 -56px;
+  }
+}
+
+:host(.center) ::slotted([slot=page-heading]) {
+  width: calc(100% + 32px);
+  margin: 0 -16px 0 -16px;
+}
+@media (min-width: 36em) {
+  :host(.center) ::slotted([slot=page-heading]) {
+    width: calc(100% + 96px);
+    margin: 0 -48px 0 -48px;
+  }
+}
+@media (min-width: 48em) {
+  :host(.center) ::slotted([slot=page-heading]) {
+    width: calc(100% + 144px);
+    margin: 0 -72px 0 -72px;
+  }
+}
+
 :host {
   box-sizing: border-box;
   padding: 0;
@@ -41,6 +75,9 @@
     padding: 56px !important;
   }
 }
+:host(.duet-middle) .heading-wrapper {
+  padding: 0 !important;
+}
 
 :host(.duet-ie) {
   height: 100%;

package/lib/collection/components/duet-layout/duet-layout.js

@@ -3,8 +3,10 @@
  */
 import { h, Host } from "@stencil/core";
 import isInternetExplorer from "../../utils/is-internet-explorer";
+import { checkNamedSlotElement } from "../../utils/slot-utils";
 /**
  * @slot main - The layout component’s primary content. Use this for the main content on the page.
+ * @slot page-heading - The layout component’s page heading content. Use this if you want to have heading inside main landmark.
  * @slot sidebar - The layout component’s sidebar content. Use this for content that is related to the content in the main slot.
  * @slot top - This is a full-width content area above the main and sidebar slots. Could be used to show for example alert messages.
  */
@@ -15,6 +17,7 @@ export class DuetLayout {
          */
         this.hasSidebar = false;
         this.hasTop = false;
+        this.hasPageHeading = false;
         this.sticky = false;
         this.margin = "auto";
         this.stickyDistance = "with-links";
@@ -29,6 +32,8 @@ export class DuetLayout {
     componentWillLoad() {
         this.hasSidebar = !!this.element.querySelector("[slot='sidebar']");
         this.hasTop = !!this.element.querySelector("[slot='top']");
+        this.hasPageHeading = !!this.element.querySelector("[slot='page-heading']");
+        checkNamedSlotElement(this.element, "page-heading", "duet-page-heading", 1, true);
         if (!this.element.querySelector("[slot='main']")) {
             console.warn("[DUET WARNING]: Nothing passed to <duet-layout> named slots. Please use one of 'main', 'sidebar' or 'top' to display contents.");
         }
@@ -38,26 +43,27 @@ export class DuetLayout {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '0647cb148ef8d6e27dfc8733854bdece644a2f11', class: {
+        return (h(Host, { key: '815cf46b505a58a4f1db64f0737eb2461fffe1b4', class: {
+                center: this.center,
                 "duet-middle": this.middle,
                 "duet-ie": isInternetExplorer(),
-            } }, this.hasTop && (h("div", { key: '93b8d11681cdcd0e063e08f62f3e8d9c4682ef69', class: {
+            } }, this.hasTop && (h("div", { key: '97f256b275cea1d8303d3c2b2fafcbc83ab17227', class: {
                 "duet-layout-top": true,
                 "duet-m-0": this.margin === "none",
                 "duet-center": this.center,
-            } }, h("div", { key: 'acf886364c56f0ac0a979a680ebe9a3548f15b5f', class: "duet-layout-top-wrapper" }, h("slot", { key: '8c3ecc05c8ecfe7485e44fb30c9b3edea98acf3e', name: "top" })))), h("div", { key: 'f3f54254dc431cc83eea2e7a1d7f208f28bda58e', class: {
+            } }, h("div", { key: 'e08dfb887503e2db0e2d315bce69c4243ca0a368', class: "duet-layout-top-wrapper" }, h("slot", { key: 'a0a214dab158a6228b6d8e69a4ae77b51dc3da68', name: "top" })))), h("div", { key: '37a6738ab3a9695408026c8d83bbc1dbeb17490e', class: {
                 "duet-layout": true,
                 "duet-layout-has-top": this.hasTop,
                 "has-sidebar": this.hasSidebar,
                 "duet-m-0": this.margin === "none",
                 "duet-center": this.center,
                 [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
-            } }, h("main", { key: 'b676f67b4cd446ca21d9ba571715a1591ccbb6af', class: "duet-main" }, h("slot", { key: 'efeb3b727f88ac03a86630677877b2f4a3df5544', name: "main" })), this.hasSidebar && (h("aside", { key: '0e327c7aab74483c878fe944e9a186932400a1cb', class: "duet-sidebar" }, h("div", { key: '0bbda350b036b27ddf5dca11635fd8022eed54a8', class: {
+            } }, h("main", { key: '9250e251d618850e3ca2a16c7e15f0d921b1cc0f', class: "duet-main" }, this.hasPageHeading && h("slot", { key: '6bd2301fc4f57c18bab92ce7278ec037f38971d4', name: "page-heading" }), h("slot", { key: 'd37514f4cc602e46ecbc78e87647076c9e550c94', name: "main" })), this.hasSidebar && (h("aside", { key: '6ad7bd59e98bfe3123a1cccce343fb0f158387e0', class: "duet-sidebar" }, h("div", { key: '6476ae186902b93bac02f5512c33ca2419202d8a', class: {
                 "duet-sidebar-container": true,
                 "has-tabs": this.tabs,
                 sticky: this.sticky,
                 [this.stickyDistance]: this.sticky,
-            } }, h("slot", { key: '3527bcf06aeff1bb118f6f5901807a694439b688', name: "sidebar" })))))));
+            } }, h("slot", { key: '4406fe27dbd20dd18448aa76800be82b3333c306', name: "sidebar" })))))));
     }
     static get is() { return "duet-layout"; }
     static get encapsulation() { return "shadow"; }
@@ -124,7 +130,7 @@ export class DuetLayout {
                     "references": {
                         "DuetLayoutStickyDistance": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-layout/duet-layout.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-layout/duet-layout.tsx",
                             "id": "src/components/duet-layout/duet-layout.tsx::DuetLayoutStickyDistance"
                         }
                     }

package/lib/collection/components/duet-link/duet-link.js

@@ -99,7 +99,7 @@ export class DuetLink {
         if (this.accessibleLabel) {
             return this.accessibleLabel;
         }
-        if (!!this.download && this.element.textContent) {
+        if ((!!this.download || this.download === "") && this.element.textContent) {
             return `${this.element.textContent}. ${this.accessibleLabelDownload}.`;
         }
         if (this.external && this.element.textContent) {
@@ -144,10 +144,10 @@ export class DuetLink {
     render() {
         const Tag = !this.url ? "button" : "a";
         const isButton = Tag === "button";
-        return (h(Host, { key: 'e36e1eeaa70e3b27fdd7bedc29d5cc1eefd6bee4', class: {
+        return (h(Host, { key: '38d90e4467279d94a029c7ce5fdaf9fa3590d5ae', class: {
                 [`duet-link-${this.variation}`]: true,
                 "duet-m-0": this.margin === "none",
-            } }, h(Tag, { key: '67c80605b613db0d14289361318d4bfe090beca6', href: this.url, class: {
+            } }, h(Tag, { key: '5b1b7b691a3d66382b593a07fd47b3072fcd12fb', href: this.url, class: {
                 "duet-link": true,
                 "duet-link-is-external": this.external,
                 "duet-link-is-download": !!this.download,

package/lib/collection/components/duet-list/duet-list.js

@@ -72,7 +72,7 @@ export class DuetList {
      * Always the last one in the class.
      */
     render() {
-        return (h("dl", { key: '134d85e7daf9ff81e49dddbc1c0877548651f8fb', class: { "duet-list-component": true, "duet-m-0": this.margin === "none" } }, h("slot", { key: '46080db7331197a3b17627c15a11e3540e3473b8' })));
+        return (h("dl", { key: '1fe1ac541aeae071f5684e90937cee1a4be689d6', class: { "duet-list-component": true, "duet-m-0": this.margin === "none" } }, h("slot", { key: '166ca55ff1ca8e804357bf991b84ede3eac45d13' })));
     }
     static get is() { return "duet-list"; }
     static get encapsulation() { return "shadow"; }
@@ -169,7 +169,7 @@ export class DuetList {
                     "references": {
                         "DuetListMobileAlignment": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-list/duet-list.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-list/duet-list.tsx",
                             "id": "src/components/duet-list/duet-list.tsx::DuetListMobileAlignment"
                         }
                     }
@@ -217,7 +217,7 @@ export class DuetList {
                     "references": {
                         "DuetListVariation": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-list/duet-list.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-list/duet-list.tsx",
                             "id": "src/components/duet-list/duet-list.tsx::DuetListVariation"
                         }
                     }
@@ -241,7 +241,7 @@ export class DuetList {
                     "references": {
                         "DuetListLabelWidth": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-list/duet-list.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-list/duet-list.tsx",
                             "id": "src/components/duet-list/duet-list.tsx::DuetListLabelWidth"
                         }
                     }

package/lib/collection/components/duet-list-item/duet-list-item.js

@@ -16,14 +16,14 @@ export class DuetListItem {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '0df4c6498653a7f20f8ac8d21f1044cd5ffd509b', class: {
+        return (h(Host, { key: '5ca1067fca4b44ef1a3b57b52e775407879ab750', class: {
                 "duet-no-stacking": !this.responsive,
                 "duet-list-item-breakpoint-x-small": this.breakpoint === "x-small",
                 "duet-list-item-breakpoint-small": this.breakpoint === "small",
                 "duet-list-item-breakpoint-medium": this.breakpoint === "medium",
                 "duet-list-item-breakpoint-large": this.breakpoint === "large",
                 "duet-list-item-breakpoint-x-large": this.breakpoint === "x-large",
-            } }, h("dt", { key: 'dc9ead4dada3ad614b7099be0e86d80e05971257' }, h("slot", { key: '48f7393a2af77be1e716dbb617de3951d5bfae8c', name: "label" })), h("dd", { key: '571e2c23a8de7facceb48bf8bf2924f34e7a9505' }, h("slot", { key: '2b5f6420744bbac07db85a58d9b3524f86b51549', name: "value" }))));
+            } }, h("dt", { key: 'c8141e0af55f96c0dae8fbb8a50e74be470dc6bd' }, h("slot", { key: '583b9d7f5109da8f0185abcf07ca45d6d30944dc', name: "label" })), h("dd", { key: 'bfcb5056ec7fbb9412084e3eb95b610f168d7559' }, h("slot", { key: '3b844ecbbf9dbb82e2b4d9ac44cad328104865da', name: "value" }))));
     }
     static get is() { return "duet-list-item"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-logo/duet-logo.js

@@ -79,7 +79,7 @@ export class DuetLogo {
      */
     render() {
         const TagName = this.href ? "a" : "div";
-        return (h(Host, { key: '60e4ad6fab721948a825ad38f57e786997f3813a', class: { "duet-m-0": this.margin === "none" } }, h(TagName, { key: 'aad1889f604efe3c8bb8e294a625f2b544ad672f', href: this.href, ref: link => (this.nativeLink = link), "aria-label": this.accessibleLabel, class: {
+        return (h(Host, { key: '5d084305a0696301d4a6821758e0689a4c7cb24b', class: { "duet-m-0": this.margin === "none" } }, h(TagName, { key: 'bd7ff8798ac2294e92714074abc3a40ac09f84a3', href: this.href, ref: link => (this.nativeLink = link), "aria-label": this.accessibleLabel, class: {
                 "duet-logo": true,
                 [this.size]: true,
                 "duet-theme-turva": this.theme === "turva",
@@ -176,7 +176,7 @@ export class DuetLogo {
                     "references": {
                         "DuetLogoSize": {
                             "location": "local",
-                            "path": "/Users/administrator/duetds/packages/components/src/components/duet-logo/duet-logo.tsx",
+                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-logo/duet-logo.tsx",
                             "id": "src/components/duet-logo/duet-logo.tsx::DuetLogoSize"
                         }
                     }

package/lib/collection/components/duet-menu-bar/duet-menu-bar.css

@@ -26,12 +26,20 @@
 
 .duet-menu-bar {
   position: relative;
+  top: 0;
   z-index: 2;
   display: flex;
   align-items: center;
   justify-content: center;
   background: rgb(255, 255, 255);
   box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);
+  transition: top 0.3s;
+}
+.duet-menu-bar.hidden {
+  top: -200px;
+}
+.duet-menu-bar.bottom {
+  z-index: 1;
 }
 @media (min-width: 62em) {
   .duet-menu-bar {