@3t-transform/threeteeui 0.1.5 → 0.1.7

package/dist/tttx/tttx-loading-spinner.entry.js

@@ -0,0 +1,22 @@
+import { r as registerInstance, h } from './index-dbe25028.js';
+
+const tttxLoadingSpinnerCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.spinner-container{position:absolute}.loading-box{display:flex;align-items:center;justify-content:center}.loading-text{font-size:16px;font-weight:400;padding-top:10px;text-align:center}.spinner{border:solid #1479c6;border-bottom-color:#d5d5d5;border-radius:50%;position:relative;box-sizing:border-box;animation:rotation 1s linear infinite}.spinner.small{height:20px;width:20px;border-width:4px}.spinner.large{height:60px;width:60px;border-width:8px}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
+
+const TttxLoadingSpinner = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.loadingMessage = undefined;
+    this.size = 'large';
+  }
+  renderLoadingMessage() {
+    if (!this.loadingMessage)
+      return '';
+    return h("div", { class: "loading-text" }, "Loading, please wait...");
+  }
+  render() {
+    return (h("div", { class: "spinner-container" }, h("div", { class: "loading-box" }, h("span", { class: `spinner ${this.size}` })), this.renderLoadingMessage()));
+  }
+};
+TttxLoadingSpinner.style = tttxLoadingSpinnerCss;
+
+export { TttxLoadingSpinner as tttx_loading_spinner };

package/dist/tttx/tttx-standalone-input.entry.js

