@duetds/components 4.30.1 → 4.33.1

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

@@ -23,8 +23,9 @@ export declare class DuetAlert implements ThemeableComponent {
   /**
    * Property to change languageDefaults on the component.
    * normally you would handle these strings on an application level and override @accessibleLabel when needed
+   * @default {fi: "Sulje viesti", sv: "Stäng meddelandet", en: "Close the message"}
    */
-  accessibleLabelDefaults: DuetLangObject;
+  accessibleLabelDefaults: DuetLangObject | string;
   /**
    * Adds accessible label for the dismissible alert close button.
    * @default {fi: "Sulje viesti", sv: "Stäng meddelandet", en: "Close the message"}

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

@@ -127,7 +127,7 @@ export declare class DuetButton implements ThemeableComponent, FormComponent {
    * normally you would handle these strings on an application level and override @accessibleLabelExternal when needed
    * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
    */
-  accessibleLabelExternalDefaults: DuetLangObject;
+  accessibleLabelExternalDefaults: DuetLangObject | string;
   /**
    * Adds accessible label for tooltip that is shown in external link (url & external have both been set)
    * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}

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

@@ -13,6 +13,7 @@ export declare type DuetChoiceType = "radio" | "checkbox";
 /**
  * @slot unnamed default slot - The component’s primary content. All child nodes that do not have a slot attribute defined are inserted into this primary slot.
  * @slot info - Info content. Anything inserted into this slot is displayed in a collapsible info box.
+ * @slot collapsible_header - header that is only added to collapsible element, this header should be used when the components collapsible area contains additional interactive elements (such as form items) and should be user for a short description of the content below it, it is mandatory for good accessibility to use this - and aria-decribe-by will point to it. If you use the collapsible area with simple text - describe-by will point to this area
  * @slot additional - Additional content. Anything inserted into this slot is displayed as additional content under the label and caption
  */
 export declare class DuetChoice implements ThemeableComponent, InputComponent {
@@ -20,13 +21,15 @@ export declare class DuetChoice implements ThemeableComponent, InputComponent {
    * Own Properties.
    */
   private hasInfo?;
+  private hasHeader;
   private isKeyDown?;
   private hasAdditional?;
   private nativeInput;
-  private nativeInfoButton?;
+  private infoButtonEl?;
   private choiceId;
-  private collapsibleId;
-  private infoId;
+  private expandId;
+  private headerId;
+  private infoButtonId;
   /**
    * Reference to host HTML element.
    */
@@ -50,7 +53,7 @@ export declare class DuetChoice implements ThemeableComponent, InputComponent {
    * Property to change accessibleLabelInfoButton defaults on the component.
    * normally you would handle these strings on an application level and override @accessibleLabelInfoButton when needed
    */
-  accessibleLabelInfoButtonDefaults: DuetLangObject;
+  accessibleLabelInfoButtonDefaults: DuetLangObject | string;
   /**
    * Accessible label that is read for screen reader users in the info toggle trigger button.
    * Not visible for normal users.
@@ -72,6 +75,8 @@ export declare class DuetChoice implements ThemeableComponent, InputComponent {
   accessibleOwns: string;
   /**
    * Indicates the id of a component that describes the choice.
+   * if this is set to an empty string it will prevent screenreaders from flowing to a collapsible content
+   * and can be used as an escape hatch if that behaviour is undesired.
    */
   accessibleDescribedBy: string;
   /**
@@ -153,6 +158,20 @@ export declare class DuetChoice implements ThemeableComponent, InputComponent {
    * browser from displaying its own validation errors.
    */
   required: boolean;
+  /**
+   * Placeholder defaults
+   * @default { fi: "pp.kk.vvvv", en: "dd.mm.yyyy", sv: "dd.mm.åååå" }
+   */
+  infoLabelDefaults: DuetLangObject | string;
+  /**
+   * Hint text to display before the user types into the date picker input.
+   * @default  {
+   *     fi: "Lisätietoja",
+   *     en: "More information about",
+   *     sv: "Mera information om",
+   *   }
+   */
+  infoLabel: string;
   /**
    * Emitted when the checked property has changed.
    */
@@ -174,7 +193,7 @@ export declare class DuetChoice implements ThemeableComponent, InputComponent {
    */
   handleHostBlur(ev: any): void;
   handleHostKeyDown(): void;
-  handleHostKeyUp(): void;
+  handleHostKeyUp(ev: any): void;
   private onMouseEnter;
   private onMouseLeave;
   private onClick;

package/lib/types/components/duet-date-picker/duet-date-picker.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { DuetLanguage, DuetMargin, DuetTheme, DuetTooltipDirection } from "../../common-types";
 import { InputComponent } from "../../utils/form-components";
+import { DuetLangObject } from "../../utils/language-utils";
 import { ThemeableComponent } from "../../utils/themeable-component";
 export declare type DuetDatePickerChangeEvent = {
   component: "duet-date-picker";
@@ -52,13 +53,25 @@ export declare class DuetDatePicker implements ThemeableComponent, InputComponen
    */
   label: string;
   /**
-   * Caption (underneath label) that can be set as a way of adding extra information
+   * Caption (underneath label) that can be set as a way of adding extra information.
    */
   caption: string;
   /**
    * Controls the margin of the component.
    */
   margin: DuetMargin;
+  /**
+   * The currently active language. This setting changes the month/year/day.
+   * names and button labels as well as all screen reader labels.
+   * @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"
+   */
+  language: DuetLanguage;
+  /**
+   * Placeholder defaults.
+   * @default { fi: "pp.kk.vvvv", en: "dd.mm.yyyy", sv: "dd.mm.åååå" }
+   */
+  placeholderDefaults: DuetLangObject | string;
   /**
    * Hint text to display before the user types into the date picker input.
    * @default { fi: "pp.kk.vvvv", en: "dd.mm.yyyy", sv: "dd.mm.åååå" }
@@ -74,13 +87,6 @@ export declare class DuetDatePicker implements ThemeableComponent, InputComponen
    * interact with the input, and conveys its inactive state to assistive technologies.
    */
   disabled: boolean;
-  /**
-   * The currently active language. This setting changes the month/year/day
-   * names and button labels as well as all screen reader labels.
-   * @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"
-   */
-  language: DuetLanguage;
   /**
    * Display the date picker input in error state along with an error message.
    */
@@ -142,7 +148,7 @@ export declare class DuetDatePicker implements ThemeableComponent, InputComponen
    */
   min: string;
   /**
-   * Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD
+   * Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.
    * This setting can be used alone or together with the min property.
    */
   max: string;

package/lib/types/components/duet-editable-table/duet-editable-table-button.d.ts

@@ -0,0 +1,72 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { DuetTheme } from "../../common-types";
+import { DuetLangObject } from "../../utils/language-utils";
+import { ThemeableComponent } from "../../utils/themeable-component";
+export interface StringMap {
+  [key: string]: any;
+}
+export declare type DuetEditableTableItemEvent = {
+  originalEvent?: Event;
+  uid: string | number | bigint;
+  keyName: string | number | bigint;
+  action: string;
+  group: string;
+  component: "duet-editable-table-item";
+};
+export declare type DuetEditableTableActionButtonItems = {
+  icon: string;
+  color: string;
+  color_hover: string;
+  id: string;
+  map?: string[];
+  label?: DuetLangObject;
+};
+export declare class DuetEditableTableButton implements ThemeableComponent {
+  el: HTMLElement;
+  isHovering: boolean;
+  /**
+   * Theme of the empty state component.
+   */
+  theme: DuetTheme;
+  /**
+   * action items passed from host component
+   * @internal
+   */
+  actions: DuetEditableTableActionButtonItems;
+  /**
+   * uid that gets passed along when the action is emitted
+   * @internal
+   */
+  uid: string;
+  /**
+   * group associated with action
+   * @internal
+   */
+  group: string;
+  /**
+   * key of the item in the map
+   * @internal
+   */
+  keyName: string;
+  /**
+   * Emitted when any action is clicked
+   */
+  duetEditableItemAction: EventEmitter<DuetEditableTableItemEvent>;
+  /**
+   /**
+   * Component lifecycle events.
+   */
+  componentWillLoad(): void;
+  /**
+   /**
+   * private functions
+   */
+  private emitActionEvent;
+  private onMouseEnter;
+  private onMouseLeave;
+  /**
+   * render() function
+   * Always the last one in the class.
+   */
+  render(): any;
+}

package/lib/types/components/duet-editable-table/duet-editable-table-item.d.ts

@@ -0,0 +1,72 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { DuetTheme } from "../../common-types";
+import { DuetLangObject } from "../../utils/language-utils";
+import { ThemeableComponent } from "../../utils/themeable-component";
+export interface StringMap {
+  [key: string]: any;
+}
+export declare type DuetEditableTableItemEvent = {
+  originalEvent?: Event;
+  uid: string;
+  keyName: string;
+  action: string;
+  group: string;
+  component: "duet-editable-table-item";
+};
+export declare type DuetEditableTableActions = {
+  icon: string;
+  color: string;
+  color_hover: string;
+  id: string;
+  map?: string[];
+  label?: DuetLangObject;
+}[];
+export declare type DuetEditableTableItemData = {
+  uid: string;
+  item: string | HTMLElement;
+  group: string;
+};
+export declare class DuetEditableTableItem implements ThemeableComponent {
+  el: HTMLElement;
+  isHovering: boolean;
+  /**
+   * Theme of the empty state component.
+   */
+  theme: DuetTheme;
+  /**
+   * Actions that can be performed on the element
+   */
+  actions: DuetEditableTableActions;
+  /**
+   * GroupId used to pierce the shadowdom - gets concatenated with "content & actions" and used as part="groupIDcontent/actions" to pierce the content/Action item
+   * @internal
+   */
+  groupId: string;
+  /**
+   * Key used to identify item, when running actions
+   */
+  keyName: string;
+  /**
+   * Object of data itemsused to render the entire row
+   */
+  data: DuetEditableTableItemData;
+  watchPropHandler(_newValue: any, _oldValue: any): void;
+  /**
+   * Emitted when any action is clicked
+   */
+  duetEditableItemAction: EventEmitter<DuetEditableTableItemEvent>;
+  /**
+   /**
+   * Component lifecycle events.
+   */
+  componentWillLoad(): void;
+  /**
+   /**
+   * private functions
+   */
+  /**
+   * render() function
+   * Always the last one in the class.
+   */
+  render(): any;
+}

package/lib/types/components/duet-editable-table/duet-editable-table-tabledata.d.ts

@@ -0,0 +1,7 @@
+import { FunctionalComponent } from "../../stencil-public-runtime";
+interface TableDataProps {
+  data: any;
+  groupId: string;
+}
+export declare const TableData: FunctionalComponent<TableDataProps>;
+export {};

package/lib/types/components/duet-editable-table/duet-editable-table.d.ts

@@ -0,0 +1,84 @@
+import { DuetTheme } from "../../common-types";
+import { DuetLangObject } from "../../utils/language-utils";
+import { ThemeableComponent } from "../../utils/themeable-component";
+import { DuetEditableTableActions, DuetEditableTableItemData } from "./duet-editable-table-item";
+export declare type DuetEditableTableGroupNames = {
+  id: string;
+  label: DuetLangObject;
+  actionLabel?: DuetLangObject;
+}[];
+export declare type DuetEditableTableItems = Map<any, DuetEditableTableItemData>;
+export declare class DuetEditableTable implements ThemeableComponent {
+  private internalGroupArray;
+  private internalActionsArray;
+  /**
+   * Reference to host HTML element.
+   */
+  element: HTMLElement;
+  /**
+   * State() variables
+   * @internal
+   */
+  tick: number;
+  /**
+   * Map of items that contain list of things.
+   */
+  items: DuetEditableTableItems;
+  /**
+   * Array of internationalized defaults for the default groups labels.
+   */
+  groupsLabelDefaults: DuetLangObject;
+  /**
+   * Array of internationalized defaults for the default action labels.
+   */
+  actionLabelDefaults: DuetLangObject;
+  /**
+   * Array of group names that you want the editable table to display (can be used to hide or show groups depending on conditions).
+   * @default { id: "all", label: this.groupsLabelDefaults, actionLabel: this.actionLabelDefaults }.
+   * @example [{ id: "success", label: {fi: "Onnistunut", en: "Success", sv: "Alt klart", }}].
+   */
+  groups: DuetEditableTableGroupNames | string;
+  /**
+   * Array of actions that are mapped via the map variable to the various groups defined in group.
+   * @default undefined
+   * @example [{
+              variation: "default",
+              icon: "action-edit-2",
+              id: "edit",
+              map: ["success"],
+              label: {
+                fi: " Label",
+                en: " Label",
+                sv: " Label",
+              }
+            }]
+   */
+  actions: DuetEditableTableActions | string;
+  /**
+   * Shows or hides the table labels.
+   */
+  hideGroups: boolean;
+  /**
+   * Exposes the aria role for optimizing accessibility.
+   */
+  accessibleRole: string;
+  /**
+   * Theme of the table.
+   */
+  theme: DuetTheme;
+  /**
+   * Component lifecycle events.
+   */
+  componentWillLoad(): void;
+  /**
+   * Method to force an update of a tabular data array.
+   * when called the method will rerender the entire tabular structure.
+   */
+  updateTable(passedItems?: DuetEditableTableItems): Promise<void>;
+  /**
+   * Private methods.
+   */
+  private kick;
+  filterMap: (needle: any) => [any, DuetEditableTableItemData][];
+  render(): any;
+}

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

@@ -64,7 +64,7 @@ export declare class DuetFooter implements ThemeableComponent {
    * normally you would handle these strings on an application level and override @accessibleLabelExternal when needed
    * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
    */
-  accessibleLabelExternalDefaults: DuetLangObject;
+  accessibleLabelExternalDefaults: DuetLangObject | string;
   /**
    * Adds accessible label for tooltip that is shown in external link (url & external have both been set)
    * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}

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

@@ -1,6 +1,6 @@
 import { ComponentInterface } from "../../stencil-public-runtime";
 import { DuetDirection, DuetGridBreakpoint } from "../../common-types";
-export declare type DuetGridAlignment = "top" | "bottom" | "center" | "stretch" | "baseline";
+export declare type DuetGridAlignment = "top" | "bottom" | "center" | "stretch" | "baseline" | "form_distribute";
 export declare type DuetGridDistribution = "default" | "left" | "right" | "center" | "space-between" | "space-around" | "space-evenly";
 export declare type DuetGridMobileAlignment = "" | "auto" | "left" | "right" | "center";
 export declare class DuetGrid implements ComponentInterface {
@@ -8,6 +8,8 @@ export declare class DuetGrid implements ComponentInterface {
    * Own Properties.
    */
   private mutationO?;
+  private mutation1?;
+  distributeFormElement: boolean;
   /**
    * Reference to host HTML element.
    */
@@ -28,7 +30,9 @@ export declare class DuetGrid implements ComponentInterface {
    */
   direction: DuetDirection;
   /**
-   * Adjusts the vertical alignment of the grid items.
+   * Adjusts the vertical alignment of the grid items, if set to "form_distribute"
+   * the grid will try to calculate correct paddings for any duet-input fields inside duet-grid-items,
+   * so that they align even when displaying errors.
    */
   alignment: DuetGridAlignment;
   /**
@@ -39,6 +43,15 @@ export declare class DuetGrid implements ComponentInterface {
    * Adjusts the horizontal alignment of the grid items on mobile (575px and under).
    */
   mobile: DuetGridMobileAlignment;
+  /**
+   * Private functions
+   */
+  /**
+   * Returns the element height including margins
+   * @param element - element
+   * @returns {number}
+   */
+  private outerHeight;
   /**
    * Component lifecycle events.
    */
@@ -48,6 +61,7 @@ export declare class DuetGrid implements ComponentInterface {
    * Local methods
    */
   private updateGridItems;
+  private updateGridItemsWithInputFields;
   /**
    * render() function
    * Always the last one in the class.

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

@@ -75,10 +75,26 @@ export declare class DuetHeader implements ThemeableComponent {
    */
   language: DuetLanguage;
   /**
-   * Property to change accessibleI18nLabels defaults on the component.
-   * normally you would handle these strings on an application level and override @accessibleI18nLabels when needed
+   * Default strings for accessibleI18nLabels
+   * @default {
+    fi: {
+      skipLabel: "Siirry pääsisältöön",
+      changeLanguage: "Vaihda kieltä",
+      activeLanguage: "Suomi valittuna",
+    },
+    sv: {
+      skipLabel: "Hoppa till huvudinnehåll",
+      changeLanguage: "Ändra Språk",
+      activeLanguage: "Svenska valt",
+    },
+    en: {
+      skipLabel: "Skip to main content",
+      changeLanguage: "Change language",
+      activeLanguage: "English selected",
+    },
+  }
    */
-  accessibleI18nLabelsDefault: Record<DuetLanguage, I18nText>;
+  accessibleI18nLabelsDefaults: string | Record<DuetLanguage, I18nText>;
   /**
    * Adds i18n translations of all internally used textStrings
    * @default {
@@ -105,7 +121,7 @@ export declare class DuetHeader implements ThemeableComponent {
    * normally you would handle these strings on an application level and override @accessibleLabelExternal when needed
    * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
    */
-  accessibleLabelExternalDefaults: DuetLangObject;
+  accessibleLabelExternalDefaults: DuetLangObject | string;
   /**
    * Adds accessible label for tooltip that is shown in external link (url & external have both been set)
    * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
@@ -115,7 +131,7 @@ export declare class DuetHeader implements ThemeableComponent {
    * Property to change accessibleLabel defaults on the component.
    * normally you would handle these strings on an application level and override @accessibleLabel when needed
    */
-  accessibleLabelDefault: DuetLangObject;
+  accessibleLabelDefaults: DuetLangObject | string;
   /**
    * Accessible label that is shown for screen reader users in the mobile
    * navigation toggle. Not visible for normal users.

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

@@ -21,9 +21,9 @@ export declare class DuetHeading implements ThemeableComponent {
    */
   visualLevel: DuetVisualHeadingLevel;
   /**
-   * Enable or disable the border underneath the heading.
+   * Enable or disable the border underneath the heading, solid will darken the border
    */
-  border: boolean;
+  border: boolean | "solid";
   /**
    * This property allows you to set semibold font weight for all sizes
    * when needed.

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

@@ -103,10 +103,10 @@ export declare class DuetHero implements ThemeableComponent {
    */
   language: DuetLanguage;
   /**
-   * Property to change accessibleLabelExternal defaults on the component.
-   * normally you would handle these strings on an application level and override @accessibleLabelExternal when needed
+   * Defaults for accessibleLabelExternal
+   * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
    */
-  accessibleLabelExternalDefaults: DuetLangObject;
+  accessibleLabelExternalDefaults: DuetLangObject | string;
   /**
    * Adds accessible label for tooltip that is shown in external link (url & external have both been set)
    * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}

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

@@ -60,7 +60,7 @@ export declare class DuetIcon implements ThemeableComponent {
   /**
    * Component lifecycle events.
    */
-  componentWillLoad(): void;
+  componentWillLoad(): Promise<void>;
   loadIcon(): Promise<void>;
   /**
    * render() function.

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

@@ -1,2 +1,2 @@
 export declare const buildIconUrl: (iconName: string) => string;
-export declare function fetchIconByUrl(url: string): Promise<string>;
+export declare function fetchIconByUrl(url: string, isServer?: boolean): Promise<string>;

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

@@ -17,11 +17,10 @@ export declare class DuetLink implements ThemeableComponent {
    */
   language: DuetLanguage;
   /**
-   * Property to change accessibleLabelExternal defaults on the component.
-   * normally you would handle these strings on an application level and override @accessibleLabelExternal when needed
+   * Defaults for accessibleLabelExternal
    * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
    */
-  accessibleLabelExternalDefaults: DuetLangObject;
+  accessibleLabelExternalDefaults: DuetLangObject | string;
   /**
    * Adds accessible label for tooltip that is shown in external link (url & external have both been set)
    * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}

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

@@ -40,10 +40,10 @@ export declare class DuetModal implements ThemeableComponent {
    */
   language: DuetLanguage;
   /**
-   * Property to change accessibleCloseLabel defaults on the component.
-   * normally you would handle these strings on an application level and override @accessibleCloseLabel when needed
+   * Defaults for accessibleCloseLabel
+   * @default {fi: "Sulje ikkuna", sv: "Stäng fönstret", en: "Close the dialog", }
    */
-  accessibleCloseLabelDefault: DuetLangObject;
+  accessibleCloseLabelDefaults: DuetLangObject | string;
   /**
    * Adds accessible label for the close icon that is only shown for screen
    * readers. This property is always required to create an accessibly interface!

package/lib/types/components/duet-notification-drawer/duet-notification-drawer.d.ts

@@ -33,10 +33,10 @@ export declare class DuetNotificationDrawer implements ThemeableComponent {
    */
   language: DuetLanguage;
   /**
-   * Property to change accessibleLabelNotifications defaults on the component.
-   * normally you would handle these strings on an application level and override @accessibleLabelNotifications when needed
+   * Defaults for accessibleLabelNotifications
+   * @default {en: "No notifications", fi: "Ei ilmoituksia", sv: "Inga notifikationer"}
    */
-  accessibleLabelNotificationsDefaults: DuetLangObject;
+  accessibleLabelNotificationsDefaults: DuetLangObject | string;
   /**
    * Adds accessible label for tooltip that is shown for notifications
    * @default {en: "No notifications", fi: "Ei ilmoituksia", sv: "Inga notifikationer"}

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

@@ -1,6 +1,7 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { DuetLanguage, DuetLocale, DuetMargin, DuetTheme } from "../../common-types";
 import { DuetNumericInput } from "../../utils/form-components";
+import { DuetLangObject } from "../../utils/language-utils";
 import { ThemeableComponent } from "../../utils/themeable-component";
 export declare type DuetNumberInputEvent = {
   originalEvent?: Event;
@@ -55,6 +56,11 @@ export declare class DuetNumberInput implements ThemeableComponent, DuetNumericI
    * Indicates the id of a component that describes the input.
    */
   accessibleDescribedBy: string;
+  /**
+   * Defaults for accessibleLive
+   * @default {fi: "{current} euroa valittuna", en: "{current} euros selected", sv: "{current} valda euro"}
+   */
+  accessibleLiveDefaults: DuetLangObject | string;
   /**
    * Format of message used to announce current amount when switching between amounts.
    * The string {current} is replaced with the current amount.
@@ -65,11 +71,21 @@ export declare class DuetNumberInput implements ThemeableComponent, DuetNumericI
    * Disables the aria-live messaging used internally in this component. This could be useful when you want to use custom aria-live messages instead.
    */
   accessibleLiveEnabled: boolean;
+  /**
+   * Defaults for accessibleAdd
+   * @default {fi: "Lisää summaan", en: "Add to the amount", sv: "Lägg till beloppet"}
+   */
+  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"}
    */
   accessibleAdd: string;
+  /**
+   * Defaults for accessibleSubtract
+   * @default {fi: "Vähennä summasta", en: "Subtract from the amount", sv: "Dra från beloppet"}
+   */
+  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"}
@@ -95,6 +111,11 @@ export declare class DuetNumberInput implements ThemeableComponent, DuetNumericI
    * Minimum value.
    */
   min: number;
+  /**
+   * Defaults for Label
+   * @default  {fi: "Etiketti", en: "Label", sv: "Märka"}
+   */
+  labelDefaults: DuetLangObject | string;
   /**
    * Label for the number input.
    * @default  {fi: "Etiketti", en: "Label", sv: "Märka"}