@3t-transform/threeteeui 1.9.101 → 1.9.103

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

@@ -1,26 +1,26 @@
-declare const _default: {
-  title: string;
-  component: string;
-  argTypes: {
-    width: {
-      control: {
-        type: string;
-        min: number;
-        max: number;
-        step: number;
-      };
-    };
-    height: {
-      control: {
-        type: string;
-        min: number;
-        max: number;
-        step: number;
-      };
-    };
-  };
-};
-export default _default;
-export declare const GaugeExample: any;
-export declare const LineExample: any;
-export declare const LargeLineExample: any;
+declare const _default: {
+  title: string;
+  component: string;
+  argTypes: {
+    width: {
+      control: {
+        type: string;
+        min: number;
+        max: number;
+        step: number;
+      };
+    };
+    height: {
+      control: {
+        type: string;
+        min: number;
+        max: number;
+        step: number;
+      };
+    };
+  };
+};
+export default _default;
+export declare const GaugeExample: any;
+export declare const LineExample: any;
+export declare const LargeLineExample: any;

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

@@ -1,23 +1,23 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { ListItem } from './interfaces';
-export declare class TttxList {
-  data: string | ListItem[];
-  _data: ListItem[];
-  name: string;
-  onDataChange(): void;
-  componentWillLoad(): void;
-  rowClick: EventEmitter<{
-    key: string;
-    name: string;
-    data: unknown;
-  }>;
-  rowCheckboxClick: EventEmitter<{
-    key: string;
-    name: string;
-    data: unknown;
-  }>;
-  onRowCheckboxHandler(event: PointerEvent, item: ListItem): void;
-  onRowClickHandler(item: ListItem): void;
-  renderListItem(item: ListItem): any;
-  render(): any;
-}
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { ListItem } from './interfaces';
+export declare class TttxList {
+  data: string | ListItem[];
+  _data: ListItem[];
+  name: string;
+  onDataChange(): void;
+  componentWillLoad(): void;
+  rowClick: EventEmitter<{
+    key: string;
+    name: string;
+    data: unknown;
+  }>;
+  rowCheckboxClick: EventEmitter<{
+    key: string;
+    name: string;
+    data: unknown;
+  }>;
+  onRowCheckboxHandler(event: PointerEvent, item: ListItem): void;
+  onRowClickHandler(item: ListItem): void;
+  renderListItem(item: ListItem): any;
+  render(): any;
+}

package/dist/types/components/molecules/tttx-multiselect-box/tttx-multiselect-box.d.ts