@@ -0,0 +1,66 @@
+import { r as registerInstance, f as createEvent, h, e as Host } from './index-dbe25028.js';
+
+const tttxStandaloneInputCss = ".material-symbols-rounded.sc-tttx-standalone-input{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.material-symbols-rounded.sc-tttx-standalone-input{font-family:\"Material Symbols Rounded\", sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#9e9e9e}.icon-left.sc-tttx-standalone-input,.icon-right.sc-tttx-standalone-input{flex-basis:24px}.icon-left.sc-tttx-standalone-input span.sc-tttx-standalone-input,.icon-right.sc-tttx-standalone-input span.sc-tttx-standalone-input{font-size:24px;line-height:24px;text-align:center;display:block;width:24px;height:24px;margin-top:4px}.icon-left.sc-tttx-standalone-input span.sc-tttx-standalone-input{margin-left:4px}.icon-right.sc-tttx-standalone-input span.sc-tttx-standalone-input{margin-right:4px}.icon-right.sc-tttx-standalone-input{margin-top:5px}.icon-left.sc-tttx-standalone-input{margin-top:5px;margin-left:4px}.iconleft.sc-tttx-standalone-input .input.sc-tttx-standalone-input{padding-left:4px}.iconright.sc-tttx-standalone-input .input.sc-tttx-standalone-input{padding-right:4px}.input-icon.sc-tttx-standalone-input{position:absolute;margin-top:9px;margin-left:4px}.errormsg.sc-tttx-standalone-input{display:flex;justify-content:center;align-items:center;float:left;margin-bottom:16px;box-sizing:border-box;background-color:transparent;height:26px;font-size:14px;border-radius:none;z-index:2;color:#dc0000}.errormsg.sc-tttx-standalone-input .validationicon.sc-tttx-standalone-input{width:16px;height:16px;font-size:16px;margin-right:4px;vertical-align:middle;color:#dc0000}.danger.sc-tttx-standalone-input{color:#dc0000}.optional.sc-tttx-standalone-input{color:#757575;font-weight:normal}label.inputBlock.sc-tttx-standalone-input{display:block;position:relative;line-height:21px}label.inputInline.sc-tttx-standalone-input{display:flex;white-space:nowrap;align-items:center}label.inputInline.sc-tttx-standalone-input .input-container.sc-tttx-standalone-input{margin:0 4px;width:100%;display:flex;align-items:center;gap:4px;position:relative}label.sc-tttx-standalone-input{font-weight:500;font-size:16px}input.sc-tttx-standalone-input:not([type=submit]){font-family:\"Roboto\", serif;box-sizing:border-box;width:100%;height:36px;padding:0 16px;font-size:16px;border:1px solid #d5d5d5;border-radius:4px;margin-top:4px}input[type=date].sc-tttx-standalone-input{background:white;display:block;min-width:calc(100% - 18px);line-height:37px}@media (max-width: 600px){input[type=date].sc-tttx-standalone-input{padding-top:6px}}input.invalid.sc-tttx-standalone-input:invalid,input.standalone.invalid.sc-tttx-standalone-input{border:1px solid #dc0000}.input-icon.sc-tttx-standalone-input~input.sc-tttx-standalone-input{padding:0 32px}input.sc-tttx-standalone-input~.errorBubble.sc-tttx-standalone-input{min-height:27px;position:relative;font-size:14px;font-weight:normal;width:100%;font-family:\"Roboto\", sans-serif;color:#dc0000;display:flex;align-content:center;align-items:center;justify-items:center}input.sc-tttx-standalone-input~.errorBubble.sc-tttx-standalone-input:not(.visible){visibility:hidden}input.sc-tttx-standalone-input~.errorBubble.sc-tttx-standalone-input span.sc-tttx-standalone-input{color:#dc0000;font-size:16px;margin-right:4px;height:16px}input.invalid.sc-tttx-standalone-input:invalid~.errorBubble.sc-tttx-standalone-input{position:relative;font-size:14px;font-weight:normal;width:100%;font-family:\"Roboto\", sans-serif;color:#dc0000;visibility:visible}input.sc-tttx-standalone-input:focus{border-color:#1479c6}input.sc-tttx-standalone-input:focus-visible{outline:none}.sc-tttx-standalone-input-h{display:block}";
+
+const TttxInput = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.valueChanged = createEvent(this, "valueChanged", 7);
+    this.focusChanged = createEvent(this, "focusChanged", 7);
+    this.blurChanged = createEvent(this, "blurChanged", 7);
+    this.invalidChanged = createEvent(this, "invalidChanged", 7);
+    this.label = undefined;
+    this.showerrormsg = undefined;
+    this.showerrorbubble = true;
+    this.errormsg = undefined;
+    this.iconleft = undefined;
+    this.iconright = undefined;
+    this.inputicon = undefined;
+    this.inline = undefined;
+    this.inputAutocapitalize = undefined;
+    this.inputAutofocus = undefined;
+    this.inputKeyhint = undefined;
+    this.inputIndex = undefined;
+    this.inputTitle = undefined;
+    this.autocomplete = undefined;
+    this.checked = undefined;
+    this.disabled = undefined;
+    this.max = undefined;
+    this.maxlength = undefined;
+    this.min = undefined;
+    this.minlength = undefined;
+    this.name = undefined;
+    this.pattern = undefined;
+    this.placeholder = undefined;
+    this.readonly = undefined;
+    this.required = undefined;
+    this.step = undefined;
+    this.type = 'text';
+    this.value = undefined;
+  }
+  handleChange(event) {
+    const target = event.target;
+    this.value = target.value;
+    this.valueChanged.emit(target.value);
+  }
+  handleFocus(event) {
+    const target = event.target;
+    this.focusChanged.emit(target.value);
+  }
+  handleBlur(event) {
+    const target = event.target;
+    this.blurChanged.emit(target.value);
+  }
+  handleInvalid(event) {
+    event.preventDefault();
+    const target = event.target;
+    this.invalidChanged.emit(target.value);
+  }
+  render() {
+    const classNames = ['standalone', this.showerrormsg ? 'invalid' : ''].join(' ');
+    return (h(Host, null, h("label", { class: this.inline ? 'inputInline' : 'inputBlock' }, this.label, !this.required ? h("span", { class: "optional" }, "\u00A0(optional)") : '', this.iconleft && (h("div", { class: "icon-left" }, h("tttx-icon", { icon: this.iconleft, color: "grey" }))), h("div", { class: "input-container" }, this.inputicon && (h("tttx-icon", { class: "input-icon", icon: this.inputicon, color: "grey" })), h("input", { class: classNames, autocapitalize: this.inputAutocapitalize, autofocus: this.inputAutofocus, enterkeyhint: this.inputKeyhint, tabindex: this.inputIndex, title: this.inputTitle, autocomplete: this.autocomplete, checked: this.checked, disabled: this.disabled, max: this.max, maxlength: this.maxlength, min: this.min, minlength: this.minlength, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readonly: this.readonly, required: this.required, step: this.step, type: this.type, value: this.value, onBlur: this.handleBlur.bind(this), onFocus: this.handleFocus.bind(this), onInput: this.handleChange.bind(this), onInvalid: this.handleInvalid.bind(this) }), this.iconright && (h("div", { class: "icon-right" }, h("tttx-icon", { icon: this.iconright, color: "grey" }))), this.showerrorbubble && (h("span", { class: ['errorBubble', this.showerrormsg && this.errormsg ? 'visible' : ''].join(' ') }, h("span", { class: "material-symbols-rounded validationicon" }, "warning"), " ", this.errormsg))))));
+  }
+};
+TttxInput.style = tttxStandaloneInputCss;
+
+export { TttxInput as tttx_standalone_input };

