@3t-transform/threeteeui 0.0.10 → 0.0.11

package/dist/collection/components/molecules/tttx-input/tttx-input.js

@@ -1,259 +0,0 @@
-import { Host, h } from '@stencil/core';
-export class TttxInput {
-  constructor() {
-    this.handleFocus = () => {
-      this.isfocused = true;
-    };
-    this.handleBlur = () => {
-      this.isfocused = false;
-    };
-    this.isfocused = false;
-    this.label = undefined;
-    this.valid = undefined;
-    this.showerrormsg = undefined;
-    this.errormsg = undefined;
-    this.value = undefined;
-    this.type = 'text';
-    this.placeholder = undefined;
-    this.pattern = undefined;
-    this.iconleft = undefined;
-    this.iconright = undefined;
-    this.required = undefined;
-  }
-  handleChange(event) {
-    const target = event.target;
-    this.value = target.value;
-    this.valueChanged.emit(target.value);
-  }
-  render() {
-    const inputClass = ['container', this.showerrormsg ? 'errorstate' : '', this.isfocused ? 'focused' : '', this.iconleft ? 'iconleft' : ''].join(' ');
-    return (h(Host, null, h("div", { class: "field spacing" }, this.label && h("label", { class: "label" }, this.label, !this.required ? h("span", { class: "optional" }, " (optional)") : ''), h("div", { class: inputClass }, this.iconleft && (h("div", { class: "icon-left" }, h("tttx-icon", { icon: this.iconleft, colour: "grey" }))), h("input", { class: "input", onFocus: this.handleFocus.bind(this), onBlur: this.handleBlur.bind(this), type: this.type, placeholder: this.placeholder, value: this.value, onInput: event => this.handleChange(event) }), this.iconright && (h("div", { class: "icon-right" }, h("tttx-icon", { icon: this.iconright, colour: "grey" })))), this.showerrormsg && this.errormsg && h("div", { class: "errormsg" }, h("span", { class: "material-symbols-rounded validationicon" }, "warning"), " ", this.errormsg))));
-  }
-  static get is() { return "tttx-input"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["tttx-input.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["tttx-input.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "label": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "label",
-        "reflect": false
-      },
-      "valid": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "valid",
-        "reflect": false
-      },
-      "showerrormsg": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "showerrormsg",
-        "reflect": false
-      },
-      "errormsg": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "errormsg",
-        "reflect": false
-      },
-      "value": {
-        "type": "string",
-        "mutable": true,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "value",
-        "reflect": false
-      },
-      "type": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "type",
-        "reflect": false,
-        "defaultValue": "'text'"
-      },
-      "placeholder": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "placeholder",
-        "reflect": false
-      },
-      "pattern": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "pattern",
-        "reflect": false
-      },
-      "iconleft": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "iconleft",
-        "reflect": false
-      },
-      "iconright": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "iconright",
-        "reflect": false
-      },
-      "required": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "required",
-        "reflect": false
-      }
-    };
-  }
-  static get states() {
-    return {
-      "isfocused": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "valueChanged",
-        "name": "valueChanged",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        }
-      }];
-  }
-}

package/dist/collection/components/molecules/tttx-input/tttx-input.stories.js

