@3t-transform/threeteeui 0.1.29 → 0.1.30

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@3t-transform/threeteeui",
-    "version": "0.1.29",
+    "version": "0.1.30",
     "description": "3t Design System",
     "main": "dist/index.cjs.js",
     "module": "dist/index.js",

package/dist/tttx/p-65adb464.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as e,H as o}from"./p-f764ffc4.js";const n=class{constructor(e){t(this,e),this.dataSubmitted=i(this,"dataSubmitted",7),this.dataChanged=i(this,"dataChanged",7),this.template=document.createElement("template"),this.formschema=void 0,this.submitValue=void 0}onFormSchemaChange(t){this._formSchema="string"==typeof t?JSON.parse(t):t}fieldChanged(t){this.dataChanged.emit({name:t.target.name,value:t.target.value})}doSubmit(t){t.preventDefault();const i=new FormData(t.target);this.dataSubmitted.emit(i)}componentWillLoad(){this.onFormSchemaChange(this.formschema)}componentWillRender(){this.template=document.createElement("template"),this.populateFormFromSchema()}createInput(t,i){var e;const o=document.createElement("input");return o.name=t,o.type=i.type,o.placeholder=null!==(e=i.placeholder)&&void 0!==e?e:"",o.autocomplete="off",o.autocapitalize="off",o}applyValidation(t,i){var e,o;i.required&&(t.setAttribute("required",""),t.setAttribute("data-required",null!==(e=i.required.message)&&void 0!==e?e:"")),i.pattern&&(t.setAttribute("pattern",i.pattern.pattern),t.setAttribute("data-pattern",null!==(o=i.pattern.message)&&void 0!==o?o:"")),i.badInput&&t.setAttribute("data-badinput",i.badInput.message),i.minmax&&(t.setAttribute("min",i.minmax.min),t.setAttribute("max",i.minmax.max),t.setAttribute("data-range",i.minmax.message)),i.maxlength&&t.setAttribute("maxlength",i.maxlength)}createErrorBubble(){const t=document.createElement("div");return t.className="errorBubble",t}createLabel(t,i,e){const o=document.createElement("label");if(o.className="inputBlock",o.innerText=t.label,!t.validation){const t=document.createElement("span");t.className="optional",t.innerHTML=" (optional)",o.appendChild(t)}return o.appendChild(i),o.appendChild(e),o}createSubmitButton(){const t=document.createElement("input");return t.type="submit",t.className="button primary-blue",t.value="Save",t}populateFormFromSchema(){if(!this._formSchema)return;const t=this._formSchema.properties;Object.keys(t).forEach((i=>{const e=t[i].form,o=this.createInput(i,e);e.validation&&this.applyValidation(o,e.validation);const n=this.createErrorBubble(),r=this.createLabel(e,o,n);this.template.content.append(r)}));const i=this.createSubmitButton();this.template.content.append(i)}componentDidRender(){if(!this._formSchema)return;const t=this.template.content.cloneNode(!0);Object.keys(this._formSchema.properties).forEach((i=>{const e=t.querySelector(`[name=${i}]`);e.oninvalid=this.validityCheckWrapper.bind(this),e.onblur=this.validityCheckWrapper.bind(this),e.onkeyup=this.fieldChanged.bind(this),e.onchange=this.fieldChanged.bind(this)})),this.fieldset.appendChild(t)}validityCheckWrapper(t){const{target:i,hasError:e,errorMessage:o}=function(t){var i,e,o,n;t.preventDefault();const r=t.target;let a=!0,l="";switch(!0){case r.validity.valueMissing:l=null!==(i=r.dataset.required)&&void 0!==i?i:"This field is required";break;case r.validity.patternMismatch:l=null!==(e=r.dataset.pattern)&&void 0!==e?e:"Incorrect format";break;case r.validity.badInput:l=null!==(o=r.dataset.badinput)&&void 0!==o?o:"Wrong input type";break;case r.validity.rangeOverflow||r.validity.rangeUnderflow:l=null!==(n=r.dataset.range)&&void 0!==n?n:"Invalid value";break;default:a=!1}return{target:r,hasError:a,errorMessage:l}}(t);!function(t,i,e){const o=t.parentElement.querySelector(".errorBubble");if(i){t.className="invalid";const i=document.createElement("span");i.className="material-symbols-rounded",i.textContent="warning",o.innerHTML="",o.append(i),o.append(e)}else t.className="",o.innerHTML=""}(i,e,o)}render(){return e(o,null,e("form",{onSubmit:this.doSubmit.bind(this)},e("fieldset",{ref:t=>this.fieldset=t})))}static get watchers(){return{formschema:["onFormSchemaChange"]}}};n.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.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:normal;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,.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}.icon-right{margin-top:5px}.icon-left{margin-top:5px;margin-left:4px}.iconleft .input{padding-left:4px}.iconright .input{padding-right:4px}.input-icon{position:absolute;margin-top:9px;margin-left:4px}.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;line-height:16px;border-radius:none;z-index:2;color:#dc0000}.errormsg .validationicon{width:16px;height:16px;font-size:16px;line-height:19px;margin-right:4px;vertical-align:middle;color:#dc0000}.danger{color:#dc0000}.optional{color:#757575;font-weight:normal}label.inputBlock{display:block;position:relative;line-height:21px}label.inputInline{display:flex;white-space:nowrap;align-items:center}label.inputInline .input-container{margin:0 4px;width:100%;display:flex;align-items:center;gap:4px;position:relative}label{font-weight:500;font-size:16px;line-height:19px;margin-bottom:16px}input:not([type=submit]){font-family:"Roboto", serif;box-sizing:border-box;width:100%;height:36px;padding:0 16px;font-size:16px;line-height:19px;border:1px solid #d5d5d5;border-radius:4px;margin-top:4px}input[type=date]{background:white;display:block;min-width:calc(100% - 18px);line-height:37px}@media (max-width: 600px){input[type=date]{padding-top:6px}}input.invalid:invalid,input.standalone.invalid{border:1px solid #dc0000}.input-icon~input{padding:0 32px}input~.errorBubble{position:relative;font-size:14px;line-height:16px;font-weight:normal;width:100%;font-family:"Roboto", sans-serif;color:#dc0000;display:flex;align-content:center;align-items:center;justify-items:center;margin-top:4px}input~.errorBubble:not(.visible){display:none}input~.errorBubble span{color:#dc0000;font-size:16px;margin-right:4px}input.invalid:invalid~.errorBubble{position:relative;font-size:14px;font-weight:normal;width:100%;font-family:"Roboto", sans-serif;color:#dc0000}input:focus{border-color:#1479c6}input:focus-visible{outline:none}.secondarylabel{color:#757575;font-size:14px;line-height:16px;font-weight:normal;display:flex;margin-top:4px}.button{font-family:Roboto, serif;box-sizing:border-box;height:36px;min-width:36px;padding:0;margin:0;background:transparent;color:#212121;border:1px solid #c8c8c8;border-radius:4px;text-transform:uppercase;display:flex;justify-content:left;align-items:center;font-size:14px;font-weight:400}.button-content{display:block;padding:0 16px}.icon-left,.icon-right{margin-top:4px}.iconleft{padding-left:8px}.iconleft .button-content{padding-left:4px}.iconright{padding-right:8px}.iconright .button-content{padding-right:4px}.notext{padding:0 6px}.button:hover{background:rgba(17, 17, 17, 0.1);border:1px solid #D5D5D5}.button:active{background:rgba(17, 17, 17, 0.2);border:1px solid #D5D5D5}.primary{background:#1479c6;border:1px solid #1479c6;color:white}.primary:hover{background:#146EB3;border:1px solid #146EB3}.primary:active{background:#1464A2;border:1px solid #1464A2}.borderless{background:transparent;border:none;color:#212121}.borderless:hover{background:rgba(17, 17, 17, 0.1);border:none}.borderless:active{background:rgba(17, 17, 17, 0.2);border:none}.danger{background:#DC0000;border:1px solid #DC0000;color:white}.danger:hover{background:#C60000;border:1px solid #C60000}.danger:active{background:#B00000;border:1px solid #B00000}.disabled{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}.disabled:hover{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}.disabled:active{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}:host{display:block}fieldset{margin:0;padding:0;border:none}input[type=submit]{margin-left:auto}';export{n as tttx_form}

package/dist/tttx/p-f764ffc4.js

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