package/dist/tttx/tttx-toolbar.entry.js

@@ -0,0 +1,16 @@
+import { r as registerInstance, h, e as Host } from './index-dbe25028.js';
+
+const tttxToolbarCss = ":host{height:36px;display:flex;padding:8px 0;gap:8px}:host(.bordered){border-bottom:1px solid #d5d5d5}slot[name=before]{display:flex;flex:1 1 0px;gap:8px}slot[name=center]{display:flex;justify-content:center;flex:1 1 0px;gap:8px}slot[name=after]{display:flex;justify-content:end;flex:1 1 0px;gap:8px}";
+
+const TttxToolbar = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.border = true;
+  }
+  render() {
+    return (h(Host, { class: this.border ? 'bordered' : '' }, h("slot", { name: 'before' }), h("slot", { name: 'center' }), h("slot", { name: 'after' })));
+  }
+};
+TttxToolbar.style = tttxToolbarCss;
+
+export { TttxToolbar as tttx_toolbar };

package/dist/tttx/tttx.esm.js

@@ -1 +1,129 @@
-import{p as t,b as e}from"./p-5687f4ad.js";export{s as setNonce}from"./p-5687f4ad.js";(()=>{const e=import.meta.url,i={};return""!==e&&(i.resourcesUrl=new URL(".",e).href),t(i)})().then((t=>e([["p-5c9a1626",[[1,"tttx-list",{data:[1025],name:[1]}]]],["p-931e42c9",[[2,"tttx-standalone-input",{label:[1],showerrormsg:[4],errormsg:[1],iconleft:[1],iconright:[1],inputAutocapitalize:[1,"input-autocapitalize"],inputAutofocus:[4,"input-autofocus"],inputKeyhint:[1,"input-keyhint"],inputIndex:[8,"input-index"],inputTitle:[1,"input-title"],autocomplete:[1],checked:[4],disabled:[4],max:[8],maxlength:[8],min:[8],minlength:[8],name:[1],pattern:[1],placeholder:[1],readonly:[8],required:[4],step:[8],type:[1],value:[1032]}]]],["p-b5c1dd86",[[1,"tttx-form",{formschema:[1032],submitValue:[1032,"submit-value"]}]]],["p-dab7ee1b",[[1,"tttx-keyvalue-block",{keyvalues:[8],horizontal:[4]}]]],["p-3281444a",[[1,"tttx-loading-spinner",{loadingMessage:[1028,"loading-message"],size:[1025]}]]],["p-083eeedc",[[1,"tttx-button",{notext:[4],icon:[1],iconposition:[1],design:[1]}],[1,"tttx-icon",{icon:[1],color:[1]}]]]],t)));
+import { B as BUILD, c as consoleDevInfo, p as plt, w as win, H, d as doc, N as NAMESPACE, a as promiseResolve, b as bootstrapLazy } from './index-dbe25028.js';
+import { g as globalScripts } from './app-globals-0f993ce5.js';
+
+/*
+ Stencil Client Patch Browser v2.20.0 | MIT Licensed | https://stenciljs.com
+ */
+const getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\s|-/g, '_')}`;
+const patchBrowser = () => {
+    // NOTE!! This fn cannot use async/await!
+    if (BUILD.isDev && !BUILD.isTesting) {
+        consoleDevInfo('Running in development mode.');
+    }
+    if (BUILD.cssVarShim) {
+        // shim css vars
+        plt.$cssShim$ = win.__cssshim;
+    }
+    if (BUILD.cloneNodeFix) {
+        // opted-in to polyfill cloneNode() for slot polyfilled components
+        patchCloneNodeFix(H.prototype);
+    }
+    if (BUILD.profile && !performance.mark) {
+        // not all browsers support performance.mark/measure (Safari 10)
+        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,
+        // simply stub the implementations out.
+        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)
+        // @ts-ignore
+        performance.mark = performance.measure = () => {
+            /*noop*/
+        };
+        performance.getEntriesByName = () => [];
+    }
+    // @ts-ignore
+    const scriptElm = BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim
+        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\/${NAMESPACE}(\\.esm)?\\.js($|\\?|#)`).test(s.src) ||
+            s.getAttribute('data-stencil-namespace') === NAMESPACE)
+        : null;
+    const importMeta = import.meta.url;
+    const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] || {} : {};
+    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {
+        // Safari < v11 support: This IF is true if it's Safari below v11.
+        // This fn cannot use async/await since Safari didn't support it until v11,
+        // however, Safari 10 did support modules. Safari 10 also didn't support "nomodule",
+        // so both the ESM file and nomodule file would get downloaded. Only Safari
+        // has 'onbeforeload' in the script, and "history.scrollRestoration" was added
+        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.
+        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.
+        return {
+            then() {
+                /* promise noop */
+            },
+        };
+    }
+    if (!BUILD.safari10 && importMeta !== '') {
+        opts.resourcesUrl = new URL('.', importMeta).href;
+    }
+    else if (BUILD.dynamicImportShim || BUILD.safari10) {
+        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;
+        if (BUILD.dynamicImportShim) {
+            patchDynamicImport(opts.resourcesUrl, scriptElm);
+        }
+        if (BUILD.dynamicImportShim && !win.customElements) {
+            // module support, but no custom elements support (Old Edge)
+            // @ts-ignore
+            return import(/* webpackChunkName: "polyfills-dom" */ './dom-6be6f662.js').then(() => opts);
+        }
+    }
+    return promiseResolve(opts);
+};
+const patchDynamicImport = (base, orgScriptElm) => {
+    const importFunctionName = getDynamicImportFunction(NAMESPACE);
+    try {
+        // test if this browser supports dynamic imports
+        // There is a caching issue in V8, that breaks using import() in Function
+        // By generating a random string, we can workaround it
+        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info
+        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);
+    }
+    catch (e) {
+        // this shim is specifically for browsers that do support "esm" imports
+        // however, they do NOT support "dynamic" imports
+        // basically this code is for old Edge, v18 and below
+        const moduleMap = new Map();
+        win[importFunctionName] = (src) => {
+            const url = new URL(src, base).href;
+            let mod = moduleMap.get(url);
+            if (!mod) {
+                const script = doc.createElement('script');
+                script.type = 'module';
+                script.crossOrigin = orgScriptElm.crossOrigin;
+                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {
+                    type: 'application/javascript',
+                }));
+                mod = new Promise((resolve) => {
+                    script.onload = () => {
+                        resolve(win[importFunctionName].m);
+                        script.remove();
+                    };
+                });
+                moduleMap.set(url, mod);
+                doc.head.appendChild(script);
+            }
+            return mod;
+        };
+    }
+};
+const patchCloneNodeFix = (HTMLElementPrototype) => {
+    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;
+    HTMLElementPrototype.cloneNode = function (deep) {
+        if (this.nodeName === 'TEMPLATE') {
+            return nativeCloneNodeFn.call(this, deep);
+        }
+        const clonedNode = nativeCloneNodeFn.call(this, false);
+        const srcChildNodes = this.childNodes;
+        if (deep) {
+            for (let i = 0; i < srcChildNodes.length; i++) {
+                // Node.ATTRIBUTE_NODE === 2, and checking because IE11
+                if (srcChildNodes[i].nodeType !== 2) {
+                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));
+                }
+            }
+        }
+        return clonedNode;
+    };
+};
+
+patchBrowser().then(options => {
+  globalScripts();
+  return bootstrapLazy([["tttx-button",[[1,"tttx-button",{"notext":[4],"icon":[1],"iconposition":[1],"design":[1]}]]],["tttx-list",[[1,"tttx-list",{"data":[1025],"name":[1]}]]],["tttx-standalone-input",[[2,"tttx-standalone-input",{"label":[1],"showerrormsg":[4],"showerrorbubble":[4],"errormsg":[1],"iconleft":[1],"iconright":[1],"inputicon":[1],"inline":[4],"inputAutocapitalize":[1,"input-autocapitalize"],"inputAutofocus":[4,"input-autofocus"],"inputKeyhint":[1,"input-keyhint"],"inputIndex":[8,"input-index"],"inputTitle":[1,"input-title"],"autocomplete":[1],"checked":[4],"disabled":[4],"max":[8],"maxlength":[8],"min":[8],"minlength":[8],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[8],"required":[4],"step":[8],"type":[1],"value":[1032]}]]],["tttx-form",[[1,"tttx-form",{"formschema":[1032],"submitValue":[1032,"submit-value"]}]]],["tttx-keyvalue-block",[[1,"tttx-keyvalue-block",{"keyvalues":[8],"horizontal":[4]}]]],["tttx-loading-spinner",[[1,"tttx-loading-spinner",{"loadingMessage":[1028,"loading-message"],"size":[1025]}]]],["tttx-toolbar",[[1,"tttx-toolbar",{"border":[4]}]]],["tttx-icon",[[1,"tttx-icon",{"icon":[1],"color":[1]}]]]], options);
+});

