@tet/tet-components 1.4.6-testing → 1.4.7-staging

package/dist/tet-components/{p-a5cfeca7.entry.js → p-77e51944.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,f as s,h as i,H as o}from"./p-c2d4b54d.js";import{p as a,t as h}from"./p-03f9e262.js";import"./p-9a2b6ee2.js";import"./p-ea211ac8.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:"102ff5c62d3e84591e002b96e9dbd328ae45aaa7",class:"multi-step-dialog"},i("tet-dialog",{key:"488022727851fc2ef3f53ae76ad1ee119f0d224e",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:"9ed0feeec3ccc8e573975b5db3c2bb3d383e2fd9",innerHTML:this.content}),this.steps.map(((t,e)=>this.renderStep(t,e))),i("tet-button",{key:"6ac931b659fb4dd627a3760bf92b7c6702da9c8c",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:"35b1dc4d0eb13756e18c6ea2282d8a07ca00b3c7",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 s,f as e,h as i,H as o}from"./p-b4b92f9b.js";import{p as a,t as h}from"./p-2a0bbc16.js";import"./p-9a2b6ee2.js";import"./p-9af9c5e3.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:"949984692be006a50ac7992df6465eed42cf6532",class:"multi-step-dialog"},i("tet-dialog",{key:"4fe450cade27aded08c30655fd080f0c4a61a086",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:"d6a75ded4c3f0641bfb029d3f4a07945506024af",innerHTML:this.content}),this.steps.map(((t,s)=>this.renderStep(t,s))),i("tet-button",{key:"a0adc7cada61d20f9c3ae813850c35fa3b9da68a",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:"8d0e89cddf7d499355c2148b975a89413c9553b6",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}