@everymatrix/general-input 1.32.4 → 1.33.1

package/dist/general-input/p-b408093e.js

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

package/dist/general-input/p-f4f4ccda.js

@@ -0,0 +1 @@
+const I="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjUuNSIgc3Ryb2tlPSIjOTc5Nzk3Ii8+CjxyZWN0IHg9IjUiIHk9IjUiIHdpZHRoPSIyIiBoZWlnaHQ9IjUiIGZpbGw9IiM5Nzk3OTciLz4KPGNpcmNsZSBjeD0iNiIgY3k9IjMiIHI9IjEiIGZpbGw9IiM5Nzk3OTciLz4KPC9zdmc+Cg==";export{I as t}

package/dist/index.cjs.js

@@ -0,0 +1 @@
+module.exports = require('./cjs/index.cjs.js');

package/dist/index.js

@@ -0,0 +1 @@
+export * from './esm/index.js';

package/dist/stencil.config.js

@@ -0,0 +1,22 @@
+import { sass } from '@stencil/sass';
+export const config = {
+  namespace: 'general-input',
+  taskQueue: 'async',
+  plugins: [sass()],
+  outputTargets: [
+    {
+      type: 'dist',
+      esmLoaderPath: '../loader',
+    },
+    {
+      type: 'dist-custom-elements',
+    },
+    {
+      type: 'docs-readme',
+    },
+    {
+      type: 'www',
+      serviceWorker: null, // disable service workers
+    },
+  ],
+};

package/dist/types/Users/adrian.pripon/Documents/Work/widgets-stencil/packages/general-input/.stencil/packages/general-input/stencil.config.d.ts

@@ -0,0 +1,2 @@
+import { Config } from '../../../../../../../../../../stencil-public-runtime';
+export declare const config: Config;

package/dist/types/components/checkbox-group-input/checkbox-group-input.d.ts

@@ -0,0 +1,74 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ValidationSchema, InputStateEvent, InputValueEvent, RegCfgContentField } from '../../utils/types';
+import '@vaadin/checkbox';
+import '@vaadin/checkbox-group';
+export declare class CheckboxGroupInput {
+  /**
+   * Name of the input.
+   */
+  name: string;
+  /**
+   * Name of input to be shown to the user.
+   */
+  displayName: string;
+  /**
+   * Default value for the input.
+   */
+  defaultValue: string;
+  /**
+   * Boolean. Determines if input should be readonly.
+   */
+  autofilled: boolean;
+  /**
+   * Tooltip text.
+   */
+  tooltip: string;
+  /**
+   * Options of the input.
+   */
+  options: RegCfgContentField[];
+  /**
+   * Object of validation rules for the input.
+   */
+  validation: ValidationSchema;
+  /**
+   * Currently selected language.
+   */
+  language: string;
+  /**
+   * State passed down from the parent element. Will trigger the input to send it's value through an event.
+   */
+  emitValue: boolean;
+  /**
+   * Client custom styling via inline style
+   */
+  clientStyling: string;
+  private element;
+  errorMessage: string;
+  isValid: boolean;
+  private limitStylingAppends;
+  showTooltip: boolean;
+  selectedValues: string[];
+  private stylingContainer;
+  private inputReference;
+  private tooltipReference;
+  private tooltipIconReference;
+  value: any;
+  validityChanged(): void;
+  setValue(): void;
+  sendValidityState: EventEmitter<InputStateEvent>;
+  validityStateHandler(inputStateEvent: InputStateEvent): void;
+  emitValueHandler(newValue: boolean): void;
+  sendInputValue: EventEmitter<InputValueEvent>;
+  valueHandler(inputValueEvent: InputValueEvent): void;
+  handleClickOutside(event: MouseEvent): void;
+  componentDidRender(): void;
+  componentDidLoad(): void;
+  setValidity(): boolean;
+  setErrorMessage(): string;
+  setClientStyling: () => void;
+  renderTooltip(): any;
+  handleParentCheckbox(e: Event): void;
+  renderLabel(): any;
+  render(): any;
+}

