@duetds/components 8.0.6 → 8.1.1

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

@@ -2,206 +2,206 @@ import { EventEmitter } from "../../stencil-public-runtime";
 import { A11yComponent, InputComponent, ThemeableComponent } from "../../common";
 import { DuetMargin, DuetTheme, DuetTooltipDirection } from "../../common-types";
 export type DuetTextareaEvent = {
-  originalEvent?: Event;
-  component: "duet-textarea";
-  value: string;
+    originalEvent?: Event;
+    component: "duet-textarea";
+    value: string;
 };
 export declare class DuetTextarea implements ThemeableComponent, InputComponent, A11yComponent {
-  /**
-   * Own Properties
-   */
-  private textareaId;
-  private topCaptionId;
-  private topCaptionPlaceholderId;
-  private labelId;
-  private errorId;
-  private characterCountId;
-  private nativeInput;
-  private hiddenCounterLabel;
-  private isCaptionVisible;
-  private disallowPatternRegex;
-  /**
-   * Reference to host HTML element.
-   */
-  element: HTMLElement;
-  /**
-   * Controls the margin of the component.
-   */
-  margin: DuetMargin;
-  /**
-   * Indicates the id of a related component’s visually focused element.
-   */
-  accessibleActiveDescendant: string;
-  /**
-   * Indicates what kind of user input completion suggestions are provided.
-   */
-  accessibleAutocomplete: string;
-  /**
-   * Use this prop to add an aria-controls attribute. Use the attribute to
-   * indicate the id of a component controlled by this component.
-   */
-  accessibleControls: string;
-  /**
-   * Aria Details of the component
-   */
-  accessibleDetails: string;
-  /**
-   * String of id's that indicate alternative labels elements
-   */
-  accessibleLabelledBy: string;
-  /**
-   * Aria description the button
-   */
-  accessibleDescription: 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";
-  /**
-   * Indicates the id of a component owned by the textarea.
-   */
-  accessibleOwns: string;
-  /**
-   * Indicates the id of a component that describes the input.
-   */
-  accessibleDescribedBy: string;
-  /**
-   * Theme of the textarea.
-   */
-  theme: DuetTheme;
-  /**
-   * Expands the textarea to fill 100% of the container width.
-   */
-  expand: boolean;
-  /**
-   * Makes the textarea component disabled. This prevents users from being able
-   * to interact with the textarea, and conveys its inactive state to assistive
-   * technologies.
-   */
-  disabled: boolean;
-  /**
-   * Adds a unique identifier for the textarea.
-   */
-  identifier: string;
-  /**
-   * Set whether the textarea is required or not. Please note that this is required for
-   * accessible inputs when the user is required to fill them. When using this property
-   * you need to also set “novalidate” attribute to your form element to prevent
-   * browser from displaying its own validation errors.
-   */
-  required: boolean;
-  /**
-   * Label for the textarea.
-   */
-  label: string;
-  /**
-   * Visually hide the label, but still show it to screen readers.
-   */
-  labelHidden: boolean;
-  /**
-   * Name of the textarea.
-   */
-  name: string;
-  /**
-   * Hint text to display.
-   */
-  placeholder: string;
-  /**
-   * Caption (underneath label) that can be set as a way of adding extra information
-   */
-  caption: string;
-  /**
-   * If form input field has a placeholder text, and user types anything (causing the text to dissapear),
-   * settings this to true will "echo" it into the caption slot - this option will be false by default for the next few versions, but will eventually be true by default (scheduled for 4.30.0)
-   */
-  echoPlaceholder: boolean;
-  /**
-   * Use maxlength to specify the maximum length of the value that can be entered.
-   * Please note that this uses native HTML5 pattern validation.
-   */
-  maxlength: number;
-  /**
-   * Use minlength to specify the minimum length of the value that can be entered.
-   * Please note that this uses native HTML5 pattern validation.
-   */
-  minlength: number;
-  /**
-   * Display the textarea in error state along with an error message.
-   */
-  error: string;
-  /**
-   * Defines a specific role attribute for the input.
-   */
-  role: string | null;
-  /**
-   * Tooltip to display next to the label of the input.
-   */
-  tooltip: string;
-  /**
-   * With direction setting you can force the tooltip to always open towards left
-   * or right instead of automatically determining the direction.
-   */
-  tooltipDirection: DuetTooltipDirection;
-  /**
-   * Value of the textarea.
-   */
-  value: string;
-  /**
-   * A regular expression that matches any characters which should be *disallowed*.
-   * This differs from `pattern`, as it actively prevents users entering any characters which match the regular expression.
-   * e.g. the following will disallow any non-numeric characters `[^0-9]`
-   */
-  disallowPattern: string;
-  disallowedPatternChange(): void;
-  /**
-   * Display character counter. Must be used in conjunction with
-   * **maxlength** and **counterLabel** properties.
-   */
-  counter: boolean;
-  /**
-   * Accessible label for character counter. Must be used in conjunction with
-   * **counter** property.
-   */
-  counterLabel: string;
-  /**
-   * Emitted when a keyboard input ocurred.
-   */
-  duetInput: EventEmitter<DuetTextareaEvent>;
-  /**
-   * Emitted when the value has changed.
-   */
-  duetChange: EventEmitter<DuetTextareaEvent>;
-  /**
-   * Emitted when the input loses focus.
-   */
-  duetBlur: EventEmitter<DuetTextareaEvent>;
-  /**
-   * Emitted when the input has focus.
-   */
-  duetFocus: EventEmitter<DuetTextareaEvent>;
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad(): void;
-  /**
-   * Component event handling.
-   */
-  private handleInput;
-  private handleChange;
-  private handleBlur;
-  private handleFocus;
-  private getDescribedBy;
-  /**
-   * Sets focus on the specified `duet-textarea`. Use this method instead of the global
-   * `textarea.focus()`.
-   */
-  setFocus(options?: FocusOptions): Promise<void>;
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render(): any;
+    /**
+     * Own Properties
+     */
+    private textareaId;
+    private topCaptionId;
+    private topCaptionPlaceholderId;
+    private labelId;
+    private errorId;
+    private characterCountId;
+    private nativeInput;
+    private hiddenCounterLabel;
+    private isCaptionVisible;
+    private disallowPatternRegex;
+    /**
+     * Reference to host HTML element.
+     */
+    element: HTMLElement;
+    /**
+     * Controls the margin of the component.
+     */
+    margin: DuetMargin;
+    /**
+     * Indicates the id of a related component’s visually focused element.
+     */
+    accessibleActiveDescendant: string;
+    /**
+     * Indicates what kind of user input completion suggestions are provided.
+     */
+    accessibleAutocomplete: string;
+    /**
+     * Use this prop to add an aria-controls attribute. Use the attribute to
+     * indicate the id of a component controlled by this component.
+     */
+    accessibleControls: string;
+    /**
+     * Aria Details of the component
+     */
+    accessibleDetails: string;
+    /**
+     * String of id's that indicate alternative labels elements
+     */
+    accessibleLabelledBy: string;
+    /**
+     * Aria description the button
+     */
+    accessibleDescription: 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";
+    /**
+     * Indicates the id of a component owned by the textarea.
+     */
+    accessibleOwns: string;
+    /**
+     * Indicates the id of a component that describes the input.
+     */
+    accessibleDescribedBy: string;
+    /**
+     * Theme of the textarea.
+     */
+    theme: DuetTheme;
+    /**
+     * Expands the textarea to fill 100% of the container width.
+     */
+    expand: boolean;
+    /**
+     * Makes the textarea component disabled. This prevents users from being able
+     * to interact with the textarea, and conveys its inactive state to assistive
+     * technologies.
+     */
+    disabled: boolean;
+    /**
+     * Adds a unique identifier for the textarea.
+     */
+    identifier: string;
+    /**
+     * Set whether the textarea is required or not. Please note that this is required for
+     * accessible inputs when the user is required to fill them. When using this property
+     * you need to also set “novalidate” attribute to your form element to prevent
+     * browser from displaying its own validation errors.
+     */
+    required: boolean;
+    /**
+     * Label for the textarea.
+     */
+    label: string;
+    /**
+     * Visually hide the label, but still show it to screen readers.
+     */
+    labelHidden: boolean;
+    /**
+     * Name of the textarea.
+     */
+    name: string;
+    /**
+     * Hint text to display.
+     */
+    placeholder: string;
+    /**
+     * Caption (underneath label) that can be set as a way of adding extra information
+     */
+    caption: string;
+    /**
+     * If form input field has a placeholder text, and user types anything (causing the text to dissapear),
+     * settings this to true will "echo" it into the caption slot - this option will be false by default for the next few versions, but will eventually be true by default (scheduled for 4.30.0)
+     */
+    echoPlaceholder: boolean;
+    /**
+     * Use maxlength to specify the maximum length of the value that can be entered.
+     * Please note that this uses native HTML5 pattern validation.
+     */
+    maxlength: number;
+    /**
+     * Use minlength to specify the minimum length of the value that can be entered.
+     * Please note that this uses native HTML5 pattern validation.
+     */
+    minlength: number;
+    /**
+     * Display the textarea in error state along with an error message.
+     */
+    error: string;
+    /**
+     * Defines a specific role attribute for the input.
+     */
+    role: string | null;
+    /**
+     * Tooltip to display next to the label of the input.
+     */
+    tooltip: string;
+    /**
+     * With direction setting you can force the tooltip to always open towards left
+     * or right instead of automatically determining the direction.
+     */
+    tooltipDirection: DuetTooltipDirection;
+    /**
+     * Value of the textarea.
+     */
+    value: string;
+    /**
+     * A regular expression that matches any characters which should be *disallowed*.
+     * This differs from `pattern`, as it actively prevents users entering any characters which match the regular expression.
+     * e.g. the following will disallow any non-numeric characters `[^0-9]`
+     */
+    disallowPattern: string;
+    disallowedPatternChange(): void;
+    /**
+     * Display character counter. Must be used in conjunction with
+     * **maxlength** and **counterLabel** properties.
+     */
+    counter: boolean;
+    /**
+     * Accessible label for character counter. Must be used in conjunction with
+     * **counter** property.
+     */
+    counterLabel: string;
+    /**
+     * Emitted when a keyboard input ocurred.
+     */
+    duetInput: EventEmitter<DuetTextareaEvent>;
+    /**
+     * Emitted when the value has changed.
+     */
+    duetChange: EventEmitter<DuetTextareaEvent>;
+    /**
+     * Emitted when the input loses focus.
+     */
+    duetBlur: EventEmitter<DuetTextareaEvent>;
+    /**
+     * Emitted when the input has focus.
+     */
+    duetFocus: EventEmitter<DuetTextareaEvent>;
+    /**
+     * Component lifecycle events.
+     */
+    componentWillLoad(): void;
+    /**
+     * Component event handling.
+     */
+    private handleInput;
+    private handleChange;
+    private handleBlur;
+    private handleFocus;
+    private getDescribedBy;
+    /**
+     * Sets focus on the specified `duet-textarea`. Use this method instead of the global
+     * `textarea.focus()`.
+     */
+    setFocus(options?: FocusOptions): Promise<void>;
+    /**
+     * render() function
+     * Always the last one in the class.
+     */
+    render(): any;
 }

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

