@everymatrix/general-about-us 1.37.7 → 1.37.9

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 (8) hide show
  1. package/dist/cjs/general-about-us.cjs.entry.js +1 -1
  2. package/dist/collection/components/general-about-us/general-about-us.js +1 -1
  3. package/dist/components/general-about-us.js +1 -1
  4. package/dist/esm/general-about-us.entry.js +1 -1
  5. package/dist/general-about-us/general-about-us.esm.js +1 -1
  6. package/dist/general-about-us/p-68dc05a3.entry.js +1 -0
  7. package/package.json +1 -1
  8. package/dist/general-about-us/p-743da1df.entry.js +0 -1
package/dist/cjs/general-about-us.cjs.entry.js CHANGED
@@ -126,7 +126,7 @@ const GeneralAboutUs = class {
126
126
  this.limitStylingAppends = false;
127
127
  this.device = '';
128
128
  this.handleClick = (url, target, location, isExternal) => {
129
- window.postMessage({ type: 'AboutUsClicked', buttonUrl: url, targetType: target, locations: location, externalLink: isExternal || false }, window.location.href);
129
+ window.postMessage({ type: 'NavigateTo', path: url, target: target, locations: location, externalLink: isExternal || false }, window.location.href);
130
130
  // @ts-ignore Analytics event
131
131
  if (typeof gtag == 'function') {
132
132
  // @ts-ignore
package/dist/collection/components/general-about-us/general-about-us.js CHANGED
@@ -29,7 +29,7 @@ export class GeneralAboutUs {
29
29
  this.limitStylingAppends = false;
30
30
  this.device = '';
31
31
  this.handleClick = (url, target, location, isExternal) => {
32
- window.postMessage({ type: 'AboutUsClicked', buttonUrl: url, targetType: target, locations: location, externalLink: isExternal || false }, window.location.href);
32
+ window.postMessage({ type: 'NavigateTo', path: url, target: target, locations: location, externalLink: isExternal || false }, window.location.href);
33
33
  // @ts-ignore Analytics event
34
34
  if (typeof gtag == 'function') {
35
35
  // @ts-ignore
package/dist/components/general-about-us.js CHANGED
@@ -124,7 +124,7 @@ const GeneralAboutUs$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
124
124
  this.limitStylingAppends = false;
125
125
  this.device = '';
126
126
  this.handleClick = (url, target, location, isExternal) => {
127
- window.postMessage({ type: 'AboutUsClicked', buttonUrl: url, targetType: target, locations: location, externalLink: isExternal || false }, window.location.href);
127
+ window.postMessage({ type: 'NavigateTo', path: url, target: target, locations: location, externalLink: isExternal || false }, window.location.href);
128
128
  // @ts-ignore Analytics event
129
129
  if (typeof gtag == 'function') {
130
130
  // @ts-ignore
package/dist/esm/general-about-us.entry.js CHANGED
@@ -122,7 +122,7 @@ const GeneralAboutUs = class {
122
122
  this.limitStylingAppends = false;
123
123
  this.device = '';
124
124
  this.handleClick = (url, target, location, isExternal) => {
125
- window.postMessage({ type: 'AboutUsClicked', buttonUrl: url, targetType: target, locations: location, externalLink: isExternal || false }, window.location.href);
125
+ window.postMessage({ type: 'NavigateTo', path: url, target: target, locations: location, externalLink: isExternal || false }, window.location.href);
126
126
  // @ts-ignore Analytics event
127
127
  if (typeof gtag == 'function') {
128
128
  // @ts-ignore
package/dist/general-about-us/general-about-us.esm.js CHANGED
@@ -1 +1 @@
1
- import{p as n,b as e}from"./p-0c90e5ab.js";(()=>{const e=import.meta.url,s={};return""!==e&&(s.resourcesUrl=new URL(".",e).href),n(s)})().then((n=>e([["p-743da1df",[[1,"general-about-us",{cmsEndpoint:[513,"cms-endpoint"],language:[513],userRoles:[513,"user-roles"],cmsEnv:[513,"cms-env"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],hasErrors:[32],isLoading:[32],limitStylingAppends:[32],device:[32]}]]]],n)));
1
+ import{p as n,b as e}from"./p-0c90e5ab.js";(()=>{const e=import.meta.url,s={};return""!==e&&(s.resourcesUrl=new URL(".",e).href),n(s)})().then((n=>e([["p-68dc05a3",[[1,"general-about-us",{cmsEndpoint:[513,"cms-endpoint"],language:[513],userRoles:[513,"user-roles"],cmsEnv:[513,"cms-env"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],hasErrors:[32],isLoading:[32],limitStylingAppends:[32],device:[32]}]]]],n)));
package/dist/general-about-us/p-68dc05a3.entry.js ADDED
@@ -0,0 +1 @@
1
+ import{r as n,h as t}from"./p-0c90e5ab.js";const e=["ro","en","fr","ar","hu","hr"],i={en:{error:"Error",noResults:"Loading, please wait ..."},hu:{error:"Error",noResults:"Loading, please wait ..."},ro:{error:"Eroare",noResults:"Loading, please wait ..."},fr:{error:"Error",noResults:"Loading, please wait ..."},ar:{error:"خطأ",noResults:"Loading, please wait ..."},hr:{error:"Greška",noResults:"Učitavanje, molimo pričekajte ..."}};const r=class{constructor(e){n(this,e),this.language="en",this.userRoles="everyone",this.cmsEnv="stage",this.clientStyling="",this.clientStylingUrl="",this.hasErrors=!1,this.isLoading=!0,this.limitStylingAppends=!1,this.device="",this.handleClick=(n,t,e,i)=>{window.postMessage({type:"NavigateTo",path:n,target:t,locations:e,externalLink:i||!1},window.location.href),"function"==typeof gtag&&gtag("event","GeneralAboutUs",{context:"AboutUsContent"})},this.setImage=n=>{let t="";switch(this.device=function(){const n=navigator.userAgent.toLowerCase(),t=screen.availWidth,e=screen.availHeight;if(n.includes("iphone"))return"mobile";if(n.includes("android")){if(e>t&&t<800)return"mobile";if(t>e&&e<800)return"tablet"}return"desktop"}(),this.device){case"mobile":t=n.imageMobile;break;case"tablet":t=n.imageTablet;break;case"desktop":t=n.imageDesktop}return t},this.setClientStyling=()=>{let n=document.createElement("style");n.innerHTML=this.clientStyling,this.stylingContainer.prepend(n)},this.setClientStylingURL=()=>{let n=new URL(this.clientStylingUrl),t=document.createElement("style");fetch(n.href).then((n=>n.text())).then((n=>{t.innerHTML=n,setTimeout((()=>{this.stylingContainer.prepend(t)}),1)})).catch((n=>{console.log("error ",n)}))},this.formatTitle=(n,e)=>{let i,r;if(["zh","ja","th"].includes(e))i=n.substring(0,1),r=n.substring(1);else{const t=n.split(" ");i=t.shift(),r=t.join(" ")}return t("div",{class:"Title"},t("span",{class:"FirstWord"},i)," ",r)}}watchEndpoint(n,t){n&&n!=t&&this.cmsEndpoint&&this.getAboutUs()}componentWillLoad(){if(this.cmsEndpoint&&this.language)return this.getAboutUs()}componentDidLoad(){this.device=function(){const n=navigator.userAgent.toLowerCase();let t="";return t=n.includes("android")||n.includes("iphone")||n.includes("ipad")?function(){const n=screen.availWidth;return n<600?"mobile":n>=600&&n<1100?"tablet":void 0}():"desktop",t}()}getAboutUs(){let n=new URL(`${this.cmsEndpoint}/${this.language}/homepage`);return n.searchParams.append("env",this.cmsEnv),n.searchParams.append("userRoles",this.userRoles),n.searchParams.append("device",(()=>{const n=(()=>{let n=window.navigator.userAgent.toLocaleLowerCase();return n.includes("android/i")?"android":n.includes("iphone/i")?"iPhone":n.includes("ipad/i")||n.includes("ipod/i")?"iPad":"PC"})();if(n)return"PC"===n?"dk":"mtWeb"})()),new Promise(((t,e)=>{this.isLoading=!0,fetch(n.href).then((n=>n.json())).then((n=>{const e=["title","description","images","button","externalLink","targetType","locations"],i=Object.entries(n).filter((([n])=>e.includes(n))).reduce(((n,[t,e])=>(n[t]=e,n)),{});this.aboutUsData=i,t(i)})).catch((n=>{console.error(n),this.hasErrors=!0,e(n)})).finally((()=>{this.isLoading=!1}))}))}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.limitStylingAppends=!0)}render(){var n,r,o,a,s;return this.hasErrors?t("div",{class:"AboutUsError"},t("div",{class:"ErrorInfo"},(()=>{const n=this.language;return i[void 0!==n&&e.includes(n)?n:"en"].error})())):this.isLoading?void 0:t("div",{ref:n=>this.stylingContainer=n},t("div",{class:"AboutUsWrapper"},t("div",{class:"ItemImage"},t("div",{class:"ForegroundImage",style:{background:`linear-gradient(to left, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.6) 100%),\n linear-gradient(to bottom left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 100%),\n linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.6) 100%),\n url(${this.setImage(null===(n=this.aboutUsData)||void 0===n?void 0:n.images)}) no-repeat center center / cover`}}),t("img",{class:"BackgroundImage",src:this.setImage(this.aboutUsData.images),alt:"image"}),t("div",{class:"ItemDetails"},this.formatTitle(null===(r=this.aboutUsData)||void 0===r?void 0:r.title,this.language),t("div",{class:"Description",innerHTML:null===(o=this.aboutUsData)||void 0===o?void 0:o.description}),t("button",{class:"Button",onClick:()=>{var n,t,e,i,r;return this.handleClick(null===(t=null===(n=this.aboutUsData)||void 0===n?void 0:n.button)||void 0===t?void 0:t.buttonUrl,null===(e=this.aboutUsData)||void 0===e?void 0:e.targetType,null===(i=this.aboutUsData)||void 0===i?void 0:i.locations,null===(r=this.aboutUsData)||void 0===r?void 0:r.externalLink)}},null===(s=null===(a=this.aboutUsData)||void 0===a?void 0:a.button)||void 0===s?void 0:s.buttonText,t("img",{src:"data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyBoZWlnaHQ9IjY0cHgiIHdpZHRoPSI2NHB4IiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxODUuMzQzIDE4NS4zNDMiIHhtbDpzcGFjZT0icHJlc2VydmUiIGZpbGw9IiNENUYzREYiIHN0cm9rZT0iI0Q1RjNERiI+Cg08ZyBpZD0iU1ZHUmVwb19iZ0NhcnJpZXIiIHN0cm9rZS13aWR0aD0iMCIvPgoNPGcgaWQ9IlNWR1JlcG9fdHJhY2VyQ2FycmllciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cg08ZyBpZD0iU1ZHUmVwb19pY29uQ2FycmllciI+IDxnPiA8Zz4gPHBhdGggc3R5bGU9ImZpbGw6I2VjZjlmMDsiIGQ9Ik01MS43MDcsMTg1LjM0M2MtMi43NDEsMC01LjQ5My0xLjA0NC03LjU5My0zLjE0OWMtNC4xOTQtNC4xOTQtNC4xOTQtMTAuOTgxLDAtMTUuMTc1IGw3NC4zNTItNzQuMzQ3TDQ0LjExNCwxOC4zMmMtNC4xOTQtNC4xOTQtNC4xOTQtMTAuOTg3LDAtMTUuMTc1YzQuMTk0LTQuMTk0LDEwLjk4Ny00LjE5NCwxNS4xOCwwbDgxLjkzNCw4MS45MzQgYzQuMTk0LDQuMTk0LDQuMTk0LDEwLjk4NywwLDE1LjE3NWwtODEuOTM0LDgxLjkzOUM1Ny4yMDEsMTg0LjI5Myw1NC40NTQsMTg1LjM0Myw1MS43MDcsMTg1LjM0M3oiLz4gPC9nPiA8L2c+IDwvZz4KDTwvc3ZnPg==",alt:"right chevron",class:"Chevron"}))))))}static get watchers(){return{cmsEndpoint:["watchEndpoint"],language:["watchEndpoint"],userRoles:["watchEndpoint"],device:["watchEndpoint"]}}};r.style=":host {\n display: block;\n font-family: inherit;\n}\n\np {\n margin: 0;\n padding: 0;\n font-family: inherit;\n}\n\nbutton {\n font-family: inherit;\n}\n\n.AboutUsError .ErrorInfo {\n color: var(--emw--color-error, #ed0909);\n}\n\n.AboutUsWrapper {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n background-color: var(--emw--color-background, #000000);\n width: 100%;\n border-radius: var(--emw--border-radius-large, 15px);\n animation: fadeInAnimation ease 1.5s;\n animation-iteration-count: 1;\n animation-fill-mode: forwards;\n}\n\n@keyframes fadeInAnimation {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n.ItemImage {\n position: relative;\n width: 100%;\n max-width: 100%;\n height: 300px;\n border-radius: var(--emw--border-radius-large, 20px);\n background: var(--emw--color-background, black);\n}\n.ItemImage .ForegroundImage {\n z-index: 3;\n pointer-events: none;\n opacity: 1;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: opacity 0.5s ease, filter 0.5s ease;\n border-radius: var(--emw--border-radius-large, 20px);\n}\n.ItemImage .BackgroundImage {\n position: absolute;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: opacity 0.5s ease, filter 0.5s ease;\n border-radius: var(--emw--border-radius-large, 20px);\n z-index: 2;\n top: 20px;\n filter: blur(16px);\n opacity: 0.5;\n transform: scale(1.01);\n}\n.ItemImage .ItemDetails > div {\n position: relative;\n height: auto;\n max-width: 70%;\n display: flex;\n border-radius: var(--emw--border-radius-medium, 5px);\n margin: 0 20px;\n padding: 24px 20px;\n z-index: 10;\n overflow: hidden;\n align-items: center;\n}\n.ItemImage .Title {\n font-size: var(--emw--font-size-2x-large, 32px);\n font-weight: var(--emw--font-weight-bold, 700);\n color: var(--emw--color-typography, #D5F3DF);\n}\n.ItemImage .Title .FirstWord {\n font-size: var(--emw--font-size-2x-large, 36px);\n text-transform: uppercase;\n letter-spacing: 1px;\n background: var(--emw--color-primary, #1EC450);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n.ItemImage .Description {\n font-size: var(--emw--font-size-small-plus, 16px);\n font-weight: var(--emw--font-weight-normal, 400);\n color: var(--emw--color-typography, #D5F3DF);\n}\n.ItemImage button {\n position: relative;\n width: 160px;\n padding: 10px 15px;\n color: var(--emw--button-text-color, #D5F3DF);\n font-size: var(--emw--font-size-large, 20px);\n border: var(--emw--button-border, 3px solid) var(--emw--button-border-color, #063B17);\n border-radius: var(--emw--button-border-radius, 50px);\n line-height: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n z-index: 20;\n margin-left: 32px;\n animation: ButtonEffect 4s linear infinite;\n background-image: linear-gradient(to right, var(--emw--color-primary, #22B04E), color-mix(in srgb, var(--emw--color-primary, #22B04E), black 30%), var(--emw--color-primary, #22B04E));\n background-size: 300% 100%;\n}\n.ItemImage button:hover {\n opacity: 0.8;\n}\n.ItemImage button img.Chevron {\n position: relative;\n height: var(--emw--size-standard, 16px);\n margin-left: var(--emw--spacing-small-minus, 10px);\n}\n@keyframes ButtonEffect {\n 0% {\n background-position: 0% 50%;\n }\n 33% {\n background-position: 100% 50%;\n }\n 66% {\n background-position: 200% 50%;\n }\n 100% {\n background-position: 300% 50%;\n }\n}\n\n@container (max-width: 475px) {\n .AboutUsWrapper {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: var(--emw--spacing-small-minus, 10px);\n max-width: 100%;\n background-color: var(--emw--color-background, #000000);\n animation: fadeInAnimation ease 1.5s;\n animation-iteration-count: 1;\n animation-fill-mode: forwards;\n }\n .AboutUsWrapper .ItemImage {\n flex: auto;\n width: 100%;\n flex-grow: 1;\n margin: 0;\n }\n .AboutUsWrapper .ItemDetails > div {\n flex: 1 1 0;\n display: flex;\n border-radius: var(--emw--border-radius-medium, 5px);\n gap: var(--emw--spacing-2x-small, 4px);\n padding: 20px 10px;\n align-items: center;\n }\n .AboutUsWrapper .Description {\n text-align: left;\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-normal, 400);\n }\n .AboutUsWrapper button {\n padding-bottom: 10px;\n line-height: 15px;\n padding: 10px;\n }\n}";export{r as general_about_us}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/general-about-us",
3
- "version": "1.37.7",
3
+ "version": "1.37.9",
4
4
  "main": "./dist/index.cjs.js",
5
5
  "module": "./dist/index.js",
6
6
  "es2015": "./dist/esm/index.mjs",
package/dist/general-about-us/p-743da1df.entry.js DELETED
@@ -1 +0,0 @@
1
- import{r as n,h as t}from"./p-0c90e5ab.js";const e=["ro","en","fr","ar","hu","hr"],i={en:{error:"Error",noResults:"Loading, please wait ..."},hu:{error:"Error",noResults:"Loading, please wait ..."},ro:{error:"Eroare",noResults:"Loading, please wait ..."},fr:{error:"Error",noResults:"Loading, please wait ..."},ar:{error:"خطأ",noResults:"Loading, please wait ..."},hr:{error:"Greška",noResults:"Učitavanje, molimo pričekajte ..."}};const r=class{constructor(e){n(this,e),this.language="en",this.userRoles="everyone",this.cmsEnv="stage",this.clientStyling="",this.clientStylingUrl="",this.hasErrors=!1,this.isLoading=!0,this.limitStylingAppends=!1,this.device="",this.handleClick=(n,t,e,i)=>{window.postMessage({type:"AboutUsClicked",buttonUrl:n,targetType:t,locations:e,externalLink:i||!1},window.location.href),"function"==typeof gtag&&gtag("event","GeneralAboutUs",{context:"AboutUsContent"})},this.setImage=n=>{let t="";switch(this.device=function(){const n=navigator.userAgent.toLowerCase(),t=screen.availWidth,e=screen.availHeight;if(n.includes("iphone"))return"mobile";if(n.includes("android")){if(e>t&&t<800)return"mobile";if(t>e&&e<800)return"tablet"}return"desktop"}(),this.device){case"mobile":t=n.imageMobile;break;case"tablet":t=n.imageTablet;break;case"desktop":t=n.imageDesktop}return t},this.setClientStyling=()=>{let n=document.createElement("style");n.innerHTML=this.clientStyling,this.stylingContainer.prepend(n)},this.setClientStylingURL=()=>{let n=new URL(this.clientStylingUrl),t=document.createElement("style");fetch(n.href).then((n=>n.text())).then((n=>{t.innerHTML=n,setTimeout((()=>{this.stylingContainer.prepend(t)}),1)})).catch((n=>{console.log("error ",n)}))},this.formatTitle=(n,e)=>{let i,r;if(["zh","ja","th"].includes(e))i=n.substring(0,1),r=n.substring(1);else{const t=n.split(" ");i=t.shift(),r=t.join(" ")}return t("div",{class:"Title"},t("span",{class:"FirstWord"},i)," ",r)}}watchEndpoint(n,t){n&&n!=t&&this.cmsEndpoint&&this.getAboutUs()}componentWillLoad(){if(this.cmsEndpoint&&this.language)return this.getAboutUs()}componentDidLoad(){this.device=function(){const n=navigator.userAgent.toLowerCase();let t="";return t=n.includes("android")||n.includes("iphone")||n.includes("ipad")?function(){const n=screen.availWidth;return n<600?"mobile":n>=600&&n<1100?"tablet":void 0}():"desktop",t}()}getAboutUs(){let n=new URL(`${this.cmsEndpoint}/${this.language}/homepage`);return n.searchParams.append("env",this.cmsEnv),n.searchParams.append("userRoles",this.userRoles),n.searchParams.append("device",(()=>{const n=(()=>{let n=window.navigator.userAgent.toLocaleLowerCase();return n.includes("android/i")?"android":n.includes("iphone/i")?"iPhone":n.includes("ipad/i")||n.includes("ipod/i")?"iPad":"PC"})();if(n)return"PC"===n?"dk":"mtWeb"})()),new Promise(((t,e)=>{this.isLoading=!0,fetch(n.href).then((n=>n.json())).then((n=>{const e=["title","description","images","button","externalLink","targetType","locations"],i=Object.entries(n).filter((([n])=>e.includes(n))).reduce(((n,[t,e])=>(n[t]=e,n)),{});this.aboutUsData=i,t(i)})).catch((n=>{console.error(n),this.hasErrors=!0,e(n)})).finally((()=>{this.isLoading=!1}))}))}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.limitStylingAppends=!0)}render(){var n,r,o,a,s;return this.hasErrors?t("div",{class:"AboutUsError"},t("div",{class:"ErrorInfo"},(()=>{const n=this.language;return i[void 0!==n&&e.includes(n)?n:"en"].error})())):this.isLoading?void 0:t("div",{ref:n=>this.stylingContainer=n},t("div",{class:"AboutUsWrapper"},t("div",{class:"ItemImage"},t("div",{class:"ForegroundImage",style:{background:`linear-gradient(to left, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.6) 100%),\n linear-gradient(to bottom left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 100%),\n linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.6) 100%),\n url(${this.setImage(null===(n=this.aboutUsData)||void 0===n?void 0:n.images)}) no-repeat center center / cover`}}),t("img",{class:"BackgroundImage",src:this.setImage(this.aboutUsData.images),alt:"image"}),t("div",{class:"ItemDetails"},this.formatTitle(null===(r=this.aboutUsData)||void 0===r?void 0:r.title,this.language),t("div",{class:"Description",innerHTML:null===(o=this.aboutUsData)||void 0===o?void 0:o.description}),t("button",{class:"Button",onClick:()=>{var n,t,e,i,r;return this.handleClick(null===(t=null===(n=this.aboutUsData)||void 0===n?void 0:n.button)||void 0===t?void 0:t.buttonUrl,null===(e=this.aboutUsData)||void 0===e?void 0:e.targetType,null===(i=this.aboutUsData)||void 0===i?void 0:i.locations,null===(r=this.aboutUsData)||void 0===r?void 0:r.externalLink)}},null===(s=null===(a=this.aboutUsData)||void 0===a?void 0:a.button)||void 0===s?void 0:s.buttonText,t("img",{src:"data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyBoZWlnaHQ9IjY0cHgiIHdpZHRoPSI2NHB4IiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxODUuMzQzIDE4NS4zNDMiIHhtbDpzcGFjZT0icHJlc2VydmUiIGZpbGw9IiNENUYzREYiIHN0cm9rZT0iI0Q1RjNERiI+Cg08ZyBpZD0iU1ZHUmVwb19iZ0NhcnJpZXIiIHN0cm9rZS13aWR0aD0iMCIvPgoNPGcgaWQ9IlNWR1JlcG9fdHJhY2VyQ2FycmllciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cg08ZyBpZD0iU1ZHUmVwb19pY29uQ2FycmllciI+IDxnPiA8Zz4gPHBhdGggc3R5bGU9ImZpbGw6I2VjZjlmMDsiIGQ9Ik01MS43MDcsMTg1LjM0M2MtMi43NDEsMC01LjQ5My0xLjA0NC03LjU5My0zLjE0OWMtNC4xOTQtNC4xOTQtNC4xOTQtMTAuOTgxLDAtMTUuMTc1IGw3NC4zNTItNzQuMzQ3TDQ0LjExNCwxOC4zMmMtNC4xOTQtNC4xOTQtNC4xOTQtMTAuOTg3LDAtMTUuMTc1YzQuMTk0LTQuMTk0LDEwLjk4Ny00LjE5NCwxNS4xOCwwbDgxLjkzNCw4MS45MzQgYzQuMTk0LDQuMTk0LDQuMTk0LDEwLjk4NywwLDE1LjE3NWwtODEuOTM0LDgxLjkzOUM1Ny4yMDEsMTg0LjI5Myw1NC40NTQsMTg1LjM0Myw1MS43MDcsMTg1LjM0M3oiLz4gPC9nPiA8L2c+IDwvZz4KDTwvc3ZnPg==",alt:"right chevron",class:"Chevron"}))))))}static get watchers(){return{cmsEndpoint:["watchEndpoint"],language:["watchEndpoint"],userRoles:["watchEndpoint"],device:["watchEndpoint"]}}};r.style=":host {\n display: block;\n font-family: inherit;\n}\n\np {\n margin: 0;\n padding: 0;\n font-family: inherit;\n}\n\nbutton {\n font-family: inherit;\n}\n\n.AboutUsError .ErrorInfo {\n color: var(--emw--color-error, #ed0909);\n}\n\n.AboutUsWrapper {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n background-color: var(--emw--color-background, #000000);\n width: 100%;\n border-radius: var(--emw--border-radius-large, 15px);\n animation: fadeInAnimation ease 1.5s;\n animation-iteration-count: 1;\n animation-fill-mode: forwards;\n}\n\n@keyframes fadeInAnimation {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n.ItemImage {\n position: relative;\n width: 100%;\n max-width: 100%;\n height: 300px;\n border-radius: var(--emw--border-radius-large, 20px);\n background: var(--emw--color-background, black);\n}\n.ItemImage .ForegroundImage {\n z-index: 3;\n pointer-events: none;\n opacity: 1;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: opacity 0.5s ease, filter 0.5s ease;\n border-radius: var(--emw--border-radius-large, 20px);\n}\n.ItemImage .BackgroundImage {\n position: absolute;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: opacity 0.5s ease, filter 0.5s ease;\n border-radius: var(--emw--border-radius-large, 20px);\n z-index: 2;\n top: 20px;\n filter: blur(16px);\n opacity: 0.5;\n transform: scale(1.01);\n}\n.ItemImage .ItemDetails > div {\n position: relative;\n height: auto;\n max-width: 70%;\n display: flex;\n border-radius: var(--emw--border-radius-medium, 5px);\n margin: 0 20px;\n padding: 24px 20px;\n z-index: 10;\n overflow: hidden;\n align-items: center;\n}\n.ItemImage .Title {\n font-size: var(--emw--font-size-2x-large, 32px);\n font-weight: var(--emw--font-weight-bold, 700);\n color: var(--emw--color-typography, #D5F3DF);\n}\n.ItemImage .Title .FirstWord {\n font-size: var(--emw--font-size-2x-large, 36px);\n text-transform: uppercase;\n letter-spacing: 1px;\n background: var(--emw--color-primary, #1EC450);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n.ItemImage .Description {\n font-size: var(--emw--font-size-small-plus, 16px);\n font-weight: var(--emw--font-weight-normal, 400);\n color: var(--emw--color-typography, #D5F3DF);\n}\n.ItemImage button {\n position: relative;\n width: 160px;\n padding: 10px 15px;\n color: var(--emw--button-text-color, #D5F3DF);\n font-size: var(--emw--font-size-large, 20px);\n border: var(--emw--button-border, 3px solid) var(--emw--button-border-color, #063B17);\n border-radius: var(--emw--button-border-radius, 50px);\n line-height: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n z-index: 20;\n margin-left: 32px;\n animation: ButtonEffect 4s linear infinite;\n background-image: linear-gradient(to right, var(--emw--color-primary, #22B04E), color-mix(in srgb, var(--emw--color-primary, #22B04E), black 30%), var(--emw--color-primary, #22B04E));\n background-size: 300% 100%;\n}\n.ItemImage button:hover {\n opacity: 0.8;\n}\n.ItemImage button img.Chevron {\n position: relative;\n height: var(--emw--size-standard, 16px);\n margin-left: var(--emw--spacing-small-minus, 10px);\n}\n@keyframes ButtonEffect {\n 0% {\n background-position: 0% 50%;\n }\n 33% {\n background-position: 100% 50%;\n }\n 66% {\n background-position: 200% 50%;\n }\n 100% {\n background-position: 300% 50%;\n }\n}\n\n@container (max-width: 475px) {\n .AboutUsWrapper {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: var(--emw--spacing-small-minus, 10px);\n max-width: 100%;\n background-color: var(--emw--color-background, #000000);\n animation: fadeInAnimation ease 1.5s;\n animation-iteration-count: 1;\n animation-fill-mode: forwards;\n }\n .AboutUsWrapper .ItemImage {\n flex: auto;\n width: 100%;\n flex-grow: 1;\n margin: 0;\n }\n .AboutUsWrapper .ItemDetails > div {\n flex: 1 1 0;\n display: flex;\n border-radius: var(--emw--border-radius-medium, 5px);\n gap: var(--emw--spacing-2x-small, 4px);\n padding: 20px 10px;\n align-items: center;\n }\n .AboutUsWrapper .Description {\n text-align: left;\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-normal, 400);\n }\n .AboutUsWrapper button {\n padding-bottom: 10px;\n line-height: 15px;\n padding: 10px;\n }\n}";export{r as general_about_us}