package/dist/types/components/checkbox-input/checkbox-input.d.ts

@@ -0,0 +1,65 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ValidationSchema, InputStateEvent, InputValueEvent } from '../../utils/types';
+export declare class CheckboxInput {
+  /**
+   * Name of the input.
+   */
+  name: string;
+  /**
+   * Name of input to be shown to the user.
+   */
+  displayName: string;
+  /**
+   * Default value for the input.
+   */
+  defaultValue: string;
+  /**
+   * Boolean. Determines if input should be readonly.
+   */
+  autofilled: boolean;
+  /**
+   * Tooltip text.
+   */
+  tooltip: string;
+  /**
+   * Object of validation rules for the input.
+   */
+  validation: ValidationSchema;
+  /**
+   * Currently selected language.
+   */
+  language: string;
+  /**
+   * State passed down from the parent element. Will trigger the input to send it's value through an event.
+   */
+  emitValue: boolean;
+  /**
+   * Client custom styling via inline style
+   */
+  clientStyling: string;
+  errorMessage: string;
+  isValid: boolean;
+  private limitStylingAppends;
+  showTooltip: boolean;
+  private stylingContainer;
+  private inputReference;
+  private tooltipReference;
+  private tooltipIconReference;
+  value: string;
+  validityChanged(): void;
+  sendValidityState: EventEmitter<InputStateEvent>;
+  validityStateHandler(inputStateEvent: InputStateEvent): void;
+  emitValueHandler(newValue: boolean): void;
+  sendInputValue: EventEmitter<InputValueEvent>;
+  valueHandler(inputValueEvent: InputValueEvent): void;
+  handleClickOutside(event: MouseEvent): void;
+  componentDidRender(): void;
+  componentDidLoad(): void;
+  handleClick(): void;
+  setValidity(): boolean;
+  setErrorMessage(): string;
+  setClientStyling: () => void;
+  renderLabel(): any;
+  renderTooltip(): any;
+  render(): any;
+}

package/dist/types/components/date-input/date-input.d.ts

@@ -0,0 +1,84 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ValidationSchema, InputStateEvent, InputValueEvent } from '../../utils/types';
+import '@vaadin/date-picker';
+import type { DatePicker, DatePickerDate, DatePickerChangeEvent } from '@vaadin/date-picker';
+export declare class DateInput {
+  /**
+   * Name of the input.
+   */
+  name: string;
+  /**
+   * Name of input to be shown to the user.
+   */
+  displayName: string;
+  /**
+   * Placeholder text to be shown.
+   */
+  placeholder: string;
+  /**
+   * Object of validation rules for the input.
+   */
+  validation: ValidationSchema;
+  /**
+   * Default value for the input.
+   */
+  defaultValue: string;
+  /**
+   * Boolean. Determines if input should be readonly.
+   */
+  autofilled: boolean;
+  /**
+   * Tooltip text.
+   */
+  tooltip: string;
+  /**
+   * Currently selected language.
+   */
+  language: string;
+  /**
+   * State passed down from the parent element. Will trigger the input to send it's value through an event.
+   */
+  emitValue: boolean;
+  /**
+   * Client custom styling via inline style
+   */
+  clientStyling: string;
+  /**
+   * Date format for date picker.
+   */
+  dateFormat: string;
+  errorMessage: string;
+  isValid: boolean;
+  private limitStylingAppends;
+  showTooltip: boolean;
+  private element;
+  datePicker: DatePicker;
+  private stylingContainer;
+  inputReference: HTMLInputElement;
+  private tooltipReference;
+  private tooltipIconReference;
+  value: string;
+  touched: boolean;
+  minDate: Date;
+  maxDate: Date;
+  valueAsDate: Date;
+  validityChanged(): void;
+  sendValidityState: EventEmitter<InputStateEvent>;
+  validityStateHandler(inputStateEvent: InputStateEvent): void;
+  emitValueHandler(newValue: boolean): void;
+  sendInputValue: EventEmitter<InputValueEvent>;
+  valueHandler(inputValueEvent: InputValueEvent): void;
+  handleClickOutside(event: MouseEvent): void;
+  connectedCallback(): void;
+  componentDidRender(): void;
+  componentDidLoad(): void;
+  formatDate: (dateParts: DatePickerDate) => string;
+  parseDate: (inputValue: string) => DatePickerDate;
+  handleInput(event: DatePickerChangeEvent): void;
+  handleBlur: () => void;
+  setValidity(): boolean;
+  setErrorMessage(): string;
+  setClientStyling: () => void;
+  renderTooltip(): any;
+  render(): any;
+}

