@duetds/components 8.0.5 → 8.1.0

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

@@ -1,41 +1,41 @@
 import { ComponentInterface } from "../../stencil-public-runtime";
 import { DuetLangObject } from "../../utils/language-utils";
 export declare class DuetTab implements ComponentInterface {
-  element: HTMLElement;
-  /**
-   * Label for the tab.
-   */
-  label: string;
-  /**
-   * Caption for the tab.
-   */
-  caption: string;
-  /**
-   * Selected state of the tab.
-   */
-  selected: boolean;
-  /**
-   * Defaults for AccessibleLabel
-   * @default null
-   */
-  accessibleDescriptionDefault: DuetLangObject | string;
-  /**
-   * String for AccessibleLabel
-   * @default null
-   */
-  accessibleDescription: string;
-  /**
-   * String of id's that indicate alternative labels elements
-   */
-  accessibleLabelledBy: string;
-  /**
-   * Component lifecycle events.
-   */
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render(): any;
+    element: HTMLElement;
+    /**
+     * Label for the tab.
+     */
+    label: string;
+    /**
+     * Caption for the tab.
+     */
+    caption: string;
+    /**
+     * Selected state of the tab.
+     */
+    selected: boolean;
+    /**
+     * Defaults for AccessibleLabel
+     * @default null
+     */
+    accessibleDescriptionDefault: DuetLangObject | string;
+    /**
+     * String for AccessibleLabel
+     * @default null
+     */
+    accessibleDescription: string;
+    /**
+     * String of id's that indicate alternative labels elements
+     */
+    accessibleLabelledBy: string;
+    /**
+     * Component lifecycle events.
+     */
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * render() function
+     * Always the last one in the class.
+     */
+    render(): any;
 }

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

