@duetds/components 4.30.1 → 4.31.0

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

@@ -50,7 +50,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.

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";
@@ -59,6 +60,18 @@ export declare class DuetDatePicker implements ThemeableComponent, InputComponen
    * 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.
    */

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

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

@@ -1,4 +1,5 @@
 import { DuetLanguage, DuetTheme, DuetTooltipDirection } from "../../common-types";
+import { DuetLangObject } from "../../utils/language-utils";
 import { ThemeableComponent } from "../../utils/themeable-component";
 export declare type DuetTooltipBreakpoint = "medium" | "large";
 export declare class DuetTooltip implements ThemeableComponent {
@@ -32,6 +33,11 @@ export declare class DuetTooltip implements ThemeableComponent {
    * @default "fi"
    */
   language: DuetLanguage;
+  /**
+   * Default language strings for the accessibleLabel
+   * @default {fi: "Näytä lisätietoja", en: "See more information", sv: "Se mer information"}
+   */
+  accessibleLabelDefault: DuetLangObject | string;
   /**
    * Adds accessible label for the info icon that is only shown for screen
    * readers. This property is always required to create an accessible interface!
@@ -44,6 +50,11 @@ export declare class DuetTooltip implements ThemeableComponent {
    * Used internally by input components to add more context to the tooltip.
    */
   accessibleInputLabel: string;
+  /**
+   * Default language strings for the accessibleCloseLabel
+   * @default {fi: "Sulje lisätiedot", en: "Close details", sv: "Stäng detaljer"}
+   */
+  accessibleCloseLabelDefault: 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-tray/duet-tray.d.ts

@@ -1,4 +1,5 @@
 import { DuetLanguage, DuetTheme } from "../../common-types";
+import { DuetLangObject } from "../../utils/language-utils";
 import { ThemeableComponent } from "../../utils/themeable-component";
 /**
  * @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.
@@ -27,12 +28,22 @@ export declare class DuetTray implements ThemeableComponent {
    * @default "fi"
    */
   language: DuetLanguage;
+  /**
+   * Defaults for accessibleCloseLabel
+   * @default {fi: "Sulje", en: "Close", sv: "Stänga"}
+   */
+  accessibleCloseLabelDefaults: DuetLangObject | string;
   /**
    * 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"}
    */
   accessibleCloseLabel: string;
+  /**
+   * Defaults for accessibleOpenLabel
+   * @default {fi: "Avaa", en: "Open", sv: "Öppen"}
+   */
+  accessibleOpenLabelDefaults: DuetLangObject | string;
   /**
    * Accessible label that is shown for screen reader users in the expandable
    * open toggle. Not visible for normal users.