package/dist/types/components/email-input/email-input.d.ts

@@ -0,0 +1,80 @@
+import { Event, EventEmitter } from '../../stencil-public-runtime';
+import { ValidationSchema, InputStateEvent, InputValueEvent } from '../../utils/types';
+export declare class EmailInput {
+  /**
+   * Name of the input.
+   */
+  name: string;
+  /**
+   * Name of input to be shown to the user.
+   */
+  displayName: string;
+  /**
+   * Placeholder text to be shown.
+   */
+  placeholder: string;
+  /**
+   * Object of validation rules for the input.
+   */
+  validation: ValidationSchema;
+  /**
+   * Default value for the input.
+   */
+  defaultValue: string;
+  /**
+   * Boolean. Determines if input should be readonly.
+   */
+  autofilled: boolean;
+  /**
+   * Tooltip text.
+   */
+  tooltip: string;
+  /**
+   * Currently selected language.
+   */
+  language: string;
+  /**
+   * State passed down from the parent element. Will trigger the input to send it's value through an event.
+   */
+  emitValue: boolean;
+  /**
+   * Flag for duplicate inputs, it sets up the input for certain validation rules.
+   */
+  isDuplicateInput: boolean;
+  /**
+   * Client custom styling via inline style
+   */
+  clientStyling: string;
+  errorMessage: string;
+  isValid: boolean;
+  private limitStylingAppends;
+  showTooltip: boolean;
+  private stylingContainer;
+  private tooltipReference;
+  private tooltipIconReference;
+  value: string;
+  inputReference: HTMLInputElement;
+  debounceTime: ReturnType<typeof setTimeout>;
+  validationPattern: string;
+  duplicateInputValue: string;
+  touched: boolean;
+  validityChanged(): void;
+  emitValueHandler(newValue: boolean): void;
+  sendValidityState: EventEmitter<InputStateEvent>;
+  validityStateHandler(inputStateEvent: InputStateEvent): void;
+  sendInputValue: EventEmitter<InputValueEvent>;
+  valueHandler(inputValueEvent: InputValueEvent): void;
+  handleClickOutside(event: MouseEvent): void;
+  valueChangedHandler(event: CustomEvent<InputValueEvent>): void;
+  connectedCallback(): void;
+  componentDidRender(): void;
+  componentDidLoad(): void;
+  handleInput: (event: Event) => void;
+  handleBlur: () => void;
+  setValidity(): boolean;
+  setPattern(): string;
+  setErrorMessage(): string;
+  setClientStyling: () => void;
+  renderTooltip(): any;
+  render(): any;
+}

package/dist/types/components/general-input/general-input.d.ts

