@duetds/components 6.2.3 → 6.2.5

package/lib/esm/duet-textarea.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-8469ee1a.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4df60498.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
 import { c as cleanValue } from './input-utils-de45e099.js';
@@ -33,84 +33,6 @@ const DuetTextarea = class {
     this.labelId = createID("DuetLabel");
     this.errorId = createID("DuetError");
     this.disallowPatternRegex = null;
-    /**
-     * Controls the margin of the component.
-     */
-    this.margin = "auto";
-    /**
-     * Aria Details of the component
-     */
-    this.accessibleDetails = undefined;
-    /**
-     * String of id's that indicate alternative labels elements
-     */
-    this.accessibleLabelledBy = undefined;
-    /**
-     * Aria description the button
-     */
-    this.accessibleDescription = undefined;
-    /**
-     * Theme of the textarea.
-     */
-    this.theme = "";
-    /**
-     * Expands the textarea to fill 100% of the container width.
-     */
-    this.expand = false;
-    /**
-     * Makes the textarea component disabled. This prevents users from being able
-     * to interact with the textarea, and conveys its inactive state to assistive
-     * technologies.
-     */
-    this.disabled = false;
-    /**
-     * Set whether the textarea is required or not. Please note that this is required for
-     * accessible inputs when the user is required to fill them. When using this property
-     * you need to also set “novalidate” attribute to your form element to prevent
-     * browser from displaying its own validation errors.
-     */
-    this.required = false;
-    /**
-     * Label for the textarea.
-     */
-    this.label = "label";
-    /**
-     * Visually hide the label, but still show it to screen readers.
-     */
-    this.labelHidden = false;
-    /**
-     * If form input field has a placeholder text, and user types anything (causing the text to dissapear),
-     * settings this to true will "echo" it into the caption slot - this option will be false by default for the next few versions, but will eventually be true by default (scheduled for 4.30.0)
-     */
-    this.echoPlaceholder = false;
-    /**
-     * Display the textarea in error state along with an error message.
-     */
-    this.error = "";
-    /**
-     * Tooltip to display next to the label of the input.
-     */
-    this.tooltip = "";
-    /**
-     * With direction setting you can force the tooltip to always open towards left
-     * or right instead of automatically determining the direction.
-     */
-    this.tooltipDirection = "auto";
-    /**
-     * Value of the textarea.
-     */
-    this.value = "";
-    /**
-     * A regular expression that matches any characters which should be *disallowed*.
-     * This differs from `pattern`, as it actively prevents users entering any characters which match the regular expression.
-     * e.g. the following will disallow any non-numeric characters `[^0-9]`
-     */
-    this.disallowPattern = null;
-    /**
-     * Display character counter. Must be used in conjunction with
-     * **maxlength** and **counterLabel** properties.
-     */
-    this.counter = false;
     /**
      * Component event handling.
      */
@@ -148,6 +70,36 @@ const DuetTextarea = class {
         component: "duet-textarea",
       });
     };