@@ -1,50 +1,50 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { SelectItem } from './interfaces';
-export declare class TttxMultiselectBox {
-  optionsData: string | SelectItem[];
-  label: string;
-  inline: boolean;
-  placeholder: string;
-  searchEnabled: boolean;
-  htmlVisibleValue: boolean;
-  visibleValue: string;
-  isLoading: boolean;
-  stopLocalSearch: boolean;
-  readOnly: boolean;
-  priorityLabel: string;
-  nonPriorityLabel: string;
-  open: boolean;
-  unsavedSelectedItems: SelectItem[];
-  searchTerm: string;
-  private bodyOffset;
-  el: any;
-  selectItemEvent: EventEmitter<SelectItem>;
-  toggleOpen: EventEmitter<boolean>;
-  changesApplied: EventEmitter<SelectItem[]>;
-  searchDataChanged: EventEmitter<{
-    searchTerm: string;
-  }>;
-  handleCloseSelectBox(): void;
-  handleBlur(): void;
-  handleOptionsDataChange(): void;
-  componentWillLoad(): void;
-  initializeUnsavedSelectedItems(): void;
-  /**
-   * We want to generally clone instances of optionsData and unsavedSelectedItems
-   * This is because they may be assigned from each other, but have different purposes
-   * If we don't clone them, changing one may propagate to the others
-   * JSON.parse/stringify will deep clone them, so the references of the array elements will also change
-   */
-  safelyCloneArray(arr: SelectItem[]): SelectItem[];
-  onDropdownClicked(): void;
-  onCancel(): void;
-  applyChanges(): void;
-  onItemSelected(option: SelectItem): void;
-  dropdownSelectorContent(): any;
-  optionFoundInSearchTerm(option: any): boolean;
-  renderDropdownOptions(options: SelectItem[]): any;
-  dropdownOption(option: SelectItem): any;
-  handleSearchInput(event: InputEvent): void;
-  calculateDropdownMenuOffset(): void;
-  render(): any;
-}
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { SelectItem } from './interfaces';
+export declare class TttxMultiselectBox {
+  optionsData: string | SelectItem[];
+  label: string;
+  inline: boolean;
+  placeholder: string;
+  searchEnabled: boolean;
+  htmlVisibleValue: boolean;
+  visibleValue: string;
+  isLoading: boolean;
+  stopLocalSearch: boolean;
+  readOnly: boolean;
+  priorityLabel: string;
+  nonPriorityLabel: string;
+  open: boolean;
+  unsavedSelectedItems: SelectItem[];
+  searchTerm: string;
+  private bodyOffset;
+  el: any;
+  selectItemEvent: EventEmitter<SelectItem>;
+  toggleOpen: EventEmitter<boolean>;
+  changesApplied: EventEmitter<SelectItem[]>;
+  searchDataChanged: EventEmitter<{
+    searchTerm: string;
+  }>;
+  handleCloseSelectBox(): void;
+  handleBlur(): void;
+  handleOptionsDataChange(): void;
+  componentWillLoad(): void;
+  initializeUnsavedSelectedItems(): void;
+  /**
+   * We want to generally clone instances of optionsData and unsavedSelectedItems
+   * This is because they may be assigned from each other, but have different purposes
+   * If we don't clone them, changing one may propagate to the others
+   * JSON.parse/stringify will deep clone them, so the references of the array elements will also change
+   */
+  safelyCloneArray(arr: SelectItem[]): SelectItem[];
+  onDropdownClicked(): void;
+  onCancel(): void;
+  applyChanges(): void;
+  onItemSelected(option: SelectItem): void;
+  dropdownSelectorContent(): any;
+  optionFoundInSearchTerm(option: any): boolean;
+  renderDropdownOptions(options: SelectItem[]): any;
+  dropdownOption(option: SelectItem): any;
+  handleSearchInput(event: InputEvent): void;
+  calculateDropdownMenuOffset(): void;
+  render(): any;
+}

package/dist/types/components/molecules/tttx-range-slider/tttx-range-slider.d.ts

