@tet/tet-components 1.4.79-staging → 1.4.79-testing

package/dist/tet-components/{p-cf152377.entry.js → p-bca35a51.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,f as e,h as i,H as o}from"./p-5abb3bea.js";import{p as a,t as h}from"./p-a476fd02.js";import"./p-9a2b6ee2.js";import"./p-726651bc.js";const n=class{constructor(e){t(this,e),this.closeDialog=s(this,"closeDialog",7),this.openDialog=s(this,"openDialog",7),this.content="",this.steps=[],this.isOpen=!1,this.dialogDataScreenKey="",this.tetDialogClass="",this.language="lv",this.isKeydownFocus=!1,this.theme="light"}stepBlocks=[];prevButton;nextButton;tetDialog;closeDialog;openDialog;async componentWillLoad(){a("tet-components",this.language).then((()=>e(this)))}componentDidLoad(){this.setActive(!1),this.prevButton.addEventListener("click",(()=>{this.setActive(!0),this.prevButton.shadowRoot.querySelector("button")?.blur(),this.isKeydownFocus&&("none"!==this.prevButton.style.display?this.prevButton.focus():this.nextButton.focus())})),this.nextButton.addEventListener("click",(()=>{this.setActive(!1),this.nextButton.shadowRoot.querySelector("button")?.blur(),this.isKeydownFocus&&("none"!==this.nextButton.style.display?this.nextButton.focus():this.prevButton.focus())}))}setStepBlocks=t=>{t&&this.stepBlocks.push(t)};setActive=t=>{const s=Array.from(this.stepBlocks).find((t=>t.classList.contains("active"))),e=s?Number(s.getAttribute("data-step")):0,i=t?e-1:e+1,o=Array.from(this.stepBlocks),a=o.find((t=>Number(t.getAttribute("data-step"))===i));a&&(this.stepBlocks.forEach((t=>{t.style.display="none",t.classList.remove("active")})),a.classList.add("active"),a.style.display="block",this.updateButtonVisibility(i,o))};updateButtonVisibility=(t,s)=>{const e=s.find((s=>Number(s.getAttribute("data-step"))===t+1)),i=s.find((s=>Number(s.getAttribute("data-step"))===t-1));this.nextButton.style.display=e?"block":"none",this.prevButton.style.display=i?"block":"none",this.tetDialog.setAttribute("footer-display",e?i?"between":"right":"left")};handleKeydownEvent=t=>{["Enter"," "].includes(t.key)&&(this.isKeydownFocus=!0)};handleCloseDialog=t=>{t.stopPropagation(),this.closeDialog.emit(t.detail)};handleOpenDialog=t=>{t.stopPropagation(),this.openDialog.emit(t.detail)};renderStep(t,s){return i("div",{innerHTML:t,"data-step":Number(s)+1,class:"multi-step-dialog__step",ref:this.setStepBlocks})}render(){return i(o,{key:"6974a29a9202ee1b3bbc74d44a15b9e5b1d6c286",class:"multi-step-dialog"},i("tet-dialog",{key:"7ad7a8c7dc5dd341a2a64072635850bf66a012a2",class:this.tetDialogClass,"is-open":this.isOpen,"data-screen-key":this.dialogDataScreenKey,"footer-display":"right",ref:t=>this.tetDialog=t,theme:this.theme,onCloseDialog:this.handleCloseDialog,onOpenDialog:this.handleOpenDialog},i("div",{key:"35955785c286b01daeb2502d017186e054258adb",innerHTML:this.content}),this.steps.map(((t,s)=>this.renderStep(t,s))),i("tet-button",{key:"c3b77136e307b7c4955d38fcaecc48ef18ab2818",class:"footer-button",slot:"footer",size:"medium",theme:this.theme,type:"secondary",ref:t=>this.prevButton=t,onKeyDown:t=>this.handleKeydownEvent(t)},h("components-go-back")),i("tet-button",{key:"c619f159322f97864f8c2c017ec9086e5c93b3f3",class:"footer-button",slot:"footer",size:"medium",theme:this.theme,ref:t=>this.nextButton=t,onKeyDown:t=>this.handleKeydownEvent(t)},h("components-next-step"))))}};export{n as tet_multi_step_dialog}
+import{r as t,c as e,f as s,h as i,H as o}from"./p-83f43fdd.js";import{p as a,t as h}from"./p-a8051a99.js";import"./p-9a2b6ee2.js";import"./p-0ebbf5ef.js";const n=class{constructor(s){t(this,s),this.closeDialog=e(this,"closeDialog",7),this.openDialog=e(this,"openDialog",7),this.content="",this.steps=[],this.isOpen=!1,this.dialogDataScreenKey="",this.tetDialogClass="",this.language="lv",this.isKeydownFocus=!1,this.theme="light"}stepBlocks=[];prevButton;nextButton;tetDialog;closeDialog;openDialog;async componentWillLoad(){a("tet-components",this.language).then((()=>s(this)))}componentDidLoad(){this.setActive(!1),this.prevButton.addEventListener("click",(()=>{this.setActive(!0),this.prevButton.shadowRoot.querySelector("button")?.blur(),this.isKeydownFocus&&("none"!==this.prevButton.style.display?this.prevButton.focus():this.nextButton.focus())})),this.nextButton.addEventListener("click",(()=>{this.setActive(!1),this.nextButton.shadowRoot.querySelector("button")?.blur(),this.isKeydownFocus&&("none"!==this.nextButton.style.display?this.nextButton.focus():this.prevButton.focus())}))}setStepBlocks=t=>{t&&this.stepBlocks.push(t)};setActive=t=>{const e=Array.from(this.stepBlocks).find((t=>t.classList.contains("active"))),s=e?Number(e.getAttribute("data-step")):0,i=t?s-1:s+1,o=Array.from(this.stepBlocks),a=o.find((t=>Number(t.getAttribute("data-step"))===i));a&&(this.stepBlocks.forEach((t=>{t.style.display="none",t.classList.remove("active")})),a.classList.add("active"),a.style.display="block",this.updateButtonVisibility(i,o))};updateButtonVisibility=(t,e)=>{const s=e.find((e=>Number(e.getAttribute("data-step"))===t+1)),i=e.find((e=>Number(e.getAttribute("data-step"))===t-1));this.nextButton.style.display=s?"block":"none",this.prevButton.style.display=i?"block":"none",this.tetDialog.setAttribute("footer-display",s?i?"between":"right":"left")};handleKeydownEvent=t=>{["Enter"," "].includes(t.key)&&(this.isKeydownFocus=!0)};handleCloseDialog=t=>{t.stopPropagation(),this.closeDialog.emit(t.detail)};handleOpenDialog=t=>{t.stopPropagation(),this.openDialog.emit(t.detail)};renderStep(t,e){return i("div",{innerHTML:t,"data-step":Number(e)+1,class:"multi-step-dialog__step",ref:this.setStepBlocks})}render(){return i(o,{key:"6974a29a9202ee1b3bbc74d44a15b9e5b1d6c286",class:"multi-step-dialog"},i("tet-dialog",{key:"7ad7a8c7dc5dd341a2a64072635850bf66a012a2",class:this.tetDialogClass,"is-open":this.isOpen,"data-screen-key":this.dialogDataScreenKey,"footer-display":"right",ref:t=>this.tetDialog=t,theme:this.theme,onCloseDialog:this.handleCloseDialog,onOpenDialog:this.handleOpenDialog},i("div",{key:"35955785c286b01daeb2502d017186e054258adb",innerHTML:this.content}),this.steps.map(((t,e)=>this.renderStep(t,e))),i("tet-button",{key:"c3b77136e307b7c4955d38fcaecc48ef18ab2818",class:"footer-button",slot:"footer",size:"medium",theme:this.theme,type:"secondary",ref:t=>this.prevButton=t,onKeyDown:t=>this.handleKeydownEvent(t)},h("components-go-back")),i("tet-button",{key:"c619f159322f97864f8c2c017ec9086e5c93b3f3",class:"footer-button",slot:"footer",size:"medium",theme:this.theme,ref:t=>this.nextButton=t,onKeyDown:t=>this.handleKeydownEvent(t)},h("components-next-step"))))}};export{n as tet_multi_step_dialog}

