@3t-transform/threeteeui 0.1.42 → 0.1.44

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

@@ -1,30 +1,30 @@
-declare const _default: {
-  title: string;
-  component: string;
-  argTypes: {
-    fieldOptionsData: {
-      control: {
-        type: string;
-      };
-    };
-    defaultOption: {
-      control: {
-        type: string;
-      };
-    };
-    sorterKey: {
-      control: {
-        type: string;
-      };
-    };
-  };
-  parameters: {
-    actions: {
-      handles: string[];
-    };
-  };
-  decorators: import("@storybook/types").Addon_DecoratorFunction<unknown>[];
-};
-export default _default;
-export declare const BasicSorter: any;
-export declare const AnotherSorter: any;
+declare const _default: {
+  title: string;
+  component: string;
+  argTypes: {
+    fieldOptionsData: {
+      control: {
+        type: string;
+      };
+    };
+    defaultOption: {
+      control: {
+        type: string;
+      };
+    };
+    sorterKey: {
+      control: {
+        type: string;
+      };
+    };
+  };
+  parameters: {
+    actions: {
+      handles: string[];
+    };
+  };
+  decorators: import("@storybook/types").Addon_DecoratorFunction<unknown>[];
+};
+export default _default;
+export declare const BasicSorter: any;
+export declare const AnotherSorter: 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 declare type DateSyntax = `${number}${number}${number}${number}-${number}${number}-${number}${number}`;
-export declare type MonthSyntax = `${number}${number}${number}${number}-${number}${number}`;
-export declare type WeekSyntax = `${number}${number}${number}${number}-W${number}${number}`;
-export declare type TimeSyntax = `${number}${number}:${number}${number}`;
-export declare type DateTimeLocalSyntax = `${number}${number}${number}${number}-${number}${number}-${number}${number}T${number}${number}:${number}${number}`;
-export declare 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 input-index="1" />
-   * @example <caption>In TSX files</caption>
-   * <tttx-standalone-input 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 input-index="1" />
+   * @example <caption>In TSX files</caption>
+   * <tttx-standalone-input 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;
+}

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

@@ -1,143 +1,143 @@
-declare const _default: {
-  title: string;
-  component: string;
-  argTypes: {
-    iconleft: {
-      options: string[];
-      control: {
-        type: string;
-      };
-    };
-    iconleftcolor: {
-      control: {
-        type: string;
-      };
-    };
-    iconright: {
-      options: string[];
-      control: {
-        type: string;
-      };
-    };
-    iconrightcolor: {
-      control: {
-        type: string;
-      };
-    };
-    inputicon: {
-      options: string[];
-      control: {
-        type: string;
-      };
-    };
-    inputiconcolor: {
-      control: {
-        type: string;
-      };
-    };
-    label: {
-      control: {
-        type: string;
-      };
-    };
-    secondarylabel: {
-      control: {
-        type: string;
-      };
-    };
-    errormsg: {
-      control: {
-        type: string;
-      };
-    };
-    showerrorbubble: {
-      control: {
-        type: string;
-      };
-    };
-    showerrormsg: {
-      control: {
-        type: string;
-      };
-    };
-    inline: {
-      control: {
-        type: string;
-      };
-    };
-    checked: {
-      control: {
-        type: string;
-      };
-    };
-    disabled: {
-      control: {
-        type: string;
-      };
-    };
-    max: {
-      control: {
-        type: string;
-      };
-    };
-    maxlength: {
-      control: {
-        type: string;
-      };
-    };
-    min: {
-      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;
-      };
-    };
-    step: {
-      control: {
-        type: string;
-      };
-    };
-    type: {
-      options: string[];
-      control: {
-        type: string;
-      };
-    };
-    value: {
-      control: {
-        type: string;
-      };
-    };
-  };
-};
-export default _default;
-export declare const InputField: any;
-export declare const searchField: any;
+declare const _default: {
+  title: string;
+  component: string;
+  argTypes: {
+    iconleft: {
+      options: string[];
+      control: {
+        type: string;
+      };
+    };
+    iconleftcolor: {
+      control: {
+        type: string;
+      };
+    };
+    iconright: {
+      options: string[];
+      control: {
+        type: string;
+      };
+    };
+    iconrightcolor: {
+      control: {
+        type: string;
+      };
+    };
+    inputicon: {
+      options: string[];
+      control: {
+        type: string;
+      };
+    };
+    inputiconcolor: {
+      control: {
+        type: string;
+      };
+    };
+    label: {
+      control: {
+        type: string;
+      };
+    };
+    secondarylabel: {
+      control: {
+        type: string;
+      };
+    };
+    errormsg: {
+      control: {
+        type: string;
+      };
+    };
+    showerrorbubble: {
+      control: {
+        type: string;
+      };
+    };
+    showerrormsg: {
+      control: {
+        type: string;
+      };
+    };
+    inline: {
+      control: {
+        type: string;
+      };
+    };
+    checked: {
+      control: {
+        type: string;
+      };
+    };
+    disabled: {
+      control: {
+        type: string;
+      };
+    };
+    max: {
+      control: {
+        type: string;
+      };
+    };
+    maxlength: {
+      control: {
+        type: string;
+      };
+    };
+    min: {
+      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;
+      };
+    };
+    step: {
+      control: {
+        type: string;
+      };
+    };
+    type: {
+      options: string[];
+      control: {
+        type: string;
+      };
+    };
+    value: {
+      control: {
+        type: string;
+      };
+    };
+  };
+};
+export default _default;
+export declare const InputField: any;
+export declare const searchField: any;

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

