@3t-transform/threeteeui 1.9.102 → 1.9.103

package/dist/types/components/molecules/tttx-form/tttx-form.d.ts

@@ -1,297 +1,297 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-export type FormField = HTMLButtonElement | HTMLInputElement | HTMLOutputElement | HTMLSelectElement | HTMLTextAreaElement;
-export declare class TttxForm {
-  fieldset: HTMLFieldSetElement;
-  submitButton: HTMLInputElement;
-  form: HTMLFormElement;
-  template: HTMLTemplateElement;
-  _formSchema: Record<string, string>;
-  _data: Record<string, string> | undefined;
-  formschema: Record<string, any> | string;
-  data: any;
-  dataSubmitted: EventEmitter<FormData>;
-  dataChanged: EventEmitter<{
-    name: string;
-    value: string;
-  }>;
-  searchTermChanged: EventEmitter<{
-    name: string;
-    value: string;
-    type: string;
-  }>;
-  selectToggleOpen: EventEmitter<{
-    name: string;
-    value: string;
-    type: string;
-  }>;
-  onFormSchemaChange(newValue: Record<string, any> | string): Record<string, string>;
-  onDataChange(newValue: any): Record<string, string>;
-  /**
-   * Handles the focus event for a form field and emits a "dataChanged" event
-   * to the parent component with the field name and its new value.
-   *
-   * @param {KeyboardEvent | Event} event - The focus event triggered by the field.
-   * @return {void}
-   */
-  fieldChanged(event: KeyboardEvent | Event): void;
-  submit(): Promise<void>;
-  showLoadingSpinner(fieldname: string, value: boolean): Promise<void>;
-  setSelectedItem(fieldname: string, id: string): Promise<void>;
-  /**
-   * Replace all children in a given select list with a list of new options
-   * @param { string } fieldname the form name of the given field
-   * @param { {label: string, value: string}[] } options a list of option values and labels
-   */
-  setSelectOptions(fieldname: string, options: {
-    label: string;
-    value: string;
-    disabled?: boolean;
-  }[], skipDefultSelection?: boolean): Promise<void>;
-  isValid(): Promise<boolean>;
-  /**
-   * Submits the form data to the server.
-   *
-   * @param {SubmitEvent} event - The event object for the form submission.
-   * @returns {void}
-   */
-  doSubmit(event: SubmitEvent): void;
-  componentWillLoad(): void;
-  componentWillRender(): void;
-  /**
-   * Creates a new HTMLSelectElement with a set of options.
-   *
-   * @param {string} formKey - The name of the dropdown field, as specified in the form schema.
-   * @param {object} formProperties - An object containing additional properties, such as the field type and options properties.
-   * @param {'select'} formProperties.type - The type of form field. In this case, it will always be "select".
-   * @param {object} formProperties.validation - A set of validation rules for the field.
-   * @param {Array<{label:string, value:string, placeholder?:boolean}>} formProperties.options - A list of properties to pass to the select options.
-   * @param {string} formProperties.options[].label - The visible value of the option.
-   * @param {string} formProperties.options[].value - The actual value of the option.
-   * @param {boolean} [formProperties.options[].placeholder]
-   */
-  createSelect(formKey: string, formProperties: {
-    type: 'select';
-    validation: object;
-    disabled?: boolean;
-    useExternalFiltering?: boolean;
-    isLoading?: boolean;
-    readOnly?: boolean;
-    options: Array<{
-      label: string;
-      value: string;
-      placeholder?: boolean;
-      disabled?: boolean;
-    }>;
-  }): {
-    input: HTMLSelectElement;
-    overlay: never;
-  };
-  selectItemEventCallback(ev: Event & {
-    detail: {
-      value: string;
-    };
-  }): void;
-  /**
-   * Appends an option to a select element
-   *
-   * @param {HTMLSelectElement} select - The select elements to attach the option to.
-   * @param {Object} optionProperties
-   * @param {string} optionProperties.value - The value of the option.
-   * @param {string} optionProperties.label - The label which will be displayed on the form for the option.
-   * @param {boolean} [optionProperties.placeholder]
-   */
-  appendOption(select: HTMLSelectElement, optionProperties: {
-    value: string;
-    label: string;
-    placeholder?: boolean;
-    disabled?: boolean;
-  }): void;
-  /**
-   * Creates a new HTMLInputElement with the specified name, type, and placeholder (if any),
-   * and sets its autocomplete and autocapitalization properties to off.
-   *
-   * @param {string} formKey - The name of the input field, as specified in the form schema.
-   * @param {Record<string, any>} formProperties - An object containing additional properties for the input field, such as its type and placeholder value.
-   * @param {string} formProperties.type - The type of the input field (e.g., "text", "email", "number", etc.).
-   * @param {string} [formProperties.placeholder] - An optional placeholder value to display in the input field.
-   * @return {HTMLInputElement} - The new input element.
-   */
-  createInput(formKey: string, formProperties: Record<string, any>): HTMLInputElement;
-  /**
-   * Creates a new HTMLTextAreaElement with the specified name and placeholder (if any),
-   * and sets its autocomplete and autocapitalization properties to off.
-   *
-   * @param {string} formKey - The name of the input field, as specified in the form schema.
-   * @param {Record<string, any>} formProperties - An object containing additional properties for the input field, such as its type and placeholder value.
-   * @param {string} [formProperties.placeholder] - An optional placeholder value to display in the input field.
-   * @return {HTMLTextAreaElement} - The new input element.
-   */
-  createTextArea(formKey: string, formProperties: Record<string, any>): HTMLTextAreaElement;
-  createStartEndDateComponent(formKey: string, formProperties: Record<string, any>): {
-    start: HTMLLabelElement;
-    end: HTMLLabelElement;
-  };
-  /**
-   * Applies validation attributes to an input element based on the specified validation object.
-   * If a certain property is present in the object, it will set the corresponding attribute on
-   * the input element (e.g., "required" will set the "required" and "data-required" attributes,
-   * "pattern" will set the "pattern" and "data-pattern" attributes, etc.).
-   *
-   * @param {FormField} input - The input element to apply validation attributes to.
-   * @param {object} validation - An object containing the validation rules for the input field.
-   * @param {object} [validation.required] - An object containing a "message" property to display if the field is required.
-   * @param {string} [validation.required.message]
-   * @param {object} [validation.pattern] - An object containing a "pattern" property to match against the field value, and a "message" property to display if the pattern doesn't match.
-   * @param {string} [validation.pattern.pattern]
-   * @param {string} [validation.pattern.message]
-   * @param {object} [validation.badInput] - An object containing a "message" property to display if the field value is invalid.
-   * @param {string} [validation.badInput.message]
-   * @param {object} [validation.minmax] - An object containing "min" and "max" properties to validate the field value against, and a "message" property to display if the value is out of range.
-   * @param {string} [validation.minmax.min]
-   * @param {string} [validation.minmax.max]
-   * @param {string} [validation.minmax.message]
-   * @param {string} [validation.maxlength] - The maximum length of the input field.
-   * @param {string} [validation.datecompare] - To compare start and end date fields.
-   * @return {void}
-   */
-  applyValidation(input: FormField, validation: {
-    required?: {
-      message?: string;
-    };
-    pattern?: {
-      pattern?: string;
-      message?: string;
-    };
-    badInput?: {
-      message?: string;
-    };
-    minmax?: {
-      min?: string;
-      max?: string;
-      message?: string;
-    };
-    maxlength?: string;
-    dateCompare?: {
-      to?: string;
-      with?: string;
-      message?: string;
-    };
-  }): void;
-  createErrorBubble(): HTMLDivElement;
-  /**
-   *
-   * @param {Record<string, any>} formProperties
-   * @param {HTMLInputElement | HTMLSelectElement} input
-   * @param {HTMLLabelElement} label
-   * @returns {void}
-   */
-  appendCheckboxInput(formProperties: Record<string, any>, input: HTMLInputElement | HTMLSelectElement, label: HTMLLabelElement): void;
-  /**
-   * Creates a new <label> element with the "inputBlock" class and the specified label text,
-   * and appends the input element and error bubble element to it. If the form property has
-   * no validation object, it adds an "optional" span element to the label.
-   *
-   * @param {Record<string, any>} formProperties - An object containing properties for the form field, including its label text and validation rules.
-   * @param {HTMLInputElement | HTMLSelectElement} input - The input element to associate with the label.
-   * @param {never} overlay - The Child Element which will be rendered atop the standard HTML5 element
-   * @param {HTMLDivElement} errorBubble - The error bubble element to display error messages in.
-   * @return {HTMLLabelElement} - The new label element.
-   */
-  createLabel(formProperties: Record<string, any>, input: HTMLInputElement | HTMLSelectElement, overlay: Node | null, errorBubble: HTMLDivElement): HTMLLabelElement;
-  /**
-   * Creates a new radio input with a set of options.
-   *
-   * @param {string} formKey - The name of the dropdown field, as specified in the form schema.
-   * @param {Object} formProperties - An object containing additional properties, such as the field type and options properties.
-   * @param {'radio'} formProperties.type - The type of form field. In this case, it will always be "radio".
-   * @param {Object} formProperties.validation - A set of validation rules for the field.
-   * @param {Object[]} formProperties.options - A list of properties to pass to the select options.
-   * @param {string} formProperties.options.label - The visible value of the option.
-   * @param {string} formProperties.options.value - The actual value of the option.
-   */
-  createRadio(formKey: string, formProperties: any): DocumentFragment;
-  /**
-   * Populates the form template with input fields and labels based on the properties of the
-   * current form schema. For each property in the schema, it creates an input element, applies
-   * any validation rules to it, creates an error bubble and label element, and appends them
-   * to the form template. Finally, it creates and appends a submit button element to the form.
-   *
-   * @return {void}
-   */
-  populateFormFromSchema(): void;
-  /**
-   * Clones the form template and binds event listeners to its input elements. First, it checks if
-   * there is a form schema present. If so, it clones the template's content, binds events to form
-   * input elements, and appends the cloned form elements to the fieldset. The event listeners include
-   * "oninvalid" (to check input validity on submit), "onblur" (to check input validity on blur),
-   * "onkeyup" (to handle changes in input fields), and "onchange" (to handle changes in select fields).
-   *
-   * @return {void}
-   */
-  componentDidRender(): void;
-  /**
-   * Assign validation events to a given form item
-   * @param formItems The document fragment template of form items to be rendered
-   * @param formKey The key of the form item to bind events too
-   * @param properties The form item's properties, such as type and name
-   */
-  applyValidationFunctionsToFormElement(formItems: DocumentFragment, formKey: string, properties: unknown): void;
-  /**
-   * If data exists, set form input values before rendering
-   * @param formItems The document fragment template of form items to be rendered
-   */
-  populateFormWithExistingData(formItems: DocumentFragment): void;
-  /**
-   * Remove the placeholder class on the bound THIS select element
-   */
-  selectRemovePlaceholderCallback(): void;
-  /**
-   * A wrapper around validity check and set error state
-   */
-  validityCheckWrapper(event: Event | FocusEvent): void;
-  assignFieldsetReference(el: HTMLFieldSetElement): void;
-  assignButtonReference(el: HTMLInputElement): void;
-  /**
-   * An external validation trigger to apply to a form field
-   * @param { string } fieldName The form field name to apply the validation too
-   * @param { string } message The validation message to display under the form field
-   */
-  setValidationFor(fieldName: string, message: string): Promise<void>;
-  /**
-   * Clear the validation message on a given form field
-   * @param { string } fieldName The form field name to clear the validation of
-   */
-  clearValidationFor(fieldName: string): Promise<void>;
-  toggleFormField(formField: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement, disabled: boolean): void;
-  /**
-   * Disable a form field and visually remove it from the form.
-   * If custom validation is set, this function will return without affecting the form field.
-   * @param { string } fieldName The form field name to disable
-   */
-  disableFormField(fieldName: string): Promise<void>;
-  /**
-   * Enable a form field and visually add it back to the form.
-   * @param { string } fieldName The form field name to enable
-   */
-  enableFormField(fieldName: string): Promise<void>;
-  /**
-   * Set the value of a form field progromatically
-   * @param { string } fieldName The form field name having it's value set
-   * @param { string } fieldValue The form field value to set
-   */
-  setInputFieldValue(fieldName: string, fieldValue: string): Promise<void>;
-  /**
-   * Change the readonly property on an input field. If set to 'true' any validation will also be cleared.
-   * @param { string } fieldName The form field name to set
-   * @param { boolean } readonly The state of the read-only attribute
-   */
-  setFieldReadOnlyMode(fieldName: string, readonly: boolean): Promise<void>;
-  /**
-   * Renders the component's template as a form element with a fieldset container. The form's
-   * "onSubmit" event is bound to the "doSubmit" function, which handles the form submission
-   * and emits a "dataSubmitted" event with the form data. The fieldset element is assigned
-   * to the "fieldset" instance variable using a ref, so it can be populated with form elements
-   * later on.
-   */
-  render(): any;
-}
+import { EventEmitter } from '../../../stencil-public-runtime';
+export type FormField = HTMLButtonElement | HTMLInputElement | HTMLOutputElement | HTMLSelectElement | HTMLTextAreaElement;
+export declare class TttxForm {
+  fieldset: HTMLFieldSetElement;
+  submitButton: HTMLInputElement;
+  form: HTMLFormElement;
+  template: HTMLTemplateElement;
+  _formSchema: Record<string, string>;
+  _data: Record<string, string> | undefined;
+  formschema: Record<string, any> | string;
+  data: any;
+  dataSubmitted: EventEmitter<FormData>;
+  dataChanged: EventEmitter<{
+    name: string;
+    value: string;
+  }>;
+  searchTermChanged: EventEmitter<{
+    name: string;
+    value: string;
+    type: string;
+  }>;
+  selectToggleOpen: EventEmitter<{
+    name: string;
+    value: string;
+    type: string;
+  }>;
+  onFormSchemaChange(newValue: Record<string, any> | string): Record<string, string>;
+  onDataChange(newValue: any): Record<string, string>;
+  /**
+   * Handles the focus event for a form field and emits a "dataChanged" event
+   * to the parent component with the field name and its new value.
+   *
+   * @param {KeyboardEvent | Event} event - The focus event triggered by the field.
+   * @return {void}
+   */
+  fieldChanged(event: KeyboardEvent | Event): void;
+  submit(): Promise<void>;
+  showLoadingSpinner(fieldname: string, value: boolean): Promise<void>;
+  setSelectedItem(fieldname: string, id: string): Promise<void>;
+  /**
+   * Replace all children in a given select list with a list of new options
+   * @param { string } fieldname the form name of the given field
+   * @param { {label: string, value: string}[] } options a list of option values and labels
+   */
+  setSelectOptions(fieldname: string, options: {
+    label: string;
+    value: string;
+    disabled?: boolean;
+  }[], skipDefultSelection?: boolean): Promise<void>;
+  isValid(): Promise<boolean>;
+  /**
+   * Submits the form data to the server.
+   *
+   * @param {SubmitEvent} event - The event object for the form submission.
+   * @returns {void}
+   */
+  doSubmit(event: SubmitEvent): void;
+  componentWillLoad(): void;
+  componentWillRender(): void;
+  /**
+   * Creates a new HTMLSelectElement with a set of options.
+   *
+   * @param {string} formKey - The name of the dropdown field, as specified in the form schema.
+   * @param {object} formProperties - An object containing additional properties, such as the field type and options properties.
+   * @param {'select'} formProperties.type - The type of form field. In this case, it will always be "select".
+   * @param {object} formProperties.validation - A set of validation rules for the field.
+   * @param {Array<{label:string, value:string, placeholder?:boolean}>} formProperties.options - A list of properties to pass to the select options.
+   * @param {string} formProperties.options[].label - The visible value of the option.
+   * @param {string} formProperties.options[].value - The actual value of the option.
+   * @param {boolean} [formProperties.options[].placeholder]
+   */
+  createSelect(formKey: string, formProperties: {
+    type: 'select';
+    validation: object;
+    disabled?: boolean;
+    useExternalFiltering?: boolean;
+    isLoading?: boolean;
+    readOnly?: boolean;
+    options: Array<{
+      label: string;
+      value: string;
+      placeholder?: boolean;
+      disabled?: boolean;
+    }>;
+  }): {
+    input: HTMLSelectElement;
+    overlay: never;
+  };
+  selectItemEventCallback(ev: Event & {
+    detail: {
+      value: string;
+    };
+  }): void;
+  /**
+   * Appends an option to a select element
+   *
+   * @param {HTMLSelectElement} select - The select elements to attach the option to.
+   * @param {Object} optionProperties
+   * @param {string} optionProperties.value - The value of the option.
+   * @param {string} optionProperties.label - The label which will be displayed on the form for the option.
+   * @param {boolean} [optionProperties.placeholder]
+   */
+  appendOption(select: HTMLSelectElement, optionProperties: {
+    value: string;
+    label: string;
+    placeholder?: boolean;
+    disabled?: boolean;
+  }): void;
+  /**
+   * Creates a new HTMLInputElement with the specified name, type, and placeholder (if any),
+   * and sets its autocomplete and autocapitalization properties to off.
+   *
+   * @param {string} formKey - The name of the input field, as specified in the form schema.
+   * @param {Record<string, any>} formProperties - An object containing additional properties for the input field, such as its type and placeholder value.
+   * @param {string} formProperties.type - The type of the input field (e.g., "text", "email", "number", etc.).
+   * @param {string} [formProperties.placeholder] - An optional placeholder value to display in the input field.
+   * @return {HTMLInputElement} - The new input element.
+   */
+  createInput(formKey: string, formProperties: Record<string, any>): HTMLInputElement;
+  /**
+   * Creates a new HTMLTextAreaElement with the specified name and placeholder (if any),
+   * and sets its autocomplete and autocapitalization properties to off.
+   *
+   * @param {string} formKey - The name of the input field, as specified in the form schema.
+   * @param {Record<string, any>} formProperties - An object containing additional properties for the input field, such as its type and placeholder value.
+   * @param {string} [formProperties.placeholder] - An optional placeholder value to display in the input field.
+   * @return {HTMLTextAreaElement} - The new input element.
+   */
+  createTextArea(formKey: string, formProperties: Record<string, any>): HTMLTextAreaElement;
+  createStartEndDateComponent(formKey: string, formProperties: Record<string, any>): {
+    start: HTMLLabelElement;
+    end: HTMLLabelElement;
+  };
+  /**
+   * Applies validation attributes to an input element based on the specified validation object.
+   * If a certain property is present in the object, it will set the corresponding attribute on
+   * the input element (e.g., "required" will set the "required" and "data-required" attributes,
+   * "pattern" will set the "pattern" and "data-pattern" attributes, etc.).
+   *
+   * @param {FormField} input - The input element to apply validation attributes to.
+   * @param {object} validation - An object containing the validation rules for the input field.
+   * @param {object} [validation.required] - An object containing a "message" property to display if the field is required.
+   * @param {string} [validation.required.message]
+   * @param {object} [validation.pattern] - An object containing a "pattern" property to match against the field value, and a "message" property to display if the pattern doesn't match.
+   * @param {string} [validation.pattern.pattern]
+   * @param {string} [validation.pattern.message]
+   * @param {object} [validation.badInput] - An object containing a "message" property to display if the field value is invalid.
+   * @param {string} [validation.badInput.message]
+   * @param {object} [validation.minmax] - An object containing "min" and "max" properties to validate the field value against, and a "message" property to display if the value is out of range.
+   * @param {string} [validation.minmax.min]
+   * @param {string} [validation.minmax.max]
+   * @param {string} [validation.minmax.message]
+   * @param {string} [validation.maxlength] - The maximum length of the input field.
+   * @param {string} [validation.datecompare] - To compare start and end date fields.
+   * @return {void}
+   */
+  applyValidation(input: FormField, validation: {
+    required?: {
+      message?: string;
+    };
+    pattern?: {
+      pattern?: string;
+      message?: string;
+    };
+    badInput?: {
+      message?: string;
+    };
+    minmax?: {
+      min?: string;
+      max?: string;
+      message?: string;
+    };
+    maxlength?: string;
+    dateCompare?: {
+      to?: string;
+      with?: string;
+      message?: string;
+    };
+  }): void;
+  createErrorBubble(): HTMLDivElement;
+  /**
+   *
+   * @param {Record<string, any>} formProperties
+   * @param {HTMLInputElement | HTMLSelectElement} input
+   * @param {HTMLLabelElement} label
+   * @returns {void}
+   */
+  appendCheckboxInput(formProperties: Record<string, any>, input: HTMLInputElement | HTMLSelectElement, label: HTMLLabelElement): void;
+  /**
+   * Creates a new <label> element with the "inputBlock" class and the specified label text,
+   * and appends the input element and error bubble element to it. If the form property has
+   * no validation object, it adds an "optional" span element to the label.
+   *
+   * @param {Record<string, any>} formProperties - An object containing properties for the form field, including its label text and validation rules.
+   * @param {HTMLInputElement | HTMLSelectElement} input - The input element to associate with the label.
+   * @param {never} overlay - The Child Element which will be rendered atop the standard HTML5 element
+   * @param {HTMLDivElement} errorBubble - The error bubble element to display error messages in.
+   * @return {HTMLLabelElement} - The new label element.
+   */
+  createLabel(formProperties: Record<string, any>, input: HTMLInputElement | HTMLSelectElement, overlay: Node | null, errorBubble: HTMLDivElement): HTMLLabelElement;
+  /**
+   * Creates a new radio input with a set of options.
+   *
+   * @param {string} formKey - The name of the dropdown field, as specified in the form schema.
+   * @param {Object} formProperties - An object containing additional properties, such as the field type and options properties.
+   * @param {'radio'} formProperties.type - The type of form field. In this case, it will always be "radio".
+   * @param {Object} formProperties.validation - A set of validation rules for the field.
+   * @param {Object[]} formProperties.options - A list of properties to pass to the select options.
+   * @param {string} formProperties.options.label - The visible value of the option.
+   * @param {string} formProperties.options.value - The actual value of the option.
+   */
+  createRadio(formKey: string, formProperties: any): DocumentFragment;
+  /**
+   * Populates the form template with input fields and labels based on the properties of the
+   * current form schema. For each property in the schema, it creates an input element, applies
+   * any validation rules to it, creates an error bubble and label element, and appends them
+   * to the form template. Finally, it creates and appends a submit button element to the form.
+   *
+   * @return {void}
+   */
+  populateFormFromSchema(): void;
+  /**
+   * Clones the form template and binds event listeners to its input elements. First, it checks if
+   * there is a form schema present. If so, it clones the template's content, binds events to form
+   * input elements, and appends the cloned form elements to the fieldset. The event listeners include
+   * "oninvalid" (to check input validity on submit), "onblur" (to check input validity on blur),
+   * "onkeyup" (to handle changes in input fields), and "onchange" (to handle changes in select fields).
+   *
+   * @return {void}
+   */
+  componentDidRender(): void;
+  /**
+   * Assign validation events to a given form item
+   * @param formItems The document fragment template of form items to be rendered
+   * @param formKey The key of the form item to bind events too
+   * @param properties The form item's properties, such as type and name
+   */
+  applyValidationFunctionsToFormElement(formItems: DocumentFragment, formKey: string, properties: unknown): void;
+  /**
+   * If data exists, set form input values before rendering
+   * @param formItems The document fragment template of form items to be rendered
+   */
+  populateFormWithExistingData(formItems: DocumentFragment): void;
+  /**
+   * Remove the placeholder class on the bound THIS select element
+   */
+  selectRemovePlaceholderCallback(): void;
+  /**
+   * A wrapper around validity check and set error state
+   */
+  validityCheckWrapper(event: Event | FocusEvent): void;
+  assignFieldsetReference(el: HTMLFieldSetElement): void;
+  assignButtonReference(el: HTMLInputElement): void;
+  /**
+   * An external validation trigger to apply to a form field
+   * @param { string } fieldName The form field name to apply the validation too
+   * @param { string } message The validation message to display under the form field
+   */
+  setValidationFor(fieldName: string, message: string): Promise<void>;
+  /**
+   * Clear the validation message on a given form field
+   * @param { string } fieldName The form field name to clear the validation of
+   */
+  clearValidationFor(fieldName: string): Promise<void>;
+  toggleFormField(formField: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement, disabled: boolean): void;
+  /**
+   * Disable a form field and visually remove it from the form.
+   * If custom validation is set, this function will return without affecting the form field.
+   * @param { string } fieldName The form field name to disable
+   */
+  disableFormField(fieldName: string): Promise<void>;
+  /**
+   * Enable a form field and visually add it back to the form.
+   * @param { string } fieldName The form field name to enable
+   */
+  enableFormField(fieldName: string): Promise<void>;
+  /**
+   * Set the value of a form field progromatically
+   * @param { string } fieldName The form field name having it's value set
+   * @param { string } fieldValue The form field value to set
+   */
+  setInputFieldValue(fieldName: string, fieldValue: string): Promise<void>;
+  /**
+   * Change the readonly property on an input field. If set to 'true' any validation will also be cleared.
+   * @param { string } fieldName The form field name to set
+   * @param { boolean } readonly The state of the read-only attribute
+   */
+  setFieldReadOnlyMode(fieldName: string, readonly: boolean): Promise<void>;
+  /**
+   * Renders the component's template as a form element with a fieldset container. The form's
+   * "onSubmit" event is bound to the "doSubmit" function, which handles the form submission
+   * and emits a "dataSubmitted" event with the form data. The fieldset element is assigned
+   * to the "fieldset" instance variable using a ref, so it can be populated with form elements
+   * later on.
+   */
+  render(): any;
+}

package/dist/types/components/molecules/tttx-graph/gauge-label-plugin.d.ts

@@ -1,4 +1,4 @@
-export declare const gaugeLabelPlugin: {
-  id: string;
-  beforeDatasetsDraw(chart: any): void;
-};
+export declare const gaugeLabelPlugin: {
+  id: string;
+  beforeDatasetsDraw(chart: any): void;
+};

package/dist/types/components/molecules/tttx-graph/tttx-graph.d.ts

@@ -1,13 +1,13 @@
-export declare class TttxGraph {
-  canvasElement: HTMLCanvasElement;
-  chartConfig: string;
-  chartType: string;
-  chartData: string;
-  chartText: string;
-  formattedData: any[];
-  protected componentDidLoad(): void;
-  render(): any;
-  getLineConfig(): string;
-  getGaugeConfig(): string;
-  getRAGColour(perc: number): string;
-}
+export declare class TttxGraph {
+  canvasElement: HTMLCanvasElement;
+  chartConfig: string;
+  chartType: string;
+  chartData: string;
+  chartText: string;
+  formattedData: any[];
+  protected componentDidLoad(): void;
+  render(): any;
+  getLineConfig(): string;
+  getGaugeConfig(): string;
+  getRAGColour(perc: number): string;
+}