@@ -0,0 +1,75 @@
+import type { ValidationSchema } from '../../utils/types';
+export declare class GeneralInput {
+  /**
+   * Type the general-input should take. Can take the default HTML input values.
+   */
+  type: string;
+  /**
+   * Name of the input.
+   */
+  name: string;
+  /**
+   * Name of input to be shown to the user.
+   */
+  displayName: string;
+  /**
+   * Placeholder text to be shown.
+   */
+  placeholder: string;
+  /**
+   * Special behaviour an input should have. Can be fetching for data.
+   */
+  action: string;
+  /**
+   * Object of validation rules for the input.
+   */
+  validation: ValidationSchema;
+  /**
+   * For input elements that have multiple options or choises.
+   */
+  options: any;
+  /**
+   * Currently selected language.
+   */
+  language: string;
+  /**
+   * Boolean. Determines if input should be readonly.
+   */
+  autofilled: boolean;
+  /**
+   * Tooltip text.
+   */
+  tooltip: string;
+  /**
+   * Default value for the input.
+   */
+  defaultValue: any;
+  /**
+   * State passed down from the parent element. Will trigger the child specialised input to send it's value through an event.
+   */
+  emitValue: boolean;
+  /**
+   * Boolean that triggers certain validation rules, for duplicated inputs.
+   */
+  isDuplicateInput: boolean;
+  /**
+   * Client custom styling via inline style
+   */
+  clientStyling: any;
+  /**
+   * Date format for date picker.
+   */
+  dateFormat: string;
+  /**
+   * Translations via URL
+   */
+  translationUrl: string;
+  /**
+   * Emit event on click
+   */
+  emitOnClick: boolean;
+  connectedCallback(): void;
+  handleClick: () => void;
+  renderInput(): any;
+  render(): any;
+}

package/dist/types/components/number-input/number-input.d.ts

@@ -0,0 +1,74 @@
+import { Event, EventEmitter } from '../../stencil-public-runtime';
+import { ValidationSchema, InputStateEvent, InputValueEvent } from '../../utils/types';
+export declare class NumberInput {
+  /**
+   * Name of the input.
+   */
+  name: string;
+  /**
+   * Name of input to be shown to the user.
+   */
+  displayName: string;
+  /**
+   * Placeholder text to be shown.
+   */
+  placeholder: string;
+  /**
+   * Object of validation rules for the input.
+   */
+  validation: ValidationSchema;
+  /**
+   * Default value for the input.
+   */
+  defaultValue: string;
+  /**
+   * Boolean. Determines if input should be readonly.
+   */
+  autofilled: boolean;
+  /**
+   * Tooltip text.
+   */
+  tooltip: string;
+  /**
+   * Currently selected language.
+   */
+  language: string;
+  /**
+   * State passed down from the parent element. Will trigger the input to send it's value through an event.
+   */
+  emitValue: boolean;
+  /**
+   * Client custom styling via inline style
+   */
+  clientStyling: string;
+  errorMessage: string;
+  isValid: boolean;
+  private limitStylingAppends;
+  showTooltip: boolean;
+  private stylingContainer;
+  private tooltipReference;
+  private tooltipIconReference;
+  value: string;
+  inputReference: HTMLInputElement;
+  validationPattern: string;
+  debounceTime: ReturnType<typeof setTimeout>;
+  touched: boolean;
+  validityChanged(): void;
+  sendValidityState: EventEmitter<InputStateEvent>;
+  validityStateHandler(inputStateEvent: InputStateEvent): void;
+  emitValueHandler(newValue: boolean): void;
+  sendInputValue: EventEmitter<InputValueEvent>;
+  valueHandler(inputValueEvent: InputValueEvent): void;
+  handleClickOutside(event: MouseEvent): void;
+  connectedCallback(): void;
+  componentDidRender(): void;
+  componentDidLoad(): void;
+  handleInput: (event: Event) => void;
+  handleBlur: () => void;
+  setValidity(): boolean;
+  setPattern(): string;
+  setErrorMessage(): string;
+  setClientStyling: () => void;
+  renderTooltip(): any;
+  render(): any;
+}

package/dist/types/components/password-input/password-input.d.ts

