@3t-transform/threeteeui 1.9.101 → 1.9.103

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

@@ -1,32 +1,32 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { TableHeader } from './tttx-table.types';
-export declare class TttxTable {
-  headers: TableHeader[];
-  data: any[];
-  selectable: boolean;
-  loading: boolean;
-  draggableHeaders: boolean;
-  rowsPerPage: number;
-  totalRecords: number;
-  selected: number;
-  page: number;
-  currentPage: number;
-  draggedHeaderIndex: number | null;
-  rowClicked: EventEmitter<any>;
-  headerClicked: EventEmitter<any>;
-  headerOrderChanged: EventEmitter<string[]>;
-  pageChanged: EventEmitter<{
-    page: number;
-    rowsPerPage: number;
-    offset: number;
-  }>;
-  onPagePropChange(newPage: number): void;
-  componentWillLoad(): void;
-  private get totalPages();
-  private changePage;
-  headerClickedHandler(header: any): void;
-  handleDragStart(index: number): void;
-  handleDragOver(event: DragEvent): void;
-  handleDrop(index: number): void;
-  render(): any;
-}
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { TableHeader } from './tttx-table.types';
+export declare class TttxTable {
+  headers: TableHeader[];
+  data: any[];
+  selectable: boolean;
+  loading: boolean;
+  draggableHeaders: boolean;
+  rowsPerPage: number;
+  totalRecords: number;
+  selected: number;
+  page: number;
+  currentPage: number;
+  draggedHeaderIndex: number | null;
+  rowClicked: EventEmitter<any>;
+  headerClicked: EventEmitter<any>;
+  headerOrderChanged: EventEmitter<string[]>;
+  pageChanged: EventEmitter<{
+    page: number;
+    rowsPerPage: number;
+    offset: number;
+  }>;
+  onPagePropChange(newPage: number): void;
+  componentWillLoad(): void;
+  private get totalPages();
+  private changePage;
+  headerClickedHandler(header: any): void;
+  handleDragStart(index: number): void;
+  handleDragOver(event: DragEvent): void;
+  handleDrop(index: number): void;
+  render(): any;
+}

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

@@ -1,6 +1,6 @@
-type TableHeader = {
-  label: string;
-  key: string;
-  width?: `${number}${'px' | '%'}`;
-};
-export { TableHeader };
+type TableHeader = {
+  label: string;
+  key: string;
+  width?: `${number}${'px' | '%'}`;
+};
+export { TableHeader };

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

@@ -1,25 +1,25 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { Tab } from './interfaces';
-export declare class TttxTabs {
-  tabsName: string;
-  navigation: boolean;
-  wide: boolean;
-  tabs: string | Tab[];
-  _tabs: Tab[];
-  private tabList;
-  private tabFocus;
-  onDataChange(): void;
-  componentWillLoad(): void;
-  tabClick: EventEmitter<{
-    tabId: string;
-  }>;
-  handleTabClick(tab: Tab): void;
-  leftNavigation: EventEmitter;
-  handleLeftNavigation(): void;
-  rightNavigation: EventEmitter;
-  handleRightNavigation(): void;
-  handleKeyDown(event: KeyboardEvent): void;
-  generateTab(tab: Tab): any;
-  renderSelectedTab(selectedTab: any): any;
-  render(): any;
-}
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { Tab } from './interfaces';
+export declare class TttxTabs {
+  tabsName: string;
+  navigation: boolean;
+  wide: boolean;
+  tabs: string | Tab[];
+  _tabs: Tab[];
+  private tabList;
+  private tabFocus;
+  onDataChange(): void;
+  componentWillLoad(): void;
+  tabClick: EventEmitter<{
+    tabId: string;
+  }>;
+  handleTabClick(tab: Tab): void;
+  leftNavigation: EventEmitter;
+  handleLeftNavigation(): void;
+  rightNavigation: EventEmitter;
+  handleRightNavigation(): void;
+  handleKeyDown(event: KeyboardEvent): void;
+  generateTab(tab: Tab): any;
+  renderSelectedTab(selectedTab: any): any;
+  render(): any;
+}

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

