@duetds/components 8.0.6 → 8.1.1

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

@@ -8,52 +8,52 @@ export type DuetLayoutStickyDistance = "with-links" | "without-links";
  * @slot top - This is a full-width content area above the main and sidebar slots. Could be used to show for example alert messages.
  */
 export declare class DuetLayout implements ComponentInterface {
-  /**
-   * Own Properties.
-   */
-  private hasSidebar;
-  private hasTop;
-  /**
-   * Reference to host HTML element.
-   */
-  element: HTMLElement;
-  /**
-   * Makes the sidebar stick to the top of the window when scrolling down.
-   */
-  sticky: boolean;
-  /**
-   * Controls the margin of the component.
-   */
-  margin: DuetMargin;
-  /**
-   * Adjust sticky sidebar’s distance to duet navigation component using this property.
-   */
-  stickyDistance: DuetLayoutStickyDistance;
-  /**
-   * Center align all direct children of this component.
-   */
-  center: boolean;
-  /**
-   * If set to true, the sidebar position will be adjusted to take tabs inside main content
-   * area into account.
-   */
-  tabs: boolean;
-  /**
-   * Align container vertically in the middle when the space allows it.
-   */
-  middle: boolean;
-  /**
-   * Breakpoint used to remove padding. These match to
-   * similar media query tokens: $media-query-small and $media-query-medium.
-   */
-  paddingBreakpoint?: DuetBreakpoints;
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad(): void;
-  /**
-   * render() function.
-   * Always the last one in the class.
-   */
-  render(): any;
+    /**
+     * Own Properties.
+     */
+    private hasSidebar;
+    private hasTop;
+    /**
+     * Reference to host HTML element.
+     */
+    element: HTMLElement;
+    /**
+     * Makes the sidebar stick to the top of the window when scrolling down.
+     */
+    sticky: boolean;
+    /**
+     * Controls the margin of the component.
+     */
+    margin: DuetMargin;
+    /**
+     * Adjust sticky sidebar’s distance to duet navigation component using this property.
+     */
+    stickyDistance: DuetLayoutStickyDistance;
+    /**
+     * Center align all direct children of this component.
+     */
+    center: boolean;
+    /**
+     * If set to true, the sidebar position will be adjusted to take tabs inside main content
+     * area into account.
+     */
+    tabs: boolean;
+    /**
+     * Align container vertically in the middle when the space allows it.
+     */
+    middle: boolean;
+    /**
+     * Breakpoint used to remove padding. These match to
+     * similar media query tokens: $media-query-small and $media-query-medium.
+     */
+    paddingBreakpoint?: DuetBreakpoints;
+    /**
+     * Component lifecycle events.
+     */
+    componentWillLoad(): void;
+    /**
+     * render() function.
+     * Always the last one in the class.
+     */
+    render(): any;
 }

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