package/dist/tet-components/{p-48dbf338.entry.js → p-bffdfc84.entry.js}

@@ -1 +1 @@
-import{r as e,g as r,h as n}from"./p-5abb3bea.js";const i=class{constructor(r){e(this,r),this.theme="classic",this.size="small",this.type="indeterminate",this.previousProgress=0}get element(){return r(this)}spinner=null;onTypeChange(e){"determinate"!==e&&this.spinner.classList.remove(`spinner--${this.previousProgress}-progress`)}async setProgress(e){let r=e;r||(r=0),r>100&&(r=100),this.element.style.setProperty("--spinner-progress",r.toString())}componentDidLoad(){this.setForeignObjectAttributes()}setForeignObjectAttributes=()=>{const e=this.spinner.querySelector("foreignObject");null!=e&&(e.setAttribute("x","0"),e.setAttribute("y","0"),e.setAttribute("width","40px"),e.setAttribute("height","40px"),e.setAttribute("clip-path","url(#clip)"))};render(){return n("div",{key:"ba0fd82df710471f7835ff7fe5ba1a90d0788a14",ref:e=>this.spinner=e,class:{spinner:!0,[`${this.theme}-theme`]:!0,[`size--${this.size}`]:!0,[`spinner--${this.type}`]:!0}},n("svg",{key:"6a53be0b9fb8c9889c3c94b319ebccaaca8d664f",viewBox:"0 0 40 40"},n("clipPath",{key:"a5acc85d54c89d6c124b3cfca811912457b02e7b",id:"clip"},n("path",{key:"ee6a3317ecff943d15020f4e45cda051f05f7aaf",d:"M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457\n              0 40 8.9543 40 20ZM6 20C6 27.732 12.268 34 20 34C27.732 34 34 27.732 34 20C34 12.268 27.732 6 20 6C12.268 6 6 12.268 6 20Z"})),n("foreignObject",{key:"8496cecafc131529d178d1831ca07ca492e4cfa7"},n("div",{key:"ef8e9d9949cb48b5842171aa852d3b7cc741cf1a",class:"spinner__gradient"}))))}static get watchers(){return{type:["onTypeChange"]}}};i.style=':host{display:flex;--spinner-primary-color:var(--tc-blue-40);--spinner-secondary-color:transparent;--spinner-size:1.5rem;--spinner-indicator-size:0.23rem;--spinner-progress:0}.dark-theme{--spinner-primary-color:var(--tc-spinner-gradient-value-1-dark);--spinner-secondary-color:var(--tc-spinner-gradient-value-2-dark)}.light-theme{--spinner-primary-color:var(--tc-spinner-gradient-value-1);--spinner-secondary-color:var(--tc-spinner-gradient-value-2)}.size--medium{--spinner-size:2rem;--spinner-indicator-size:0.3rem}.size--large{--spinner-size:2.5rem;--spinner-indicator-size:0.375rem}@keyframes indeterminate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.spinner{position:relative;width:var(--spinner-size);height:var(--spinner-size)}.spinner::before{display:block;content:"";right:0;top:43%;width:var(--spinner-indicator-size);aspect-ratio:1;position:absolute;background-color:var(--spinner-primary-color);border-radius:50%}.spinner__gradient{width:2.5rem;height:2.5rem;border-radius:50%;background:conic-gradient(from 90deg, var(--spinner-secondary-color) 0%, var(--spinner-primary-color) 76%, var(--spinner-primary-color) 100%) border-box}.spinner--indeterminate{animation:indeterminate 1.5s infinite steps(100)}.spinner--determinate{transform:rotate(calc(var(--spinner-progress) * 2.7deg))}.spinner--determinate .spinner__gradient{background:conic-gradient(from 90deg, var(--spinner-secondary-color) 0%, var(--spinner-primary-color) calc(76% - var(--spinner-progress) * 0.76%), var(--spinner-primary-color) 100%) border-box}';export{i as tet_spinner}
+import{r as e,g as r,h as n}from"./p-83f43fdd.js";const i=class{constructor(r){e(this,r),this.theme="classic",this.size="small",this.type="indeterminate",this.previousProgress=0}get element(){return r(this)}spinner=null;onTypeChange(e){"determinate"!==e&&this.spinner.classList.remove(`spinner--${this.previousProgress}-progress`)}async setProgress(e){let r=e;r||(r=0),r>100&&(r=100),this.element.style.setProperty("--spinner-progress",r.toString())}componentDidLoad(){this.setForeignObjectAttributes()}setForeignObjectAttributes=()=>{const e=this.spinner.querySelector("foreignObject");null!=e&&(e.setAttribute("x","0"),e.setAttribute("y","0"),e.setAttribute("width","40px"),e.setAttribute("height","40px"),e.setAttribute("clip-path","url(#clip)"))};render(){return n("div",{key:"ba0fd82df710471f7835ff7fe5ba1a90d0788a14",ref:e=>this.spinner=e,class:{spinner:!0,[`${this.theme}-theme`]:!0,[`size--${this.size}`]:!0,[`spinner--${this.type}`]:!0}},n("svg",{key:"6a53be0b9fb8c9889c3c94b319ebccaaca8d664f",viewBox:"0 0 40 40"},n("clipPath",{key:"a5acc85d54c89d6c124b3cfca811912457b02e7b",id:"clip"},n("path",{key:"ee6a3317ecff943d15020f4e45cda051f05f7aaf",d:"M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457\n              0 40 8.9543 40 20ZM6 20C6 27.732 12.268 34 20 34C27.732 34 34 27.732 34 20C34 12.268 27.732 6 20 6C12.268 6 6 12.268 6 20Z"})),n("foreignObject",{key:"8496cecafc131529d178d1831ca07ca492e4cfa7"},n("div",{key:"ef8e9d9949cb48b5842171aa852d3b7cc741cf1a",class:"spinner__gradient"}))))}static get watchers(){return{type:["onTypeChange"]}}};i.style=':host{display:flex;--spinner-primary-color:var(--tc-blue-40);--spinner-secondary-color:transparent;--spinner-size:1.5rem;--spinner-indicator-size:0.23rem;--spinner-progress:0}.dark-theme{--spinner-primary-color:var(--tc-spinner-gradient-value-1-dark);--spinner-secondary-color:var(--tc-spinner-gradient-value-2-dark)}.light-theme{--spinner-primary-color:var(--tc-spinner-gradient-value-1);--spinner-secondary-color:var(--tc-spinner-gradient-value-2)}.size--medium{--spinner-size:2rem;--spinner-indicator-size:0.3rem}.size--large{--spinner-size:2.5rem;--spinner-indicator-size:0.375rem}@keyframes indeterminate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.spinner{position:relative;width:var(--spinner-size);height:var(--spinner-size)}.spinner::before{display:block;content:"";right:0;top:43%;width:var(--spinner-indicator-size);aspect-ratio:1;position:absolute;background-color:var(--spinner-primary-color);border-radius:50%}.spinner__gradient{width:2.5rem;height:2.5rem;border-radius:50%;background:conic-gradient(from 90deg, var(--spinner-secondary-color) 0%, var(--spinner-primary-color) 76%, var(--spinner-primary-color) 100%) border-box}.spinner--indeterminate{animation:indeterminate 1.5s infinite steps(100)}.spinner--determinate{transform:rotate(calc(var(--spinner-progress) * 2.7deg))}.spinner--determinate .spinner__gradient{background:conic-gradient(from 90deg, var(--spinner-secondary-color) 0%, var(--spinner-primary-color) calc(76% - var(--spinner-progress) * 0.76%), var(--spinner-primary-color) 100%) border-box}';export{i as tet_spinner}