@@ -0,0 +1,91 @@
+import { Event, EventEmitter } from '../../stencil-public-runtime';
+import { ValidationSchema, InputStateEvent, InputValueEvent, PasswordComplexity } from '../../utils/types';
+import '@vaadin/password-field';
+export declare class PasswordInput {
+  /**
+   * Name of the input.
+   */
+  name: string;
+  /**
+   * Name of input to be shown to the user.
+   */
+  displayName: string;
+  /**
+   * Placeholder text to be shown.
+   */
+  placeholder: string;
+  /**
+   * Default value for the input.
+   */
+  defaultValue: string;
+  /**
+   * Boolean. Determines if input should be readonly.
+   */
+  autofilled: boolean;
+  /**
+   * Tooltip text.
+   */
+  tooltip: string;
+  /**
+   * Object of validation rules for the input.
+   */
+  validation: ValidationSchema;
+  /**
+   * Currently selected language.
+   */
+  language: string;
+  /**
+   * State passed down from the parent element. Will trigger the input to send it's value through an event.
+   */
+  emitValue: boolean;
+  /**
+   * Flag for duplicate inputs, it sets up the input for certain validation rules.
+   */
+  isDuplicateInput: boolean;
+  /**
+   * Client custom styling via inline style
+   */
+  clientStyling: string;
+  isValid: boolean;
+  errorMessage: string;
+  private limitStylingAppends;
+  showTooltip: boolean;
+  passwordComplexity: PasswordComplexity[];
+  showPopup: boolean;
+  value: string;
+  private element;
+  private inputReference;
+  private passwordButton;
+  private stylingContainer;
+  private tooltipReference;
+  private tooltipIconReference;
+  private touched;
+  private originalValid;
+  debounceTime: ReturnType<typeof setTimeout>;
+  validationPattern: string;
+  duplicateInputValue: string;
+  validityChanged(): void;
+  valueChanged(): void;
+  emitValueHandler(newValue: boolean): void;
+  sendOriginalValidityState: EventEmitter<InputStateEvent>;
+  sendValidityState: EventEmitter<InputStateEvent>;
+  validityStateHandler(inputStateEvent: InputStateEvent): void;
+  sendInputValue: EventEmitter<InputValueEvent>;
+  valueHandler(inputValueEvent: InputValueEvent): void;
+  originalValidityChangedHandler(event: CustomEvent<InputStateEvent>): void;
+  valueChangedHandler(event: CustomEvent<InputValueEvent>): void;
+  handleClickOutside(event: MouseEvent): void;
+  componentDidRender(): void;
+  componentDidLoad(): void;
+  handleInput: (event: Event) => void;
+  handleBlur: (event: Event) => void;
+  handleFocus: () => void;
+  calculateComplexity(password: string): void;
+  setValidity(): boolean;
+  setPattern(): string;
+  setErrorMessage(): string;
+  setClientStyling: () => void;
+  renderTooltip(): any;
+  renderComplexityPopup(): any;
+  render(): any;
+}

package/dist/types/components/radio-input/radio-input.d.ts

@@ -0,0 +1,59 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { Option, ValidationSchema, InputStateEvent, InputValueEvent } from '../../utils/types';
+export declare class RadioInput {
+  /**
+   * Name of the input.
+   */
+  name: string;
+  /**
+   * Name of input to be shown to the user.
+   */
+  displayName: string;
+  /**
+   * Options of the input.
+   */
+  optionsGroup: Option[];
+  /**
+   * Object of validation rules for the input.
+   */
+  validation: ValidationSchema;
+  /**
+   * Tooltip text.
+   */
+  tooltip: string;
+  /**
+   * Currently selected language.
+   */
+  language: string;
+  /**
+   * State passed down from the parent element. Will trigger the input to send it's value through an event.
+   */
+  emitValue: boolean;
+  /**
+   * Client custom styling via inline style
+   */
+  clientStyling: string;
+  errorMessage: string;
+  isValid: boolean;
+  private limitStylingAppends;
+  showTooltip: boolean;
+  private stylingContainer;
+  private inputReference;
+  private tooltipReference;
+  private tooltipIconReference;
+  value: any;
+  validityChanged(): void;
+  emitValueHandler(newValue: boolean): void;
+  sendInputValue: EventEmitter<InputValueEvent>;
+  valueHandler(inputValueEvent: InputValueEvent): void;
+  sendValidityState: EventEmitter<InputStateEvent>;
+  validityStateHandler(inputStateEvent: InputStateEvent): void;
+  handleClickOutside(event: MouseEvent): void;
+  componentDidRender(): void;
+  handleClick(event: any): void;
+  setValidity(): boolean;
+  setErrorMessage(): string;
+  setClientStyling: () => void;
+  renderTooltip(): any;
+  render(): any;
+}