@@ -1,106 +0,0 @@
-import icons from '../../../icons';
-export default {
-  title: 'Molecules/Text Input',
-  component: 'tttx-input',
-  argTypes: {
-    iconleft: {
-      options: icons,
-      control: { type: 'select' },
-    },
-    iconright: {
-      options: icons,
-      control: { type: 'select' },
-    },
-    type: {
-      options: ['text', 'password', 'email', 'number'],
-      control: { type: 'radio' },
-    },
-    value: {
-      control: { type: 'text' },
-    },
-    label: {
-      control: { type: 'text' },
-    },
-    required: {
-      control: { type: 'boolean' },
-    },
-    errormsg: {
-      control: { type: 'text' },
-    },
-    showerrormsg: {
-      control: { type: 'boolean' },
-    },
-    placeholder: {
-      control: { type: 'text' },
-    },
-  },
-};
-const TemplateTextInput = ({ value, label, iconleft, iconright, type, required, errormsg, showerrormsg, placeholder }) => `
-<tttx-input
-  placeholder="${placeholder}"
-  iconleft="${iconleft || ''}"
-  iconright="${iconright || ''}"
-  value="${value}"  
-  label="${label}"
-  type="${type}"
-  errormsg="${errormsg}"
-  ${required ? `required` : ''}
-  ${showerrormsg ? `showerrormsg` : ''}
-></tttx-input>
-`;
-export const TextInputBasic = TemplateTextInput.bind({});
-TextInputBasic.args = {
-  value: 'Uh egg',
-  label: 'Please tell me about your egg',
-  iconleft: 'egg',
-  type: 'text',
-  errormsg: 'Incorrect egg, please egg again.',
-  required: true,
-  showerrormsg: true,
-  placeholder: 'Please for the love of god tell me about your egg',
-};
-export const TextInputIconRight = TemplateTextInput.bind({});
-TextInputIconRight.args = {
-  value: 'Uh egg',
-  label: 'Please tell me about your egg',
-  iconright: 'egg',
-  type: 'text',
-  errormsg: 'Incorrect egg, please egg again.',
-  required: true,
-  showerrormsg: true,
-  placeholder: 'Please for the love of god tell me about your egg',
-};
-export const PasswordInputBasic = TemplateTextInput.bind({});
-PasswordInputBasic.args = {
-  value: 'qwefdweferg',
-  label: 'Input your Password',
-  iconleft: 'lock',
-  type: 'password',
-  errormsg: 'Password is not strong enough',
-  required: true,
-  showerrormsg: true,
-  placeholder: 'Your password',
-};
-export const EmailInputBasic = TemplateTextInput.bind({});
-EmailInputBasic.args = {
-  value: 'email.address@website.com',
-  label: 'Choose an email address',
-  iconleft: 'mail',
-  type: 'email',
-  errormsg: 'This email smells funny',
-  required: true,
-  valid: false,
-  showerrormsg: true,
-  placeholder: 'Your email address',
-};
-export const NumberInputBasic = TemplateTextInput.bind({});
-NumberInputBasic.args = {
-  value: '42069',
-  label: 'What is your favourite number?',
-  iconleft: '123',
-  type: 'number',
-  errormsg: 'This number feels wrong',
-  required: true,
-  showerrormsg: true,
-  placeholder: 'Your favourite number',
-};

package/dist/components/tttx-input.js

