@duetds/components 8.0.6 → 8.1.0

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

@@ -4,43 +4,43 @@ import { ThemeableComponent } from "../../common/themeable-component";
 import { DuetLangObject } from "../../utils/language-utils";
 import { DuetActionButtonIconSize } from "../duet-action-button/duet-action-button";
 export type DuetEditableTableGroupNames = {
-  id: string;
-  label: DuetLangObject;
-  actionLabel?: DuetLangObject;
+    id: string;
+    label: DuetLangObject;
+    actionLabel?: DuetLangObject;
 }[];
 export type DuetTableToggleEvent = {
-  component: "duet-editable-table";
-  sort_order?: number;
-  direction: 1 | -1;
-  index: number;
-  key: string;
-  originalEvent: KeyboardEvent | MouseEvent;
+    component: "duet-editable-table";
+    sort_order?: number;
+    direction: 1 | -1;
+    index: number;
+    key: string;
+    originalEvent: KeyboardEvent | MouseEvent;
 };
 export type DuetTableMenuEvent = {
-  component: "duet-editable-table";
-  originalEvent: KeyboardEvent | MouseEvent;
+    component: "duet-editable-table";
+    originalEvent: KeyboardEvent | MouseEvent;
 };
 export type DuetEditableTableActions = {
-  icon: string;
-  color: string;
-  background: string;
-  size: DuetActionButtonIconSize;
-  name: string;
-  map?: string[];
-  label?: DuetLangObject;
+    icon: string;
+    color: string;
+    background: string;
+    size: DuetActionButtonIconSize;
+    name: string;
+    map?: string[];
+    label?: DuetLangObject;
 }[];
 export type DuetEditableTableItemData = {
-  uid: string;
-  item: any;
-  group: string;
+    uid: string;
+    item: any;
+    group: string;
 };
 export type DuetEditableTableColumn = {
-  direction: 1 | -1;
-  key: string;
-  index: number;
-  display?: boolean;
-  sort_order?: number;
-  label: DuetLangObject;
+    direction: 1 | -1;
+    key: string;
+    index: number;
+    display?: boolean;
+    sort_order?: number;
+    label: DuetLangObject;
 };
 export type DuetEditableTableColumns = DuetEditableTableColumn[];
 /**
@@ -52,110 +52,110 @@ export type DuetEditableTableColumns = DuetEditableTableColumn[];
  */
 export type DuetEditableTableRows = Record<string, any>[];
 export declare class DuetEditableTable implements ThemeableComponent {
-  private hasHeadSlotFirst;
-  private hasHeadSlotLast;
-  private hasFootSlot;
-  /**
-   * Reference to host HTML element.
-   */
-  element: HTMLElement;
-  language: DuetLanguage;
-  /**
-   * Duet-table: margin of the component.
-   */
-  margin: DuetMargin;
-  /**
-   * Duet-table: Style variation of the table.
-   */
-  variation: DuetTableVariant;
-  /**
-   * Duet-table: Controls whether the table has a sticky header.
-   * Sticky headers are not compatible with breakpoint="none-scrollable".
-   */
-  sticky: boolean;
-  /**
-   * Duet-table: Adjust the distance from top of the viewport (in pixels) when the
-   * table header becomes sticky.
-   */
-  stickyDistance: DuetTableStickyDistance;
-  /**
-   * Duet-table: 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;
-  /**
-   * Define actions for all items in a table
-   * An alternative to inline HTML table.
-   * required for Sortable tables
-   * @default undefined
-   */
-  actions: DuetEditableTableActions;
-  /**
-   * Define columns for a table
-   * An alternative to inline HTML table.
-   * required for Sortable tables
-   * @default undefined
-   */
-  columns: DuetEditableTableColumns;
-  /**
-   * Define rows for a table
-   * An alternative to inline HTML table.
-   * required for Sortable tables
-   * @default undefined
-   */
-  rows: DuetEditableTableRows;
-  /**
-   * Controls whether the table is sortable by headers
-   */
-  sortable: boolean;
-  /**
-   * Optional id that get passed to the table and used to setup ::parts
-   */
-  groupId: string;
-  /**
-   * Theme of the table.
-   */
-  theme: DuetTheme;
-  /**
-   * Exposes the aria role for optimizing accessibility.
-   */
-  accessibleRole: string;
-  /**
-   * Hide a thead section visually. The content is still available to screen readers.
-   */
-  hideHeadVisually: boolean;
-  /**
-   * Event emitted when table is sortable and a header item is clicked/enter is pressed
-   */
-  duetTableToggle: EventEmitter<DuetTableToggleEvent>;
-  /**
-   * Event emitted when table is sortable and a header item is clicked/enter is pressed
-   */
-  duetMenuClick: EventEmitter<DuetTableMenuEvent>;
-  private sortableDefaultLabel;
-  private actionColumnLabel;
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad(): void;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  /**
-   * Private methods.
-   */
-  private toggleColumn;
-  private handleKeyDown;
-  private createLabel;
-  private getSortedColumns;
-  private getRowSortOrder;
-  private renderTableHeader;
-  private renderActions;
-  private renderTableBody;
-  /**
-   * Render Methods
-   */
-  render(): any;
+    private hasHeadSlotFirst;
+    private hasHeadSlotLast;
+    private hasFootSlot;
+    /**
+     * Reference to host HTML element.
+     */
+    element: HTMLElement;
+    language: DuetLanguage;
+    /**
+     * Duet-table: margin of the component.
+     */
+    margin: DuetMargin;
+    /**
+     * Duet-table: Style variation of the table.
+     */
+    variation: DuetTableVariant;
+    /**
+     * Duet-table: Controls whether the table has a sticky header.
+     * Sticky headers are not compatible with breakpoint="none-scrollable".
+     */
+    sticky: boolean;
+    /**
+     * Duet-table: Adjust the distance from top of the viewport (in pixels) when the
+     * table header becomes sticky.
+     */
+    stickyDistance: DuetTableStickyDistance;
+    /**
+     * Duet-table: 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;
+    /**
+     * Define actions for all items in a table
+     * An alternative to inline HTML table.
+     * required for Sortable tables
+     * @default undefined
+     */
+    actions: DuetEditableTableActions;
+    /**
+     * Define columns for a table
+     * An alternative to inline HTML table.
+     * required for Sortable tables
+     * @default undefined
+     */
+    columns: DuetEditableTableColumns;
+    /**
+     * Define rows for a table
+     * An alternative to inline HTML table.
+     * required for Sortable tables
+     * @default undefined
+     */
+    rows: DuetEditableTableRows;
+    /**
+     * Controls whether the table is sortable by headers
+     */
+    sortable: boolean;
+    /**
+     * Optional id that get passed to the table and used to setup ::parts
+     */
+    groupId: string;
+    /**
+     * Theme of the table.
+     */
+    theme: DuetTheme;
+    /**
+     * Exposes the aria role for optimizing accessibility.
+     */
+    accessibleRole: string;
+    /**
+     * Hide a thead section visually. The content is still available to screen readers.
+     */
+    hideHeadVisually: boolean;
+    /**
+     * Event emitted when table is sortable and a header item is clicked/enter is pressed
+     */
+    duetTableToggle: EventEmitter<DuetTableToggleEvent>;
+    /**
+     * Event emitted when table is sortable and a header item is clicked/enter is pressed
+     */
+    duetMenuClick: EventEmitter<DuetTableMenuEvent>;
+    private sortableDefaultLabel;
+    private actionColumnLabel;
+    /**
+     * Component lifecycle events.
+     */
+    componentWillLoad(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * Private methods.
+     */
+    private toggleColumn;
+    private handleKeyDown;
+    private createLabel;
+    private getSortedColumns;
+    private getRowSortOrder;
+    private renderTableHeader;
+    private renderActions;
+    private renderTableBody;
+    /**
+     * Render Methods
+     */
+    render(): any;
 }

package/lib/types/components/duet-empty-state/duet-empty-state.d.ts

@@ -2,26 +2,26 @@ import { DuetIconName, DuetTheme } from "../../common-types";
 import { ThemeableComponent } from "../../common/themeable-component";
 export type DuetEmptyStateSize = "medium" | "small";
 export declare class DuetEmptyState implements ThemeableComponent {
-  element: HTMLElement;
-  /**
-   * Theme of the empty state component.
-   */
-  theme: DuetTheme;
-  /**
-   * Icon shown in the empty state component.
-   */
-  icon: DuetIconName;
-  /**
-   * The size of the empty state message.
-   */
-  size: DuetEmptyStateSize;
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad(): void;
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render(): any;
+    element: HTMLElement;
+    /**
+     * Theme of the empty state component.
+     */
+    theme: DuetTheme;
+    /**
+     * Icon shown in the empty state component.
+     */
+    icon: DuetIconName;
+    /**
+     * The size of the empty state message.
+     */
+    size: DuetEmptyStateSize;
+    /**
+     * Component lifecycle events.
+     */
+    componentWillLoad(): void;
+    /**
+     * render() function
+     * Always the last one in the class.
+     */
+    render(): any;
 }

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

@@ -5,64 +5,64 @@ import { ThemeableComponent } from "../../common/themeable-component";
  * @slot tooltip - Use to place a tooltip alongside the fieldset label.
  */
 export declare class DuetFieldset implements ThemeableComponent {
-  private errorId;
-  private labelId;
-  /**
-   * Reference to host HTML element.
-   */
-  element: HTMLElement;
-  hasTooltip: boolean;
-  /**
-   * Theme of the fieldset.
-   */
-  theme: DuetTheme;
-  /**
-   * Controls the margin of the component.
-   */
-  margin: DuetMargin;
-  /**
-   * Additional caption to show next to the label.
-   */
-  caption: string;
-  /**
-   * Label/legend displayed for the fieldset.
-   */
-  label: string;
-  /**
-   * @internal
-   * Display label/legend with smaller lineheight to match it with DuetInput's label lineheight.
-   * Needed with DuetChoiceGroup.
-   * If caption is present, larger lineheight is used regardless of this prop.
-   */
-  compactLabel: boolean;
-  /**
-   * An error message to be shown next to the label.
-   */
-  error: string;
-  /**
-   * The aria-live attribute for the error message. When the input is validated on blur, use "off", as using "polite" or "assertive"
-   * makes the screen reader read the error message twice. When the input is validated on submit, use "polite", as "off" would leave
-   * the messages unread by screen readers. Use "assertive" only in those rare cases when "polite" would leave the error message
-   * unread by screen readers.
-   */
-  accessibleLiveError: "off" | "polite" | "assertive";
-  /**
-   * Heading level for the label in the legend element. This is only used to give screen readers better logical structure.
-   * This does not affect visual appearance.
-   */
-  labelHeadingLevel: DuetHeadingLevel;
-  /**
-   * Visually hide the label, but still show it to screen readers.
-   */
-  labelHidden: boolean;
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad(): void;
-  private checkHasTooltip;
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render(): any;
+    private errorId;
+    private labelId;
+    /**
+     * Reference to host HTML element.
+     */
+    element: HTMLElement;
+    hasTooltip: boolean;
+    /**
+     * Theme of the fieldset.
+     */
+    theme: DuetTheme;
+    /**
+     * Controls the margin of the component.
+     */
+    margin: DuetMargin;
+    /**
+     * Additional caption to show next to the label.
+     */
+    caption: string;
+    /**
+     * Label/legend displayed for the fieldset.
+     */
+    label: string;
+    /**
+     * @internal
+     * Display label/legend with smaller lineheight to match it with DuetInput's label lineheight.
+     * Needed with DuetChoiceGroup.
+     * If caption is present, larger lineheight is used regardless of this prop.
+     */
+    compactLabel: boolean;
+    /**
+     * An error message to be shown next to the label.
+     */
+    error: string;
+    /**
+     * The aria-live attribute for the error message. When the input is validated on blur, use "off", as using "polite" or "assertive"
+     * makes the screen reader read the error message twice. When the input is validated on submit, use "polite", as "off" would leave
+     * the messages unread by screen readers. Use "assertive" only in those rare cases when "polite" would leave the error message
+     * unread by screen readers.
+     */
+    accessibleLiveError: "off" | "polite" | "assertive";
+    /**
+     * Heading level for the label in the legend element. This is only used to give screen readers better logical structure.
+     * This does not affect visual appearance.
+     */
+    labelHeadingLevel: DuetHeadingLevel;
+    /**
+     * Visually hide the label, but still show it to screen readers.
+     */
+    labelHidden: boolean;
+    /**
+     * Component lifecycle events.
+     */
+    componentWillLoad(): void;
+    private checkHasTooltip;
+    /**
+     * render() function
+     * Always the last one in the class.
+     */
+    render(): any;
 }

package/lib/types/components/duet-file-chooser/duet-file-chooser.d.ts

@@ -2,41 +2,41 @@ import { EventEmitter } from "../../stencil-public-runtime";
 import { ThemeableComponent } from "../../common";
 import { DuetTheme } from "../../common-types";
 export type DuetFileChooserEvent = {
-  originalEvent?: Event;
-  data?: Record<string, any>;
-  component: "duet-file-chooser";
+    originalEvent?: Event;
+    data?: Record<string, any>;
+    component: "duet-file-chooser";
 };
 export declare class DuetUploadItem implements ThemeableComponent {
-  /**
-   * theme.
-   */
-  theme: DuetTheme;
-  /**
-   * Use multiple to allow the user to select multiple files when uploading
-   */
-  multiple: boolean;
-  /**
-   * The accept attribute takes as its value a comma-separated list of one or more file types,
-   * or unique file type specifiers, describing which file types to allow.
-   */
-  accept: string;
-  /**
-   * Emitted when the value has changed.
-   */
-  duetChange: EventEmitter<DuetFileChooserEvent>;
-  /**
-   * Opens file choose dialog.
-   */
-  open(): Promise<void>;
-  /**
-   * Returns actually selected files in file chooser.
-   */
-  getFiles(): Promise<FileList>;
-  private nativeInput?;
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad(): void;
-  private onChange;
-  render(): any;
+    /**
+     * theme.
+     */
+    theme: DuetTheme;
+    /**
+     * Use multiple to allow the user to select multiple files when uploading
+     */
+    multiple: boolean;
+    /**
+     * The accept attribute takes as its value a comma-separated list of one or more file types,
+     * or unique file type specifiers, describing which file types to allow.
+     */
+    accept: string;
+    /**
+     * Emitted when the value has changed.
+     */
+    duetChange: EventEmitter<DuetFileChooserEvent>;
+    /**
+     * Opens file choose dialog.
+     */
+    open(): Promise<void>;
+    /**
+     * Returns actually selected files in file chooser.
+     */
+    getFiles(): Promise<FileList>;
+    private nativeInput?;
+    /**
+     * Component lifecycle events.
+     */
+    componentWillLoad(): void;
+    private onChange;
+    render(): any;
 }