package/dist/types/components/atoms/tttx-button/test/tttx-button.e2e.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/atoms/tttx-button/test/tttx-button.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/atoms/tttx-button/tttx-button.d.ts

@@ -1,13 +1,10 @@
-export declare class TttxButton {
-  private el;
-  buttonEl: HTMLTttxButtonElement;
-  notext: boolean;
-  icon: string;
-  iconposition: 'left' | 'right';
-  design: string;
-  _design: string;
-  _iconcolor: string;
-  connectedCallback(): void;
-  componentWillLoad(): void;
-  render(): any;
-}
+export declare class TttxButton {
+  notext: boolean;
+  icon: string;
+  iconposition: 'left' | 'right';
+  design: string;
+  _design: string;
+  _iconcolor: string;
+  componentWillLoad(): void;
+  render(): any;
+}

package/dist/types/components/atoms/tttx-button/tttx-button.stories.d.ts

@@ -1,10 +1,10 @@
-declare const _default: {
-  title: string;
-  component: string;
-};
-export default _default;
-export declare const Primary: any;
-export declare const Default: any;
-export declare const Borderless: any;
-export declare const Danger: any;
-export declare const Disabled: any;
+declare const _default: {
+  title: string;
+  component: string;
+};
+export default _default;
+export declare const Primary: any;
+export declare const Default: any;
+export declare const Borderless: any;
+export declare const Danger: any;
+export declare const Disabled: any;

