@duetds/components 4.30.0 → 4.33.0

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-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"}

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

@@ -1,14 +1,18 @@
 import { DuetColor, DuetMargin, DuetTheme } from "../../common-types";
 import { ThemeableComponent } from "../../utils/themeable-component";
 export declare type DuetParagraphSize = "small" | "medium";
+export declare type DuetParagraphWeight = "semi-bold" | "bold" | undefined;
 export declare type DuetParagraphVariation = "default" | "intro";
+/**
+ * @part duet-paragraph - piercing selector for styling the paragraph
+ */
 export declare class DuetParagraph implements ThemeableComponent {
   /**
    * Reference to host HTML element.
    */
   element: HTMLElement;
   /**
-   * Theme of the card.
+   * Theme of the paragraph.
    */
   theme: DuetTheme;
   /**
@@ -19,6 +23,10 @@ export declare class DuetParagraph implements ThemeableComponent {
    * Controls the size of the paragraph.
    */
   size: DuetParagraphSize;
+  /**
+   * Controls the Font-Weight of the paragraph.
+   */
+  weight: DuetParagraphWeight;
   /**
    * Style variation of the paragraph.
    */

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

@@ -0,0 +1,64 @@
+import { DuetTheme } from "../../common-types";
+import { DuetLangObject } from "../../utils/language-utils";
+import { ThemeableComponent } from "../../utils/themeable-component";
+export declare type DuetUploadEvent = {
+  originalEvent?: Event;
+  data?: Record<string, any>;
+  component: "duet-progress";
+  scoped: true;
+};
+export declare class DuetProgress implements ThemeableComponent {
+  /**
+   * Own Properties
+   */
+  private progressId;
+  private progressLabelId;
+  /**
+   * Reference to host HTML element.
+   */
+  element: HTMLElement;
+  /**
+   * Indicates the id of a component that describes the upload component.
+   */
+  accessibleDescribedBy: string;
+  /**
+   * Indicates the aria-label of the component -
+   * this will get combined with an label+uploading when uploading,
+   * and label+upload complete when upload is complete
+   */
+  accessibleLabel: string;
+  /**
+   * Defaults for accessibleLabel
+   */
+  accessibleLabelUploadDefaults: DuetLangObject | string;
+  /**
+   * Adds accessible label for upload in progress and upload complete states
+   * @default {fi: ["lähetys valmis", "lähetys käynnissä"],sv: ["Uppladdningen är klar", "Uppladdning pågår"], en:  ["completed", "in progress"]}
+   */
+  accessibleLabelUpload: string;
+  /**
+   * Progress of the bar, a value from 0-100
+   */
+  progress: number;
+  /**
+   * Caption (underneath label) that can be set as a way of adding extra information
+   */
+  caption: string;
+  /**
+   * Height of progressbar
+   */
+  height: string;
+  /**
+   * Theme of the input.
+   */
+  theme: DuetTheme;
+  /**
+   * Component lifecycle events.
+   */
+  componentWillLoad(): void;
+  /**
+   * render() function
+   * Always the last one in the class.
+   */
+  render(): any;
+}

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

@@ -1,5 +1,6 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { DuetLanguage, DuetMargin, DuetPadding, DuetTheme } from "../../common-types";
+import { DuetLangObject } from "../../utils/language-utils";
 import { ThemeableComponent } from "../../utils/themeable-component";
 export declare type DuetTabGroupEvent = {
   component: "duet-tab-group";
@@ -37,6 +38,11 @@ export declare class DuetTabGroup implements ThemeableComponent {
    * @default "fi"
    */
   language: DuetLanguage;
+  /**
+   * Defaults for Label
+   * @default {fi: "Valitse", en: "Choose", sv: "Välja"}
+   */
+  labelDefaults: DuetLangObject | string;
   /**
    * Label for the select element which gets shown on mobile.
    * @default {fi: "Valitse", en: "Choose", sv: "Välja"}