@@ -3,8 +3,8 @@ import { ThemeableComponent } from "../../common";
 import { DuetLanguage, DuetMargin, DuetPadding, DuetTheme } from "../../common-types";
 import { DuetLangObject } from "../../utils/language-utils";
 export type DuetTabGroupEvent = {
-  component: "duet-tab-group";
-  value: number;
+    component: "duet-tab-group";
+    value: number;
 };
 export type DuetTabVariation = "default" | "plain" | "checked" | "plain-scrolling";
 /**
@@ -12,134 +12,134 @@ export type DuetTabVariation = "default" | "plain" | "checked" | "plain-scrollin
  * @part ${identifier}-button--selected - piercing selector for styling selected tab button
  */
 export declare class DuetTabGroup implements ThemeableComponent {
-  /**
-   * Own Properties.
-   */
-  private mutationO?;
-  private id;
-  private tabsContainer;
-  /**
-   * Reference to host HTML element.
-   */
-  element: HTMLElement;
-  /**
-   * State() variables
-   * Inlined decorator, alphabetical order.
-   */
-  tabs: HTMLDuetTabElement[];
-  selected: number;
-  /**
-   * Theme of the component.
-   */
-  theme: DuetTheme;
-  /**
-   * Controls whether the tab-group should scroll (by inflection this will disable collapsing to select box on small screens),
-   * if this is a number instead of true it will be used as "amount of items to scroll"
-   */
-  scrolls: boolean;
-  /**
-   * Whether the tab-group collapses to a select dropwdown in minor breakpoints
-   */
-  collapses: boolean;
-  /**
-   * Aria label for the entire tab-group
-   */
-  accessibleLabel: string;
-  /**
-   * Style variation of the tab group.
-   */
-  variation: DuetTabVariation;
-  /**
-   * The currently active language. This setting changes the accessible labels to match the
-   * chosen language.
-   * @deprecated this is now handled via the html lang tag, and is no longer used - kept to avoid breaking changes and ease unit testing
-   * @default "fi"
-   */
-  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"}
-   */
-  label: string;
-  /**
-   * Determines whether the label for the select element shown on mobile is visually hidden.
-   */
-  labelHidden: boolean;
-  /**
-   * Optional identifier to add to buttons in the tab group
-   */
-  identifier: string;
-  /**
-   * Controls the margin of the component.
-   */
-  margin: DuetMargin;
-  /**
-   * Controls the padding of the component.
-   */
-  padding: DuetPadding;
-  /**
-   * Controls if tab content should have tab index and be accessible by pressing tab
-   */
-  setTabIndex: boolean;
-  /**
-   * If this property is set to true, tab won't change immediately after clicking it.
-   * Component will emit "duetTabChangeRequested" event, and it needs to be handled manually in order to change tab.
-   */
-  tabChangeConfirm: boolean;
-  /**
-   * @deprecated in favour of more specific duetTabChange event.
-   * Callback for when the value changed.
-   */
-  duetChange: EventEmitter<DuetTabGroupEvent>;
-  /**
-   * Event raised when the selected tab is changed
-   */
-  duetTabChange: EventEmitter<DuetTabGroupEvent>;
-  /**
-   * Event raised when new tab is clicked and "tabChangeConfirm" property is set to true
-   */
-  duetTabChangeRequested: EventEmitter<DuetTabGroupEvent>;
-  /**
-   * Component lifecycle events.
-   */
-  connectedCallback(): Promise<void>;
-  disconnectedCallback(): void;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  /**
-   * Component event handling.
-   */
-  private handleKeyDown;
-  /**
-   * This method allows you to open any of the tabs by calling the method and
-   * passing the index of the tab. Please note that index starts from zero.
-   */
-  openTab(tabIndex: number): Promise<void>;
-  private onTabSelect;
-  private scrollToActive;
-  /**
-   * This method used to refresh the contents of the tab group
-   * but is now deprecated as this is done automatically.
-   * @deprecated
-   */
-  refresh(): Promise<void>;
-  /**
-   * Local methods.
-   */
-  private getTabs;
-  private getButtonId;
-  private getTabId;
-  private getAccessibleDescription;
-  private updateTabs;
-  private renderTab;
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render(): any;
+    /**
+     * Own Properties.
+     */
+    private mutationO?;
+    private id;
+    private tabsContainer;
+    /**
+     * Reference to host HTML element.
+     */
+    element: HTMLElement;
+    /**
+     * State() variables
+     * Inlined decorator, alphabetical order.
+     */
+    tabs: HTMLDuetTabElement[];
+    selected: number;
+    /**
+     * Theme of the component.
+     */
+    theme: DuetTheme;
+    /**
+     * Controls whether the tab-group should scroll (by inflection this will disable collapsing to select box on small screens),
+     * if this is a number instead of true it will be used as "amount of items to scroll"
+     */
+    scrolls: boolean;
+    /**
+     * Whether the tab-group collapses to a select dropwdown in minor breakpoints
+     */
+    collapses: boolean;
+    /**
+     * Aria label for the entire tab-group
+     */
+    accessibleLabel: string;
+    /**
+     * Style variation of the tab group.
+     */
+    variation: DuetTabVariation;
+    /**
+     * The currently active language. This setting changes the accessible labels to match the
+     * chosen language.
+     * @deprecated this is now handled via the html lang tag, and is no longer used - kept to avoid breaking changes and ease unit testing
+     * @default "fi"
+     */
+    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"}
+     */
+    label: string;
+    /**
+     * Determines whether the label for the select element shown on mobile is visually hidden.
+     */
+    labelHidden: boolean;
+    /**
+     * Optional identifier to add to buttons in the tab group
+     */
+    identifier: string;
+    /**
+     * Controls the margin of the component.
+     */
+    margin: DuetMargin;
+    /**
+     * Controls the padding of the component.
+     */
+    padding: DuetPadding;
+    /**
+     * Controls if tab content should have tab index and be accessible by pressing tab
+     */
+    setTabIndex: boolean;
+    /**
+     * If this property is set to true, tab won't change immediately after clicking it.
+     * Component will emit "duetTabChangeRequested" event, and it needs to be handled manually in order to change tab.
+     */
+    tabChangeConfirm: boolean;
+    /**
+     * @deprecated in favour of more specific duetTabChange event.
+     * Callback for when the value changed.
+     */
+    duetChange: EventEmitter<DuetTabGroupEvent>;
+    /**
+     * Event raised when the selected tab is changed
+     */
+    duetTabChange: EventEmitter<DuetTabGroupEvent>;
+    /**
+     * Event raised when new tab is clicked and "tabChangeConfirm" property is set to true
+     */
+    duetTabChangeRequested: EventEmitter<DuetTabGroupEvent>;
+    /**
+     * Component lifecycle events.
+     */
+    connectedCallback(): Promise<void>;
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    /**
+     * Component event handling.
+     */
+    private handleKeyDown;
+    /**
+     * This method allows you to open any of the tabs by calling the method and
+     * passing the index of the tab. Please note that index starts from zero.
+     */
+    openTab(tabIndex: number): Promise<void>;
+    private onTabSelect;
+    private scrollToActive;
+    /**
+     * This method used to refresh the contents of the tab group
+     * but is now deprecated as this is done automatically.
+     * @deprecated
+     */
+    refresh(): Promise<void>;
+    /**
+     * Local methods.
+     */
+    private getTabs;
+    private getButtonId;
+    private getTabId;
+    private getAccessibleDescription;
+    private updateTabs;
+    private renderTab;
+    /**
+     * render() function
+     * Always the last one in the class.
+     */
+    render(): any;
 }

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