package/dist/types/components/atoms/tttx-icon/test/tttx-icon.e2e.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/atoms/tttx-icon/test/tttx-icon.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/atoms/tttx-icon/tttx-icon.d.ts

@@ -1,5 +1,5 @@
-export declare class TttxIcon {
-  icon: string;
-  color: string;
-  render(): any;
-}
+export declare class TttxIcon {
+  icon: string;
+  color: string;
+  render(): any;
+}

package/dist/types/components/atoms/tttx-icon/tttx-icon.stories.d.ts

@@ -1,20 +1,20 @@
-declare const _default: {
-  title: string;
-  component: string;
-  argTypes: {
-    icon: {
-      control: {
-        type: string;
-      };
-      options: string[];
-    };
-    color: {
-      control: {
-        type: string;
-      };
-      options: string[];
-    };
-  };
-};
-export default _default;
-export declare const Icon: any;
+declare const _default: {
+  title: string;
+  component: string;
+  argTypes: {
+    icon: {
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+    color: {
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+  };
+};
+export default _default;
+export declare const Icon: any;

package/dist/types/components/atoms/tttx-keyvalue-block/test/tttx-keyvalue-block.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.d.ts

@@ -1,7 +1,7 @@
-export declare class TttxKeyvalueBlock {
-  keyvalues: any | any[] | string;
-  horizontal: boolean;
-  private renderSingleElements;
-  private renderArrayElements;
-  render(): any;
-}
+export declare class TttxKeyvalueBlock {
+  keyvalues: any | any[] | string;
+  horizontal: boolean;
+  private renderSingleElements;
+  private renderArrayElements;
+  render(): any;
+}

package/dist/types/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.stories.d.ts

@@ -1,9 +1,9 @@
-declare const _default: {
-  title: string;
-  component: string;
-};
-export default _default;
-export declare const KeyValueBlock: () => string;
-export declare const KeyValueSubtitleBlock: () => string;
-export declare const HorizontalKeyValueBlock: () => string;
-export declare const HorizontalKeyValueSubtitleBlock: () => string;
+declare const _default: {
+  title: string;
+  component: string;
+};
+export default _default;
+export declare const KeyValueBlock: () => string;
+export declare const KeyValueSubtitleBlock: () => string;
+export declare const HorizontalKeyValueBlock: () => string;
+export declare const HorizontalKeyValueSubtitleBlock: () => string;

package/dist/types/components/atoms/tttx-loading-spinner/Test/tttx-loading-spinner.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/atoms/tttx-loading-spinner/tttx-loading-spinner.d.ts

@@ -1,6 +1,6 @@
-export declare class TttxLoadingSpinner {
-  loadingMessage: boolean;
-  size: 'small' | 'large';
-  renderLoadingMessage(): any;
-  render(): any;
-}
+export declare class TttxLoadingSpinner {
+  loadingMessage: boolean;
+  size: 'small' | 'large';
+  renderLoadingMessage(): any;
+  render(): any;
+}

package/dist/types/components/atoms/tttx-loading-spinner/tttx-loading-spinner.stories.d.ts

@@ -1,17 +1,17 @@
-declare const _default: {
-  title: string;
-  component: string;
-  argTypes: {
-    loadingMessage: {
-      control: string;
-    };
-    size: {
-      control: {
-        type: string;
-      };
-      options: string[];
-    };
-  };
-};
-export default _default;
-export declare const Example: (args: any) => string;
+declare const _default: {
+  title: string;
+  component: string;
+  argTypes: {
+    loadingMessage: {
+      control: string;
+    };
+    size: {
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+  };
+};
+export default _default;
+export declare const Example: (args: any) => string;

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

@@ -1,13 +1,13 @@
-/**
- * Sets the error state of an input field by updating its class and error message.
- * If an error was detected, it sets the input field's class to "invalid" and
- * displays the error message in an error bubble. If no error was detected,
- * it removes the "invalid" class from the input field and clears the error bubble.
- *
- * @param {HTMLInputElement} target - The input field to update.
- * @param {boolean} hasError - Whether an error was detected in the field.
- * @param {string} errorMessage - The error message to display (if any).
- * @return {void}
- */
-declare function setErrorState(target: any, hasError: any, errorMessage: any): void;
-export default setErrorState;
+/**
+ * Sets the error state of an input field by updating its class and error message.
+ * If an error was detected, it sets the input field's class to "invalid" and
+ * displays the error message in an error bubble. If no error was detected,
+ * it removes the "invalid" class from the input field and clears the error bubble.
+ *
+ * @param {HTMLInputElement} target - The input field to update.
+ * @param {boolean} hasError - Whether an error was detected in the field.
+ * @param {string} errorMessage - The error message to display (if any).
+ * @return {void}
+ */
+declare function setErrorState(target: any, hasError: any, errorMessage: any): void;
+export default setErrorState;

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

@@ -0,0 +1 @@
+export {};

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

@@ -1,17 +1,17 @@
-/**
- * Validates the input field on focusout event by checking its validity state,
- * sets an error message if there's an issue, and emits a "dataChanged" event to
- * the parent component with the field name and its new value.
- *
- * @param {Event} event - The focusout event triggered by the input field.
- * @return {void}
- */
-declare function validityCheck(event: {
-  target: any;
-  preventDefault: Function;
-}): {
-  target: any;
-  hasError: boolean;
-  errorMessage: string;
-};
-export default validityCheck;
+/**
+ * Validates the input field on focusout event by checking its validity state,
+ * sets an error message if there's an issue, and emits a "dataChanged" event to
+ * the parent component with the field name and its new value.
+ *
+ * @param {Event} event - The focusout event triggered by the input field.
+ * @return {void}
+ */
+declare function validityCheck(event: {
+  target: any;
+  preventDefault: Function;
+}): {
+  target: any;
+  hasError: boolean;
+  errorMessage: string;
+};
+export default validityCheck;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export {};