@@ -1,77 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './tttx-icon2.js';
-
-const tttxInputCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.material-symbols-rounded{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}.field{clear:both}.container{display:flex;flex-wrap:wrap;box-sizing:border-box;height:36px;border:1px solid #c8c8c8;border-radius:4px}.icon-left,.icon-right{flex-basis:24px}.icon-left span,.icon-right span{font-size:24px;line-height:24px;text-align:center;display:block;width:24px;height:24px;margin-top:4px}.icon-left span{margin-left:4px}.icon-right span{margin-right:4px}.input{flex-grow:1;border:none;outline:none;font-size:16px;padding:8px 16px;background-color:transparent}.iconleft .input{padding-left:4px}.iconright .input{padding-right:4px}.label{display:block;height:18px;font-weight:600;color:#212121;font-size:16px;margin-bottom:4px;z-index:1}.disabled{background:#f0f0f0;color:#9e9e9e;border-color:#c8c8c8}.focused{border-color:#1479c6}.errormsg{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 .validationicon{width:16px;height:16px;font-size:16px;margin-right:4px;vertical-align:middle;color:#DC0000}.danger{color:#DC0000}.optional{color:#757575;font-weight:normal}:host{display:block}.spacing{margin-bottom:16px}.errorstate{border-color:#DC0000}.icon-right{margin-top:5px;margin-right:4px}.icon-left{margin-top:5px;margin-left:4px}";
-
-const TttxInput$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.valueChanged = createEvent(this, "valueChanged", 7);
-    this.handleFocus = () => {
-      this.isfocused = true;
-    };
-    this.handleBlur = () => {
-      this.isfocused = false;
-    };
-    this.isfocused = false;
-    this.label = undefined;
-    this.valid = undefined;
-    this.showerrormsg = undefined;
-    this.errormsg = undefined;
-    this.value = undefined;
-    this.type = 'text';
-    this.placeholder = undefined;
-    this.pattern = undefined;
-    this.iconleft = undefined;
-    this.iconright = undefined;
-    this.required = undefined;
-  }
-  handleChange(event) {
-    const target = event.target;
-    this.value = target.value;
-    this.valueChanged.emit(target.value);
-  }
-  render() {
-    const inputClass = ['container', this.showerrormsg ? 'errorstate' : '', this.isfocused ? 'focused' : '', this.iconleft ? 'iconleft' : ''].join(' ');
-    return (h(Host, null, h("div", { class: "field spacing" }, this.label && h("label", { class: "label" }, this.label, !this.required ? h("span", { class: "optional" }, " (optional)") : ''), h("div", { class: inputClass }, this.iconleft && (h("div", { class: "icon-left" }, h("tttx-icon", { icon: this.iconleft, colour: "grey" }))), h("input", { class: "input", onFocus: this.handleFocus.bind(this), onBlur: this.handleBlur.bind(this), type: this.type, placeholder: this.placeholder, value: this.value, onInput: event => this.handleChange(event) }), this.iconright && (h("div", { class: "icon-right" }, h("tttx-icon", { icon: this.iconright, colour: "grey" })))), this.showerrormsg && this.errormsg && h("div", { class: "errormsg" }, h("span", { class: "material-symbols-rounded validationicon" }, "warning"), " ", this.errormsg))));
-  }
-  static get style() { return tttxInputCss; }
-}, [1, "tttx-input", {
-    "label": [1],
-    "valid": [4],
-    "showerrormsg": [4],
-    "errormsg": [1],
-    "value": [1025],
-    "type": [1],
-    "placeholder": [1],
-    "pattern": [1],
-    "iconleft": [1],
-    "iconright": [1],
-    "required": [4],
-    "isfocused": [32]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["tttx-input", "tttx-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "tttx-input":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, TttxInput$1);
-      }
-      break;
-    case "tttx-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-
-const TttxInput = TttxInput$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TttxInput, defineCustomElement };

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

@@ -1,40 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-9654537d.js';
-
-const tttxInputCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.material-symbols-rounded{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}.field{clear:both}.container{display:flex;flex-wrap:wrap;box-sizing:border-box;height:36px;border:1px solid #c8c8c8;border-radius:4px}.icon-left,.icon-right{flex-basis:24px}.icon-left span,.icon-right span{font-size:24px;line-height:24px;text-align:center;display:block;width:24px;height:24px;margin-top:4px}.icon-left span{margin-left:4px}.icon-right span{margin-right:4px}.input{flex-grow:1;border:none;outline:none;font-size:16px;padding:8px 16px;background-color:transparent}.iconleft .input{padding-left:4px}.iconright .input{padding-right:4px}.label{display:block;height:18px;font-weight:600;color:#212121;font-size:16px;margin-bottom:4px;z-index:1}.disabled{background:#f0f0f0;color:#9e9e9e;border-color:#c8c8c8}.focused{border-color:#1479c6}.errormsg{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 .validationicon{width:16px;height:16px;font-size:16px;margin-right:4px;vertical-align:middle;color:#DC0000}.danger{color:#DC0000}.optional{color:#757575;font-weight:normal}:host{display:block}.spacing{margin-bottom:16px}.errorstate{border-color:#DC0000}.icon-right{margin-top:5px;margin-right:4px}.icon-left{margin-top:5px;margin-left:4px}";
-
-const TttxInput = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.valueChanged = createEvent(this, "valueChanged", 7);
-    this.handleFocus = () => {
-      this.isfocused = true;
-    };
-    this.handleBlur = () => {
-      this.isfocused = false;
-    };
-    this.isfocused = false;
-    this.label = undefined;
-    this.valid = undefined;
-    this.showerrormsg = undefined;
-    this.errormsg = undefined;
-    this.value = undefined;
-    this.type = 'text';
-    this.placeholder = undefined;
-    this.pattern = undefined;
-    this.iconleft = undefined;
-    this.iconright = undefined;
-    this.required = undefined;
-  }
-  handleChange(event) {
-    const target = event.target;
-    this.value = target.value;
-    this.valueChanged.emit(target.value);
-  }
-  render() {
-    const inputClass = ['container', this.showerrormsg ? 'errorstate' : '', this.isfocused ? 'focused' : '', this.iconleft ? 'iconleft' : ''].join(' ');
-    return (h(Host, null, h("div", { class: "field spacing" }, this.label && h("label", { class: "label" }, this.label, !this.required ? h("span", { class: "optional" }, " (optional)") : ''), h("div", { class: inputClass }, this.iconleft && (h("div", { class: "icon-left" }, h("tttx-icon", { icon: this.iconleft, colour: "grey" }))), h("input", { class: "input", onFocus: this.handleFocus.bind(this), onBlur: this.handleBlur.bind(this), type: this.type, placeholder: this.placeholder, value: this.value, onInput: event => this.handleChange(event) }), this.iconright && (h("div", { class: "icon-right" }, h("tttx-icon", { icon: this.iconright, colour: "grey" })))), this.showerrormsg && this.errormsg && h("div", { class: "errormsg" }, h("span", { class: "material-symbols-rounded validationicon" }, "warning"), " ", this.errormsg))));
-  }
-};
-TttxInput.style = tttxInputCss;
-
-export { TttxInput as tttx_input };

