@duetds/components 10.0.0-alpha.9 → 10.0.0

package/lib/types/components/duet-number-input/duet-number-input.d.ts

@@ -30,7 +30,8 @@ export declare class DuetNumberInput implements ThemeableComponent, DuetNumericI
      */
     language: DuetLanguage;
     /**
-     * Locale used to format the entered value.
+     * Locale used to format the entered value. Note that localization is used only for decimal separator, as using thousands
+     * separators would break keyboard input.
      */
     locale: DuetLocale;
     /**
@@ -77,7 +78,8 @@ export declare class DuetNumberInput implements ThemeableComponent, DuetNumericI
      */
     accessibleLiveDefaults: DuetLangObject | string;
     /**
-     * Format of message used to announce current amount when switching between amounts.
+     * Format of message used to announce current amount when switching between amounts. Note that the default has "euros"
+     * so if you use another unit is is essential you set this attribute to reflect that unit.
      * The string {current} is replaced with the current amount.
      * @default {fi: "{current} euroa valittuna", en: "{current} euros selected", sv: "{current} valda euro"}
      */
@@ -88,22 +90,24 @@ export declare class DuetNumberInput implements ThemeableComponent, DuetNumericI
     accessibleLiveEnabled: boolean;
     /**
      * Defaults for accessibleAdd
-     * @default {fi: "Lisää summaan", en: "Add to the amount", sv: "Lägg till beloppet"}
+     * @default {fi: "Lisää {step} {unit}", en: "Add {step} {unit}", sv: "Lägg till {step} {unit}"}
      */
     accessibleAddDefaults: DuetLangObject | string;
     /**
-     * Accessible label for the add button that is read for screen reader users.
-     * @default {fi: "Lisää summaan", en: "Add to the amount", sv: "Lägg till beloppet"}
+     * Accessible label for the add button that is read for screen reader users. The placeholders {step} and {unit}
+     * are replaced with respective properties.
+     * @default {fi: "Lisää {step} {unit}", en: "Add {step} {unit}", sv: "Lägg till {step} {unit}"}
      */
     accessibleAdd: string;
     /**
      * Defaults for accessibleSubtract
-     * @default {fi: "Vähennä summasta", en: "Subtract from the amount", sv: "Dra från beloppet"}
+     * @default {fi: "Vähenn {step} {unit}ä", en: "Subtract {step} {unit}", sv: "Sutrahera {step} {unit}"}
      */
     accessibleSubtractDefaults: DuetLangObject | string;
     /**
-     * Accessible label for the subtract button that is read for screen reader users.
-     * @default {fi: "Vähennä summasta", en: "Subtract from the amount", sv: "Dra från beloppet"}
+     * Accessible label for the subtract button that is read for screen reader users. The placeholders {step} and {unit}
+     * are replaced with respective properties.
+     * @default {fi: "Vähennä {step} {unit}", en: "Subtract {step} {unit}", sv: "Sutrahera {step} {unit}"}
      */
     accessibleSubtract: string;
     /**
@@ -234,6 +238,7 @@ export declare class DuetNumberInput implements ThemeableComponent, DuetNumericI
     private setValue;
     private add;
     private subtract;
+    private getUnitString;
     private formatAnnouncement;
     /**
      * render() function

package/lib/types/components/duet-overlay/duet-overlay.d.ts

@@ -6,6 +6,10 @@ export type OverlayDisplayDevice = "x-small" | "not-x-small" | "small" | "not-sm
  * This component is for internal use.
  */
 export declare class DuetOverlay implements ThemeableComponent {
+    /**
+     * Reference to host HTML element.
+     */
+    element: HTMLElement;
     /**
      * Open
      */

package/lib/types/components/duet-panel/duet-panel.d.ts

@@ -0,0 +1,47 @@
+import { DuetMargin, DuetTheme } from "../../common-types";
+import { ThemeableComponent } from "../../common/themeable-component";
+type DuetPanelPalette = "default" | "accent";
+type DuetPanelPaletteVariation = "primary" | "secondary";
+export type DuetPanelVariation = "" | `${DuetPanelPalette}` | `${DuetPanelPaletteVariation}` | `${DuetPanelPalette}-${DuetPanelPaletteVariation}` | `${DuetPanelPaletteVariation}-${DuetPanelPalette}`;
+export declare class DuetPanel implements ThemeableComponent {
+    element: HTMLElement;
+    /**
+     * Theme of the panel.
+     */
+    theme: DuetTheme;
+    /**
+     * Controls the padding of the component. Padding is automatically responsive.
+     */
+    padding: "small" | "medium" | "large";
+    /**
+     * The color variation of the panel. Combination of palette ("default", "accent") and palette variation ("primary",
+     * "secondary"). You can ommit "default" and "primary" - they are the defaults.
+     */
+    variation: DuetPanelVariation;
+    /**
+     * Controls the margin of the component.
+     */
+    margin: DuetMargin;
+    /**
+     * Set this attribute to draw a border around the panel.
+     */
+    border: boolean;
+    /**
+     * Adds accessible label for the panel that is only shown for screen readers.
+     */
+    accessibleLabel: string;
+    /**
+     * Indicates the id of a component that labels the panel.
+     */
+    accessibleLabelledBy: string;
+    /**
+     * Indicates the id of a component that describes the panel.
+     */
+    accessibleDescribedBy: string;
+    /**
+     * Component lifecycle events.
+     */
+    componentWillLoad(): void;
+    render(): any;
+}
+export {};

package/lib/types/components/duet-paragraph/duet-paragraph.d.ts

@@ -8,6 +8,7 @@ export type DuetParagraphVariation = "default" | "intro";
  */
 export declare class DuetParagraph implements ThemeableComponent {
     private id;
+    private inheritingParents;
     /**
      * Reference to host HTML element.
      */

package/lib/types/components/duet-phone-input/duet-phone-input.d.ts

@@ -16,7 +16,7 @@ export declare class DuetPhoneInput implements ThemeableComponent, A11yComponent
     private countriesToList;
     private countryFlagCDNUrl;
     private inputId;
-    private _value;
+    private buttonAriaLabel;
     /**
      * Reference to host HTML element.
      */
@@ -92,6 +92,10 @@ export declare class DuetPhoneInput implements ThemeableComponent, A11yComponent
      * Visually hide the label, but still show it to screen readers.
      */
     labelHidden: boolean;
+    /**
+     * Caption (underneath label) that can be set as a way of adding extra information
+     */
+    caption: string;
     /**
      * Name of the input.
      */
@@ -104,11 +108,28 @@ export declare class DuetPhoneInput implements ThemeableComponent, A11yComponent
      * Tooltip to display next to the label of the input.
      */
     tooltip: string;
+    /**
+     * Use maxlength to specify the maximum length of the value that can be entered.
+     */
+    maxlength: number;
+    /**
+     * Use minlength to specify the minimum length of the value that can be entered.
+     */
+    minlength: number;
     /**
      * Value of the input.
      */
     get value(): string;
     set value(val: string);
+    /**
+     * If the value is set above before the component has rendered, the ref to duetInputElement has not yet been set.
+     * In these cases we set the value to this.pendingValue and after the first render pass it on to this.duetInputElement.
+     */
+    private pendingValue;
+    /**
+     * This is a proxy for the enclosed native inputs validity
+     */
+    get validity(): ValidityState;
     /**
      * Countries to list at the top of the popup-menu, given as an array or comma separated list of ISO 3166-2 codes.
      * @default ["FI", "SE"]
@@ -134,6 +155,7 @@ export declare class DuetPhoneInput implements ThemeableComponent, A11yComponent
      * Component lifecycle events.
      */
     componentWillLoad(): void;
+    componentDidLoad(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
     /**

package/lib/types/components/duet-popup-menu/duet-popup-menu.d.ts

@@ -9,10 +9,12 @@ export declare class DuetPopupMenu implements ThemeableComponent {
     private teleport;
     private menuElement;
     private openButton;
-    private _controller?;
     private autoUpdateCleanup;
     private filterInput?;
     private filterLabel;
+    private filterResultCountLabel;
+    private disconnectController;
+    private eventListenerController;
     /**
      * Reference to host HTML element.
      */
@@ -20,6 +22,7 @@ export declare class DuetPopupMenu implements ThemeableComponent {
     open: boolean;
     menuY: number;
     menuX: number;
+    filterResultCount: number;
     language: DuetLanguage;
     /**
      * Adds accessible label for the menu that is only presented for users of assistive technologies.
@@ -42,20 +45,19 @@ export declare class DuetPopupMenu implements ThemeableComponent {
      * Element, or id of an element, that controls the opening and closing of the popup menu. If id is given,
      * the component automatically sets the click event listener to open and close the popup-menu.
      */
-    get controller(): string | HTMLDuetInputElement | (HTMLElement & FocusableComponent & OpenerComponent);
-    set controller(value: string | HTMLDuetInputElement | (HTMLElement & FocusableComponent & OpenerComponent));
+    controller: string | HTMLDuetInputElement | (HTMLElement & FocusableComponent & OpenerComponent) | HTMLElement;
     /**
      * Alias for property controller.
      */
-    get opener(): string | HTMLDuetInputElement | (HTMLElement & FocusableComponent & OpenerComponent);
-    set opener(value: string | HTMLDuetInputElement | (HTMLElement & FocusableComponent & OpenerComponent));
+    get opener(): string | HTMLElement | HTMLDuetInputElement | (HTMLElement & FocusableComponent & OpenerComponent);
+    set opener(value: string | HTMLElement | HTMLDuetInputElement | (HTMLElement & FocusableComponent & OpenerComponent));
     /**
      * Placement of the popup menu relative to its controller.
      * Possible values: "top", "bottom", "left" and "right", optionally combined with "-start" or "-end".
      */
     placement: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
     /**
-     * Force placement.
+     * Set true to override automatic placement on scrolling out of viewport and force the placement set with attribute.
      */
     forcePlacement: boolean;
     /**
@@ -124,10 +126,12 @@ export declare class DuetPopupMenu implements ThemeableComponent {
      */
     toggle(): Promise<void>;
     handleOpenChange(newValue: any, oldValue: any): void;
+    handleControllerChange(newValue: any, oldValue: any): void;
     private setOpenButton;
     private openButtonEventListener;
     private updatePlacement;
     private get itemElements();
+    private getAllPrecedingMatchingSiblings;
     private get popupMenuStyleHeight();
     private getFocusedItemIndex;
     private getNonFilteredItems;

package/lib/types/components/duet-popup-menu-item/duet-popup-menu-item.d.ts

@@ -9,6 +9,7 @@ export type DuetPopupMenuItemEvent = {
 export declare class DuetPopupMenuItem implements ThemeableComponent {
     focus: boolean;
     private itemElement;
+    private isSafariBrowser;
     /**
      * Reference to host HTML element.
      */

package/lib/types/components/duet-promo-card/duet-promo-card.d.ts

@@ -33,6 +33,10 @@ export declare class DuetPromoCard implements ThemeableComponent {
      * Image. Example image is 512x341;
      */
     image: string;
+    /**
+     * Alt attribute text for the image. If not provided, image is assigned presentation role.
+     */
+    imageAlt: string;
     /**
      * The actual heading level used in the HTML markup.
      */

package/lib/types/components/duet-radio-group/duet-radio-group.d.ts

@@ -67,6 +67,7 @@ export declare class DuetRadioGroup implements ThemeableComponent {
      * Determines, whether the control is disabled or not.
      */
     disabled: boolean;
+    removeDisabledAttributeWhenFalse(): void;
     /**
      * Sets whether making a choice is required or optional. Will set contained duet-radio components to required as well.
      */

package/lib/types/components/duet-scrollable/duet-scrollable.d.ts

@@ -64,12 +64,30 @@ export declare class DuetScrollable implements ThemeableComponent {
      */
     selected: number;
     watchPropHandler(newValue: number): void;
+    /**
+     * Enables stretch mode for tab groups
+     * @internal
+     */
+    stretch: boolean;
     /**
      * Component lifecycle events.
      */
     componentWillLoad(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
+    /**
+     * Scrolls the scrollable so that the desired item is visible
+     * @param itemIndex The first item is 1
+     */
+    scrollToItem(itemIndex: number): Promise<void>;
+    /**
+     * Scrolls the scrollable so that the first item is visible
+     */
+    scrollToStart(): Promise<void>;
+    /**
+     * Scrolls the scrollable so that the last item is visible
+     */
+    scrollToEnd(): Promise<void>;
     /**
      * Private methods.
      */

package/lib/types/components/duet-select/duet-select.d.ts

@@ -34,6 +34,7 @@ export declare class DuetSelect implements ThemeableComponent, InputComponent {
     private topCaptionPlaceholderId;
     private isCaptionVisible;
     private nativeSelect?;
+    private proxyId;
     /**
      * Reference to host HTML element.
      */
@@ -176,10 +177,10 @@ export declare class DuetSelect implements ThemeableComponent, InputComponent {
      * Component lifecycle events.
      */
     componentWillLoad(): void;
+    componentDidRender(): void;
     /**
      * Component event handling.
      */
-    private onClick;
     private onChange;
     private onBlur;
     private onFocus;

package/lib/types/components/duet-share-chart/duet-share-chart.d.ts

@@ -0,0 +1,34 @@
+import { ThemeableComponent } from "../../common";
+import { DuetColor, DuetTheme } from "../../common-types";
+interface ShareChartItem {
+    text: string;
+    value: number;
+    color: DuetColor;
+}
+export declare class DuetShareChart implements ThemeableComponent {
+    private childObserver;
+    private itemsTotalValue;
+    private defaultColors;
+    element: HTMLElement;
+    items: ShareChartItem[];
+    /**
+     * Theme of the component.
+     */
+    theme: DuetTheme;
+    /**
+     * The string to show after each items value. When using "%" the enclosed items' values should add up to 100.
+     */
+    unit: string;
+    /**
+     * Component lifecycle events.
+     */
+    componentWillLoad(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * Local methods
+     */
+    private updateChartItems;
+    render(): any;
+}
+export {};

package/lib/types/components/duet-share-chart-item/duet-share-chart-item.d.ts

@@ -0,0 +1,13 @@
+import { DuetColor } from "../../common-types";
+export declare class DuetShareChartItem {
+    element: HTMLElement;
+    /**
+     * The value of the item.
+     */
+    value: number;
+    /**
+     * The color to use in the graph given as a Duet color token. If left out, the Share chart picks a color from a default set.
+     */
+    color: DuetColor;
+    render(): any;
+}

package/lib/types/components/duet-show-more/duet-show-more.d.ts

@@ -10,6 +10,7 @@ export declare class DuetShowMore implements ThemeableComponent {
     private contentElement;
     private contentId;
     private buttonId;
+    private isSafariBrowser;
     element: HTMLElement;
     buttonAriaOpen: boolean;
     /**

package/lib/types/components/duet-slideout/duet-slideout.d.ts

@@ -25,7 +25,6 @@ export declare class DuetSlideout implements ThemeableComponent {
     private mutationObserver;
     private teleport;
     private hasStickyHeaderSlot;
-    private _opener?;
     private disconnectController;
     private eventListenerController;
     /**
@@ -51,13 +50,12 @@ export declare class DuetSlideout implements ThemeableComponent {
      * DuetMenuBarButton or DuetButton element, or id of an element, that opens the slideout. If id is given,
      * the component automatically sets the click event listener to open the slideout.
      */
-    get opener(): string | (HTMLElement & FocusableComponent & OpenerComponent);
-    set opener(value: string | (HTMLElement & FocusableComponent & OpenerComponent));
+    opener: string | HTMLElement | (HTMLElement & FocusableComponent & OpenerComponent);
     /**
      * Alias for property opener.
      */
-    get controller(): string | (HTMLElement & FocusableComponent & OpenerComponent);
-    set controller(value: string | (HTMLElement & FocusableComponent & OpenerComponent));
+    get controller(): string | HTMLElement | (HTMLElement & FocusableComponent & OpenerComponent);
+    set controller(value: string | HTMLElement | (HTMLElement & FocusableComponent & OpenerComponent));
     /**
      * Background color. Use one of the color tokens.
      */
@@ -81,6 +79,7 @@ export declare class DuetSlideout implements ThemeableComponent {
     connectedCallback(): void;
     disconnectedCallback(): void;
     handleOpenChange(newValue: any, oldValue: any): void;
+    handleOpenerChange(newValue: any, oldValue: any): void;
     private setOpenButton;
     private setStickHeaderStyleMutations;
     private openButtonEventListener;

package/lib/types/components/duet-spinner/duet-spinner.d.ts

@@ -2,6 +2,7 @@ import { DuetColor, DuetTheme } from "../../common-types";
 import { ThemeableComponent } from "../../common/themeable-component";
 export type DuetSpinnerSize = "small" | "medium" | "large";
 export declare class DuetSpinner implements ThemeableComponent {
+    element: HTMLElement;
     /**
      * Adds accessible label for the spinner that is only shown for screen readers.
      */
@@ -11,6 +12,10 @@ export declare class DuetSpinner implements ThemeableComponent {
      * Example: "color-primary". This property can also be set to "currentColor"
      * which forces the icon to use the CSS text color of parent element instead.
      * Useful when you want to control the color in stylesheet instead.
+     * Note that in earlier versions the color has defaulted to "gray-lightest", but
+     * in a future release it will change to undefined, so that the color will be
+     * the theme's primary. If you have relied on not defining color to result in
+     * white, it is advisable to update your code to explicitly define it.
      */
     color: DuetColor;
     /**
@@ -18,9 +23,7 @@ export declare class DuetSpinner implements ThemeableComponent {
      */
     size: DuetSpinnerSize;
     /**
-     * Theme of the spinner. When used this will override the color setting and
-     * use "primary" or "primary-turva" as the color depending on which theme
-     * is chosen.
+     * Theme of the spinner.
      */
     theme: DuetTheme;
     /**

package/lib/types/components/duet-status-icon/duet-status-icon.d.ts

@@ -19,6 +19,7 @@ export declare class DuetStatusIcon implements ComponentInterface {
      * Use strong background color when the icon would not otherwise stand out from the surrounding background.
      */
     strong: boolean;
+    private getVariation;
     private getBg;
     private getColor;
     private getIcon;

package/lib/types/components/duet-stepper/duet-stepper.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { DuetMargin, DuetTheme } from "../../common-types";
+import { DuetLanguage, DuetMargin, DuetTheme } from "../../common-types";
 import { ThemeableComponent } from "../../common/themeable-component";
 import { DuetStepClickEvent } from "../duet-step/duet-step";
 export type DuetStepChangeEvent = {
@@ -8,17 +8,19 @@ export type DuetStepChangeEvent = {
     toStep: number;
 };
 export declare class DuetStepper implements ThemeableComponent {
+    private childObserver;
     /**
      * Reference to host HTML element.
      */
     element: HTMLElement;
+    language: DuetLanguage;
     /**
      * Theme of the component.
      */
     theme: DuetTheme;
     /**
      * Format of message used to announce current step when navigating between steps.
-     * The string {current} is replaced with current the step number.
+     * The string {current} is replaced with the current step number.
      * The string {total} is replaced with the total number of steps.
      */
     accessibleLive: string;
@@ -43,6 +45,7 @@ export declare class DuetStepper implements ThemeableComponent {
     onDuetStepClick(e: CustomEvent<DuetStepClickEvent>): void;
     componentWillLoad(): void;
     connectedCallback(): Promise<void>;
+    disconnectedCallback(): void;
     private getSteps;
     private setStepFocus;
     private updateStepState;

package/lib/types/components/duet-tab/duet-tab.d.ts

@@ -1,6 +1,7 @@
 import { ThemeableComponent } from "../../common";
 import { DuetTheme } from "../../common-types";
 import { DuetLangObject } from "../../utils/language-utils";
+import { IndicatorVariation } from "../duet-indicator/duet-indicator";
 export declare class DuetTab implements ThemeableComponent {
     private tabpanelElement;
     element: HTMLElement;
@@ -21,10 +22,19 @@ export declare class DuetTab implements ThemeableComponent {
      */
     selected: boolean;
     /**
+     * @deprecated Use indicator property instead.
      * Notification mark to show in the tab button. Works better with plain variation, as the dark background of
      * selected default button makes the mark less noticable.
      */
     notificationMark: "warning" | "danger";
+    /**
+     * Indicator to show in the tab button.
+     */
+    indicator: IndicatorVariation;
+    /**
+     * Provides accessible text for the Duet Indicator. If Indicator's default is sufficient this is not needed.
+     */
+    indicatorAccessibleLabel: string;
     /**
      * Defaults for AccessibleLabel
      * @default null

package/lib/types/components/duet-tab-group/duet-tab-group.d.ts

@@ -100,6 +100,15 @@ export declare class DuetTabGroup implements ThemeableComponent {
      * Never disables switching to larger size and always forces it.
      */
     switchLargeBreakpoint: "small" | "never" | "always";
+    /**
+     * Makes the tab group fill the space with background, only used
+     * when tab-group variation is default.
+     */
+    fillSpace: boolean;
+    /**
+     * Makes the tab buttons stretch to fill the available space
+     */
+    stretch: boolean;
     /**
      * @deprecated in favour of more specific duetTabChange event.
      * Callback for when the value changed.

package/lib/types/components/duet-textarea/duet-textarea.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { A11yComponent, InputComponent, ThemeableComponent } from "../../common";
-import { DuetMargin, DuetTextFontWeight, DuetTheme, DuetTooltipDirection } from "../../common-types";
+import { DuetLanguage, DuetMargin, DuetTextFontWeight, DuetTheme, DuetTooltipDirection } from "../../common-types";
 export type DuetTextareaEvent = {
     originalEvent?: Event;
     component: "duet-textarea";
@@ -20,11 +20,13 @@ export declare class DuetTextarea implements ThemeableComponent, InputComponent,
     private labelId;
     private errorId;
     private characterCountId;
+    private visuallyHiddenCounterDebounceMS;
     private nativeInput;
-    private hiddenCounterLabel;
     private isCaptionVisible;
     private disallowPatternRegex;
-    private counterLabelDefaults;
+    private charactersRemainingLabel;
+    language: DuetLanguage;
+    visuallyHiddenCounterText: string;
     /**
      * Reference to host HTML element.
      */
@@ -131,20 +133,26 @@ export declare class DuetTextarea implements ThemeableComponent, InputComponent,
      * 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)
      */
     echoPlaceholder: boolean;
+    /**
+     * Rows attribute for the contained native textarea element. If set, overrides the default style's minheight.
+     */
+    rows: number;
     /**
      * Use maxlength to specify the maximum length of the value that can be entered.
-     * Please note that this uses native HTML5 pattern validation.
      */
     maxlength: number;
     /**
      * Use minlength to specify the minimum length of the value that can be entered.
-     * Please note that this uses native HTML5 pattern validation.
      */
     minlength: number;
     /**
      * Display the textarea in error state along with an error message.
      */
     error: string;
+    /**
+     * This is a proxy for the enclosed native textarea's validity
+     */
+    get validity(): ValidityState;
     /**
      * Defines a specific role attribute for the input.
      */
@@ -162,6 +170,7 @@ export declare class DuetTextarea implements ThemeableComponent, InputComponent,
      * Value of the textarea.
      */
     value: string;
+    valueChange(newValue: string, oldValue: string): void;
     /**
      * 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.
@@ -174,8 +183,7 @@ export declare class DuetTextarea implements ThemeableComponent, InputComponent,
      */
     counter: boolean;
     /**
-     * Accessible label for character counter.
-     * @default fi: "merkkiä jäljellä", en: "characters remaining", sv: "tecken kvar"
+     * @deprecated, the visually hidden counter label is no longer changeable
      */
     counterLabel: string;
     /**
@@ -198,8 +206,7 @@ export declare class DuetTextarea implements ThemeableComponent, InputComponent,
      * Component lifecycle events.
      */
     componentWillLoad(): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
+    private updateVisuallyHiddenCounterText;
     componentDidRender(): void;
     /**
      * Component event handling.
@@ -208,6 +215,11 @@ export declare class DuetTextarea implements ThemeableComponent, InputComponent,
     private handleChange;
     private handleBlur;
     private handleFocus;
+    /**
+     * When the character limit has been reached and key is pressed, switch the
+     * visually hidden label temprorily to empty so it is re-read.
+     */
+    private handleKeyDown;
     private getDescribedBy;
     /**
      * Sets focus on the specified `duet-textarea`. Use this method instead of the global

package/lib/types/components/duet-tooltip/duet-tooltip.d.ts

@@ -76,7 +76,7 @@ export declare class DuetTooltip implements ThemeableComponent {
      */
     accessibleCloseLabel: string;
     /**
-     * Label of the tooltip. If used, replaces the accessibleLabel option.
+     * Label of the tooltip.
      */
     label: string;
     /**