@@ -7,98 +7,99 @@ import { DuetLangObject } from "../../utils/language-utils";
  * @part block-chevron - piercing selector for styling the block chevron
  */
 export declare class DuetLink implements ThemeableComponent {
-  private nativeLink;
-  private mediaQuery;
-  private screenTestBound;
-  element: HTMLElement;
-  /**
-   * Style variation of the link.
-   */
-  variation: DuetLinkVariation;
-  /**
-   * Adds accessible label for the link that is only shown for screen readers.
-   * Typically, this label text replaces the visible text on the link for users
-   * who use assistive technology.
-   */
-  accessibleLabel: string;
-  /**
-   * The currently active language. This setting changes the external link
-   * accessible label 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 accessibleLabelExternal
-   * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
-   */
-  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"}
-   */
-  accessibleLabelExternal: string;
-  /**
-   * Adds a unique identifier for the link. Please note that with this particular
-   * component this id is added inside Shadow DOM. If you need an id on the html
-   * element, use regular id attribute instead.
-   */
-  identifier: string;
-  /**
-   * Theme of the button.
-   */
-  theme: DuetTheme;
-  /**
-   * A destination to link to, rendered in the href attribute of a link.
-   */
-  url: string;
-  /**
-   * Forces URL to open in a new browser tab. Used together with URL prop.
-   */
-  external: boolean;
-  /**
-   * Initially visually hidden link, which is shown on focus.
-   */
-  tabToLink: boolean;
-  /**
-   * Icon to display on the left side of the ink text (only with "block" variation)
-   */
-  icon: DuetIconName;
-  /**
-   * Color of the icon to display (only with "block" variation)
-   */
-  iconColor: DuetIconColor;
-  /**
-   * Whether the icon changes its size responsively (only with "block" variation)
-   */
-  iconResponsive: boolean;
-  /**
-   * Controls the padding of the component (only with "block" variation)
-   */
-  padding: DuetPadding;
-  /**
-   * Stores the
-   */
-  isSmallScreen: boolean;
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad(): void;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  /**
-   * Sets focus on the specified `duet-link`. Use this method instead of the global
-   * `link.focus()`.
-   */
-  setFocus(options?: FocusOptions): Promise<void>;
-  private initMediaQuery;
-  private destroyMediaQuery;
-  private screenTest;
-  private renderContent;
-  private renderGrid;
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render(): any;
+    private nativeLink;
+    private mediaQuery;
+    private screenTestBound;
+    element: HTMLElement;
+    /**
+     * Style variation of the link.
+     */
+    variation: DuetLinkVariation;
+    /**
+     * Adds accessible label for the link that is only shown for screen readers.
+     * Typically, this label text replaces the visible text on the link for users
+     * who use assistive technology.
+     */
+    accessibleLabel: string;
+    /**
+     * The currently active language. This setting changes the external link
+     * accessible label 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 accessibleLabelExternal
+     * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
+     */
+    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"}
+     */
+    accessibleLabelExternal: string;
+    /**
+     * Adds a unique identifier for the link. Please note that with this particular
+     * component this id is added inside Shadow DOM. If you need an id on the html
+     * element, use regular id attribute instead.
+     */
+    identifier: string;
+    /**
+     * Theme of the button.
+     */
+    theme: DuetTheme;
+    /**
+     * A destination to link to, rendered in the href attribute of a link.
+     */
+    url: string;
+    /**
+     * Forces URL to open in a new browser tab. Used together with URL prop.
+     */
+    external: boolean;
+    /**
+     * Initially visually hidden link, which is shown on focus.
+     */
+    tabToLink: boolean;
+    /**
+     * Icon to display on the left side of the ink text (only with "block" variation)
+     */
+    icon: DuetIconName;
+    /**
+     * Color of the icon to display (only with "block" variation)
+     */
+    iconColor: DuetIconColor;
+    /**
+     * Whether the icon changes its size responsively (only with "block" variation)
+     */
+    iconResponsive: boolean;
+    /**
+     * Controls the padding of the component (only with "block" variation)
+     */
+    padding: DuetPadding;
+    /**
+     * Stores the
+     */
+    isSmallScreen: boolean;
+    /**
+     * Component lifecycle events.
+     */
+    componentWillLoad(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * Sets focus on the specified `duet-link`. Use this method instead of the global
+     * `link.focus()`.
+     */
+    setFocus(options?: FocusOptions): Promise<void>;
+    private initMediaQuery;
+    private destroyMediaQuery;
+    private screenTest;
+    private getAccessibleLabel;
+    private renderContent;
+    private renderGrid;
+    /**
+     * render() function
+     * Always the last one in the class.
+     */
+    render(): any;
 }

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

@@ -4,64 +4,64 @@ export type DuetListVariation = "default" | "striped" | "bordered" | "inner-bord
 export type DuetListMobileAlignment = "left" | "center";
 export type DuetListLabelWidth = "30" | "50" | "70" | "100";
 export declare class DuetList implements ThemeableComponent {
-  /**
-   * Own Properties.
-   */
-  private mutationO?;
-  /**
-   * Reference to host HTML element.
-   */
-  element: HTMLElement;
-  /**
-   * Theme of the list.
-   */
-  theme: DuetTheme;
-  /**
-   * Controls the margin of the component.
-   */
-  margin: DuetMargin;
-  /**
-   * Controls the padding of the component.
-   */
-  padding: DuetPadding;
-  /**
-   * Adjusts the alignment of the list items on mobile breakpoint.
-   */
-  mobile: DuetListMobileAlignment;
-  /**
-   * Switch the breakpoint used to trigger the content stacking. These match to
-   * similar media query tokens: $media-query-small and $media-query-large.
-   */
-  breakpoint: DuetListBreakpoint;
-  /**
-   * Style variation of the list.
-   */
-  variation: DuetListVariation;
-  /**
-   * Set the column width of the first column in percentages.
-   */
-  labelWidth: DuetListLabelWidth;
-  /**
-   * Enable or disable the automatic responsive behaviour of the list
-   * component. Setting this option to "true"
-   * makes sure that contents are stacked vertically on mobile.
-   * When "false" is set, contents are always shown in a single row.
-   */
-  responsive: boolean;
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad(): void;
-  connectedCallback(): Promise<void>;
-  disconnectedCallback(): void;
-  /**
-   * Local methods
-   */
-  private toggleClass;
-  private updateListItems;
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render(): any;
+    /**
+     * Own Properties.
+     */
+    private mutationO?;
+    /**
+     * Reference to host HTML element.
+     */
+    element: HTMLElement;
+    /**
+     * Theme of the list.
+     */
+    theme: DuetTheme;
+    /**
+     * Controls the margin of the component.
+     */
+    margin: DuetMargin;
+    /**
+     * Controls the padding of the component.
+     */
+    padding: DuetPadding;
+    /**
+     * Adjusts the alignment of the list items on mobile breakpoint.
+     */
+    mobile: DuetListMobileAlignment;
+    /**
+     * Switch the breakpoint used to trigger the content stacking. These match to
+     * similar media query tokens: $media-query-small and $media-query-large.
+     */
+    breakpoint: DuetListBreakpoint;
+    /**
+     * Style variation of the list.
+     */
+    variation: DuetListVariation;
+    /**
+     * Set the column width of the first column in percentages.
+     */
+    labelWidth: DuetListLabelWidth;
+    /**
+     * Enable or disable the automatic responsive behaviour of the list
+     * component. Setting this option to "true"
+     * makes sure that contents are stacked vertically on mobile.
+     * When "false" is set, contents are always shown in a single row.
+     */
+    responsive: boolean;
+    /**
+     * Component lifecycle events.
+     */
+    componentWillLoad(): void;
+    connectedCallback(): Promise<void>;
+    disconnectedCallback(): void;
+    /**
+     * Local methods
+     */
+    private toggleClass;
+    private updateListItems;
+    /**
+     * render() function
+     * Always the last one in the class.
+     */
+    render(): any;
 }

package/lib/types/components/duet-list-item/duet-list-item.d.ts

@@ -5,21 +5,21 @@ import { DuetListBreakpoint } from "../../common-types";
  * @slot value - The list item component’s value content. Use this to put content into description list’s dd element.
  */
 export declare class DuetListItem implements ComponentInterface {
-  /**
-   * @internal
-   * Enable or disable the automatic responsive behaviour of the list item.
-   * This property is used internally by List, and should not be set by the developer.
-   */
-  responsive: boolean;
-  /**
-   * @internal
-   * Switch the breakpoint used to trigger the content stacking.
-   * This property is used internally by List, and should not be set by the developer.
-   */
-  breakpoint: DuetListBreakpoint;
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render(): any;
+    /**
+     * @internal
+     * Enable or disable the automatic responsive behaviour of the list item.
+     * This property is used internally by List, and should not be set by the developer.
+     */
+    responsive: boolean;
+    /**
+     * @internal
+     * Switch the breakpoint used to trigger the content stacking.
+     * This property is used internally by List, and should not be set by the developer.
+     */
+    breakpoint: DuetListBreakpoint;
+    /**
+     * render() function
+     * Always the last one in the class.
+     */
+    render(): any;
 }

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

@@ -3,63 +3,63 @@ import { ThemeableComponent } from "../../common/themeable-component";
 import { DuetLangObject } from "../../utils/language-utils";
 export type DuetLogoSize = "medium" | "large";
 export declare class DuetLogo implements ThemeableComponent {
-  /**
-   * Own Properties.
-   */
-  private logoId;
-  private nativeLink?;
-  /**
-   * Reference to host HTML element.
-   */
-  element: HTMLElement;
-  /**
-   * Theme of the logo.
-   */
-  theme: DuetTheme;
-  /**
-   * Controls the margin of the component.
-   */
-  margin: DuetMargin;
-  /**
-   * Use inverse version of the logo (white logo on dark background).
-   */
-  inverse: boolean;
-  /**
-   * Size variation of the logo.
-   */
-  size: DuetLogoSize;
-  /**
-   * Where the logo links to.
-   */
-  href: string;
-  /**
-   * Default translations for accessible label.
-   */
-  accessibleLabelDefaults: DuetLangObject;
-  /**
-   * Accessible label. Defaults to what is in accessibleLabelDefaults prop.
-   */
-  accessibleLabel: string;
-  /**
-   * The language of the logo.
-   * @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;
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad(): void;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  /**
-   * Sets focus on the specified `duet-logo`. Use this method instead of the global
-   * `logo.focus()`.
-   */
-  setFocus(options?: FocusOptions): Promise<void>;
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render(): any;
+    /**
+     * Own Properties.
+     */
+    private logoId;
+    private nativeLink?;
+    /**
+     * Reference to host HTML element.
+     */
+    element: HTMLElement;
+    /**
+     * Theme of the logo.
+     */
+    theme: DuetTheme;
+    /**
+     * Controls the margin of the component.
+     */
+    margin: DuetMargin;
+    /**
+     * Use inverse version of the logo (white logo on dark background).
+     */
+    inverse: boolean;
+    /**
+     * Size variation of the logo.
+     */
+    size: DuetLogoSize;
+    /**
+     * Where the logo links to.
+     */
+    href: string;
+    /**
+     * Default translations for accessible label.
+     */
+    accessibleLabelDefaults: DuetLangObject;
+    /**
+     * Accessible label. Defaults to what is in accessibleLabelDefaults prop.
+     */
+    accessibleLabel: string;
+    /**
+     * The language of the logo.
+     * @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;
+    /**
+     * Component lifecycle events.
+     */
+    componentWillLoad(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * Sets focus on the specified `duet-logo`. Use this method instead of the global
+     * `logo.focus()`.
+     */
+    setFocus(options?: FocusOptions): Promise<void>;
+    /**
+     * render() function
+     * Always the last one in the class.
+     */
+    render(): any;
 }