@@ -1,42 +1,42 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-export declare class TttxTextarea {
-  label: string;
-  /**
-   * Footnote under the input field
-   */
-  secondarylabel: string;
-  showerrormsg: boolean;
-  showerrorbubble: boolean;
-  errormsg: string;
-  rows: number;
-  textareaautofocus: 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-textarea_1_9_101 input-index="1" />
-   * @example <caption>In TSX files</caption>
-   * <tttx-textarea_1_9_101 inputindex={1} />
-   */
-  inputindex: string | number;
-  inputtitle: string;
-  disabled: boolean;
-  maxlength: string | number;
-  name: string;
-  placeholder: string;
-  readonly: string | boolean;
-  required: boolean;
-  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;
-  render(): any;
-}
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class TttxTextarea {
+  label: string;
+  /**
+   * Footnote under the input field
+   */
+  secondarylabel: string;
+  showerrormsg: boolean;
+  showerrorbubble: boolean;
+  errormsg: string;
+  rows: number;
+  textareaautofocus: 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-textarea_1_9_103 input-index="1" />
+   * @example <caption>In TSX files</caption>
+   * <tttx-textarea_1_9_103 inputindex={1} />
+   */
+  inputindex: string | number;
+  inputtitle: string;
+  disabled: boolean;
+  maxlength: string | number;
+  name: string;
+  placeholder: string;
+  readonly: string | boolean;
+  required: boolean;
+  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;
+  render(): any;
+}

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

@@ -1,89 +1,89 @@
-declare const _default: {
-  title: string;
-  component: string;
-  argTypes: {
-    label: {
-      control: {
-        type: string;
-      };
-    };
-    secondarylabel: {
-      control: {
-        type: string;
-      };
-    };
-    errormsg: {
-      control: {
-        type: string;
-      };
-    };
-    showerrorbubble: {
-      control: {
-        type: string;
-      };
-    };
-    showerrormsg: {
-      control: {
-        type: string;
-      };
-    };
-    disabled: {
-      control: {
-        type: string;
-      };
-    };
-    maxlength: {
-      control: {
-        type: string;
-      };
-    };
-    minlength: {
-      control: {
-        type: string;
-      };
-    };
-    name: {
-      control: {
-        type: string;
-      };
-    };
-    pattern: {
-      control: {
-        type: string;
-      };
-    };
-    placeholder: {
-      control: {
-        type: string;
-      };
-    };
-    readonly: {
-      control: {
-        type: string;
-      };
-    };
-    required: {
-      control: {
-        type: string;
-      };
-    };
-    resize: {
-      control: {
-        type: string;
-      };
-    };
-    rows: {
-      control: {
-        type: string;
-      };
-    };
-    value: {
-      control: {
-        type: string;
-      };
-    };
-  };
-};
-export default _default;
-export declare const Textarea: any;
-export declare const ResizableTextarea: any;
+declare const _default: {
+  title: string;
+  component: string;
+  argTypes: {
+    label: {
+      control: {
+        type: string;
+      };
+    };
+    secondarylabel: {
+      control: {
+        type: string;
+      };
+    };
+    errormsg: {
+      control: {
+        type: string;
+      };
+    };
+    showerrorbubble: {
+      control: {
+        type: string;
+      };
+    };
+    showerrormsg: {
+      control: {
+        type: string;
+      };
+    };
+    disabled: {
+      control: {
+        type: string;
+      };
+    };
+    maxlength: {
+      control: {
+        type: string;
+      };
+    };
+    minlength: {
+      control: {
+        type: string;
+      };
+    };
+    name: {
+      control: {
+        type: string;
+      };
+    };
+    pattern: {
+      control: {
+        type: string;
+      };
+    };
+    placeholder: {
+      control: {
+        type: string;
+      };
+    };
+    readonly: {
+      control: {
+        type: string;
+      };
+    };
+    required: {
+      control: {
+        type: string;
+      };
+    };
+    resize: {
+      control: {
+        type: string;
+      };
+    };
+    rows: {
+      control: {
+        type: string;
+      };
+    };
+    value: {
+      control: {
+        type: string;
+      };
+    };
+  };
+};
+export default _default;
+export declare const Textarea: any;
+export declare const ResizableTextarea: any;

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

@@ -1,8 +1,8 @@
-export declare class TttxToolbar {
-  border: boolean;
-  viewSize: 'desktop' | 'mobile';
-  handleResize(): void;
-  componentWillLoad(): Promise<void>;
-  setViewSize(): void;
-  render(): any;
-}
+export declare class TttxToolbar {
+  border: boolean;
+  viewSize: 'desktop' | 'mobile';
+  handleResize(): void;
+  componentWillLoad(): Promise<void>;
+  setViewSize(): void;
+  render(): any;
+}

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

@@ -1,19 +1,19 @@
-declare const _default: {
-  title: string;
-  component: string;
-  argTypes: {
-    border: {
-      control: {
-        type: string;
-      };
-    };
-  };
-};
-export default _default;
-export declare const DefaultToolbar: any;
-export declare const TallElementsToolbar: any;
-export declare const WrapElementsToolbar: any;
-export declare const LeftToolbarOnly: any;
-export declare const CenterToolbarOnly: any;
-export declare const TwoColumnToolbar: any;
-export declare const LongItemsToolbar: any;
+declare const _default: {
+  title: string;
+  component: string;
+  argTypes: {
+    border: {
+      control: {
+        type: string;
+      };
+    };
+  };
+};
+export default _default;
+export declare const DefaultToolbar: any;
+export declare const TallElementsToolbar: any;
+export declare const WrapElementsToolbar: any;
+export declare const LeftToolbarOnly: any;
+export declare const CenterToolbarOnly: any;
+export declare const TwoColumnToolbar: any;
+export declare const LongItemsToolbar: any;

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