@@ -1,4 +1,4 @@
-export declare class TttxToolbar {
-  border: boolean;
-  render(): any;
-}
+export declare class TttxToolbar {
+  border: boolean;
+  render(): any;
+}

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

@@ -1,13 +1,13 @@
-declare const _default: {
-  title: string;
-  component: string;
-  argTypes: {
-    border: {
-      control: {
-        type: string;
-      };
-    };
-  };
-};
-export default _default;
-export declare const BasicStringList: any;
+declare const _default: {
+  title: string;
+  component: string;
+  argTypes: {
+    border: {
+      control: {
+        type: string;
+      };
+    };
+  };
+};
+export default _default;
+export declare const BasicStringList: any;

package/dist/types/components/palette.stories.d.ts

@@ -1,6 +1,6 @@
-declare const _default: {
-  title: string;
-  component: string;
-};
-export default _default;
-export declare const Default: any;
+declare const _default: {
+  title: string;
+  component: string;
+};
+export default _default;
+export declare const Default: any;

package/dist/types/components.d.ts

@@ -5,6 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { DialogItems } from "./components/molecules/tttx-dialog-box/interfaces";
 import { FilterChangeEvent, FilterSettings } from "./components/molecules/tttx-filter/tttx-filter";
 import { ListItem } from "./components/molecules/tttx-list/interfaces";
 import { SorterChangeEvent, SorterData } from "./components/molecules/tttx-sorter/interfaces";
@@ -16,7 +17,12 @@ export namespace Components {
         "iconposition": 'left' | 'right';
         "notext": boolean;
     }
+    interface TttxDialogBox {
+        "data": string | DialogItems;
+        "size": 'regular' | 'mobile' | 'large' | 'small';
+    }
     interface TttxFilter {
+        "defaultFilterOptions": string[] | string;
         "filterButtonStyle": 'list filter' | 'list icon' | 'table icon';
         "filterHeader": string;
         "filterKey": string;
@@ -101,6 +107,10 @@ export namespace Components {
         "border": boolean;
     }
 }
+export interface TttxDialogBoxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTttxDialogBoxElement;
+}
 export interface TttxFilterCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLTttxFilterElement;
@@ -128,6 +138,12 @@ declare global {
         prototype: HTMLTttxButtonElement;
         new (): HTMLTttxButtonElement;
     };
