@duetds/components 9.2.2 → 9.2.4

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

@@ -184,6 +184,8 @@ export class DuetLink {
                     "tags": [],
                     "text": "Style variation of the link."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "variation",
                 "reflect": false,
                 "defaultValue": "\"default\""
@@ -202,6 +204,8 @@ export class DuetLink {
                     "tags": [],
                     "text": "Adds accessible label for the link that is only shown for screen readers.\nTypically, this label text replaces the visible text on the link for users\nwho use assistive technology."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-label",
                 "reflect": false
             },
@@ -231,6 +235,8 @@ export class DuetLink {
                         }],
                     "text": "The currently active language. This setting changes the external link\naccessible label to match the chosen language."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "language",
                 "reflect": true,
                 "defaultValue": "getLanguage()"
@@ -258,6 +264,8 @@ export class DuetLink {
                         }],
                     "text": "Defaults for accessibleLabelExternal"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-label-external-default",
                 "reflect": false,
                 "defaultValue": "DuetStringsExternalDefaults"
@@ -279,6 +287,8 @@ export class DuetLink {
                         }],
                     "text": "Adds accessible label for tooltip that is shown in external link (url & external have both been set)"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-label-external",
                 "reflect": false,
                 "defaultValue": "getLocaleString(this.accessibleLabelExternalDefaults)"
@@ -306,6 +316,8 @@ export class DuetLink {
                         }],
                     "text": "Defaults for accessibleLabelDownload"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-label-download-default",
                 "reflect": false,
                 "defaultValue": "DuetStringsDownloadLinkDefaults"
@@ -327,6 +339,8 @@ export class DuetLink {
                         }],
                     "text": "Adds accessible label for tooltip that is shown in external link (url & external have both been set)"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-label-download",
                 "reflect": false,
                 "defaultValue": "getLocaleString(this.accessibleLabelDownloadDefaults)"
@@ -345,6 +359,8 @@ export class DuetLink {
                     "tags": [],
                     "text": "If a button expands or collapses adjacent content, then use the ariaExpanded\nprop to add the aria-expanded attribute to the button. Set the value to convey\nthe current expanded (true) or collapsed (false) state of the content.\nOnly works with empty url."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-expanded",
                 "reflect": true
             },