package/dist/tttx/p-317b13d3.entry.js

@@ -1 +0,0 @@
-import{r as i,c as o,h as t,H as e}from"./p-b6cc2780.js";const n=class{constructor(t){i(this,t),this.valueChanged=o(this,"valueChanged",7),this.value=void 0,this.label=void 0,this.required=void 0}handleClick(i){const o=i.target;this.value=o.checked,this.valueChanged.emit(o.checked)}render(){return t(e,null,t("div",{class:"field spacing"},this.label&&t("label",{class:"label"},this.label,this.required?"":t("span",{class:"optional"}," (optional)")),t("input",{type:"checkbox",class:"input",onChange:i=>this.handleClick(i),checked:this.value})))}};n.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-rounded{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}.field{clear:both}.container{display:flex;flex-wrap:wrap;box-sizing:border-box;height:36px;border:1px solid #c8c8c8;border-radius:4px}.icon-left,.icon-right{flex-basis:24px}.icon-left span,.icon-right span{font-size:24px;line-height:24px;text-align:center;display:block;width:24px;height:24px;margin-top:4px}.icon-left span{margin-left:4px}.icon-right span{margin-right:4px}.input{flex-grow:1;border:none;outline:none;font-size:16px;padding:8px 16px;background-color:transparent}.iconleft .input{padding-left:4px}.iconright .input{padding-right:4px}.label{display:block;height:18px;font-weight:600;color:#212121;font-size:16px;margin-bottom:4px;z-index:1}.disabled{background:#f0f0f0;color:#9e9e9e;border-color:#c8c8c8}.focused{border-color:#1479c6}.errormsg{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 .validationicon{width:16px;height:16px;font-size:16px;margin-right:4px;vertical-align:middle;color:#DC0000}.danger{color:#DC0000}.optional{color:#757575;font-weight:normal}:host{display:block}.spacing{margin-bottom:16px}';export{n as tttx_checkbox}

package/dist/tttx/p-3cd7ad04.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as o,H as n}from"./p-b6cc2780.js";const s=class{constructor(o){i(this,o),this.valueChanged=t(this,"valueChanged",7),this.handleFocus=()=>{this.isfocused=!0},this.handleBlur=()=>{this.isfocused=!1},this.isfocused=!1,this.label=void 0,this.valid=void 0,this.showerrormsg=void 0,this.errormsg=void 0,this.value=void 0,this.type="text",this.placeholder=void 0,this.pattern=void 0,this.iconleft=void 0,this.iconright=void 0,this.required=void 0}handleChange(i){const t=i.target;this.value=t.value,this.valueChanged.emit(t.value)}render(){const i=["container",this.showerrormsg?"errorstate":"",this.isfocused?"focused":"",this.iconleft?"iconleft":""].join(" ");return o(n,null,o("div",{class:"field spacing"},this.label&&o("label",{class:"label"},this.label,this.required?"":o("span",{class:"optional"}," (optional)")),o("div",{class:i},this.iconleft&&o("div",{class:"icon-left"},o("tttx-icon",{icon:this.iconleft,colour:"grey"})),o("input",{class:"input",onFocus:this.handleFocus.bind(this),onBlur:this.handleBlur.bind(this),type:this.type,placeholder:this.placeholder,value:this.value,onInput:i=>this.handleChange(i)}),this.iconright&&o("div",{class:"icon-right"},o("tttx-icon",{icon:this.iconright,colour:"grey"}))),this.showerrormsg&&this.errormsg&&o("div",{class:"errormsg"},o("span",{class:"material-symbols-rounded validationicon"},"warning")," ",this.errormsg)))}};s.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-rounded{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}.field{clear:both}.container{display:flex;flex-wrap:wrap;box-sizing:border-box;height:36px;border:1px solid #c8c8c8;border-radius:4px}.icon-left,.icon-right{flex-basis:24px}.icon-left span,.icon-right span{font-size:24px;line-height:24px;text-align:center;display:block;width:24px;height:24px;margin-top:4px}.icon-left span{margin-left:4px}.icon-right span{margin-right:4px}.input{flex-grow:1;border:none;outline:none;font-size:16px;padding:8px 16px;background-color:transparent}.iconleft .input{padding-left:4px}.iconright .input{padding-right:4px}.label{display:block;height:18px;font-weight:600;color:#212121;font-size:16px;margin-bottom:4px;z-index:1}.disabled{background:#f0f0f0;color:#9e9e9e;border-color:#c8c8c8}.focused{border-color:#1479c6}.errormsg{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 .validationicon{width:16px;height:16px;font-size:16px;margin-right:4px;vertical-align:middle;color:#DC0000}.danger{color:#DC0000}.optional{color:#757575;font-weight:normal}:host{display:block}.spacing{margin-bottom:16px}.errorstate{border-color:#DC0000}.icon-right{margin-top:5px;margin-right:4px}.icon-left{margin-top:5px;margin-left:4px}';export{s as tttx_input}

package/dist/tttx/p-b6cc2780.js

@@ -1,2 +0,0 @@
-let e,t,n=!1;const l={},o=e=>"object"==(e=typeof e)||"function"===e;function s(e){var t,n,l;return null!==(l=null===(n=null===(t=e.head)||void 0===t?void 0:t.querySelector('meta[name="csp-nonce"]'))||void 0===n?void 0:n.getAttribute("content"))&&void 0!==l?l:void 0}const c=(e,t,...n)=>{let l=null,s=!1,c=!1;const r=[],u=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?u(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof e&&!o(l))&&(l+=""),s&&c?r[r.length-1].t+=l:r.push(s?i(null,l):l),c=s)};if(u(n),t){const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}const a=i(e,null);return a.l=t,r.length>0&&(a.o=r),a},i=(e,t)=>({i:0,u:e,t,h:null,o:null,l:null}),r={},u=e=>V(e).m,a=(e,t,n)=>{const l=u(e);return{emit:e=>f(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},f=(e,t,n)=>{const l=Y.ce(t,n);return e.dispatchEvent(l),l},d=new WeakMap,h=e=>"sc-"+e.$,m=(e,t,n,l,s,c)=>{if(n!==l){let i=B(e,t),r=t.toLowerCase();if("class"===t){const t=e.classList,o=p(n),s=p(l);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("ref"===t)l&&l(e);else if(i||"o"!==t[0]||"n"!==t[1]){const r=o(l);if((i||r&&null!==l)&&!s)try{if(e.tagName.includes("-"))e[t]=l;else{const o=null==l?"":l;"list"===t?i=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(e){}null==l||!1===l?!1===l&&""!==e.getAttribute(t)||e.removeAttribute(t):(!i||4&c||s)&&!r&&e.setAttribute(t,l=!0===l?"":l)}else t="-"===t[2]?t.slice(3):B(Q,r)?r.slice(2):r[2]+t.slice(3),n&&Y.rel(e,t,n,!1),l&&Y.ael(e,t,l,!1)}},$=/\s/,p=e=>e?e.split($):[],y=(e,t,n,o)=>{const s=11===t.h.nodeType&&t.h.host?t.h.host:t.h,c=e&&e.l||l,i=t.l||l;for(o in c)o in i||m(s,o,c[o],void 0,n,t.i);for(o in i)m(s,o,c[o],i[o],n,t.i)},b=(t,n,l)=>{const o=n.o[l];let s,c,i=0;if(null!==o.t)s=o.h=X.createTextNode(o.t);else if(s=o.h=X.createElement(o.u),y(null,o,!1),null!=e&&s["s-si"]!==e&&s.classList.add(s["s-si"]=e),o.o)for(i=0;i<o.o.length;++i)c=b(t,o,i),c&&s.appendChild(c);return s},w=(e,n,l,o,s,c)=>{let i,r=e;for(r.shadowRoot&&r.tagName===t&&(r=r.shadowRoot);s<=c;++s)o[s]&&(i=b(null,l,s),i&&(o[s].h=i,r.insertBefore(i,n)))},v=(e,t,n,l,o)=>{for(;t<=n;++t)(l=e[t])&&(o=l.h,j(l),o.remove())},S=(e,t)=>e.u===t.u,g=(e,t)=>{const n=t.h=e.h,l=e.o,o=t.o,s=t.t;null===s?("slot"===t.u||y(e,t,!1),null!==l&&null!==o?((e,t,n,l)=>{let o,s=0,c=0,i=t.length-1,r=t[0],u=t[i],a=l.length-1,f=l[0],d=l[a];for(;s<=i&&c<=a;)null==r?r=t[++s]:null==u?u=t[--i]:null==f?f=l[++c]:null==d?d=l[--a]:S(r,f)?(g(r,f),r=t[++s],f=l[++c]):S(u,d)?(g(u,d),u=t[--i],d=l[--a]):S(r,d)?(g(r,d),e.insertBefore(r.h,u.h.nextSibling),r=t[++s],d=l[--a]):S(u,f)?(g(u,f),e.insertBefore(u.h,r.h),u=t[--i],f=l[++c]):(o=b(t&&t[c],n,c),f=l[++c],o&&r.h.parentNode.insertBefore(o,r.h));s>i?w(e,null==l[a+1]?null:l[a+1].h,n,l,c,a):c>a&&v(t,s,i)})(n,l,t,o):null!==o?(null!==e.t&&(n.textContent=""),w(n,null,t,o,0,o.length-1)):null!==l&&v(l,0,l.length-1)):e.t!==s&&(n.data=s)},j=e=>{e.l&&e.l.ref&&e.l.ref(null),e.o&&e.o.map(j)},M=(e,t)=>{t&&!e.p&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.p=t)))},k=(e,t)=>{if(e.i|=16,!(4&e.i))return M(e,e.v),ie((()=>C(e,t)));e.i|=512},C=(e,t)=>{const n=e.S;let l;return t&&(e.i|=256,e.g&&(e.g.map((([e,t])=>E(n,e,t))),e.g=null),l=E(n,"componentWillLoad")),N(l,(()=>O(e,n,t)))},O=async(e,t,n)=>{const l=e.m,o=l["s-rc"];n&&(e=>{const t=e.j,n=e.m,l=t.i,o=((e,t)=>{var n;let l=h(t);const o=K.get(l);if(e=11===e.nodeType?e:X,o)if("string"==typeof o){let t,c=d.get(e=e.head||e);if(c||d.set(e,c=new Set),!c.has(l)){{t=X.createElement("style"),t.innerHTML=o;const l=null!==(n=Y.M)&&void 0!==n?n:s(X);null!=l&&t.setAttribute("nonce",l),e.insertBefore(t,e.querySelector("link"))}c&&c.add(l)}}else e.adoptedStyleSheets.includes(o)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]);return l})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);x(e,t),o&&(o.map((e=>e())),l["s-rc"]=void 0);{const t=l["s-p"],n=()=>L(e);0===t.length?n():(Promise.all(t).then(n),e.i|=4,t.length=0)}},x=(n,l)=>{try{l=l.render(),n.i&=-17,n.i|=2,((n,l)=>{const o=n.m,s=n.k||i(null,null),u=(e=>e&&e.u===r)(l)?l:c(null,null,l);t=o.tagName,u.u=null,u.i|=4,n.k=u,u.h=s.h=o.shadowRoot||o,e=o["s-sc"],g(s,u)})(n,l)}catch(e){G(e,n.m)}return null},L=e=>{const t=e.m,n=e.S,l=e.v;64&e.i||(e.i|=64,T(t),E(n,"componentDidLoad"),e.C(t),l||P()),e.p&&(e.p(),e.p=void 0),512&e.i&&ce((()=>k(e,!1))),e.i&=-517},P=()=>{T(X.documentElement),ce((()=>f(Q,"appload",{detail:{namespace:"tttx"}})))},E=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){G(e)}},N=(e,t)=>e&&e.then?e.then(t):t(),T=e=>e.classList.add("hydrated"),W=(e,t,n)=>{if(t.O){const l=Object.entries(t.O),s=e.prototype;if(l.map((([e,[l]])=>{(31&l||2&n&&32&l)&&Object.defineProperty(s,e,{get(){return((e,t)=>V(this).L.get(t))(0,e)},set(n){((e,t,n,l)=>{const s=V(e),c=s.L.get(t),i=s.i,r=s.S;n=((e,t)=>null==e||o(e)?e:4&t?"false"!==e&&(""===e||!!e):1&t?e+"":e)(n,l.O[t][0]),8&i&&void 0!==c||n===c||Number.isNaN(c)&&Number.isNaN(n)||(s.L.set(t,n),r&&2==(18&i)&&k(s,!1))})(this,e,n,t)},configurable:!0,enumerable:!0})})),1&n){const t=new Map;s.attributeChangedCallback=function(e,n,l){Y.jmp((()=>{const n=t.get(e);if(this.hasOwnProperty(n))l=this[n],delete this[n];else if(s.hasOwnProperty(n)&&"number"==typeof this[n]&&this[n]==l)return;this[n]=(null!==l||"boolean"!=typeof this[n])&&l}))},e.observedAttributes=l.filter((([e,t])=>15&t[0])).map((([e,n])=>{const l=n[1]||e;return t.set(l,e),l}))}}return e},A=(e,t={})=>{var n;const l=[],o=t.exclude||[],c=Q.customElements,i=X.head,r=i.querySelector("meta[charset]"),u=X.createElement("style"),a=[];let f,d=!0;Object.assign(Y,t),Y.P=new URL(t.resourcesUrl||"./",X.baseURI).href,e.map((e=>{e[1].map((t=>{const n={i:t[0],$:t[1],O:t[2],N:t[3]};n.O=t[2],n.N=t[3];const s=n.$,i=class extends HTMLElement{constructor(e){super(e),z(e=this,n),1&n.i&&e.attachShadow({mode:"open"})}connectedCallback(){f&&(clearTimeout(f),f=null),d?a.push(this):Y.jmp((()=>(e=>{if(0==(1&Y.i)){const t=V(e),n=t.j,l=()=>{};if(1&t.i)H(e,t,n.N);else{t.i|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){M(t,t.v=n);break}}n.O&&Object.entries(n.O).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n,l,o)=>{if(0==(32&t.i)){{if(t.i|=32,(o=J(n)).then){const e=()=>{};o=await o,e()}o.isProxied||(W(o,n,2),o.isProxied=!0);const e=()=>{};t.i|=8;try{new o(t)}catch(e){G(e)}t.i&=-9,e()}if(o.style){let e=o.style;const t=h(n);if(!K.has(t)){const l=()=>{};((e,t,n)=>{let l=K.get(e);ee&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,K.set(e,l)})(t,e,!!(1&n.i)),l()}}}const s=t.v,c=()=>k(t,!0);s&&s["s-rc"]?s["s-rc"].push(c):c()})(0,t,n)}l()}})(this)))}disconnectedCallback(){Y.jmp((()=>(()=>{if(0==(1&Y.i)){const e=V(this),t=e.S;e.T&&(e.T.map((e=>e())),e.T=void 0),E(t,"disconnectedCallback")}})()))}componentOnReady(){return V(this).W}};n.A=e[0],o.includes(s)||c.get(s)||(l.push(s),c.define(s,W(i,n,1)))}))}));{u.innerHTML=l+"{visibility:hidden}.hydrated{visibility:inherit}",u.setAttribute("data-styles","");const e=null!==(n=Y.M)&&void 0!==n?n:s(X);null!=e&&u.setAttribute("nonce",e),i.insertBefore(u,r?r.nextSibling:i.firstChild)}d=!1,a.length?a.map((e=>e.connectedCallback())):Y.jmp((()=>f=setTimeout(P,30)))},H=(e,t,n)=>{n&&n.map((([n,l,o])=>{const s=U(e,n),c=R(t,o),i=q(n);Y.ael(s,l,c,i),(t.T=t.T||[]).push((()=>Y.rel(s,l,c,i)))}))},R=(e,t)=>n=>{try{256&e.i?e.S[t](n):(e.g=e.g||[]).push([t,n])}catch(e){G(e)}},U=(e,t)=>4&t?X:e,q=e=>0!=(2&e),D=e=>Y.M=e,F=new WeakMap,V=e=>F.get(e),_=(e,t)=>F.set(t.S=e,t),z=(e,t)=>{const n={i:0,m:e,j:t,L:new Map};return n.W=new Promise((e=>n.C=e)),e["s-p"]=[],e["s-rc"]=[],H(e,n,t.N),F.set(e,n)},B=(e,t)=>t in e,G=(e,t)=>(0,console.error)(e,t),I=new Map,J=e=>{const t=e.$.replace(/-/g,"_"),n=e.A,l=I.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(I.set(n,e),e[t])),G)
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},K=new Map,Q="undefined"!=typeof window?window:{},X=Q.document||{head:{}},Y={i:0,P:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},Z=e=>Promise.resolve(e),ee=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),te=[],ne=[],le=(e,t)=>l=>{e.push(l),n||(n=!0,t&&4&Y.i?ce(se):Y.raf(se))},oe=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){G(e)}e.length=0},se=()=>{oe(te),oe(ne),(n=te.length>0)&&Y.raf(se)},ce=e=>Z().then(e),ie=le(ne,!0);export{r as H,A as b,a as c,u as g,c as h,Z as p,_ as r,D as s}

