@everymatrix/general-footer-template 1.61.1 → 1.62.1

package/dist/general-footer-template/p-fef8e428.entry.js

@@ -1 +0,0 @@
-import{r as i,h as n,g as e}from"./p-56890359.js";const t=class{constructor(n){i(this,n),this.navigateLink=(i,n,e)=>{window.postMessage({type:this.postMessageEvent,path:i,url:i,target:n,externalLink:e},window.location.href)},this.onImageLoad=()=>{this.removeLoadingState(),this.cleanupListeners()},this.repeaterContent=void 0,this.navigateViaEvent=!1,this.postMessageEvent="",this.skeletonLoading=!0}componentDidLoad(){this.initImageListeners()}initImageListeners(){this.imgRef&&(this.imgRef.complete?this.onImageLoad():this.imgRef.addEventListener("load",this.onImageLoad))}removeLoadingState(){this.skeletonLoading=!1}cleanupListeners(){var i;null===(i=this.imgRef)||void 0===i||i.removeEventListener("load",this.onImageLoad)}render(){var i,e,t,a;return(null===(i=this.repeaterContent)||void 0===i?void 0:i.content.length)>0&&n("div",{key:"36827a44dd3782bf173681efcf7a5592582efb32",class:"ImageListContainer"},n("div",{key:"d94522bf3aeafd30b56b63182854d11b44c74e65",class:"ImageListWrapper"},n("div",{key:"11c2ab05764b80fa01322a30952f97646a8130c8",class:"ImageListSectionTitle"},null===(e=this.repeaterContent)||void 0===e?void 0:e.categoryTitle),n("div",{key:"eb0b8f03cf1c69095243ce42c99e86b74003cd01",class:"ImageListLineup"},null===(a=null===(t=this.repeaterContent)||void 0===t?void 0:t.content)||void 0===a?void 0:a.map((i=>n("div",{class:"ImageListIcon"},!0===this.navigateViaEvent?n("div",{class:"ImageListIcon",style:{cursor:"pointer"},onClick:()=>this.navigateLink(null==i?void 0:i.url,null==i?void 0:i.target,null==i?void 0:i.isExternalLink)},n("div",{class:"ContainerImage"},n("ui-image",{src:null==i?void 0:i.image,alt:"icon",ref:i=>this.imgRef=i,style:{display:this.skeletonLoading?"none":"block"}}),this.skeletonLoading&&n("div",{class:"SkeletonWrapper"},n("ui-skeleton",{structure:"rectangle",rows:"1",width:"100%",height:"100%"}))),n("p",null,null==i?void 0:i.title)):n("a",{href:(null==i?void 0:i.url)||"javascript:void(0)",target:(null==i?void 0:i.target)||"_parent"},n("div",{class:"ContainerImage"},this.skeletonLoading&&n("div",{class:"SkeletonWrapper"},n("ui-skeleton",{structure:"rectangle",rows:"1",width:"100%",height:"100%"})),n("div",{class:"ImageListPositioner"},n("ui-image",{src:null==i?void 0:i.image,alt:"icon",ref:i=>this.imgRef=i,style:{display:this.skeletonLoading?"none":"block"}}))),n("p",null,null==i?void 0:i.title))))))))}get el(){return e(this)}};t.style=".sc-image-list-h {\n  display: block;\n  margin: 0;\n  padding: 0;\n}\n\n.ContainerImage.sc-image-list {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n}\n\n.SkeletonWrapper.sc-image-list {\n  background-color: #f0f0f0;\n  width: 50px;\n  height: 40px;\n}\n\n.ImageListContainer.sc-image-list {\n  height: 100%;\n}\n.ImageListWrapper.sc-image-list {\n  box-sizing: border-box;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  max-width: 90%;\n  margin: auto;\n  padding: var(--emw--spacing-large, 20px) 0;\n}\n.ImageListSectionTitle.sc-image-list {\n  width: 100%;\n  display: flex;\n  justify-content: left;\n  align-content: center;\n  padding: var(--emw--spacing-large, 20px) var(--emw--spacing-medium, 14px) var(--emw--spacing-x-large, 30px);\n  color: var(--emw--footer-typography, var(--emw--color-thpography, #fff));\n  text-transform: uppercase;\n  font-size: 24px;\n  font-weight: 100;\n}\n.ImageListLineup.sc-image-list {\n  box-sizing: border-box;\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--emw--spacing-x-large, 30px);\n  justify-content: left;\n  align-items: flex-start;\n  padding-left: var(--emw--spacing-large, 20px);\n}\n.ImageListIcon.sc-image-list img.sc-image-list {\n  max-height: var(--emw--size-medium-2x-minus, 40px);\n}\n\na.sc-image-list {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-end;\n  text-decoration: none;\n}\n\na.sc-image-list p.sc-image-list {\n  text-decoration: none;\n  color: var(--emw--color-gray-100, #666);\n  margin: 0;\n}\n\n@container (max-width: 750px) {\n  .ImageListSectionTitle.sc-image-list {\n    justify-content: center;\n    font-size: var(--emw--font-size-medium, 16px);\n    color: var(--emw--footer-typography, var(--emw--color-thpography, #fff));\n    padding: var(--emw--spacing-large, 20px) 0 var(--emw--spacing-x-large, 30px);\n    justify-content: center;\n  }\n  .ImageListLineup.sc-image-list {\n    justify-content: center;\n    padding: 0;\n  }\n}";export{t as image_list}