@@ -1,12 +1,12 @@
 import { DuetLanguage, DuetMargin, DuetTableBreakpoint, DuetTableStickyDistance, DuetTableVariant, DuetTheme } from "../../common-types";
 import { ThemeableComponent } from "../../common/themeable-component";
 export type DuetTableToggleEvent = {
-  component: "duet-table";
-  sort_order?: number;
-  direction: 1 | -1;
-  index: number;
-  key: string;
-  originalEvent: KeyboardEvent | MouseEvent;
+    component: "duet-table";
+    sort_order?: number;
+    direction: 1 | -1;
+    index: number;
+    key: string;
+    originalEvent: KeyboardEvent | MouseEvent;
 };
 /**
  * @slot dot-menu- If this slot is populated - the content will be displayed together with a ... type menu to the far right in the tsble header
@@ -14,64 +14,64 @@ export type DuetTableToggleEvent = {
  * @slot footer - Footer slot for the table
  */
 export declare class DuetTable implements ThemeableComponent {
-  private mq;
-  private observer;
-  private headingSelector;
-  /**
-   * Tracks whether the breakpoint is matched. This is set to true by default so that JavaScript disabled in SSR mode we get accessible table data first.
-   */
-  matchesBreakpoint: boolean;
-  /**
-   * While table itself does not use language, the copyHeadingsToCells() method needs to be triggered when language changes.
-   */
-  language: DuetLanguage;
-  watchLanguageStateHandler(newValue: DuetLanguage, oldValue: DuetLanguage): void;
-  /**
-   * Reference to host HTML element.
-   */
-  element: HTMLElement;
-  /**
-   * Theme of the table.
-   */
-  theme: DuetTheme;
-  /**
-   * Controls the margin of the component.
-   */
-  margin: DuetMargin;
-  /**
-   * Style variation of the table.
-   */
-  variation: DuetTableVariant;
-  /**
-   * Controls whether the table has a sticky header.
-   * Sticky headers are not compatible with breakpoint="none-scrollable".
-   */
-  sticky: boolean;
-  /**
-   * Adjust the distance from top of the viewport (in pixels) when the
-   * table header becomes sticky.
-   */
-  stickyDistance: DuetTableStickyDistance;
-  /**
-   * By default the table is responsive - it will be flattened at narrow viewport widths.
-   * This prop controls the breakpoint at which the table should be rendered as a _regular_ table.
-   * Set to "none" to disable the responsive functionality.
-   * Set to "none-scrollable" to disable responsive functionality _and_ allow horizontal scrolling -
-   * this is useful for comparison tables where it's important to maintain column and row layout.
-   */
-  breakpoint: DuetTableBreakpoint;
-  /**
-   * Hide a thead section visually. The content is still available to screen readers.
-   */
-  hideHeadVisually: boolean;
-  handleMediaQueryChange: (mq: MediaQueryListEvent | MediaQueryList) => void;
-  connectedCallback(): void;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
-  /**
-   * Local methods.
-   */
-  private copyHeadingsToCells;
-  render(): any;
+    private mq;
+    private observer;
+    private headingSelector;
+    /**
+     * Tracks whether the breakpoint is matched. This is set to true by default so that JavaScript disabled in SSR mode we get accessible table data first.
+     */
+    matchesBreakpoint: boolean;
+    /**
+     * While table itself does not use language, the copyHeadingsToCells() method needs to be triggered when language changes.
+     */
+    language: DuetLanguage;
+    watchLanguageStateHandler(newValue: DuetLanguage, oldValue: DuetLanguage): void;
+    /**
+     * Reference to host HTML element.
+     */
+    element: HTMLElement;
+    /**
+     * Theme of the table.
+     */
+    theme: DuetTheme;
+    /**
+     * Controls the margin of the component.
+     */
+    margin: DuetMargin;
+    /**
+     * Style variation of the table.
+     */
+    variation: DuetTableVariant;
+    /**
+     * Controls whether the table has a sticky header.
+     * Sticky headers are not compatible with breakpoint="none-scrollable".
+     */
+    sticky: boolean;
+    /**
+     * Adjust the distance from top of the viewport (in pixels) when the
+     * table header becomes sticky.
+     */
+    stickyDistance: DuetTableStickyDistance;
+    /**
+     * By default the table is responsive - it will be flattened at narrow viewport widths.
+     * This prop controls the breakpoint at which the table should be rendered as a _regular_ table.
+     * Set to "none" to disable the responsive functionality.
+     * Set to "none-scrollable" to disable responsive functionality _and_ allow horizontal scrolling -
+     * this is useful for comparison tables where it's important to maintain column and row layout.
+     */
+    breakpoint: DuetTableBreakpoint;
+    /**
+     * Hide a thead section visually. The content is still available to screen readers.
+     */
+    hideHeadVisually: boolean;
+    handleMediaQueryChange: (mq: MediaQueryListEvent | MediaQueryList) => void;
+    connectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    /**
+     * Local methods.
+     */
+    private copyHeadingsToCells;
+    render(): any;
 }