+    interface HTMLTttxDialogBoxElement extends Components.TttxDialogBox, HTMLStencilElement {
+    }
+    var HTMLTttxDialogBoxElement: {
+        prototype: HTMLTttxDialogBoxElement;
+        new (): HTMLTttxDialogBoxElement;
+    };
     interface HTMLTttxFilterElement extends Components.TttxFilter, HTMLStencilElement {
     }
     var HTMLTttxFilterElement: {
@@ -184,6 +200,7 @@ declare global {
     };
     interface HTMLElementTagNameMap {
         "tttx-button": HTMLTttxButtonElement;
+        "tttx-dialog-box": HTMLTttxDialogBoxElement;
         "tttx-filter": HTMLTttxFilterElement;
         "tttx-form": HTMLTttxFormElement;
         "tttx-icon": HTMLTttxIconElement;
@@ -202,7 +219,14 @@ declare namespace LocalJSX {
         "iconposition"?: 'left' | 'right';
         "notext"?: boolean;
     }
+    interface TttxDialogBox {
+        "data"?: string | DialogItems;
+        "onButtonClick"?: (event: TttxDialogBoxCustomEvent<any>) => void;
+        "onCloseButtonClick"?: (event: TttxDialogBoxCustomEvent<any>) => void;
+        "size"?: 'regular' | 'mobile' | 'large' | 'small';
+    }
     interface TttxFilter {
+        "defaultFilterOptions"?: string[] | string;
         "filterButtonStyle"?: 'list filter' | 'list icon' | 'table icon';
         "filterHeader"?: string;
         "filterKey"?: string;
@@ -299,6 +323,7 @@ declare namespace LocalJSX {
     }
     interface IntrinsicElements {
         "tttx-button": TttxButton;
+        "tttx-dialog-box": TttxDialogBox;
         "tttx-filter": TttxFilter;
         "tttx-form": TttxForm;
         "tttx-icon": TttxIcon;
@@ -315,6 +340,7 @@ declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
             "tttx-button": LocalJSX.TttxButton & JSXBase.HTMLAttributes<HTMLTttxButtonElement>;
+            "tttx-dialog-box": LocalJSX.TttxDialogBox & JSXBase.HTMLAttributes<HTMLTttxDialogBoxElement>;
             "tttx-filter": LocalJSX.TttxFilter & JSXBase.HTMLAttributes<HTMLTttxFilterElement>;
             "tttx-form": LocalJSX.TttxForm & JSXBase.HTMLAttributes<HTMLTttxFormElement>;
             "tttx-icon": LocalJSX.TttxIcon & JSXBase.HTMLAttributes<HTMLTttxIconElement>;

package/dist/types/docs/gettingstarted-developer.stories.d.ts

@@ -1,5 +1,5 @@
-declare const _default: {
-  title: string;
-};
-export default _default;
-export declare const Default: any;
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const Default: any;

package/dist/types/icons.d.ts

@@ -1,2 +1,2 @@
-declare const icons: string[];
-export default icons;
+declare const icons: string[];
+export default icons;

package/dist/types/index.d.ts

@@ -1 +1 @@
-export { Components, JSX } from './components';
+export { Components, JSX } from './components';

package/dist/types/shared/domsanitiser.options.d.ts

@@ -1,10 +1,10 @@
-declare function tagRegXp(tagName: string): RegExpExecArray;
-declare function attributeNameCheck(): boolean;
-declare const domSanitiserOptions: {
-  CUSTOM_ELEMENT_HANDLING: {
-    tagNameCheck: typeof tagRegXp;
-    attributeNameCheck: typeof attributeNameCheck;
-    allowCustomizedBuiltInElements: boolean;
-  };
-};
-export default domSanitiserOptions;
+declare function tagRegXp(tagName: string): RegExpExecArray;
+declare function attributeNameCheck(): boolean;
+declare const domSanitiserOptions: {
+  CUSTOM_ELEMENT_HANDLING: {
+    tagNameCheck: typeof tagRegXp;
+    attributeNameCheck: typeof attributeNameCheck;
+    allowCustomizedBuiltInElements: boolean;
+  };
+};
+export default domSanitiserOptions;