@@ -1,45 +1,45 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-export declare class TttxRangeSlider {
-  minimum: number;
-  maximum: number;
-  sliderMode: 'single' | 'dual';
-  showFields: boolean;
-  lowerValue: number;
-  upperValue: number;
-  sliderValuesUpdated: EventEmitter<{
-    lowerValue: number;
-    upperValue: number;
-  }>;
-  private sliderBackground;
-  private activeSliderBackground;
-  refSliderSingle: any;
-  refSliderLower: any;
-  refSliderUpper: any;
-  refLowerInput: any;
-  refUpperInput: any;
-  refTooltipMin: any;
-  refTooltipMax: any;
-  refSliderTrack: any;
-  minGap: number;
-  componentWillLoad(): void;
-  componentDidRender(): void;
-  private emitValuesTimeout;
-  emitValuesUpdatedEvent(): void;
-  onSetSliderValues(event: CustomEvent<{
-    lowerValue: number;
-    upperValue: number;
-  }>): void;
-  private inputTimeout;
-  inputDebounce(inputType: 'min' | 'max', event: Event): void;
-  handleInputChange(inputType: 'min' | 'max', inputValue: string): void;
-  onMinSliderFocusOut(): void;
-  onMaxSliderFocusOut(): void;
-  onMinSliderChange(): void;
-  onMaxSliderChange(): void;
-  setSliderColours(): void;
-  renderValueInput(inputType: 'min' | 'max', value: number): any;
-  setValueInputRef(inputType: 'min' | 'max', element: HTMLElement): void;
-  setTooltipPositions(sliderMoved: 'min' | 'max', isVisible?: boolean): void;
-  onSingleSliderChange(event: Event): void;
-  render(): any;
-}
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class TttxRangeSlider {
+  minimum: number;
+  maximum: number;
+  sliderMode: 'single' | 'dual';
+  showFields: boolean;
+  lowerValue: number;
+  upperValue: number;
+  sliderValuesUpdated: EventEmitter<{
+    lowerValue: number;
+    upperValue: number;
+  }>;
+  private sliderBackground;
+  private activeSliderBackground;
+  refSliderSingle: any;
+  refSliderLower: any;
+  refSliderUpper: any;
+  refLowerInput: any;
+  refUpperInput: any;
+  refTooltipMin: any;
+  refTooltipMax: any;
+  refSliderTrack: any;
+  minGap: number;
+  componentWillLoad(): void;
+  componentDidRender(): void;
+  private emitValuesTimeout;
+  emitValuesUpdatedEvent(): void;
+  onSetSliderValues(event: CustomEvent<{
+    lowerValue: number;
+    upperValue: number;
+  }>): void;
+  private inputTimeout;
+  inputDebounce(inputType: 'min' | 'max', event: Event): void;
+  handleInputChange(inputType: 'min' | 'max', inputValue: string): void;
+  onMinSliderFocusOut(): void;
+  onMaxSliderFocusOut(): void;
+  onMinSliderChange(): void;
+  onMaxSliderChange(): void;
+  setSliderColours(): void;
+  renderValueInput(inputType: 'min' | 'max', value: number): any;
+  setValueInputRef(inputType: 'min' | 'max', element: HTMLElement): void;
+  setTooltipPositions(sliderMoved: 'min' | 'max', isVisible?: boolean): void;
+  onSingleSliderChange(event: Event): void;
+  render(): any;
+}

package/dist/types/components/molecules/tttx-range-slider/tttx-range-slider.stories.d.ts

@@ -1,7 +1,7 @@
-declare const _default: {
-  title: string;
-  component: string;
-};
-export default _default;
-export declare const BasicSlider: any;
-export declare const DualSlider: any;
+declare const _default: {
+  title: string;
+  component: string;
+};
+export default _default;
+export declare const BasicSlider: any;
+export declare const DualSlider: any;

package/dist/types/components/molecules/tttx-select-box/tttx-select-box.d.ts