+    this.margin = "auto";
+    this.accessibleActiveDescendant = undefined;
+    this.accessibleAutocomplete = undefined;
+    this.accessibleControls = undefined;
+    this.accessibleDetails = undefined;
+    this.accessibleLabelledBy = undefined;
+    this.accessibleDescription = undefined;
+    this.accessibleOwns = undefined;
+    this.accessibleDescribedBy = undefined;
+    this.theme = "";
+    this.expand = false;
+    this.disabled = false;
+    this.identifier = undefined;
+    this.required = false;
+    this.label = "label";
+    this.labelHidden = false;
+    this.name = undefined;
+    this.placeholder = undefined;
+    this.caption = undefined;
+    this.echoPlaceholder = false;
+    this.maxlength = undefined;
+    this.minlength = undefined;
+    this.error = "";
+    this.role = undefined;
+    this.tooltip = "";
+    this.tooltipDirection = "auto";
+    this.value = "";
+    this.disallowPattern = null;
+    this.counter = false;
+    this.counterLabel = undefined;
   }
   disallowedPatternChange() {
     this.disallowPatternRegex = this.disallowPattern ? new RegExp(this.disallowPattern, "g") : null;

package/lib/esm/duet-toggle.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-8469ee1a.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4df60498.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
 
@@ -16,53 +16,30 @@ const DuetToggle = class {
      */
     this.toggleId = createID("DuetToggle");
     /**
-     * Theme of the card.
+     * Component event handling.
      */
+    this.onClick = (ev) => {
+      ev.preventDefault();
+      this.setFocus();
+      this.checked = !this.checked;
+    };
     this.theme = "";
-    /**
-     * Controls the margin of the component.
-     */
     this.margin = "auto";
-    /**
-     * Aria Details of the component
-     */
+    this.accessibleActiveDescendant = undefined;
+    this.accessibleControls = undefined;
+    this.accessibleOwns = undefined;
+    this.accessibleDescribedBy = undefined;
     this.accessibleDetails = undefined;
-    /**
-     * String of id's that indicate alternative labels elements
-     */
     this.accessibleLabelledBy = undefined;
-    /**
-     * Aria description the button
-     */
     this.accessibleDescription = undefined;
-    /**
-     * Label for the toggle.
-     */
     this.label = "label";
-    /**
-     * Set whether the input is required or not. Please note that this is necessary for
-     * accessible inputs when the user is required to fill them. When using this property
-     * you need to also set “novalidate” attribute to your form element to prevent
-     * browser from displaying its own validation errors.
-     */
     this.required = false;
-    /**
-     * Makes the input component disabled. This prevents users from being able to
-     * interact with the input, and conveys its inactive state to assistive technologies.
-     */
     this.disabled = false;
-    /**
-     * Check state of the checkbox.
-     */
     this.checked = false;
-    /**
-     * Component event handling.
-     */
-    this.onClick = (ev) => {
-      ev.preventDefault();
-      this.setFocus();
-      this.checked = !this.checked;
-    };
+    this.value = undefined;
+    this.identifier = undefined;
+    this.name = undefined;
+    this.role = undefined;
   }
   checkedChanged(isChecked) {
     this.duetChange.emit({

package/lib/esm/duet-toolbar-dropdown-link.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-8469ee1a.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-4df60498.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 
 const duetToolbarDropdownLinkCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}.duet-toolbar-dropdown-link{display:flex;flex-direction:row;gap:0.5rem;align-items:center;justify-content:flex-start;height:100%;padding:0.5rem 20px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:#00294d;text-align:center;text-decoration:none}.duet-toolbar-dropdown-link.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a}.duet-toolbar-dropdown-link.active,.duet-toolbar-dropdown-link.active:hover{color:white;background:#0077b3}.duet-toolbar-dropdown-link.active.duet-theme-turva,.duet-toolbar-dropdown-link.active:hover.duet-theme-turva{color:white;background:#c60c30}.duet-toolbar-dropdown-link:hover{background:#e6f2f8}.duet-toolbar-dropdown-link:hover.duet-theme-turva{background:#e4e4e6}";
@@ -9,21 +9,9 @@ const duetToolbarDropdownLinkCss = "*,*::after,*::before{box-sizing:border-box;p
 const DuetToolbarDropdownLink = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * Theme.
-     */
     this.theme = "";
-    /**
-     * Href
-     */
     this.href = "#";
-    /**
-     * Icon
-     */
     this.icon = undefined;
-    /**
-     * Active
-     */
     this.active = false;
   }
   /**

package/lib/esm/duet-toolbar-dropdown.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-8469ee1a.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4df60498.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 
 const duetToolbarDropdownCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}.duet-toolbar-dropdown{position:relative;z-index:1;height:100%}.duet-toolbar-dropdown button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:#004d80;text-align:center;text-decoration:none;cursor:pointer}.duet-toolbar-dropdown button .label{display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-toolbar-dropdown button:hover{color:#00294d;background:#f3f9fc}.duet-toolbar-dropdown button.open .caret{transform:rotate(180deg)}.duet-toolbar-dropdown button.active,.duet-toolbar-dropdown button.open{color:#00294d}.duet-toolbar-dropdown button.active::after,.duet-toolbar-dropdown button.open::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:\"\";background:#0077b3;transition:300ms ease;transform:translateY(1px)}.duet-toolbar-dropdown .items{position:absolute;top:102%;right:0%;left:auto;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:175px;padding:1rem 0;color:#00294d;background:#f3f9fc;border-radius:0 0 8px 8px;box-shadow:0 6px 6px 0 rgba(0, 41, 77, 0.1)}.duet-toolbar-dropdown .items.hidden{display:none}.duet-toolbar-dropdown.right .items{right:auto;left:0%}.duet-toolbar-dropdown.duet-theme-turva button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#940925}.duet-toolbar-dropdown.duet-theme-turva button:hover{color:#171c3a;background:#f5f5f7}.duet-toolbar-dropdown.duet-theme-turva button.active{color:#171c3a}.duet-toolbar-dropdown.duet-theme-turva button.active::after{background:#c60c30}.duet-toolbar-dropdown.duet-theme-turva .items{background:#f5f5f7}";
@@ -10,22 +10,6 @@ const DuetToolbarDropdown = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.duetToolbarDropdownEvent = createEvent(this, "duetToolbarDropdownEvent", 7);
-    /**
-     * Theme.
-     */
-    this.theme = "";
-    /**
-     * Active
-     */
-    this.active = false;
-    /**
-     * Open
-     */
-    this.open = false;
-    /**
-     * Icon
-     */
-    this.icon = undefined;
     this.toggleMenu = (e) => {
       const toggle = !this.open;
       this.open = toggle;
@@ -39,6 +23,10 @@ const DuetToolbarDropdown = class {
       this.toggleMenu(e);
       e.stopImmediatePropagation();
     };
+    this.theme = "";
+    this.active = false;
+    this.open = false;
+    this.icon = undefined;
   }
   /**
    * Component lifecycle events.

package/lib/esm/duet-toolbar-link.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-8469ee1a.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-4df60498.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 
 const duetToolbarLinkCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}.duet-toolbar-link{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:#004d80;text-align:center;text-decoration:none}.duet-toolbar-link.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#940925}.duet-toolbar-link:hover{color:#00294d;background:#f3f9fc}.duet-toolbar-link:hover.duet-theme-turva{color:#171c3a;background:#f5f5f7}.duet-toolbar-link.active{color:#00294d}.duet-toolbar-link.active::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:\"\";background:#0077b3;transition:300ms ease;transform:translateY(1px)}.duet-toolbar-link.active::after.duet-theme-turva{background:#c60c30}.duet-toolbar-link.active.duet-theme-turva{color:#171c3a}.duet-toolbar-link.active.duet-theme-turva::after{background:#c60c30}";
@@ -9,21 +9,9 @@ const duetToolbarLinkCss = "*,*::after,*::before{box-sizing:border-box;padding:0
 const DuetToolbarLink = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * Theme.
-     */
     this.theme = "";
-    /**
-     * Active
-     */
     this.active = false;
-    /**
-     * Href
-     */
     this.href = "#";
-    /**
-     * Icon
-     */
     this.icon = undefined;
   }
   /**

package/lib/esm/duet-toolbar.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-8469ee1a.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-4df60498.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 
 const duetToolbarCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%}.duet-toolbar{display:flex;align-items:center;justify-content:space-between;width:100%;height:36px;padding:0 28px;background:white}.duet-toolbar ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-toolbar.duet-theme-turva{background:white}";
@@ -9,9 +9,6 @@ const duetToolbarCss = "*,*::after,*::before{box-sizing:border-box;padding:0;mar
 const DuetToolbar = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * Theme.
-     */
     this.theme = "";
   }
   /**

package/lib/esm/duet-tooltip.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-8469ee1a.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-4df60498.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
 import { a as getLanguage, g as getLocaleString } from './language-utils-bf701d37.js';
@@ -17,82 +17,6 @@ const DuetTooltip = class {
      */
     this.tooltipId = createID("DuetTooltip");
     this.lastScrollTop = 0;
-    /**
-     * State() variables
-     * Inlined decorator, alphabetical order.
-     */
-    this.openDown = false;
-    this.openLeft = false;
-    this.openRight = false;
-    /**
-     * Theme of the tooltip.
-     */
-    this.theme = "";
-    /**
-     * The currently active language. This setting changes the accessible labels to match the
-     * chosen language.
-     * @deprecated this is now handled via the html lang tag, and is no longer used - kept to avoid breaking changes and ease unit testing
-     * @default "fi"
-     */
-    this.language = getLanguage();
-    /**
-     * Default language strings for the accessibleLabel
-     * @default {fi: "Näytä lisätietoja", en: "See more information", sv: "Se mer information"}
-     */
-    this.accessibleLabelDefault = {
-      fi: "Näytä lisätietoja",
-      en: "Show more information",
-      sv: "Visa mer tilläggsuppgifter",
-    };
-    /**
-     * Adds accessible label for the info icon that is only shown for screen
-     * readers. This property is always required to create an accessible interface!
-     * @default {fi: "Näytä lisätietoja", en: "See more information", sv: "Se mer information"}
-     */
-    this.accessibleLabel = getLocaleString(this.accessibleLabelDefault, this.language);
-    /**
-     * Default language strings for the accessibleCloseLabel
-     * @default {fi: "Sulje lisätiedot", en: "Close details", sv: "Stäng detaljer"}
-     */
-    this.accessibleCloseLabelDefault = {
-      fi: "Sulje lisätiedot",
-      en: "Close details",
-      sv: "Stäng tilläggsuppgifter",
-    };
-    /**
-     * Adds accessible label for the close icon that is only shown for screen
-     * readers. This property is always required to create an accessibly interface!
-     * @default {fi: "Sulje lisätiedot", en: "Close details", sv: "Stäng detaljer"}
-     */
-    this.accessibleCloseLabel = getLocaleString(this.accessibleCloseLabelDefault, this.language);
-    /**
-     * Label of the tooltip. If used, replaces the accessibleLabel option.
-     */
-    this.label = "";
-    /**
-     * Adjust the responsive breakpoint where tooltip starts opening towards left.
-     */
-    this.breakpoint = "medium";
-    /**
-     * With direction setting you can force the tooltip to always open towards left
-     * or right instead of automatically determining the direction.
-     */
-    this.direction = "auto";
-    /**
-     * Adjust the vertical positioning of the tooltip toggle in pixels. Can be a
-     * negative value as well. E.g. "-13px".
-     */
-    this.positionVertical = "0";
-    /**
-     * Adjust the horizontal positioning of the tooltip toggle in pixels. Can be a
-     * negative value as well. E.g. "-13px".
-     */
-    this.positionHorizontal = "0";
-    /**
-     * Toggle whether the tooltip is initially visible or not. This property should
-     * not be used in production in most cases.
-     */
-    this.active = false;
     /**
      * Local methods
      */
@@ -168,8 +92,31 @@ const DuetTooltip = class {
       else {
         this.openLeft = this.direction === "left";
       }
-      console.log(isLeftSideVisible, this.openRight, isRightSideVisible, this.openLeft);
     };
+    this.openDown = false;
+    this.openLeft = false;
+    this.openRight = false;
+    this.theme = "";
+    this.language = getLanguage();
+    this.accessibleLabelDefault = {
+      fi: "Näytä lisätietoja",
+      en: "Show more information",
+      sv: "Visa mer tilläggsuppgifter",
+    };
+    this.accessibleLabel = getLocaleString(this.accessibleLabelDefault, this.language);
+    this.accessibleInputLabel = undefined;
+    this.accessibleCloseLabelDefault = {
+      fi: "Sulje lisätiedot",
+      en: "Close details",
+      sv: "Stäng tilläggsuppgifter",
+    };
+    this.accessibleCloseLabel = getLocaleString(this.accessibleCloseLabelDefault, this.language);
+    this.label = "";
+    this.breakpoint = "medium";
+    this.direction = "auto";
+    this.positionVertical = "0";
+    this.positionHorizontal = "0";
+    this.active = false;
   }
   /**
    * Component lifecycle events.

package/lib/esm/duet-tray.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, F as Fragment, g as getElement } from './index-8469ee1a.js';
+import { r as registerInstance, h, F as Fragment, g as getElement } from './index-4df60498.js';
 import { s as sizeHeader } from './tokens.module-d3321092.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
@@ -19,78 +19,36 @@ const DuetTray = class {
      */
     this.isTicking = false;
     this.expandableId = createID("DuetTray");
