@consent.software/catalog 2.0.0 → 2.0.1

package/dist_ts_web/00_commitinfo_data.js

@@ -3,7 +3,7 @@
  */
 export const commitinfo = {
     name: '@consent.software/catalog',
-    version: '2.0.0',
+    version: '2.0.1',
     description: 'A library of web components designed to integrate robust consent management capabilities into web applications, ensuring compliance with privacy regulations.'
 };
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUsMkJBQTJCO0lBQ2pDLE9BQU8sRUFBRSxPQUFPO0lBQ2hCLFdBQVcsRUFBRSwrSkFBK0o7Q0FDN0ssQ0FBQSJ9

package/dist_ts_web/elements/consentsoftware-cookieconsent.d.ts

@@ -9,6 +9,7 @@ export declare class ConsentsoftwareCookieconsent extends DeesElement {
     static demo: () => TemplateResult<1>;
     csWebclientInstance: csWebclient.CsWebclient;
     csWebclientRan: boolean;
+    private isMobile;
     static styles: import("@design.estate/dees-element").CSSResult[];
     constructor();
     render(): TemplateResult;
@@ -18,6 +19,8 @@ export declare class ConsentsoftwareCookieconsent extends DeesElement {
      */
     connectedCallback(): Promise<void>;
     firstUpdated(): Promise<void>;
+    private animateIn;
+    private animateOut;
     /**
      * Handles consent button clicks, sets cookie levels, and hides the banner.
      */

package/dist_ts_web/elements/consentsoftware-cookieconsent.js

@@ -33,7 +33,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     return useValue ? value : void 0;
 };
 import { cssManager, colors } from './shared.js';
-import { DeesElement, customElement, html, css, property, } from '@design.estate/dees-element';
+import { DeesElement, customElement, html, css, } from '@design.estate/dees-element';
 import * as csInterfaces from '@consent.software/interfaces';
 import * as csWebclient from '@consent.software/webclient';
 import { delayFor } from '@push.rocks/smartdelay';
@@ -54,6 +54,7 @@ let ConsentsoftwareCookieconsent = (() => {
         static demo = () => html `<consentsoftware-cookieconsent></consentsoftware-cookieconsent>`;
         csWebclientInstance = new csWebclient.CsWebclient();
         csWebclientRan = false;
+        isMobile = false;
         static styles = [
             cssManager.defaultStyles,
             css `
@@ -71,7 +72,7 @@ let ConsentsoftwareCookieconsent = (() => {
         z-index: 1000;
         background: rgba(0, 0, 0, 0);
         backdrop-filter: blur(0px);
-        transition: all 0.2s ease-out;
+        transition: background 0.3s ease, backdrop-filter 0.3s ease;
       }
 
       .pageOverlay.shake {
@@ -91,18 +92,42 @@ let ConsentsoftwareCookieconsent = (() => {
         min-width: 320px;
         box-sizing: border-box;
         overflow: hidden;
-        will-change: transform;
-        transition: all 0.2s ease-out;
-        transform: scale(0.96);
+        will-change: transform, opacity;
+        transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
+        transform: scale(0.92) translateY(20px);
         opacity: 0;
       }
 
+      .modalBox.visible {
+        transform: scale(1) translateY(0);
+        opacity: 1;
+      }
+
+      .modalBox.hiding {
+        transform: scale(0.95) translateY(10px);
+        opacity: 0;
+      }
+
+      /* Mobile: slide up from bottom */
       @media (max-width: 560px) {
+        .pageOverlay {
+          align-items: flex-end;
+        }
+
         .modalBox {
           max-width: 100%;
           min-width: 100%;
-          height: 100vh;
-          border-radius: 0;
+          border-radius: 16px 16px 0 0;
+          transform: translateY(100%);
+          opacity: 1;
+        }
+
+        .modalBox.visible {
+          transform: translateY(0);
+        }
+
+        .modalBox.hiding {
+          transform: translateY(100%);
         }
       }
 
@@ -150,6 +175,7 @@ let ConsentsoftwareCookieconsent = (() => {
       @media (max-width: 560px) {
         .button-container {
           grid-template-columns: 1fr;
+          padding-bottom: max(16px, env(safe-area-inset-bottom));
         }
       }
 
@@ -171,6 +197,10 @@ let ConsentsoftwareCookieconsent = (() => {
         border-color: ${cssManager.bdTheme(colors.light.ring, colors.dark.ring)};
       }
 
+      .consent-button:active {
+        transform: scale(0.98);
+      }
+
       .consent-button:last-child {
         background: ${cssManager.bdTheme(colors.light.primary, colors.dark.primary)};
         color: ${cssManager.bdTheme(colors.light.primaryForeground, colors.dark.primaryForeground)};
@@ -202,7 +232,6 @@ let ConsentsoftwareCookieconsent = (() => {
         ];
         constructor() {
             super();
-            // Initially hide the consent banner until needed
             this.setAttribute('show', 'false');
         }
         render() {
@@ -255,59 +284,60 @@ let ConsentsoftwareCookieconsent = (() => {
          */
         async connectedCallback() {
             await super.connectedCallback();
+            // Check if mobile
+            this.isMobile = window.matchMedia('(max-width: 560px)').matches;
             const cookieLevel = await this.csWebclientInstance.getCookieLevels();
             if (!cookieLevel) {
-                // Show consent banner if cookie levels haven't been set yet
                 this.setAttribute('show', 'true');
-                requestAnimationFrame(async () => {
-                    await this.updateComplete;
-                    const pageOverlay = this.shadowRoot?.querySelector('.pageOverlay');
-                    if (pageOverlay) {
-                        // Apply subtle backdrop blur when modal appears
-                        pageOverlay.style.background = 'rgba(0,0,0, 0.6)';
-                        pageOverlay.style.backdropFilter = 'blur(4px)';
-                    }
-                    const modalBox = this.shadowRoot?.querySelector('.modalBox');
-                    if (modalBox) {
-                        // Animate modal box appearance
-                        modalBox.style.transform = `scale(1)`;
-                        modalBox.style.opacity = '1';
-                    }
-                });
+                // Small delay to ensure DOM is ready, then animate in
+                await delayFor(50);
+                this.animateIn();
             }
             else {
-                // Hide banner if cookie levels are already set
                 this.setAttribute('show', 'false');
             }
         }
         async firstUpdated() {
-            // Run consent scripts if levels are already set
             const acceptedCookieLevels = await this.csWebclientInstance.getCookieLevels();
             if (!this.csWebclientRan && acceptedCookieLevels) {
                 this.csWebclientRan = true;
                 await this.csWebclientInstance.getAndRunConsentTuples();
             }
         }
-        /**
-         * Handles consent button clicks, sets cookie levels, and hides the banner.
-         */
-        async handleConsentButtonClick(event, levelsArg) {
-            console.log(`Set level to ${levelsArg}`);
+        animateIn() {
             const pageOverlay = this.shadowRoot?.querySelector('.pageOverlay');
+            const modalBox = this.shadowRoot?.querySelector('.modalBox');
             if (pageOverlay) {
-                pageOverlay.style.background = 'rgba(0,0,0, 0)';
-                pageOverlay.style.backdropFilter = 'blur(0px)';
+                pageOverlay.style.background = 'rgba(0, 0, 0, 0.5)';
+                pageOverlay.style.backdropFilter = 'blur(4px)';
+            }
+            if (modalBox) {
+                modalBox.classList.remove('hiding');
+                modalBox.classList.add('visible');
             }
+        }
+        async animateOut() {
+            const pageOverlay = this.shadowRoot?.querySelector('.pageOverlay');
             const modalBox = this.shadowRoot?.querySelector('.modalBox');
+            if (pageOverlay) {
+                pageOverlay.style.background = 'rgba(0, 0, 0, 0)';
+                pageOverlay.style.backdropFilter = 'blur(0px)';
+            }
             if (modalBox) {
-                // Scale down and fade out modal box before hiding
-                modalBox.style.transform = `scale(0.95)`;
-                modalBox.style.opacity = '0';
+                modalBox.classList.remove('visible');
+                modalBox.classList.add('hiding');
             }
+            await delayFor(350);
+        }
+        /**
+         * Handles consent button clicks, sets cookie levels, and hides the banner.
+         */
+        async handleConsentButtonClick(_event, levelsArg) {
+            console.log(`Set level to ${levelsArg}`);
+            await this.animateOut();
             // Save user consent preferences
             await this.csWebclientInstance.setCookieLevels(levelsArg);
-            await delayFor(300);
-            this.setAttribute('show', 'false'); // Hide the consent banner
+            this.setAttribute('show', 'false');
             // Run consent scripts
             if (!this.csWebclientRan) {
                 this.csWebclientRan = true;
@@ -320,13 +350,10 @@ let ConsentsoftwareCookieconsent = (() => {
          */
         async pageOverlayClick(e) {
             if (e.target === e.currentTarget) {
-                const pageOverlay = this.shadowRoot?.querySelector('.pageOverlay');
                 const modalBox = this.shadowRoot?.querySelector('.modalBox');
-                if (pageOverlay && modalBox) {
-                    pageOverlay.classList.add('shake');
+                if (modalBox) {
                     modalBox.classList.add('shake');
-                    await delayFor(2000);
-                    pageOverlay.classList.remove('shake');
+                    await delayFor(300);
                     modalBox.classList.remove('shake');
                 }
             }
@@ -338,4 +365,4 @@ let ConsentsoftwareCookieconsent = (() => {
     return ConsentsoftwareCookieconsent = _classThis;
 })();
 export { ConsentsoftwareCookieconsent };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc2VudHNvZnR3YXJlLWNvb2tpZWNvbnNlbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvY29uc2VudHNvZnR3YXJlLWNvb2tpZWNvbnNlbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRWpELE9BQU8sRUFDTCxXQUFXLEVBQ1gsYUFBYSxFQUNiLElBQUksRUFDSixHQUFHLEVBRUgsUUFBUSxHQUNULE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxLQUFLLFlBQVksTUFBTSw4QkFBOEIsQ0FBQztBQUM3RCxPQUFPLEtBQUssV0FBVyxNQUFNLDZCQUE2QixDQUFDO0FBQzNELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztJQVNyQyw0QkFBNEI7NEJBRHhDLGFBQWEsQ0FBQywrQkFBK0IsQ0FBQzs7OztzQkFDRyxXQUFXOzRDQUFuQixTQUFRLFdBQVc7Ozs7WUFBN0QsNktBd1NDOzs7O1FBdlNRLE1BQU0sQ0FBQyxJQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBLGlFQUFpRSxDQUFDO1FBRTFGLG1CQUFtQixHQUFHLElBQUksV0FBVyxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ3BELGNBQWMsR0FBRyxLQUFLLENBQUM7UUFFdkIsTUFBTSxDQUFDLE1BQU0sR0FBRztZQUNyQixVQUFVLENBQUMsYUFBYTtZQUN4QixHQUFHLENBQUE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztpQkF3QlUsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLFVBQVUsRUFBRSxNQUFNLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQztzQkFDOUQsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLFVB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc2VudHNvZnR3YXJlLWNvb2tpZWNvbnNlbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvY29uc2VudHNvZnR3YXJlLWNvb2tpZWNvbnNlbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRWpELE9BQU8sRUFDTCxXQUFXLEVBQ1gsYUFBYSxFQUNiLElBQUksRUFDSixHQUFHLEdBRUosTUFBTSw2QkFBNkIsQ0FBQztBQUVyQyxPQUFPLEtBQUssWUFBWSxNQUFNLDhCQUE4QixDQUFDO0FBQzdELE9BQU8sS0FBSyxXQUFXLE1BQU0sNkJBQTZCLENBQUM7QUFDM0QsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0lBU3JDLDRCQUE0Qjs0QkFEeEMsYUFBYSxDQUFDLCtCQUErQixDQUFDOzs7O3NCQUNHLFdBQVc7NENBQW5CLFNBQVEsV0FBVzs7OztZQUE3RCw2S0E2VUM7Ozs7UUE1VVEsTUFBTSxDQUFDLElBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUEsaUVBQWlFLENBQUM7UUFFMUYsbUJBQW1CLEdBQUcsSUFBSSxXQUFXLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDcEQsY0FBYyxHQUFHLEtBQUssQ0FBQztRQUN0QixRQUFRLEdBQUcsS0FBSyxDQUFDO1FBRWxCLE1BQU0sQ0FBQyxNQUFNLEdBQUc7WUFDckIsVUFBVSxDQUFDLGFBQWE7WUFDeEIsR0FBRyxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7aUJBd0JVLFVBQVUsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxVQUFVLEVBQUUsTUFBTSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUM7c0JBQzlELFVBQVUsQ0FBQyxPQUFPLENBQUMsTUFBTSxD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

package/dist_watch/bundle.js

@@ -19591,17 +19591,17 @@ var setDayOfYear_default = setDayOfYear;
 function setDefaultOptions2(options) {
   const result = {};
   const defaultOptions2 = getDefaultOptions();
-  for (const property2 in defaultOptions2) {
-    if (Object.prototype.hasOwnProperty.call(defaultOptions2, property2)) {
-      result[property2] = defaultOptions2[property2];
+  for (const property in defaultOptions2) {
+    if (Object.prototype.hasOwnProperty.call(defaultOptions2, property)) {
+      result[property] = defaultOptions2[property];
     }
   }
-  for (const property2 in options) {
-    if (Object.prototype.hasOwnProperty.call(options, property2)) {
-      if (options[property2] === void 0) {
-        delete result[property2];
+  for (const property in options) {
+    if (Object.prototype.hasOwnProperty.call(options, property)) {
+      if (options[property] === void 0) {
+        delete result[property];
       } else {
-        result[property2] = options[property2];
+        result[property] = options[property];
       }
     }
   }
@@ -26537,7 +26537,7 @@ var CallableInstance = (
    * @param {string | symbol} property
    * @returns {(...parameters: Array<unknown>) => unknown}
    */
-  (function(property2) {
+  (function(property) {
     const self2 = this;
     const constr = self2.constructor;
     const proto = (
@@ -26546,7 +26546,7 @@ var CallableInstance = (
       // type-coverage:ignore-next-line
       constr.prototype
     );
-    const value2 = proto[property2];
+    const value2 = proto[property];
     const apply = function() {
       return value2.apply(apply, arguments);
     };
@@ -38633,8 +38633,8 @@ var Schema = class {
    * @param {Normal} normal
    * @param {string} [space]
    */
-  constructor(property2, normal, space2) {
-    this.property = property2;
+  constructor(property, normal, space2) {
+    this.property = property;
     this.normal = normal;
     if (space2) {
       this.space = space2;
@@ -38647,14 +38647,14 @@ Schema.prototype.space = null;
 
 // node_modules/.pnpm/property-information@6.5.0/node_modules/property-information/lib/util/merge.js
 function merge3(definitions, space2) {
-  const property2 = {};
+  const property = {};
   const normal = {};
   let index2 = -1;
   while (++index2 < definitions.length) {
-    Object.assign(property2, definitions[index2].property);
+    Object.assign(property, definitions[index2].property);
     Object.assign(normal, definitions[index2].normal);
   }
-  return new Schema(property2, normal, space2);
+  return new Schema(property, normal, space2);
 }
 
 // node_modules/.pnpm/property-information@6.5.0/node_modules/property-information/lib/normalize.js
@@ -38669,8 +38669,8 @@ var Info = class {
    * @param {string} property
    * @param {string} attribute
    */
-  constructor(property2, attribute) {
-    this.property = property2;
+  constructor(property, attribute) {
+    this.property = property;
     this.attribute = attribute;
   }
 };
@@ -38718,9 +38718,9 @@ var DefinedInfo = class extends Info {
    * @param {number|null} [mask]
    * @param {string} [space]
    */
-  constructor(property2, attribute, mask, space2) {
+  constructor(property, attribute, mask, space2) {
     let index2 = -1;
-    super(property2, attribute);
+    super(property, attribute);
     mark(this, "space", space2);
     if (typeof mask === "number") {
       while (++index2 < checks.length) {
@@ -38740,7 +38740,7 @@ function mark(values, key2, value2) {
 // node_modules/.pnpm/property-information@6.5.0/node_modules/property-information/lib/util/create.js
 var own9 = {}.hasOwnProperty;
 function create6(definition3) {
-  const property2 = {};
+  const property = {};
   const normal = {};
   let prop;
   for (prop in definition3.properties) {
@@ -38755,12 +38755,12 @@ function create6(definition3) {
       if (definition3.mustUseProperty && definition3.mustUseProperty.includes(prop)) {
         info.mustUseProperty = true;
       }
-      property2[prop] = info;
+      property[prop] = info;
       normal[normalize4(prop)] = prop;
       normal[normalize4(info.attribute)] = prop;
     }
   }
-  return new Schema(property2, normal, definition3.space);
+  return new Schema(property, normal, definition3.space);
 }
 
 // node_modules/.pnpm/property-information@6.5.0/node_modules/property-information/lib/xlink.js
@@ -38795,8 +38795,8 @@ function caseSensitiveTransform(attributes, attribute) {
 }
 
 // node_modules/.pnpm/property-information@6.5.0/node_modules/property-information/lib/util/case-insensitive-transform.js
-function caseInsensitiveTransform(attributes, property2) {
-  return caseSensitiveTransform(attributes, property2.toLowerCase());
+function caseInsensitiveTransform(attributes, property) {
+  return caseSensitiveTransform(attributes, property.toLowerCase());
 }
 
 // node_modules/.pnpm/property-information@6.5.0/node_modules/property-information/lib/xmlns.js
@@ -44825,8 +44825,8 @@ var Lenis = class {
   };
   onTransitionEnd = (event) => {
     if (event.propertyName.includes("overflow")) {
-      const property2 = this.isHorizontal ? "overflow-x" : "overflow-y";
-      const overflow = getComputedStyle(this.rootElement)[property2];
+      const property = this.isHorizontal ? "overflow-x" : "overflow-y";
+      const overflow = getComputedStyle(this.rootElement)[property];
       if (["hidden", "clip"].includes(overflow)) {
         this.internalStop();
       } else {
@@ -47808,8 +47808,8 @@ var WccProperties = class WccProperties2 extends DeesElement {
           continue;
         }
         try {
-          const property2 = classProperties.get(key2);
-          const propertyTypeString = await determinePropertyType(property2);
+          const property = classProperties.get(key2);
+          const propertyTypeString = await determinePropertyType(property);
           propertyArray.push(x`
             <div class="property">
               <div class="property-label">${key2} (${propertyTypeString})</div>
@@ -47840,7 +47840,7 @@ var WccProperties = class WccProperties2 extends DeesElement {
                 }}"
                     />`;
               case "Enum":
-                const enumValues = getEnumValues(property2);
+                const enumValues = getEnumValues(property);
                 return x`<select
                       .value=${firstFoundInstantiatedElement[key2] || ""}
                       @change="${(eventArg) => {
@@ -48427,6 +48427,7 @@ var ConsentsoftwareCookieconsent = class extends (_a = DeesElement) {
   static demo = () => x`<consentsoftware-cookieconsent></consentsoftware-cookieconsent>`;
   csWebclientInstance = new CsWebclient();
   csWebclientRan = false;
+  isMobile = false;
   static styles = [
     cssManager.defaultStyles,
     i`
@@ -48444,7 +48445,7 @@ var ConsentsoftwareCookieconsent = class extends (_a = DeesElement) {
         z-index: 1000;
         background: rgba(0, 0, 0, 0);
         backdrop-filter: blur(0px);
-        transition: all 0.2s ease-out;
+        transition: background 0.3s ease, backdrop-filter 0.3s ease;
       }
 
       .pageOverlay.shake {
@@ -48464,18 +48465,42 @@ var ConsentsoftwareCookieconsent = class extends (_a = DeesElement) {
         min-width: 320px;
         box-sizing: border-box;
         overflow: hidden;
-        will-change: transform;
-        transition: all 0.2s ease-out;
-        transform: scale(0.96);
+        will-change: transform, opacity;
+        transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
+        transform: scale(0.92) translateY(20px);
         opacity: 0;
       }
 
+      .modalBox.visible {
+        transform: scale(1) translateY(0);
+        opacity: 1;
+      }
+
+      .modalBox.hiding {
+        transform: scale(0.95) translateY(10px);
+        opacity: 0;
+      }
+
+      /* Mobile: slide up from bottom */
       @media (max-width: 560px) {
+        .pageOverlay {
+          align-items: flex-end;
+        }
+
         .modalBox {
           max-width: 100%;
           min-width: 100%;
-          height: 100vh;
-          border-radius: 0;
+          border-radius: 16px 16px 0 0;
+          transform: translateY(100%);
+          opacity: 1;
+        }
+
+        .modalBox.visible {
+          transform: translateY(0);
+        }
+
+        .modalBox.hiding {
+          transform: translateY(100%);
         }
       }
 
@@ -48523,6 +48548,7 @@ var ConsentsoftwareCookieconsent = class extends (_a = DeesElement) {
       @media (max-width: 560px) {
         .button-container {
           grid-template-columns: 1fr;
+          padding-bottom: max(16px, env(safe-area-inset-bottom));
         }
       }
 
@@ -48544,6 +48570,10 @@ var ConsentsoftwareCookieconsent = class extends (_a = DeesElement) {
         border-color: ${cssManager.bdTheme(colors.light.ring, colors.dark.ring)};
       }
 
+      .consent-button:active {
+        transform: scale(0.98);
+      }
+
       .consent-button:last-child {
         background: ${cssManager.bdTheme(colors.light.primary, colors.dark.primary)};
         color: ${cssManager.bdTheme(colors.light.primaryForeground, colors.dark.primaryForeground)};
@@ -48627,22 +48657,12 @@ var ConsentsoftwareCookieconsent = class extends (_a = DeesElement) {
    */
   async connectedCallback() {
     await super.connectedCallback();
+    this.isMobile = window.matchMedia("(max-width: 560px)").matches;
     const cookieLevel = await this.csWebclientInstance.getCookieLevels();
     if (!cookieLevel) {
       this.setAttribute("show", "true");
-      requestAnimationFrame(async () => {
-        await this.updateComplete;
-        const pageOverlay = this.shadowRoot?.querySelector(".pageOverlay");
-        if (pageOverlay) {
-          pageOverlay.style.background = "rgba(0,0,0, 0.6)";
-          pageOverlay.style.backdropFilter = "blur(4px)";
-        }
-        const modalBox = this.shadowRoot?.querySelector(".modalBox");
-        if (modalBox) {
-          modalBox.style.transform = `scale(1)`;
-          modalBox.style.opacity = "1";
-        }
-      });
+      await delayFor(50);
+      this.animateIn();
     } else {
       this.setAttribute("show", "false");
     }
@@ -48654,23 +48674,38 @@ var ConsentsoftwareCookieconsent = class extends (_a = DeesElement) {
       await this.csWebclientInstance.getAndRunConsentTuples();
     }
   }
-  /**
-   * Handles consent button clicks, sets cookie levels, and hides the banner.
-   */
-  async handleConsentButtonClick(event, levelsArg) {
-    console.log(`Set level to ${levelsArg}`);
+  animateIn() {
     const pageOverlay = this.shadowRoot?.querySelector(".pageOverlay");
+    const modalBox = this.shadowRoot?.querySelector(".modalBox");
     if (pageOverlay) {
-      pageOverlay.style.background = "rgba(0,0,0, 0)";
-      pageOverlay.style.backdropFilter = "blur(0px)";
+      pageOverlay.style.background = "rgba(0, 0, 0, 0.5)";
+      pageOverlay.style.backdropFilter = "blur(4px)";
+    }
+    if (modalBox) {
+      modalBox.classList.remove("hiding");
+      modalBox.classList.add("visible");
     }
+  }
+  async animateOut() {
+    const pageOverlay = this.shadowRoot?.querySelector(".pageOverlay");
     const modalBox = this.shadowRoot?.querySelector(".modalBox");
+    if (pageOverlay) {
+      pageOverlay.style.background = "rgba(0, 0, 0, 0)";
+      pageOverlay.style.backdropFilter = "blur(0px)";
+    }
     if (modalBox) {
-      modalBox.style.transform = `scale(0.95)`;
-      modalBox.style.opacity = "0";
+      modalBox.classList.remove("visible");
+      modalBox.classList.add("hiding");
     }
+    await delayFor(350);
+  }
+  /**
+   * Handles consent button clicks, sets cookie levels, and hides the banner.
+   */
+  async handleConsentButtonClick(_event, levelsArg) {
+    console.log(`Set level to ${levelsArg}`);
+    await this.animateOut();
     await this.csWebclientInstance.setCookieLevels(levelsArg);
-    await delayFor(300);
     this.setAttribute("show", "false");
     if (!this.csWebclientRan) {
       this.csWebclientRan = true;
@@ -48683,13 +48718,10 @@ var ConsentsoftwareCookieconsent = class extends (_a = DeesElement) {
    */
   async pageOverlayClick(e10) {
     if (e10.target === e10.currentTarget) {
-      const pageOverlay = this.shadowRoot?.querySelector(".pageOverlay");
       const modalBox = this.shadowRoot?.querySelector(".modalBox");
-      if (pageOverlay && modalBox) {
-        pageOverlay.classList.add("shake");
+      if (modalBox) {
         modalBox.classList.add("shake");
-        await delayFor(2e3);
-        pageOverlay.classList.remove("shake");
+        await delayFor(300);
         modalBox.classList.remove("shake");
       }
     }