@@ -2,119 +2,121 @@ import { EventEmitter } from "../../stencil-public-runtime";
 import { A11yComponent, InputComponent, ThemeableComponent } from "../../common";
 import { DuetMargin, DuetTheme } from "../../common-types";
 export type DuetToggleChangeEvent = {
-  component: "duet-toggle";
-  checked: boolean;
-  value: string;
+    component: "duet-toggle";
+    checked: boolean;
+    value: string;
 };
 export declare class DuetToggle implements ThemeableComponent, InputComponent, A11yComponent {
-  /**
-   * Own Properties
-   */
-  private toggleId;
-  private nativeInput;
-  /**
-   * Reference to host HTML element.
-   */
-  element: HTMLElement;
-  /**
-   * Theme of the card.
-   */
-  theme: DuetTheme;
-  /**
-   * Controls the margin of the component.
-   */
-  margin: DuetMargin;
-  /**
-   * Indicates the id of a related component’s visually focused element.
-   */
-  accessibleActiveDescendant: string;
-  /**
-   * Use this prop to add an aria-controls attribute. Use the attribute to indicate
-   * the id of a component controlled by this component.
-   */
-  accessibleControls: string;
-  /**
-   * Indicates the id of a component owned by the toggle.
-   */
-  accessibleOwns: string;
-  /**
-   * Indicates the id of a component that describes the toggle.
-   */
-  accessibleDescribedBy: string;
-  /**
-   * Aria Details of the component
-   */
-  accessibleDetails: string;
-  /**
-   * String of id's that indicate alternative labels elements
-   */
-  accessibleLabelledBy: string;
-  /**
-   * Aria description the button
-   */
-  accessibleDescription: string;
-  /**
-   * Label for the toggle.
-   */
-  label: string;
-  /**
-   * Position of the label
-   */
-  labelPosition: "top" | "right" | "left";
-  /**
-   * Set whether the input is required or not. Please note that this is necessary for
-   * accessible inputs when the user is required to fill them. When using this property
-   * you need to also set “novalidate” attribute to your form element to prevent
-   * browser from displaying its own validation errors.
-   */
-  required: boolean;
-  /**
-   * Makes the input component disabled. This prevents users from being able to
-   * interact with the input, and conveys its inactive state to assistive technologies.
-   */
-  disabled: boolean;
-  /**
-   * Check state of the checkbox.
-   */
-  checked: boolean;
-  checkedChanged(isChecked: boolean): void;
-  /**
-   * The value of the checkbox does not mean if it's checked or not, use the checked
-   * property for that.
-   */
-  value: string;
-  /**
-   * Adds a unique identifier for the checkbox.
-   */
-  identifier: string;
-  /**
-   * Name of the checkbox.
-   */
-  name: string;
-  /**
-   * Defines a specific role attribute for the input.
-   */
-  role: string | null;
-  /**
-   * Emitted when the checked property has changed.
-   */
-  duetChange: EventEmitter<DuetToggleChangeEvent>;
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad(): void;
-  /**
-   * Component event handling.
-   */
-  private onClick;
-  /**
-   * Sets focus on the specified `duet-toggle`. Use this method instead of the global
-   * `input.focus()`.
-   */
-  setFocus(options?: FocusOptions): Promise<void>;
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render(): any;
+    /**
+     * Own Properties
+     */
+    private toggleId;
+    private nativeInput;
+    /**
+     * Reference to host HTML element.
+     */
+    element: HTMLElement;
+    /**
+     * Theme of the card.
+     */
+    theme: DuetTheme;
+    /**
+     * Controls the margin of the component.
+     */
+    margin: DuetMargin;
+    /**
+     * Indicates the id of a related component’s visually focused element.
+     */
+    accessibleActiveDescendant: string;
+    /**
+     * Use this prop to add an aria-controls attribute. Use the attribute to indicate
+     * the id of a component controlled by this component.
+     */
+    accessibleControls: string;
+    /**
+     * Indicates the id of a component owned by the toggle.
+     */
+    accessibleOwns: string;
+    /**
+     * Indicates the id of a component that describes the toggle.
+     */
+    accessibleDescribedBy: string;
+    /**
+     * Aria Details of the component
+     */
+    accessibleDetails: string;
+    /**
+     * String of id's that indicate alternative labels elements
+     */
+    accessibleLabelledBy: string;
+    /**
+     * Aria description the button
+     */
+    accessibleDescription: string;
+    /**
+     * Label for the toggle.
+     */
+    label: string;
+    /**
+     * Position of the label
+     */
+    labelPosition: "top" | "right" | "left";
+    /**
+     * Set whether the input is required or not. Please note that this is necessary for
+     * accessible inputs when the user is required to fill them. When using this property
+     * you need to also set “novalidate” attribute to your form element to prevent
+     * browser from displaying its own validation errors.
+     */
+    required: boolean;
+    /**
+     * Makes the input component disabled. This prevents users from being able to
+     * interact with the input, and conveys its inactive state to assistive technologies.
+     */
+    disabled: boolean;
+    /**
+     * Check state of the checkbox.
+     */
+    checked: boolean;
+    checkedChanged(isChecked: boolean): void;
+    /**
+     * The value of the checkbox does not mean if it's checked or not, use the checked
+     * property for that.
+     */
+    value: string;
+    /**
+     * Adds a unique identifier for the checkbox.
+     */
+    identifier: string;
+    /**
+     * Name of the checkbox.
+     */
+    name: string;
+    /**
+     * Defines a specific role attribute for the input.
+     */
+    role: string | null;
+    /**
+     * Emitted when the checked property has changed.
+     */
+    duetChange: EventEmitter<DuetToggleChangeEvent>;
+    /**
+     * Component lifecycle events.
+     */
+    componentWillLoad(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * Component event handling.
+     */
+    private onClick;
+    /**
+     * Sets focus on the specified `duet-toggle`. Use this method instead of the global
+     * `input.focus()`.
+     */
+    setFocus(options?: FocusOptions): Promise<void>;
+    /**
+     * render() function
+     * Always the last one in the class.
+     */
+    render(): any;
 }