@@ -362,6 +378,8 @@ export class DuetLink {
                     "tags": [],
                     "text": "Use this property to add an aria-haspopup attribute to a button. Only works with empty url."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-popup",
                 "reflect": true,
                 "defaultValue": "\"false\""
@@ -380,6 +398,8 @@ export class DuetLink {
                     "tags": [],
                     "text": "Adds a unique identifier for the link. Please note that with this particular\ncomponent this id is added inside Shadow DOM. If you need an id on the html\nelement, use regular id attribute instead."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "identifier",
                 "reflect": false
             },
@@ -403,6 +423,8 @@ export class DuetLink {
                     "tags": [],
                     "text": "Theme of the button."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -421,6 +443,8 @@ export class DuetLink {
                     "tags": [],
                     "text": "A destination to link to, rendered in the href attribute of a link."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "url",
                 "reflect": true,
                 "defaultValue": "\"#\""
@@ -439,6 +463,8 @@ export class DuetLink {
                     "tags": [],
                     "text": "Forces URL to open in a new browser tab. Used together with URL prop."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "external",
                 "reflect": false,
                 "defaultValue": "false"
@@ -457,6 +483,8 @@ export class DuetLink {
                     "tags": [],
                     "text": "Causes the browser to treat the linked URL as a download. Can be used with or without a filename value.\nWith a value, it will be used as the name for the downloaded file. Without a value, the browser will suggest a name.\nNOTE: this attribute only works for same-origin URLs, or the blob: and data: schemes."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "download",
                 "reflect": false,
                 "defaultValue": "null"
@@ -475,6 +503,8 @@ export class DuetLink {
                     "tags": [],
                     "text": "Initially visually hidden link, which is shown on focus."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "tab-to-link",
                 "reflect": false,
                 "defaultValue": "false"
@@ -499,6 +529,8 @@ export class DuetLink {
                     "tags": [],
                     "text": "Icon to display on the left side of the link text (only with \"block\" and \"button\" variations)"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon",
                 "reflect": false
             },
@@ -522,6 +554,8 @@ export class DuetLink {
                     "tags": [],
                     "text": "Color of the icon to display (only with \"block\" and \"button\" variations)"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon-color",
                 "reflect": false,
                 "defaultValue": "\"currentColor\""
@@ -546,6 +580,8 @@ export class DuetLink {
                     "tags": [],
                     "text": "Color of the icon to display (only with \"button\" variation)"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon-background",
                 "reflect": false,
                 "defaultValue": "null"
@@ -564,6 +600,8 @@ export class DuetLink {
                     "tags": [],
                     "text": "Whether the icon changes its size responsively (only with \"block\" variation)"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon-responsive",
                 "reflect": false,
                 "defaultValue": "false"
@@ -588,6 +626,8 @@ export class DuetLink {
                     "tags": [],
                     "text": "Controls the margin of the component (only with \"button\" variation)"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "margin",
                 "reflect": false,
                 "defaultValue": "\"auto\""
@@ -612,6 +652,8 @@ export class DuetLink {
                     "tags": [],
                     "text": "Controls the padding of the component (only with \"block\" variation)"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "padding",
                 "reflect": false,
                 "defaultValue": "\"auto\""

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

@@ -108,6 +108,8 @@ export class DuetList {
                     "tags": [],
                     "text": "Theme of the list."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -132,6 +134,8 @@ export class DuetList {
                     "tags": [],
                     "text": "Controls the margin of the component."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "margin",
                 "reflect": false,
                 "defaultValue": "\"auto\""
@@ -156,6 +160,8 @@ export class DuetList {
                     "tags": [],
                     "text": "Controls the padding of the component."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "padding",
                 "reflect": false,
                 "defaultValue": "\"auto\""
@@ -180,6 +186,8 @@ export class DuetList {
                     "tags": [],
                     "text": "Adjusts the alignment of the list items on mobile breakpoint."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "mobile",
                 "reflect": false,
                 "defaultValue": "\"left\""
@@ -204,6 +212,8 @@ export class DuetList {
                     "tags": [],
                     "text": "Switch the breakpoint used to trigger the content stacking. These match to\nsimilar media query tokens: $media-query-small and $media-query-large."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "breakpoint",
                 "reflect": false,
                 "defaultValue": "\"small\""
@@ -228,6 +238,8 @@ export class DuetList {
                     "tags": [],
                     "text": "Style variation of the list."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "variation",
                 "reflect": false,
                 "defaultValue": "\"default\""
@@ -252,6 +264,8 @@ export class DuetList {
                     "tags": [],
                     "text": "Set the column width of the first column in percentages.\nFor automatic sizing of the column you can use class \"duet-list\" with a native <dl> element. See list utilities of the CSS framework."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label-width",
                 "reflect": false,
                 "defaultValue": "\"30\""
@@ -270,6 +284,8 @@ export class DuetList {
                     "tags": [],
                     "text": "Enable or disable the automatic responsive behaviour of the list\ncomponent. Setting this option to \"true\"\nmakes sure that contents are stacked vertically on mobile.\nWhen \"false\" is set, contents are always shown in a single row."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "responsive",
                 "reflect": false,
                 "defaultValue": "true"

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

@@ -56,6 +56,8 @@ export class DuetListItem {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "responsive",
                 "reflect": false,
                 "defaultValue": "false"
@@ -83,6 +85,8 @@ export class DuetListItem {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "breakpoint",
                 "reflect": false,
                 "defaultValue": "\"small\""

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

@@ -121,6 +121,8 @@ export class DuetLogo {
                     "tags": [],
                     "text": "Theme of the logo."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -145,6 +147,8 @@ export class DuetLogo {
                     "tags": [],
                     "text": "Controls the margin of the component."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "margin",
                 "reflect": false,
                 "defaultValue": "\"auto\""
@@ -163,6 +167,8 @@ export class DuetLogo {
                     "tags": [],
                     "text": "Use inverse version of the logo (white logo on dark background)."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "inverse",
                 "reflect": false,
                 "defaultValue": "false"
@@ -187,6 +193,8 @@ export class DuetLogo {
                     "tags": [],
                     "text": "Size variation of the logo."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "size",
                 "reflect": false,
                 "defaultValue": "\"medium\""
@@ -205,6 +213,8 @@ export class DuetLogo {
                     "tags": [],
                     "text": "Where the logo links to."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "href",
                 "reflect": true,
                 "defaultValue": "\"/\""
@@ -229,6 +239,8 @@ export class DuetLogo {
                     "tags": [],
                     "text": "Default translations for accessible label."
                 },
+                "getter": false,
+                "setter": false,
                 "defaultValue": "{\n    fi: \"Siirry etusivulle.\",\n    sv: \"G\u00E5 till f\u00F6rstasidan.\",\n    en: \"Go to front page.\",\n  }"
             },
             "accessibleLabel": {
@@ -245,6 +257,8 @@ export class DuetLogo {
                     "tags": [],
                     "text": "Accessible label. Defaults to what is in accessibleLabelDefaults prop."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-label",
                 "reflect": true,
                 "defaultValue": "getLocaleString(this.accessibleLabelDefaults)"
@@ -275,6 +289,8 @@ export class DuetLogo {
                         }],
                     "text": "The language of the logo."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "language",
                 "reflect": true,
                 "defaultValue": "getLanguage()"

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

@@ -174,6 +174,11 @@
     box-shadow: 0 3px 6px 0 rgba(23, 28, 58, 0.1);
   }
 }
+@media (min-width: 62em) {
+  .duet-menu-bar.duet-menu-bar-slim .container {
+    height: 4rem;
+  }
+}
 
 .center {
   font-size: 1rem;

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

@@ -39,8 +39,15 @@ export class DuetMenuBar {
                 }
             }
         };
+        /**
+         * Checks inside the component whether the center slot is used.
+         */
+        this.checkCenterSlot = () => {
+            const centerSlot = this.element.querySelector('[slot="center"]');
+            this.centerSlotUsed = !!centerSlot;
+        };
         this.changeLogoSize = () => {
-            if (this.mql[1].matches) {
+            if (this.mql[1].matches && this.centerSlotUsed) {
                 this.logoSize = "large";
             }
             else {
@@ -62,6 +69,7 @@ export class DuetMenuBar {
         this.logoSize = "large";
         this.leftMoreVisible = false;
         this.rightMoreVisible = false;
+        this.centerSlotUsed = false;
         this.theme = "";
         this.language = getLanguage();
         this.logo = true;
@@ -128,6 +136,7 @@ export class DuetMenuBar {
         setTimeout(() => {
             this.scrollbarCheck();
             this.scrollToActive();
+            this.checkCenterSlot();
         }, 0);
     }
     onWindowResize() {
@@ -143,13 +152,14 @@ export class DuetMenuBar {
     render() {
         const slideoutAvailable = document.querySelectorAll("duet-slideout").length > 0;
         const isUsedAsAdditionalHorizontalNav = slideoutAvailable && !this.logo;
-        return (h(Host, { key: '9a82d643e803955587245cdeab312b2e3cc0daf1' }, h("nav", { key: '8c7c326745b8bc593357acbd1fd629b827f3d6fa', class: {
+        return (h(Host, { key: '080aa307736eb2062f7d685118e18712d1cf615d' }, h("nav", { key: '28cdfe4523173ea7c4f966de8b32e4ab547885d9', class: {
                 "duet-menu-bar": true,
                 "duet-theme-turva": this.theme === "turva",
                 "horizontal-nav": isUsedAsAdditionalHorizontalNav,
+                "duet-menu-bar-slim": !this.centerSlotUsed,
                 hidden: this.hidden && this.hideOnScroll,
                 bottom: this.onBottom,
-            }, "aria-label": this.accessibleLabel }, h("div", { key: 'e24739d56af15972f61b6ab77023cc406065ca18', class: "top" }), h("div", { key: '7417f19867c76f8892ba6afb4186f0f1ac63fe30', class: { container: true }, ref: el => (this.container = el), onScroll: () => this.scrollbarCheck() }, this.logo && (h("div", { key: 'bb310c770913b93feaa0fa0eb6b7ddb4999a5768' }, h("duet-logo", { key: '98d0d4582de1eae55df9525d27894c879905c9db', size: this.logoSize, margin: "none", theme: this.theme, href: this.logoHref, accessibleLabel: this.logoLinkAccessibleLabel, onClick: this.handleLogoClick, language: this.language }))), h("div", { key: 'de2176bb51370d7555b957aaae4ba39f4edac589', class: "list center", role: "list" }, h("div", { key: '754756436eefdf6c3573c140bf82efadfd52230b', class: "more-left", hidden: !this.leftMoreVisible, role: "presentation" }), h("slot", { key: '1b9d20d9511d4e256bf43032f7ca6e8410e92ff8', name: "center" }), h("div", { key: 'b286c85435057052db5a16825e200f19a3362a45', class: "more-right", hidden: !this.rightMoreVisible, role: "presentation" })), h("div", { key: '9f8c33c495e38d6e4097c09c241021f4dfac2e7c', class: "list right", role: "list" }, h("slot", { key: '60044dd369d475608a15825dc4f4ab37002bb7c4', name: "right" }))), h("div", { key: 'd2867a4033941a35a3c5aab6f513654c6d7ae46b', class: "bottom" }))));
+            }, "aria-label": this.accessibleLabel }, h("div", { key: 'b242a73ce21660bdd697be15d4eaa381321d2639', class: "top" }), h("div", { key: '36f578fe0f39f7c41ec2b2c435a58ff995c80c53', class: { container: true }, ref: el => (this.container = el), onScroll: () => this.scrollbarCheck() }, this.logo && (h("div", { key: 'f95972285bde8b9fbbabdfe18a72515c03e21ad7' }, h("duet-logo", { key: '2aea0ed01de09f12991971f10828f58b8653dbf5', size: this.logoSize, margin: "none", theme: this.theme, href: this.logoHref, accessibleLabel: this.logoLinkAccessibleLabel, onClick: this.handleLogoClick, language: this.language }))), h("div", { key: '434f98cee5757650e22c55f2a91cdb8185cdb7f7', class: "list center", role: "list" }, h("div", { key: 'e3842f9812060bd52a44d7dc4d2caaf01120853f', class: "more-left", hidden: !this.leftMoreVisible, role: "presentation" }), h("slot", { key: '88136566fba82ddbf3f2befa931e84eb58c5d3d7', name: "center" }), h("div", { key: 'aed1d51ec2bda38704ccb4540d5ba8cc2f1a8d92', class: "more-right", hidden: !this.rightMoreVisible, role: "presentation" })), h("div", { key: '94e134647ab04eca2cf9da10dc5b71919073b30b', class: "list right", role: "list" }, h("slot", { key: 'a7b1772529b42db719616e6e3b5ba9a45736fb91', name: "right" }))), h("div", { key: '550d375725a383f473ee73d7a00bef6f64eadc57', class: "bottom" }))));
     }
     static get is() { return "duet-menu-bar"; }
     static get encapsulation() { return "shadow"; }
@@ -185,6 +195,8 @@ export class DuetMenuBar {
                     "tags": [],
                     "text": "Theme."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -215,6 +227,8 @@ export class DuetMenuBar {
                         }],
                     "text": "The currently active language. This setting changes the accessible labels to match the\nchosen language."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "language",
                 "reflect": false,
                 "defaultValue": "getLanguage()"
@@ -233,6 +247,8 @@ export class DuetMenuBar {
                     "tags": [],
                     "text": "Logo."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "logo",
                 "reflect": false,
                 "defaultValue": "true"
@@ -251,6 +267,8 @@ export class DuetMenuBar {
                     "tags": [],
                     "text": "Logo href."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "logo-href",
                 "reflect": false
             },
@@ -268,6 +286,8 @@ export class DuetMenuBar {
                     "tags": [],
                     "text": "Logo link accessible label."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "logo-link-accessible-label",
                 "reflect": false
             },
@@ -285,6 +305,8 @@ export class DuetMenuBar {
                     "tags": [],
                     "text": "Adds accessible label for the button that is only shown for screen readers.\nTypically, this label text replaces the visible text on the button for\nusers who use assistive technology."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-label",
                 "reflect": false
             },
@@ -302,6 +324,8 @@ export class DuetMenuBar {
                     "tags": [],
                     "text": "Makes the menu bar hide on top of the window when page is scrolled down\nShould be used only with sticky navigation."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "hide-on-scroll",
                 "reflect": false,
                 "defaultValue": "false"
@@ -314,7 +338,8 @@ export class DuetMenuBar {
             "onBottom": {},
             "logoSize": {},
             "leftMoreVisible": {},
-            "rightMoreVisible": {}
+            "rightMoreVisible": {},
+            "centerSlotUsed": {}
         };
     }
     static get events() {

package/lib/collection/components/duet-menu-bar-button/duet-menu-bar-button.js

@@ -71,6 +71,8 @@ export class DuetMenuBarButton {
                     "tags": [],
                     "text": "Adds accessible label for the button that is only shown for screen readers.\nTypically, this label text replaces the visible text on the button for\nusers who use assistive technology."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-label",
                 "reflect": false
             },
@@ -88,6 +90,8 @@ export class DuetMenuBarButton {
                     "tags": [],
                     "text": "Use this property to add an aria-controls attribute to the button. Use\nthe attribute to point to the unique id of the content that the button manages."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-controls",
                 "reflect": false
             },
@@ -105,6 +109,8 @@ export class DuetMenuBarButton {
                     "tags": [],
                     "text": "Use this property to add an aria-haspopup attribute to a button, if you are using it as a menu button."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-popup",
                 "reflect": false,
                 "defaultValue": "\"false\""
@@ -123,6 +129,8 @@ export class DuetMenuBarButton {
                     "tags": [],
                     "text": "Indicates the id of a related component\u2019s visually focused element."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-active-descendant",
                 "reflect": false
             },
@@ -140,6 +148,8 @@ export class DuetMenuBarButton {
                     "tags": [],
                     "text": "Indicates the id of a component owned by the button."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-owns",
                 "reflect": false
             },
@@ -157,6 +167,8 @@ export class DuetMenuBarButton {
                     "tags": [],
                     "text": "Indicates the id of a component that describes the button."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-described-by",
                 "reflect": false
             },
@@ -174,6 +186,8 @@ export class DuetMenuBarButton {
                     "tags": [],
                     "text": "Details of the component"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-details",
                 "reflect": false,
                 "defaultValue": "undefined"
@@ -192,6 +206,8 @@ export class DuetMenuBarButton {
                     "tags": [],
                     "text": "String of id's that indicate alternative labels elements"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-labelled-by",
                 "reflect": false,
                 "defaultValue": "undefined"
@@ -210,6 +226,8 @@ export class DuetMenuBarButton {
                     "tags": [],
                     "text": "Aria description the button"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-description",
                 "reflect": false,
                 "defaultValue": "undefined"
@@ -228,6 +246,8 @@ export class DuetMenuBarButton {
                     "tags": [],
                     "text": "If a button expands or collapses adjacent content, then use the ariaExpanded\nprop to add the aria-expanded attribute to the button. Set the value to convey\nthe current expanded (true) or collapsed (false) state of the content."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-expanded",
                 "reflect": false
             },
@@ -245,6 +265,8 @@ export class DuetMenuBarButton {
                     "tags": [],
                     "text": "Tells screen reader the element is pressed."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-pressed",
                 "reflect": false
             },
@@ -268,6 +290,8 @@ export class DuetMenuBarButton {
                     "tags": [],
                     "text": "Theme."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -286,6 +310,8 @@ export class DuetMenuBarButton {
                     "tags": [],
                     "text": "Icon"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon",
                 "reflect": true,
                 "defaultValue": "undefined"

package/lib/collection/components/duet-menu-bar-dropdown/duet-menu-bar-dropdown.js

@@ -94,6 +94,8 @@ export class DuetMenuBarDropdown {
                     "tags": [],
                     "text": "Adds accessible label for the button that is only shown for screen readers.\nTypically, this label text replaces the visible text on the button for\nusers who use assistive technology."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-label",
                 "reflect": false
             },
@@ -117,6 +119,8 @@ export class DuetMenuBarDropdown {
                     "tags": [],
                     "text": "Theme."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -135,6 +139,8 @@ export class DuetMenuBarDropdown {
                     "tags": [],
                     "text": "Open"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "open",
                 "reflect": true,
                 "defaultValue": "false"
@@ -153,6 +159,8 @@ export class DuetMenuBarDropdown {
                     "tags": [],
                     "text": "Icon"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon",
                 "reflect": true,
                 "defaultValue": "undefined"

package/lib/collection/components/duet-menu-bar-dropdown-link/duet-menu-bar-dropdown-link.js

@@ -80,6 +80,8 @@ export class DuetMenuBarDropdownLink {
                     "tags": [],
                     "text": "Theme."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
@@ -98,6 +100,8 @@ export class DuetMenuBarDropdownLink {
                     "tags": [],
                     "text": "Href"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "href",
                 "reflect": false,
                 "defaultValue": "\"#\""
@@ -116,6 +120,8 @@ export class DuetMenuBarDropdownLink {
                     "tags": [],
                     "text": "Icon"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon",
                 "reflect": true,
                 "defaultValue": "undefined"
@@ -134,6 +140,8 @@ export class DuetMenuBarDropdownLink {
                     "tags": [],
                     "text": "Adds accessible label for the link that is only shown for screen readers.\nTypically, this label text replaces the visible text on the link for users\nwho use assistive technology."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accessible-label",
                 "reflect": false
             }