-    this.expanded = false;
     /**
-     * The state of the info panel.
+     * Local methods.
      */
+    this.animationLoop = () => {
+      this.hiddenState = window.pageYOffset < topOffset;
+      this.isTicking = false;
+    };
+    this.toggleExpandable = ev => {
+      ev.preventDefault();
+      this.expanded = !this.expanded;
+    };
+    this.expanded = false;
     this.hiddenState = false;
-    /**
-     * The currently active language. This setting changes the accessible labels to match the
-     * chosen language.
-     * @deprecated this is now handled via the html lang tag, and is no longer used - kept to avoid breaking changes and ease unit testing
-     * @default "fi"
-     */
     this.language = getLanguage();
-    /**
-     * Defaults for accessibleCloseLabel
-     * @default {fi: "Sulje", en: "Close", sv: "Stänga"}
-     */
     this.accessibleCloseLabelDefaults = {
       fi: "Sulje",
       en: "Close",
       sv: "Stäng",
     };
-    /**
-     * Accessible label that is shown for screen reader users in the expandable
-     * close toggle. Not visible for normal users.
-     * @default {fi: "Sulje", en: "Close", sv: "Stänga"}
-     */
     this.accessibleCloseLabel = getLocaleString(this.accessibleCloseLabelDefaults, this.language);