@@ -1,55 +1,55 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { SelectItem } from './interfaces';
-export declare class TttxSelectBox {
-  optionsData: string | SelectItem[];
-  label: string;
-  inline: boolean;
-  placeholder: string;
-  searchEnabled: boolean;
-  selectedValue: string;
-  useExternalFiltering: boolean;
-  useExternalPaginatedFiltering: boolean;
-  isAllExternalDataLoaded: boolean;
-  isLoading: boolean;
-  readOnly: boolean;
-  priorityLabel: string;
-  nonPriorityLabel: string;
-  clearable: boolean;
-  showErrorMsg: boolean;
-  showErrorBubble: boolean;
-  errorMsg: string;
-  open: boolean;
-  selectedItem: SelectItem;
-  searchTerm: string;
-  loadingNextExternalPage: boolean;
-  _optionsData: SelectItem[];
-  _isAllExternalDataLoaded: boolean;
-  private dropdownSelector;
-  private bodyOffset;
-  private searchFilterTimeout;
-  el: HTMLTttxSelectBox_1_9_101Element;
-  componentWillLoad(): Promise<void>;
-  setOptionsData(): Promise<void>;
-  updateAllLoadedBool(): void;
-  setSelectedItem(value: string | undefined): Promise<void>;
-  cleanSelectedItem(): void;
-  selectItemEvent: EventEmitter<SelectItem>;
-  toggleOpen: EventEmitter<boolean>;
-  searchUpdated: EventEmitter<string>;
-  selectEndReachedEvent: EventEmitter<string>;
-  closeSelectBoxHandler: () => void;
-  componentDidLoad(): void;
-  componentWillUnload(): void;
-  handleCloseSelectBox(): void;
-  handleBlur(): void;
-  onDropdownClicked(): void;
-  onItemSelected(option: SelectItem): void;
-  dropdownSelectorContent(): any;
-  renderDropdownOptions(options: SelectItem[]): any;
-  dropdownOption(option: SelectItem): any;
-  handleSearchInput(event: InputEvent | Event): void;
-  calculateDropdownMenuOffset(): void;
-  private selectEndReached;
-  onSelectScroll(scrollEvent: any): void;
-  render(): any;
-}
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { SelectItem } from './interfaces';
+export declare class TttxSelectBox {
+  optionsData: string | SelectItem[];
+  label: string;
+  inline: boolean;
+  placeholder: string;
+  searchEnabled: boolean;
+  selectedValue: string;
+  useExternalFiltering: boolean;
+  useExternalPaginatedFiltering: boolean;
+  isAllExternalDataLoaded: boolean;
+  isLoading: boolean;
+  readOnly: boolean;
+  priorityLabel: string;
+  nonPriorityLabel: string;
+  clearable: boolean;
+  showErrorMsg: boolean;
+  showErrorBubble: boolean;
+  errorMsg: string;
+  open: boolean;
+  selectedItem: SelectItem;
+  searchTerm: string;
+  loadingNextExternalPage: boolean;
+  _optionsData: SelectItem[];
+  _isAllExternalDataLoaded: boolean;
+  private dropdownSelector;
+  private bodyOffset;
+  private searchFilterTimeout;
+  el: HTMLTttxSelectBox_1_9_103Element;
+  componentWillLoad(): Promise<void>;
+  setOptionsData(): Promise<void>;
+  updateAllLoadedBool(): void;
+  setSelectedItem(value: string | undefined): Promise<void>;
+  cleanSelectedItem(): void;
+  selectItemEvent: EventEmitter<SelectItem>;
+  toggleOpen: EventEmitter<boolean>;
+  searchUpdated: EventEmitter<string>;
+  selectEndReachedEvent: EventEmitter<string>;
+  closeSelectBoxHandler: () => void;
+  componentDidLoad(): void;
+  componentWillUnload(): void;
+  handleCloseSelectBox(): void;
+  handleBlur(): void;
+  onDropdownClicked(): void;
+  onItemSelected(option: SelectItem): void;
+  dropdownSelectorContent(): any;
+  renderDropdownOptions(options: SelectItem[]): any;
+  dropdownOption(option: SelectItem): any;
+  handleSearchInput(event: InputEvent | Event): void;
+  calculateDropdownMenuOffset(): void;
+  private selectEndReached;
+  onSelectScroll(scrollEvent: any): void;
+  render(): any;
+}

package/dist/types/components/molecules/tttx-select-box/tttx-select-box.stories.d.ts

@@ -1,28 +1,28 @@
-declare const _default: {
-  title: string;
-  component: string;
-  argTypes: {
-    errorMsg: {
-      control: {
-        type: string;
-      };
-    };
-    showErrorBubble: {
-      control: {
-        type: string;
-      };
-    };
-    showErrorMsg: {
-      control: {
-        type: string;
-      };
-    };
-  };
-};
-export default _default;
-export declare const BasicHTMLSelectBox: any;
-export declare const ReadOnlySelectBox: any;
-export declare const ExternalFilteringSelectBox: any;
-export declare const BasicJSXSelectBox: any;
-export declare const DialogBoxWithDropdown: any;
-export declare const PriorityHTMLSelectBox: any;
+declare const _default: {
+  title: string;
+  component: string;
+  argTypes: {
+    errorMsg: {
+      control: {
+        type: string;
+      };
+    };
+    showErrorBubble: {
+      control: {
+        type: string;
+      };
+    };
+    showErrorMsg: {
+      control: {
+        type: string;
+      };
+    };
+  };
+};
+export default _default;
+export declare const BasicHTMLSelectBox: any;
+export declare const ReadOnlySelectBox: any;
+export declare const ExternalFilteringSelectBox: any;
+export declare const BasicJSXSelectBox: any;
+export declare const DialogBoxWithDropdown: any;
+export declare const PriorityHTMLSelectBox: any;

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

