@everymatrix/general-footer-template 1.62.0 → 1.62.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/dist/cjs/custom-content-section.cjs.entry.js +31 -32
  2. package/dist/cjs/general-footer-template.cjs.js +1 -1
  3. package/dist/cjs/image-list.cjs.entry.js +2 -27
  4. package/dist/cjs/link-section-list.cjs.entry.js +3 -28
  5. package/dist/cjs/loader.cjs.js +1 -1
  6. package/dist/cjs/ui-image_2.cjs.entry.js +8 -10
  7. package/dist/collection/components/custom-content-section/custom-content-section.js +1 -2
  8. package/dist/collection/components/general-footer-template/general-footer-template.js +1 -1
  9. package/dist/collection/components/image-list/image-list.js +2 -32
  10. package/dist/collection/components/link-section-list/link-section-list.js +4 -33
  11. package/dist/esm/custom-content-section.entry.js +31 -32
  12. package/dist/esm/general-footer-template.js +1 -1
  13. package/dist/esm/image-list.entry.js +3 -28
  14. package/dist/esm/link-section-list.entry.js +4 -29
  15. package/dist/esm/loader.js +1 -1
  16. package/dist/esm/ui-image_2.entry.js +9 -11
  17. package/dist/general-footer-template/general-footer-template.esm.js +1 -1
  18. package/dist/general-footer-template/p-1535f1fd.entry.js +1 -0
  19. package/dist/general-footer-template/p-3f9e0e81.entry.js +1 -0
  20. package/dist/general-footer-template/p-9c2e6761.entry.js +1 -0
  21. package/dist/general-footer-template/{p-0656ba47.entry.js → p-b09d1ead.entry.js} +2 -2
  22. package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/general-footer-template/.stencil/packages/stencil/general-footer-template/stencil.config.d.ts +2 -0
  23. package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/general-footer-template/.stencil/packages/stencil/general-footer-template/stencil.config.dev.d.ts +2 -0
  24. package/dist/types/components/custom-content-section/custom-content-section.d.ts +0 -1
  25. package/dist/types/components/general-footer-template/general-footer-template.d.ts +1 -1
  26. package/dist/types/components/image-list/image-list.d.ts +0 -8
  27. package/dist/types/components/link-section-list/link-section-list.d.ts +1 -8
  28. package/package.json +1 -1
  29. package/dist/general-footer-template/p-99c0545b.entry.js +0 -1
  30. package/dist/general-footer-template/p-d6f0d5e4.entry.js +0 -1
  31. package/dist/general-footer-template/p-fef8e428.entry.js +0 -1
  32. package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/general-footer-template/.stencil/packages/stencil/general-footer-template/stencil.config.d.ts +0 -2
  33. package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/general-footer-template/.stencil/packages/stencil/general-footer-template/stencil.config.dev.d.ts +0 -2
  34. /package/dist/types/Users/{maria.bumbar/Desktop → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/general-footer-template/.stencil/libs/common/src/storybook/storybook-utils.d.ts +0 -0
  35. /package/dist/types/Users/{maria.bumbar/Desktop → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/general-footer-template/.stencil/packages/stencil/general-footer-template/storybook/main.d.ts +0 -0
  36. /package/dist/types/Users/{maria.bumbar/Desktop → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/general-footer-template/.stencil/packages/stencil/general-footer-template/storybook/preview.d.ts +0 -0
  37. /package/dist/types/Users/{maria.bumbar/Desktop → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/general-footer-template/.stencil/tools/plugins/index.d.ts +0 -0
  38. /package/dist/types/Users/{maria.bumbar/Desktop → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/general-footer-template/.stencil/tools/plugins/stencil-clean-deps-plugin.d.ts +0 -0
  39. /package/dist/types/Users/{maria.bumbar/Desktop → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/general-footer-template/.stencil/tools/plugins/vite-chunk-plugin.d.ts +0 -0
  40. /package/dist/types/Users/{maria.bumbar/Desktop → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/general-footer-template/.stencil/tools/plugins/vite-clean-deps-plugin.d.ts +0 -0
@@ -0,0 +1,2 @@
1
+ import { Config } from '../../../../../../../../../../../../stencil-public-runtime';
2
+ export declare const config: Config;
@@ -0,0 +1,2 @@
1
+ import { Config } from '../../../../../../../../../../../../stencil-public-runtime';
2
+ export declare const config: Config;
@@ -1,4 +1,3 @@
1
- import "../../../../../../dist/packages/stencil/ui-skeleton/dist/types/index";
2
1
  export declare class CustomContentSection {
3
2
  /**
4
3
  * custom HTML content to be rendered
@@ -1,4 +1,4 @@
1
- import "../../../../../../dist/packages/stencil/ui-skeleton/dist/types/index";
1
+ import "../../../../../../dist/packages/stencil/ui-image/dist/types/index";
2
2
  export declare class GeneralFooterTemplate {
3
3
  /**
4
4
  * the language of the footer
@@ -12,14 +12,6 @@ export declare class ImageList {
12
12
  * Post Message event to be sent on navigation via event
13
13
  */
14
14
  postMessageEvent: string;
15
- skeletonLoading: boolean;
16
- el: HTMLElement;
17
- imgRef: HTMLImageElement;
18
15
  navigateLink: (url: string, target: string, externalLink: boolean) => void;
19
- componentDidLoad(): void;
20
- private initImageListeners;
21
- private onImageLoad;
22
- private removeLoadingState;
23
- private cleanupListeners;
24
16
  render(): any;
25
17
  }
@@ -1,3 +1,4 @@
1
+ import "../../../../../../dist/packages/stencil/ui-image/dist/types/index";
1
2
  export declare class LinkSectionList {
2
3
  /**
3
4
  * the links content to be displayed, including titles, url, open target
@@ -19,14 +20,6 @@ export declare class LinkSectionList {
19
20
  * Post Message event to be sent on navigation via event
20
21
  */
21
22
  postMessageEvent: string;
22
- skeletonLoading: boolean;
23
- el: HTMLElement;
24
- imgRef: HTMLImageElement;
25
- componentDidLoad(): void;
26
- private initImageListeners;
27
- private onImageLoad;
28
- private removeLoadingState;
29
- private cleanupListeners;
30
23
  navigateLink(link: any): void;
31
24
  render(): any;
32
25
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/general-footer-template",
3
- "version": "1.62.0",
3
+ "version": "1.62.1",
4
4
  "main": "./dist/index.cjs.js",
5
5
  "module": "./dist/index.js",
6
6
  "es2015": "./dist/esm/index.mjs",
@@ -1 +0,0 @@
1
- import{r as e,h as t,g as n,H as i}from"./p-56890359.js";const o=class{constructor(t){e(this,t),this.src=void 0,this.width=void 0,this.height=void 0,this.alt=void 0,this.imgClass="",this.styles=void 0,this.detectDistance="200px",this.imgLoaded=!1,this.shouldLoad=!1}handleSrc(){if(!this.shouldLoad)return;const e=new Image;e.src=this.src,e.onload=()=>{this.image&&(this.image.src=this.src,this.imgLoaded=!0,this.el.dispatchEvent(new CustomEvent("load",{bubbles:!0})))}}componentDidLoad(){"IntersectionObserver"in window?(this.el.__uxComponent=this,window.EMUxObserver||(window.EMUxObserver=new IntersectionObserver((e=>{e.forEach((e=>{if(e.isIntersecting){const t=e.target.__uxComponent;t&&(t.shouldLoad=!0,t.handleSrc()),window.EMUxObserver.unobserve(e.target)}}))}),{rootMargin:this.detectDistance})),window.EMUxObserver.observe(this.el)):(this.shouldLoad=!0,this.handleSrc())}render(){return t("img",{key:"2bb4dc391fc2f753514103e91c0abf065de3236a",ref:e=>this.image=e,style:this.styles,class:`${this.imgClass} ${this.imgLoaded?"Visible":"Hidden"}`,alt:this.alt,width:this.width,height:this.height,loading:"lazy"})}get el(){return n(this)}static get watchers(){return{src:["handleSrc"]}}};o.style=":host{display:block}.Hidden{opacity:0;transition:opacity 0.5s ease-in-out}.Visible{opacity:1;transition:opacity 0.5s ease-in-out}";const s=class{constructor(t){e(this,t),this.structure=void 0,this.width=void 0,this.height=void 0,this.borderRadius=void 0,this.marginBottom=void 0,this.marginTop=void 0,this.marginLeft=void 0,this.marginRight=void 0,this.animation=!0,this.rows=void 0,this.size=void 0,this.color=void 0,this.primaryColor=void 0,this.secondaryColor=void 0}handleStructureChange(e,t){t!==e&&this.handleStructure(e)}handleStructure(e){switch(e){case"logo":return this.renderLogo();case"image":return this.renderImage();case"title":return this.renderTitle();case"text":return this.renderText();case"rectangle":return this.renderRectangle();case"circle":return this.renderCircle();default:return null}}renderLogo(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Logo "+(this.animation?"Skeleton":"")}))}renderImage(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Image "+(this.animation?"Skeleton":"")}))}renderTitle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Title "+(this.animation?"Skeleton":"")}))}renderText(){return t("div",{class:"SkeletonContainer"},Array.from({length:this.rows>0?this.rows:1}).map(((e,n)=>t("div",{key:n,class:"Text "+(this.animation?"Skeleton":"")}))))}renderRectangle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Rectangle "+(this.animation?"Skeleton":"")}))}renderCircle(){return t("div",{class:"SkeletonContainer"},t("div",{class:"Circle "+(this.animation?"Skeleton":"")}))}render(){let e="";switch(this.structure){case"logo":e=`\n :host {\n --emw-skeleton-logo-width: ${this.width};\n --emw-skeleton-logo-height: ${this.height};\n --emw-skeleton-logo-border-radius: ${this.borderRadius}px;\n --emw-skeleton-logo-margin-bottom: ${this.marginBottom}px;\n --emw-skeleton-logo-margin-top: ${this.marginTop}px;\n --emw-skeleton-logo-margin-left: ${this.marginLeft}px;\n --emw-skeleton-logo-margin-right: ${this.marginRight}px;\n --emw-skeleton-logo-background: ${this.color};\n --emw-skeleton-primary-color: ${this.primaryColor};\n --emw-skeleton-secondary-color: ${this.secondaryColor};\n }\n `;break;case"image":e=`\n :host {\n --emw-skeleton-image-width: ${this.width};\n --emw-skeleton-image-height: ${this.height};\n --emw-skeleton-image-border-radius: ${this.borderRadius}px;\n --emw-skeleton-image-margin-bottom: ${this.marginBottom}px;\n --emw-skeleton-image-margin-top: ${this.marginTop}px;\n --emw-skeleton-image-margin-left: ${this.marginLeft}px;\n --emw-skeleton-image-margin-right: ${this.marginRight}px;\n --emw-skeleton-image-background: ${this.color};\n --emw-skeleton-primary-color: ${this.primaryColor};\n --emw-skeleton-secondary-color: ${this.secondaryColor};\n }\n `;break;case"title":e=`\n :host {\n --emw-skeleton-title-width: ${this.width};\n --emw-skeleton-title-height: ${this.height};\n --emw-skeleton-title-border-radius: ${this.borderRadius}px;\n --emw-skeleton-title-margin-bottom: ${this.marginBottom}px;\n --emw-skeleton-title-margin-top: ${this.marginTop}px;\n --emw-skeleton-title-margin-left: ${this.marginLeft}px;\n --emw-skeleton-title-margin-right: ${this.marginRight}px;\n --emw-skeleton-title-background: ${this.color};\n --emw-skeleton-primary-color: ${this.primaryColor};\n --emw-skeleton-secondary-color: ${this.secondaryColor};\n }\n `;break;case"text":e=`\n :host {\n --emw-skeleton-text-width: ${this.width};\n --emw-skeleton-text-height: ${this.height};\n --emw-skeleton-text-border-radius: ${this.borderRadius}px;\n --emw-skeleton-text-margin-bottom: ${this.marginBottom}px;\n --emw-skeleton-text-margin-top: ${this.marginTop}px;\n --emw-skeleton-text-margin-left: ${this.marginLeft}px;\n --emw-skeleton-text-margin-right: ${this.marginRight}px;\n --emw-skeleton-text-background: ${this.color};\n --emw-skeleton-primary-color: ${this.primaryColor};\n --emw-skeleton-secondary-color: ${this.secondaryColor};\n }\n `;break;case"rectangle":e=`\n :host {\n --emw-skeleton-rectangle-width: ${this.width};\n --emw-skeleton-rectangle-height: ${this.height};\n --emw-skeleton-rectangle-border-radius: ${this.borderRadius}px;\n --emw-skeleton-rectangle-margin-bottom: ${this.marginBottom}px;\n --emw-skeleton-rectangle-margin-top: ${this.marginTop}px;\n --emw-skeleton-rectangle-margin-left: ${this.marginLeft}px;\n --emw-skeleton-rectangle-margin-right: ${this.marginRight}px;\n --emw-skeleton-rectangle-background: ${this.color};\n --emw-skeleton-primary-color: ${this.primaryColor};\n --emw-skeleton-secondary-color: ${this.secondaryColor};\n }\n `;break;case"circle":e=`\n :host {\n --emw-skeleton-circle-size: ${this.size};\n --emw-skeleton-circle-background: ${this.color};\n --emw-skeleton-primary-color: ${this.primaryColor};\n --emw-skeleton-secondary-color: ${this.secondaryColor};\n }\n `;break;default:e=""}return t(i,{key:"0641e666452d2172c26ed238d236c2ca3db9f8ed"},t("style",{key:"285fb8210d32aff7f99005627fdecf36f66e82a4"},e),this.handleStructure(this.structure))}static get watchers(){return{structure:["handleStructureChange"]}}};s.style=":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw-skeleton-circle-background:#c2c2c2;--emw-skeleton-text-background:#c2c2c2;--emw-skeleton-title-background:#c2c2c2;--emw-skeleton-image-background:#c2c2c2;--emw-skeleton-logo-background:#c2c2c2;--emw-skeleton-primary-color:#e0e0e0;--emw-skeleton-secondary-color:#f0f0f0}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 2px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 5px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:var(--emw-skeleton-text-width-100, 300px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 5px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 250px);height:var(--emw-skeleton-image-height, 200px);border-radius:var(--emw-skeleton-image-border-radius, 10px)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 5px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, var(--emw-skeleton-color-0, #c2c2c2))}100%{background-color:var(--emw-skeleton-secondary-color, var(--emw-skeleton-color-100, #f0f0f0))}}";export{o as ui_image,s as ui_skeleton}
@@ -1 +0,0 @@
1
- import{r as n,h as i,g as t}from"./p-56890359.js";const e=class{constructor(i){n(this,i),this.onImageLoad=()=>{this.removeLoadingState(),this.cleanupListeners()},this.repeaterContent=void 0,this.baseUrl=void 0,this.language=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 n;null===(n=this.imgRef)||void 0===n||n.removeEventListener("load",this.onImageLoad)}navigateLink(n){window.postMessage({type:this.postMessageEvent,path:n.linkUrl,url:n.linkUrl,target:n.target,externalLink:n.externalLink},window.location.href)}render(){var n,t;const e=null===(t=null===(n=this.repeaterContent)||void 0===n?void 0:n.content)||void 0===t?void 0:t.reduce(((n,i)=>{const t=i.linkCategory,e=i.image,s=n.find((n=>n.categoryTitle===t));return s?s.links.push({linkName:i.title,linkUrl:i.url,target:i.target,externalLink:i.isExternalLink,icon:e}):n.push({categoryTitle:t,links:[{linkName:i.title,linkUrl:i.url,target:i.target,externalLink:i.isExternalLink,icon:e}]}),n}),[]);return i("div",{class:"LinkSectionListContainer"},i("div",{class:"LinkSectionListWrapper"},this.repeaterContent.categoryTitle&&i("h2",{class:"LinkSectionListTitle"},this.repeaterContent.categoryTitle),e.map((n=>i("ul",null,n.categoryTitle&&i("p",null,n.categoryTitle),n.links.map((n=>i("li",{class:"LinkSectionListLink",key:n.linkName},!0===this.navigateViaEvent?i("span",null,n.linkName&&n.icon?i("span",{class:"LinkSectionListLinkText",onClick:()=>this.navigateLink(n)},i("div",{class:"ContainerImage"},i("img",{class:"LinkSectionIcon",src:n.icon,alt:"icon",ref:n=>this.imgRef=n,style:{display:this.skeletonLoading?"none":"block"}}),this.skeletonLoading&&i("div",{class:"SkeletonWrapper"},i("ui-skeleton",{structure:"text",rows:"1",width:"100%",height:"100%"}))),i("span",{class:""},n.linkName," ")):i("span",{class:"LinkSectionListLinkText",onClick:()=>this.navigateLink(n)},n.linkName?i("span",null,n.linkName," "):i("div",{class:"ContainerImage"},i("img",{class:"LinkSectionIcon",src:n.icon,alt:"icon",ref:n=>this.imgRef=n,style:{display:this.skeletonLoading?"none":"block"}}),this.skeletonLoading&&i("div",{class:"SkeletonWrapper"},i("ui-skeleton",{structure:"text",rows:"1",width:"100%",height:"100%"}))))):i("a",{class:"LinkSectionListLink",href:n.externalLink?n.linkUrl:`${this.baseUrl}/${this.language}${n.linkUrl}`,target:n.target||"_blank"},n.linkName&&n.icon?i("span",{class:"LinkSectionListLinkText"},i("div",{class:"ContainerImage"},i("img",{class:"LinkSectionIcon",src:n.icon,alt:"icon",ref:n=>this.imgRef=n,style:{display:this.skeletonLoading?"none":"block"}}),this.skeletonLoading&&i("div",{class:"SkeletonWrapper"},i("ui-skeleton",{structure:"text",rows:"1",width:"100%",height:"100%"}))),i("span",null,n.linkName)):i("span",{class:"LinkSectionListLinkText"},n.linkName?i("span",null,n.linkName):i("div",{class:"ContainerImage"},i("img",{class:"LinkSectionIcon",src:n.icon,alt:"icon",ref:n=>this.imgRef=n,style:{display:this.skeletonLoading?"none":"block"}}),this.skeletonLoading&&i("div",{class:"SkeletonWrapper"},i("ui-skeleton",{structure:"text",rows:"1",width:"100%",height:"100%"})))))))))))))}get el(){return t(this)}};e.style=":host {\n display: block;\n margin: 0;\n padding: 0;\n}\n\n.SkeletonWrapper {\n width: 25px;\n height: 25px;\n}\n\n.LinkSectionListContainer {\n display: block;\n container-type: inline-size;\n}\n.LinkSectionListWrapper {\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n grid-template-columns: 1fr;\n}\n.LinkSectionListTitle {\n font-weight: var(--emw--font-weight-semibold, 500);\n text-transform: uppercase;\n}\n.LinkSectionListLink {\n font-weight: var(--emw--font-weight-light, 300);\n}\n\nul {\n width: fit-content;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: var(--emw--spacing-medium, 16px);\n padding-left: var(--emw--spacing-small-minus, 10px);\n font-size: var(--emw--font-size-small, 16px);\n text-transform: uppercase;\n}\nul li {\n list-style: disc;\n display: flex;\n align-items: center;\n position: relative;\n}\nul li .LinkSectionListLinkText {\n display: flex;\n gap: 5px;\n flex-direction: row;\n align-items: center;\n}\nul li .LinkSectionListLinkText span {\n text-align: center;\n cursor: pointer;\n}\nul li .LinkSectionListLinkText img.LinkSectionIcon {\n position: relative;\n height: 25px;\n}\n\na {\n color: inherit;\n}\n\n@container (min-width: 280px) {\n .LinkSectionListWrapper {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n@container (min-width: 650px) {\n .LinkSectionListWrapper {\n grid-gap: 2rem;\n grid-template-columns: repeat(4, 1fr);\n grid-template-rows: 1fr;\n }\n}";export{e as link_section_list}
@@ -1 +0,0 @@
1
- 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}
@@ -1,2 +0,0 @@
1
- import { Config } from '../../../../../../../../../../../stencil-public-runtime';
2
- export declare const config: Config;
@@ -1,2 +0,0 @@
1
- import { Config } from '../../../../../../../../../../../stencil-public-runtime';
2
- export declare const config: Config;