cas-ds-web-components 1.3.21 → 1.3.22

package/build/cas-ds-web-components.js

@@ -16,7 +16,7 @@ var __publicField = (obj, key, value) => {
     document.head.appendChild(font2);
   })();
   const name = "@eloisa-ds/all-components";
-  const version$1 = "1.3.21";
+  const version$1 = "1.3.22";
   const dependencies = {};
   const main = "./index.js";
   const module$1 = "./index.mjs";
@@ -1024,8 +1024,7 @@ var __publicField = (obj, key, value) => {
     position: fixed;
     top: 0;
     width: 100%;
-    transition: opacity, height 50ms ease-in-out;
-    will-change: height;
+    transition: opacity 50ms ease-in-out;
     opacity: 0;
     animation: fadeIn 50ms ease-in-out;
     animation-fill-mode: forwards;
@@ -24842,7 +24841,8 @@ var __publicField = (obj, key, value) => {
       this.isMacbookAir = getIsMacbookAir();
       this.isDesktop = getIsDesktop();
       this.lastScrollPosition = 0;
-      this.spaceHeight = 0;
+      const cachedAlertHeight = parseInt(sessionStorage.getItem("cas-alert-height") || "0");
+      this.spaceHeight = 180 + cachedAlertHeight;
     }
     connectedCallback() {
       super.connectedCallback();
@@ -24964,6 +24964,7 @@ var __publicField = (obj, key, value) => {
           const { showAlert, alert: alert2 } = data3;
           if (showAlert) {
             if (!alert2 || !alert2.enabled) {
+              sessionStorage.removeItem("cas-alert-height");
               return false;
             }
             let currentDate = /* @__PURE__ */ new Date();
@@ -24999,6 +25000,7 @@ var __publicField = (obj, key, value) => {
         const tagAlert = this.shadowRoot.querySelector("cas-alert");
         tagAlert?.addEventListener("close", () => {
           sessionStorage.setItem("hideAlert", "true");
+          sessionStorage.removeItem("cas-alert-height");
           this.showAlert = false;
           this.spaceHeight = head + preHead + taxonomy2;
           bottom.style.top = `${head + preHead}px`;
@@ -25011,6 +25013,7 @@ var __publicField = (obj, key, value) => {
           this.spaceHeight = head + preHead + taxonomy2 + alert2;
           bottom.style.top = `${head + preHead + alert2}px`;
         }
+        sessionStorage.setItem("cas-alert-height", String(Math.round(alert2)));
       } else {
         if (this.type !== VARIANTS$1.HOME) {
           this.spaceHeight = head;

package/build/cas-ds-web-components.mjs

@@ -13,7 +13,7 @@ import { x as x$1, i as i$b, r as r$7, s as s$8, a as x$2, T as T$6, o as o$d, D
   document.head.appendChild(font2);
 })();
 const name = "@eloisa-ds/all-components";
-const version$1 = "1.3.21";
+const version$1 = "1.3.22";
 const dependencies = {};
 const main = "./index.js";
 const module$1 = "./index.mjs";
@@ -208,8 +208,7 @@ const styles$u = i$b`
     position: fixed;
     top: 0;
     width: 100%;
-    transition: opacity, height 50ms ease-in-out;
-    will-change: height;
+    transition: opacity 50ms ease-in-out;
     opacity: 0;
     animation: fadeIn 50ms ease-in-out;
     animation-fill-mode: forwards;
@@ -24026,7 +24025,8 @@ class CasHeader extends s$8 {
     this.isMacbookAir = getIsMacbookAir();
     this.isDesktop = getIsDesktop();
     this.lastScrollPosition = 0;
-    this.spaceHeight = 0;
+    const cachedAlertHeight = parseInt(sessionStorage.getItem("cas-alert-height") || "0");
+    this.spaceHeight = 180 + cachedAlertHeight;
   }
   connectedCallback() {
     super.connectedCallback();
@@ -24148,6 +24148,7 @@ class CasHeader extends s$8 {
         const { showAlert, alert } = data3;
         if (showAlert) {
           if (!alert || !alert.enabled) {
+            sessionStorage.removeItem("cas-alert-height");
             return false;
           }
           let currentDate = /* @__PURE__ */ new Date();
@@ -24183,6 +24184,7 @@ class CasHeader extends s$8 {
       const tagAlert = this.shadowRoot.querySelector("cas-alert");
       tagAlert?.addEventListener("close", () => {
         sessionStorage.setItem("hideAlert", "true");
+        sessionStorage.removeItem("cas-alert-height");
         this.showAlert = false;
         this.spaceHeight = head + preHead + taxonomy2;
         bottom.style.top = `${head + preHead}px`;
@@ -24195,6 +24197,7 @@ class CasHeader extends s$8 {
         this.spaceHeight = head + preHead + taxonomy2 + alert;
         bottom.style.top = `${head + preHead + alert}px`;
       }
+      sessionStorage.setItem("cas-alert-height", String(Math.round(alert)));
     } else {
       if (this.type !== VARIANTS$1.HOME) {
         this.spaceHeight = head;

package/build/cas-header.js

@@ -38,8 +38,7 @@
     position: fixed;
     top: 0;
     width: 100%;
-    transition: opacity, height 50ms ease-in-out;
-    will-change: height;
+    transition: opacity 50ms ease-in-out;
     opacity: 0;
     animation: fadeIn 50ms ease-in-out;
     animation-fill-mode: forwards;
@@ -6390,7 +6389,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
           </div>
         </div>
       </div>
-    `}}M(i1,"styles",b3),M(i1,"shadowRootOptions",{...b.shadowRootOptions,mode:"open"}),M(i1,"properties",{theme:{type:String},size:{type:Number},disableMode:{type:Boolean}});const Do=()=>window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light",y3=s=>{const t=document.querySelector("body");s==="dark"?t==null||t.classList.add("eloisa-ds-dark-mode"):t==null||t.classList.remove("eloisa-ds-dark-mode")};function x3(s=null,t){let e=localStorage.getItem("theme")??Do(),i=e==="dark";const a=()=>{e=Do(),i=e==="dark"};return s!==null?(i=s==="true",e=i?"dark":"light"):window.matchMedia("(prefers-color-scheme: dark)").addListener(a),{theme:e,isDark:i}}const{mobile:A3,tablet:C3,macbookAir:w3,desktop:$3}=n3,Vo=()=>window.matchMedia(`(max-width: ${A3}px)`).matches,Bo=()=>window.matchMedia(`(max-width: ${C3}px)`).matches,Uo=()=>window.matchMedia(`(max-width: ${w3}px)`).matches,jo=()=>window.matchMedia(`(max-width: ${$3}px)`).matches;class G0 extends b{constructor(){super(),this.showAlert=!1,this.alert={},this.type=B.HOME,this.theme="light",this.disableMode="true",this.disableDarkModeDefault="false",this.isMobile=Vo(),this.isTablet=Bo(),this.isMacbookAir=Uo(),this.isDesktop=jo(),this.lastScrollPosition=0,this.spaceHeight=0}connectedCallback(){super.connectedCallback(),this.type===B.HOME&&window.addEventListener("scroll",this.handleScroll.bind(this)),window.addEventListener("resize",this.handleResize.bind(this)),window.addEventListener("resize",this.handleSpaces.bind(this))}disconnectedCallback(){this.type===B.HOME&&window.removeEventListener("scroll",this.handleScroll.bind(this)),window.removeEventListener("resize",this.handleResize.bind(this)),window.removeEventListener("resize",this.handleSpaces.bind(this)),super.disconnectedCallback()}handleScroll(){const t=window.pageYOffset||document.documentElement.scrollTop,e=this.shadowRoot.querySelector("header"),i=this.shadowRoot.querySelector("cas-header-taxonomy"),a=this.spaceHeight+"px";t<=this.spaceHeight||t<this.lastScrollPosition?(i.setAttribute("collapsed","false"),i.style.transform="translateY(0)",e.style.height=a):(i.setAttribute("collapsed","true"),i.style.transform="translateY(-100%)",e.style.height=`${this.spaceHeight-72}px`),this.lastScrollPosition=t}handleResize(){const t=this.isMobile,e=this.isTablet,i=this.isMacbookAir,a=this.isDesktop;this.isMobile=Vo(),this.isTablet=Bo(),this.isMacbookAir=Uo(),this.isDesktop=jo(),(t!==this.isMobile||e!==this.isTablet||i!==this.isMacbookAir||a!==this.isDesktop)&&this.requestUpdate()}handleTheme({theme:t}){const e={theme:t,isDark:t==="dark"},i=new CustomEvent("themeChange",{detail:e});this.theme=t,this.defaultDarkMode(),document.dispatchEvent(i)}defaultDarkMode(){y3(this.theme);const t=document.querySelector("head");if(this.disableDarkModeDefault!=="true"&&this.theme==="dark"){const e=document.createElement("style");e.setAttribute("data-name","eloisa-ds-dark-mode"),e.innerHTML=`
+    `}}M(i1,"styles",b3),M(i1,"shadowRootOptions",{...b.shadowRootOptions,mode:"open"}),M(i1,"properties",{theme:{type:String},size:{type:Number},disableMode:{type:Boolean}});const Do=()=>window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light",y3=s=>{const t=document.querySelector("body");s==="dark"?t==null||t.classList.add("eloisa-ds-dark-mode"):t==null||t.classList.remove("eloisa-ds-dark-mode")};function x3(s=null,t){let e=localStorage.getItem("theme")??Do(),i=e==="dark";const a=()=>{e=Do(),i=e==="dark"};return s!==null?(i=s==="true",e=i?"dark":"light"):window.matchMedia("(prefers-color-scheme: dark)").addListener(a),{theme:e,isDark:i}}const{mobile:A3,tablet:C3,macbookAir:w3,desktop:$3}=n3,Vo=()=>window.matchMedia(`(max-width: ${A3}px)`).matches,Bo=()=>window.matchMedia(`(max-width: ${C3}px)`).matches,Uo=()=>window.matchMedia(`(max-width: ${w3}px)`).matches,jo=()=>window.matchMedia(`(max-width: ${$3}px)`).matches;class G0 extends b{constructor(){super(),this.showAlert=!1,this.alert={},this.type=B.HOME,this.theme="light",this.disableMode="true",this.disableDarkModeDefault="false",this.isMobile=Vo(),this.isTablet=Bo(),this.isMacbookAir=Uo(),this.isDesktop=jo(),this.lastScrollPosition=0;const t=parseInt(sessionStorage.getItem("cas-alert-height")||"0");this.spaceHeight=180+t}connectedCallback(){super.connectedCallback(),this.type===B.HOME&&window.addEventListener("scroll",this.handleScroll.bind(this)),window.addEventListener("resize",this.handleResize.bind(this)),window.addEventListener("resize",this.handleSpaces.bind(this))}disconnectedCallback(){this.type===B.HOME&&window.removeEventListener("scroll",this.handleScroll.bind(this)),window.removeEventListener("resize",this.handleResize.bind(this)),window.removeEventListener("resize",this.handleSpaces.bind(this)),super.disconnectedCallback()}handleScroll(){const t=window.pageYOffset||document.documentElement.scrollTop,e=this.shadowRoot.querySelector("header"),i=this.shadowRoot.querySelector("cas-header-taxonomy"),a=this.spaceHeight+"px";t<=this.spaceHeight||t<this.lastScrollPosition?(i.setAttribute("collapsed","false"),i.style.transform="translateY(0)",e.style.height=a):(i.setAttribute("collapsed","true"),i.style.transform="translateY(-100%)",e.style.height=`${this.spaceHeight-72}px`),this.lastScrollPosition=t}handleResize(){const t=this.isMobile,e=this.isTablet,i=this.isMacbookAir,a=this.isDesktop;this.isMobile=Vo(),this.isTablet=Bo(),this.isMacbookAir=Uo(),this.isDesktop=jo(),(t!==this.isMobile||e!==this.isTablet||i!==this.isMacbookAir||a!==this.isDesktop)&&this.requestUpdate()}handleTheme({theme:t}){const e={theme:t,isDark:t==="dark"},i=new CustomEvent("themeChange",{detail:e});this.theme=t,this.defaultDarkMode(),document.dispatchEvent(i)}defaultDarkMode(){y3(this.theme);const t=document.querySelector("head");if(this.disableDarkModeDefault!=="true"&&this.theme==="dark"){const e=document.createElement("style");e.setAttribute("data-name","eloisa-ds-dark-mode"),e.innerHTML=`
         // * {
         //   filter: invert(1) hue-rotate(180deg);
         // }
@@ -6407,7 +6406,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
         // img {
         //   filter: none;
         // }
-      `,t==null||t.appendChild(e)}else{const e=document.querySelector('[data-name="eloisa-ds-dark-mode"]');e==null||e.remove()}}handleEvents(){const t=a=>{this.setAttribute("darkMode",a.detail.isDark)},e=()=>{this.handleTheme({theme:"dark"})},i=()=>{this.handleTheme({theme:"light"})};document.addEventListener("themeChange",t),document.addEventListener("onDarkMode",e),document.addEventListener("onLightMode",i),setTimeout(()=>{const a=this.disableMode==="true";this.darkMode==="true"&&!a&&e(),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",function(o){!localStorage.getItem("theme")&&!a&&(o.matches?e():i())})},1e3)}async handleAlert(){const t=new WebSocket("wss://sjm3jibuni.execute-api.us-east-1.amazonaws.com/prod");t.onopen=function(){t.send(JSON.stringify({action:"getAlert"}))},t.onmessage=e=>{const i=JSON.parse(e.data);if((i==null?void 0:i.type)==="getAlert"){const{showAlert:a,alert:h}=i;if(a){if(!h||!h.enabled)return!1;let o=new Date,r=new Date(h==null?void 0:h.startDate),n=new Date(h==null?void 0:h.endDate);if(o>r&&o<n){let l=sessionStorage.getItem("hideAlert");this.showAlert=!l&&a,this.alert={title:h==null?void 0:h.Titulo,text:h==null?void 0:h.Contenido,active:h==null?void 0:h.enabled},console.log("Alerta activa"),this.delay(200).then(()=>this.handleSpaces())}else return!1;this.requestUpdate()}}}}async delay(t){return new Promise(e=>setTimeout(e,t))}async handleSpaces(){var h,o,r;const t=this.shadowRoot.querySelector("cas-header-taxonomy"),e=(h=this.shadowRoot.querySelector("cas-header-head"))==null?void 0:h.getClientRects()[0].height,i=(o=this.shadowRoot.querySelector("cas-header-pre-head"))==null?void 0:o.getClientRects()[0].height,a=(r=this.shadowRoot.querySelector("cas-header-taxonomy"))==null?void 0:r.getClientRects()[0].height;if(this.showAlert){const n=this.shadowRoot.querySelector("cas-alert");n==null||n.addEventListener("close",()=>{sessionStorage.setItem("hideAlert","true"),this.showAlert=!1,this.spaceHeight=e+i+a,t.style.top=`${e+i}px`,this.requestUpdate()});const l=n==null?void 0:n.getClientRects()[0].height;this.type!==B.HOME?this.spaceHeight=e+l:(this.spaceHeight=e+i+a+l,t.style.top=`${e+i+l}px`)}else this.type!==B.HOME?this.spaceHeight=e:(this.spaceHeight=e+i+a,t.style.top=`${e+i}px`);this.requestUpdate()}async firstUpdated(){const t=this.disableMode==="true",{theme:e}=x3(this.darkMode);this.theme=t?"light":e,this.defaultDarkMode(),this.handleEvents(),await this.handleAlert(),await this.delay(200),this.handleSpaces()}render(){const{alert:t,type:e,bookingBox:i,theme:a}=this,h=i==="true";return f`
+      `,t==null||t.appendChild(e)}else{const e=document.querySelector('[data-name="eloisa-ds-dark-mode"]');e==null||e.remove()}}handleEvents(){const t=a=>{this.setAttribute("darkMode",a.detail.isDark)},e=()=>{this.handleTheme({theme:"dark"})},i=()=>{this.handleTheme({theme:"light"})};document.addEventListener("themeChange",t),document.addEventListener("onDarkMode",e),document.addEventListener("onLightMode",i),setTimeout(()=>{const a=this.disableMode==="true";this.darkMode==="true"&&!a&&e(),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",function(o){!localStorage.getItem("theme")&&!a&&(o.matches?e():i())})},1e3)}async handleAlert(){const t=new WebSocket("wss://sjm3jibuni.execute-api.us-east-1.amazonaws.com/prod");t.onopen=function(){t.send(JSON.stringify({action:"getAlert"}))},t.onmessage=e=>{const i=JSON.parse(e.data);if((i==null?void 0:i.type)==="getAlert"){const{showAlert:a,alert:h}=i;if(a){if(!h||!h.enabled)return sessionStorage.removeItem("cas-alert-height"),!1;let o=new Date,r=new Date(h==null?void 0:h.startDate),n=new Date(h==null?void 0:h.endDate);if(o>r&&o<n){let l=sessionStorage.getItem("hideAlert");this.showAlert=!l&&a,this.alert={title:h==null?void 0:h.Titulo,text:h==null?void 0:h.Contenido,active:h==null?void 0:h.enabled},console.log("Alerta activa"),this.delay(200).then(()=>this.handleSpaces())}else return!1;this.requestUpdate()}}}}async delay(t){return new Promise(e=>setTimeout(e,t))}async handleSpaces(){var h,o,r;const t=this.shadowRoot.querySelector("cas-header-taxonomy"),e=(h=this.shadowRoot.querySelector("cas-header-head"))==null?void 0:h.getClientRects()[0].height,i=(o=this.shadowRoot.querySelector("cas-header-pre-head"))==null?void 0:o.getClientRects()[0].height,a=(r=this.shadowRoot.querySelector("cas-header-taxonomy"))==null?void 0:r.getClientRects()[0].height;if(this.showAlert){const n=this.shadowRoot.querySelector("cas-alert");n==null||n.addEventListener("close",()=>{sessionStorage.setItem("hideAlert","true"),sessionStorage.removeItem("cas-alert-height"),this.showAlert=!1,this.spaceHeight=e+i+a,t.style.top=`${e+i}px`,this.requestUpdate()});const l=n==null?void 0:n.getClientRects()[0].height;this.type!==B.HOME?this.spaceHeight=e+l:(this.spaceHeight=e+i+a+l,t.style.top=`${e+i+l}px`),sessionStorage.setItem("cas-alert-height",String(Math.round(l)))}else this.type!==B.HOME?this.spaceHeight=e:(this.spaceHeight=e+i+a,t.style.top=`${e+i}px`);this.requestUpdate()}async firstUpdated(){const t=this.disableMode==="true",{theme:e}=x3(this.darkMode);this.theme=t?"light":e,this.defaultDarkMode(),this.handleEvents(),await this.handleAlert(),await this.delay(200),this.handleSpaces()}render(){const{alert:t,type:e,bookingBox:i,theme:a}=this,h=i==="true";return f`
       <header class="container ${this.type}" data-theme=${a} style="height: ${this.spaceHeight}px">
         ${this.showAlert?f`<cas-alert
               showCloseButton

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cas-ds-web-components",
   "description": "Web Components based on CAS DS",
-  "version": "1.3.21",
+  "version": "1.3.22",
   "author": "aconejeros",
   "keywords": [
     "direflow",