@@ -1,21 +1,21 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { SorterData, SorterChangeEvent } from './interfaces';
-export declare class TttxSorter {
-  sorterKey: string;
-  defaultSortDirection: 'ascending' | 'descending';
-  fieldOptionsData: string | SorterData;
-  defaultOption: string;
-  selectedField: string;
-  sortDirection: 'ascending' | 'descending';
-  dropdownExpand: boolean;
-  dropdownOptions: HTMLElement[];
-  sorterChangeEvent: EventEmitter<SorterChangeEvent>;
-  toggleSorter: EventEmitter<boolean>;
-  el: any;
-  handleCloseSorter(): void;
-  emitSortEvent(): void;
-  onSortToggleClick(event: Event): void;
-  onDropdownClicked(): void;
-  onDropdownSelected(event: Event): void;
-  render(): any;
-}
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { SorterData, SorterChangeEvent } from './interfaces';
+export declare class TttxSorter {
+  sorterKey: string;
+  defaultSortDirection: 'ascending' | 'descending';
+  fieldOptionsData: string | SorterData;
+  defaultOption: string;
+  selectedField: string;
+  sortDirection: 'ascending' | 'descending';
+  dropdownExpand: boolean;
+  dropdownOptions: HTMLElement[];
+  sorterChangeEvent: EventEmitter<SorterChangeEvent>;
+  toggleSorter: EventEmitter<boolean>;
+  el: any;
+  handleCloseSorter(): void;
+  emitSortEvent(): void;
+  onSortToggleClick(event: Event): void;
+  onDropdownClicked(): void;
+  onDropdownSelected(event: Event): void;
+  render(): any;
+}

package/dist/types/components/molecules/tttx-standalone-input/tttx-standalone-input.d.ts