@@ -1,37 +1,37 @@
-export declare class TttxTooltip {
-  el: HTMLElement;
-  text: string;
-  placement: 'top' | 'bottom' | 'left' | 'right';
-  trigger: Array<'hover' | 'click' | 'focus'>;
-  delay: number;
-  disabled: boolean;
-  ariaLabel: string;
-  showShadow: boolean;
-  showOnlyOnOverflow: boolean;
-  visible: boolean;
-  tooltipStyles: {
-    top?: string;
-    left?: string;
-    transform?: string;
-  };
-  private timeoutId;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  show: () => void;
-  hide: () => void;
-  toggle: () => void;
-  /**
-   * Helps determine where the tooltip should sit relative to its parent element.
-   * It looks at the element's current position and size, then offsets
-   * the tooltip based on the placement (top, bottom, left, right).
-   * This makes sure the tooltip always appears in the right spot,
-   * even inside a shadow DOM.
-   */
-  getFixedStyles(rect: DOMRect): {
-    top: string;
-    left: string;
-    transform: string;
-  };
-  contentOverflows(): boolean;
-  render(): any;
-}
+export declare class TttxTooltip {
+  el: HTMLElement;
+  text: string;
+  placement: 'top' | 'bottom' | 'left' | 'right';
+  trigger: Array<'hover' | 'click' | 'focus'>;
+  delay: number;
+  disabled: boolean;
+  ariaLabel: string;
+  showShadow: boolean;
+  showOnlyOnOverflow: boolean;
+  visible: boolean;
+  tooltipStyles: {
+    top?: string;
+    left?: string;
+    transform?: string;
+  };
+  private timeoutId;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  show: () => void;
+  hide: () => void;
+  toggle: () => void;
+  /**
+   * Helps determine where the tooltip should sit relative to its parent element.
+   * It looks at the element's current position and size, then offsets
+   * the tooltip based on the placement (top, bottom, left, right).
+   * This makes sure the tooltip always appears in the right spot,
+   * even inside a shadow DOM.
+   */
+  getFixedStyles(rect: DOMRect): {
+    top: string;
+    left: string;
+    transform: string;
+  };
+  contentOverflows(): boolean;
+  render(): any;
+}

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

@@ -1,12 +1,12 @@
-declare const _default: {
-  title: string;
-  component: string;
-  parameters: {
-    layout: string;
-  };
-};
-export default _default;
-export declare const DefaultTooltip: any;
-export declare const TooltipWithDelay: any;
-export declare const TooltipWithoutShadow: any;
-export declare const TooltipInScrollableContainer: any;
+declare const _default: {
+  title: string;
+  component: string;
+  parameters: {
+    layout: string;
+  };
+};
+export default _default;
+export declare const DefaultTooltip: any;
+export declare const TooltipWithDelay: any;
+export declare const TooltipWithoutShadow: any;
+export declare const TooltipInScrollableContainer: any;

package/dist/types/components/molecules/tttx-tree-view/helper/helper.d.ts

@@ -1,24 +1,24 @@
-export interface TreeViewItem {
-  id: string;
-  title: string;
-  hasIcon?: boolean;
-  hasCheckbox?: boolean;
-  chevronActive?: boolean;
-  hasHover?: boolean;
-  selectable?: boolean;
-  selected?: boolean;
-  html?: string;
-  child?: TreeViewItem[];
-  checked?: boolean;
-  isOpen?: boolean;
-  icon?: string;
-  iconColor?: string;
-  data?: any;
-  rowType?: string;
-  draggable?: boolean;
-  isDragDropPlaceholder?: boolean;
-}
-export interface ExpandNodeEvent {
-  node: TreeViewItem;
-  treeViewData: TreeViewItem[];
-}
+export interface TreeViewItem {
+  id: string;
+  title: string;
+  hasIcon?: boolean;
+  hasCheckbox?: boolean;
+  chevronActive?: boolean;
+  hasHover?: boolean;
+  selectable?: boolean;
+  selected?: boolean;
+  html?: string;
+  child?: TreeViewItem[];
+  checked?: boolean;
+  isOpen?: boolean;
+  icon?: string;
+  iconColor?: string;
+  data?: any;
+  rowType?: string;
+  draggable?: boolean;
+  isDragDropPlaceholder?: boolean;
+}
+export interface ExpandNodeEvent {
+  node: TreeViewItem;
+  treeViewData: TreeViewItem[];
+}