-    /**
-     * Defaults for accessibleOpenLabel
-     * @default {fi: "Avaa", en: "Open", sv: "Öppen"}
-     */
     this.accessibleOpenLabelDefaults = {
       fi: "Avaa",
       en: "Open",
       sv: "Öppna",
     };
-    /**
-     * Accessible label that is shown for screen reader users in the expandable
-     * open toggle. Not visible for normal users.
-     * @default {fi: "Avaa", en: "Open", sv: "Öppen"}
-     */
     this.accessibleOpenLabel = getLocaleString(this.accessibleOpenLabelDefaults, this.language);
-    /**
-     * Theme of the info panel.
-     */
     this.theme = "";
-    /**
-     * Toggle whether the info panel is visible or not. You can use this
-     * property e.g. when pricing information is revealed to the user.
-     */
     this.active = false;
-    /**
-     * Hide the info panel when user scrolls back to the top of the viewport.
-     */
     this.autoHide = true;
-    /**
-     * Enable or disable the automatic responsive behaviour which
-     * makes the info panel hide on larger viewports. Settings this to
-     * "false" means that the header panel is visible on all device sizes.
-     */
     this.responsive = true;
-    /**
-     * Local methods.
-     */
-    this.animationLoop = () => {
-      this.hiddenState = window.pageYOffset < topOffset;
-      this.isTicking = false;
-    };
-    this.toggleExpandable = ev => {
-      ev.preventDefault();
-      this.expanded = !this.expanded;
-    };
   }
   /**
    * Component lifecycle events.

package/lib/esm/duet-upload-aria-status.entry.js

@@ -1,39 +1,11 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host } from './index-8469ee1a.js';
+import { r as registerInstance, h, H as Host } from './index-4df60498.js';
 
 const DuetUploadAriaStatus = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * State() variables
-     */
-    this.statusMessage = null;
-    /**
-     * Status labels used in the component
-     */
-    this.statusMessageLabel = null;
-    /**
-     * Adds accessible label that is read aloud
-     */
-    this.accessibleAriaLive = "polite";
-    /**
-     * valid file amount
-     */
-    this.valid = undefined;
-    /**
-     * total files
-     */
-    this.total = undefined;
-    /**
-     * invalid file amount
-     */
-    this.invalid = undefined;
-    /**
-     * valid file amount
-     */
-    this.inprogress = undefined;
     /**
      * Private functions
      */
@@ -72,6 +44,13 @@ const DuetUploadAriaStatus = class {
       }
       return;
     };
+    this.statusMessage = null;
+    this.statusMessageLabel = null;
+    this.accessibleAriaLive = "polite";
+    this.valid = undefined;
+    this.total = undefined;
+    this.invalid = undefined;
+    this.inprogress = undefined;
   }
   watchHandler(newValue, oldValue) {
     if (newValue !== oldValue) {

package/lib/esm/duet-visually-hidden.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host } from './index-8469ee1a.js';
+import { r as registerInstance, h, H as Host } from './index-4df60498.js';
 
 const duetVisuallyHiddenCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}";