@@ -1,69 +1,69 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-export type DateSyntax = `${number}${number}${number}${number}-${number}${number}-${number}${number}`;
-export type MonthSyntax = `${number}${number}${number}${number}-${number}${number}`;
-export type WeekSyntax = `${number}${number}${number}${number}-W${number}${number}`;
-export type TimeSyntax = `${number}${number}:${number}${number}`;
-export type DateTimeLocalSyntax = `${number}${number}${number}${number}-${number}${number}-${number}${number}T${number}${number}:${number}${number}`;
-export type MinMaxDates = DateSyntax | MonthSyntax | WeekSyntax | TimeSyntax | DateTimeLocalSyntax;
-export declare class TttxInput {
-  label: string;
-  /**
-   * Footnote under the input field
-   */
-  secondarylabel: string;
-  showerrormsg: boolean;
-  showerrorbubble: boolean;
-  errormsg: string;
-  iconleft: string;
-  iconleftcolor: string;
-  iconright: string;
-  iconrightcolor: string;
-  inputicon: string;
-  inputiconcolor: string;
-  inline: boolean;
-  inputautocapitalize: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
-  inputautofocus: boolean;
-  /**
-   * Defines what action to present for the enter key on virtual keyboards
-   */
-  inputkeyhint: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
-  /**
-   * tabindex - Allows the HTML elements to be focusable
-   * @example <caption>In HTML (like `index.html`)</caption>
-   * <tttx-standalone-input_1_9_101 input-index="1" />
-   * @example <caption>In TSX files</caption>
-   * <tttx-standalone-input_1_9_101 inputindex={1} />
-   */
-  inputindex: string | number;
-  inputtitle: string;
-  autocomplete: 'off' | 'on';
-  checked: boolean;
-  disabled: boolean;
-  max: MinMaxDates | number;
-  maxlength: string | number;
-  min: MinMaxDates | number;
-  minlength: string | number;
-  name: string;
-  pattern: string;
-  placeholder: string;
-  readonly: string | boolean;
-  required: boolean;
-  step: string | number;
-  type: string;
-  value: string | number;
-  valueChanged: EventEmitter<string>;
-  handleChange(event: Event | InputEvent): void;
-  focusChanged: EventEmitter<string>;
-  handleFocus(event: Event | InputEvent): void;
-  blurChanged: EventEmitter<string>;
-  handleBlur(event: Event | InputEvent): void;
-  invalidChanged: EventEmitter<string>;
-  handleInvalid(event: Event | InputEvent): void;
-  inputIconClick: EventEmitter<void>;
-  handleInputIconClick(event: PointerEvent): void;
-  leftIconClick: EventEmitter<void>;
-  handleLeftIconClick(event: PointerEvent): void;
-  rightIconClick: EventEmitter<void>;
-  handleRightIconClick(event: PointerEvent): void;
-  render(): any;
-}
+import { EventEmitter } from '../../../stencil-public-runtime';
+export type DateSyntax = `${number}${number}${number}${number}-${number}${number}-${number}${number}`;
+export type MonthSyntax = `${number}${number}${number}${number}-${number}${number}`;
+export type WeekSyntax = `${number}${number}${number}${number}-W${number}${number}`;
+export type TimeSyntax = `${number}${number}:${number}${number}`;
+export type DateTimeLocalSyntax = `${number}${number}${number}${number}-${number}${number}-${number}${number}T${number}${number}:${number}${number}`;
+export type MinMaxDates = DateSyntax | MonthSyntax | WeekSyntax | TimeSyntax | DateTimeLocalSyntax;
+export declare class TttxInput {
+  label: string;
+  /**
+   * Footnote under the input field
+   */
+  secondarylabel: string;
+  showerrormsg: boolean;
+  showerrorbubble: boolean;
+  errormsg: string;
+  iconleft: string;
+  iconleftcolor: string;
+  iconright: string;
+  iconrightcolor: string;
+  inputicon: string;
+  inputiconcolor: string;
+  inline: boolean;
+  inputautocapitalize: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
+  inputautofocus: boolean;
+  /**
+   * Defines what action to present for the enter key on virtual keyboards
+   */
+  inputkeyhint: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
+  /**
+   * tabindex - Allows the HTML elements to be focusable
+   * @example <caption>In HTML (like `index.html`)</caption>
+   * <tttx-standalone-input_1_9_103 input-index="1" />
+   * @example <caption>In TSX files</caption>
+   * <tttx-standalone-input_1_9_103 inputindex={1} />
+   */
+  inputindex: string | number;
+  inputtitle: string;
+  autocomplete: 'off' | 'on';
+  checked: boolean;
+  disabled: boolean;
+  max: MinMaxDates | number;
+  maxlength: string | number;
+  min: MinMaxDates | number;
+  minlength: string | number;
+  name: string;
+  pattern: string;
+  placeholder: string;
+  readonly: string | boolean;
+  required: boolean;
+  step: string | number;
+  type: string;
+  value: string | number;
+  valueChanged: EventEmitter<string>;
+  handleChange(event: Event | InputEvent): void;
+  focusChanged: EventEmitter<string>;
+  handleFocus(event: Event | InputEvent): void;
+  blurChanged: EventEmitter<string>;
+  handleBlur(event: Event | InputEvent): void;
+  invalidChanged: EventEmitter<string>;
+  handleInvalid(event: Event | InputEvent): void;
+  inputIconClick: EventEmitter<void>;
+  handleInputIconClick(event: PointerEvent): void;
+  leftIconClick: EventEmitter<void>;
+  handleLeftIconClick(event: PointerEvent): void;
+  rightIconClick: EventEmitter<void>;
+  handleRightIconClick(event: PointerEvent): void;
+  render(): any;
+}