package/dist/tttx/p-f30a0e84.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as r,g as i}from"./p-b6cc2780.js";const o=class{constructor(r){t(this,r),this.formSubmit=s(this,"formSubmit",7),this.fetchFormData=()=>{let t=!0;const s={};return this.el.querySelectorAll(`[${this.dataAttribute}]`).forEach((r=>{const i=r;t=!!t&&this.validateFormField(i),s[i.getAttribute(this.dataAttribute)]=i.value})),t?s:null},this.dataAttribute="form-data",this.functionAttribute="function-data"}validateFormField(t){let s=!0;return t.hasAttribute("required")&&!t.value?(t.setAttribute("showerrormsg","true"),s=!1):t.removeAttribute("showerrormsg"),s}componentDidLoad(){this.el.querySelectorAll(`[${this.functionAttribute}]`).forEach((t=>{t.addEventListener("click",(t=>{t.preventDefault(),this.fetchFormData()&&this.formSubmit.emit(this.fetchFormData())}))}))}render(){return r("div",null,r("slot",null))}get el(){return i(this)}};export{o as tttx_form}

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

@@ -1,20 +0,0 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-export declare class TttxInput {
-  isfocused: boolean;
-  label: string;
-  valid: boolean;
-  showerrormsg: boolean;
-  errormsg: string;
-  value: string;
-  type: string;
-  placeholder: string;
-  pattern: string;
-  iconleft: string;
-  iconright: string;
-  required: boolean;
-  valueChanged: EventEmitter<string>;
-  handleChange(event: Event): void;
-  handleFocus: () => void;
-  handleBlur: () => void;
-  render(): any;
-}

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

@@ -1,60 +0,0 @@
-declare const _default: {
-  title: string;
-  component: string;
-  argTypes: {
-    iconleft: {
-      options: string[];
-      control: {
-        type: string;
-      };
-    };
-    iconright: {
-      options: string[];
-      control: {
-        type: string;
-      };
-    };
-    type: {
-      options: string[];
-      control: {
-        type: string;
-      };
-    };
-    value: {
-      control: {
-        type: string;
-      };
-    };
-    label: {
-      control: {
-        type: string;
-      };
-    };
-    required: {
-      control: {
-        type: string;
-      };
-    };
-    errormsg: {
-      control: {
-        type: string;
-      };
-    };
-    showerrormsg: {
-      control: {
-        type: string;
-      };
-    };
-    placeholder: {
-      control: {
-        type: string;
-      };
-    };
-  };
-};
-export default _default;
-export declare const TextInputBasic: any;
-export declare const TextInputIconRight: any;
-export declare const PasswordInputBasic: any;
-export declare const EmailInputBasic: any;
-export declare const NumberInputBasic: any;