@justeattakeaway/pie-cookie-banner 1.6.21 → 1.6.22

package/cdn_dist/index.js

@@ -169,7 +169,7 @@ const Ut=Symbol.for(""),qt=e=>{if((null==e?void 0:e.r)===Ut)return null==e?void
             width: var(--icon-size-override);
             height: var(--icon-size-override);
         }
-    `;let oi=ii;ti([be({type:String,reflect:!0})],oi.prototype,"size"),ti([ue()],oi.prototype,"_svgWidth"),ti([ue()],oi.prototype,"_svgHeight");var ni=Object.defineProperty,ri=Object.getOwnPropertyDescriptor,ai=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?ri(t,i):t,a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&ni(t,i,r),r};let si=class extends oi{constructor(){super(...arguments),this.size="xs",this.defaultClasses="c-pieIcon c-pieIcon--close",this.class="c-pieIcon c-pieIcon--close",this.name="IconClose"}render(){return V`<svg width="${this._svgWidth}" height="${this._svgHeight}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--close"><path d="M11.868 3.205 8 7.073 4.133 3.205l-.928.928L7.073 8l-3.868 3.868.928.927L8 8.928l3.868 3.867.927-.927L8.928 8l3.867-3.867-.927-.928Z"></path></svg>`}};ai([be({type:String,reflect:!0})],si.prototype,"size",2),ai([be({type:String,reflect:!0})],si.prototype,"class",2),si=ai([Pe("icon-close")],si);var li=Object.defineProperty,ci=Object.getOwnPropertyDescriptor,di=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?ci(t,i):t,a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&li(t,i,r),r};let hi=class extends oi{constructor(){super(...arguments),this.size="xs",this.defaultClasses="c-pieIcon c-pieIcon--chevronLeft",this.class="c-pieIcon c-pieIcon--chevronLeft",this.name="IconChevronLeft"}render(){return V`<svg width="${this._svgWidth}" height="${this._svgHeight}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--chevronLeft"><path d="M10.96 2.82 5.605 8l5.399 5.197-.875.963-5.565-5.364a1.164 1.164 0 0 1 0-1.671l5.495-5.25.901.945Z"></path></svg>`}};di([be({type:String,reflect:!0})],hi.prototype,"size",2),di([be({type:String,reflect:!0})],hi.prototype,"class",2),hi=di([Pe("icon-chevron-left")],hi);const pi=class e extends le{willUpdate(){this.getAttribute("v")||this.setAttribute("v",e.v)}};pi.v="1.14.1";let vi=pi;var bi=!1;if(typeof window<"u"){var ui={get passive(){bi=!0}};window.addEventListener("testPassive",null,ui),window.removeEventListener("testPassive",null,ui)}var mi=typeof window<"u"&&window.navigator&&window.navigator.platform&&(/iP(ad|hone|od)/.test(window.navigator.platform)||"MacIntel"===window.navigator.platform&&window.navigator.maxTouchPoints>1),gi=[],fi=!1,yi=-1,ki=void 0,wi=void 0,xi=function(e){return gi.some(function(t){return!(!t.options.allowTouchMove||!t.options.allowTouchMove(e))})},Ai=function(e){var t=e||window.event;return!!(xi(t.target)||t.touches.length>1)||(t.preventDefault&&t.preventDefault(),!1)},_i=function(e,t){if(e){if(!gi.some(function(t){return t.targetElement===e})){var i={targetElement:e,options:{}};gi=[].concat(function(e){if(Array.isArray(e)){for(var t=0,i=Array(e.length);t<e.length;t++)i[t]=e[t];return i}return Array.from(e)}(gi),[i]),mi?(e.ontouchstart=function(e){1===e.targetTouches.length&&(yi=e.targetTouches[0].clientY)},e.ontouchmove=function(t){1===t.targetTouches.length&&function(e,t){var i=e.targetTouches[0].clientY-yi;!xi(e.target)&&(t&&0===t.scrollTop&&i>0||function(e){return!!e&&e.scrollHeight-e.scrollTop<=e.clientHeight}(t)&&i<0?Ai(e):e.stopPropagation())}(t,e)},fi||(document.addEventListener("touchmove",Ai,bi?{passive:!1}:void 0),fi=!0)):function(){void 0===wi&&(window.innerWidth,document.documentElement.clientWidth);void 0===ki&&(ki=document.body.style.overflow,document.body.style.overflow="hidden")}()}}else console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.")},zi=function(e){e?(gi=gi.filter(function(t){return t.targetElement!==e}),mi?(e.ontouchstart=null,e.ontouchmove=null,fi&&0===gi.length&&(document.removeEventListener("touchmove",Ai,bi?{passive:!1}:void 0),fi=!1)):gi.length||(void 0!==wi&&(document.body.style.paddingRight=wi,wi=void 0),void 0!==ki&&(document.body.style.overflow=ki,ki=void 0))):console.error("enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.")};const Si="pie-modal-close",Ei="pie-modal-open",$i="pie-modal-back",Ci=!1,Mi=!1,Oi="h2",Ti=!1,Bi=!1,Pi=!0,Li=!1,Ni=!1,ji="center",Ii="medium";var Di=Object.defineProperty,Fi=Object.getOwnPropertyDescriptor,Ri=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?Fi(t,i):t,a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Di(t,i,r),r};const Hi="pie-modal";let Vi=class extends vi{constructor(){super(...arguments),this.headingLevel=Oi,this.hasBackButton=Ci,this.hasStackedActions=Mi,this.isDismissible=Bi,this.isFooterPinned=Pi,this.isFullWidthBelowMid=Li,this.isLoading=Ni,this.isOpen=Ti,this.position=ji,this.size=Ii,this._scrollableContainer=null,this._backButtonClicked=!1,this._escKeyAbortController=null,this._preventModalKeyboardDismissal=e=>{"Escape"===e.key&&e.preventDefault()},this._handleDialogLightDismiss=e=>{if(!this.isDismissible||e.target!==e.currentTarget)return;const t=this._dialog.getBoundingClientRect(),{top:i=0,bottom:o=0,left:n=0,right:r=0}=t||{};0===i&&0===o&&0===n&&0===r||(e.clientY<i||e.clientY>o||e.clientX<n||e.clientX>r)&&(this.isOpen=!1)}}get _modalScrollContainer(){var e;return this._scrollableContainer||(this._scrollableContainer=null==(e=this._dialog)?void 0:e.querySelector(".c-modal-scrollContainer")),this._scrollableContainer}connectedCallback(){super.connectedCallback(),this._abortController=new AbortController;const{signal:e}=this._abortController;this.addEventListener("click",e=>this._handleDialogLightDismiss(e)),this._setupEscKeyListener(),document.addEventListener(Ei,e=>this._handleModalOpened(e),{signal:e}),document.addEventListener(Si,e=>this._handleModalClosed(e),{signal:e}),document.addEventListener($i,e=>this._handleModalClosed(e),{signal:e})}disconnectedCallback(){super.disconnectedCallback(),this._abortController.abort(),this._enableBodyScroll(),this._removeEscKeyEventListener()}async firstUpdated(e){(await Promise.resolve().then(()=>Ho).then(e=>e.default)).registerDialog(this._dialog);const{signal:t}=this._abortController;this._dialog.addEventListener("close",()=>{this.isOpen=!1},{signal:t}),this._handleModalOpenStateOnFirstRender(e)}updated(e){this._handleModalOpenStateChanged(e),this._handleIsDismissibleChanged(e)}_handleIsDismissibleChanged(e){const t=e.get("isDismissible"),i=this.isDismissible;!t&&i&&this._removeEscKeyEventListener(),t&&!i&&this._setupEscKeyListener()}_handleModalOpened(e){const{targetModal:t}=e.detail;if(t===this){if(this._dialog.hasAttribute("open")||!this._dialog.isConnected)return;this._dialog.showModal(),requestAnimationFrame(()=>{this._dialog.hasAttribute("open")&&(this._disableBodyScroll(),this._setupEscKeyListener())})}}_handleModalClosed(e){const{targetModal:t}=e.detail;t===this&&(this._enableBodyScroll(),this._dialog.close(),this._returnFocus(),this._removeEscKeyEventListener())}_setupEscKeyListener(){if(!this._escKeyAbortController&&!this.isDismissible){this._escKeyAbortController=new AbortController;const{signal:e}=this._escKeyAbortController;document.addEventListener("keydown",e=>this._preventModalKeyboardDismissal(e),{signal:e})}}_removeEscKeyEventListener(){var e;null==(e=this._escKeyAbortController)||e.abort(),this._escKeyAbortController=null}_handleModalOpenStateOnFirstRender(e){void 0===e.get("isOpen")&&this.isOpen&&Le(this,Ei,{targetModal:this})}_handleModalOpenStateChanged(e){const t=e.get("isOpen");void 0!==t&&(t?this._backButtonClicked?(this._backButtonClicked=!1,Le(this,$i,{targetModal:this})):Le(this,Si,{targetModal:this}):Le(this,Ei,{targetModal:this}))}_handleActionClick(e){"leading"===e?(this._dialog.close("leading"),Le(this,"pie-modal-leading-action-click",{targetModal:this})):"supporting"===e&&(this._dialog.close("supporting"),Le(this,"pie-modal-supporting-action-click",{targetModal:this}))}_returnFocus(){var e,t;const i=null==(e=this.returnFocusAfterCloseSelector)?void 0:e.trim();i&&(null==(t=document.querySelector(i))||t.focus())}_enableBodyScroll(){this._scrollableContainer&&zi(this._scrollableContainer)}_disableBodyScroll(){this._modalScrollContainer&&_i(this._modalScrollContainer)}renderCloseButton(){var e,t;return this.isDismissible?Gt`
+    `;let oi=ii;ti([be({type:String,reflect:!0})],oi.prototype,"size"),ti([ue()],oi.prototype,"_svgWidth"),ti([ue()],oi.prototype,"_svgHeight");var ni=Object.defineProperty,ri=Object.getOwnPropertyDescriptor,ai=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?ri(t,i):t,a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&ni(t,i,r),r};let si=class extends oi{constructor(){super(...arguments),this.size="xs",this.defaultClasses="c-pieIcon c-pieIcon--close",this.class="c-pieIcon c-pieIcon--close",this.name="IconClose"}render(){return V`<svg width="${this._svgWidth}" height="${this._svgHeight}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--close"><path d="M11.868 3.205 8 7.073 4.133 3.205l-.928.928L7.073 8l-3.868 3.868.928.927L8 8.928l3.868 3.867.927-.927L8.928 8l3.867-3.867-.927-.928Z"></path></svg>`}};ai([be({type:String,reflect:!0})],si.prototype,"size",2),ai([be({type:String,reflect:!0})],si.prototype,"class",2),si=ai([Pe("icon-close")],si);var li=Object.defineProperty,ci=Object.getOwnPropertyDescriptor,di=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?ci(t,i):t,a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&li(t,i,r),r};let hi=class extends oi{constructor(){super(...arguments),this.size="xs",this.defaultClasses="c-pieIcon c-pieIcon--chevronLeft",this.class="c-pieIcon c-pieIcon--chevronLeft",this.name="IconChevronLeft"}render(){return V`<svg width="${this._svgWidth}" height="${this._svgHeight}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--chevronLeft"><path d="M10.96 2.82 5.605 8l5.399 5.197-.875.963-5.565-5.364a1.164 1.164 0 0 1 0-1.671l5.495-5.25.901.945Z"></path></svg>`}};di([be({type:String,reflect:!0})],hi.prototype,"size",2),di([be({type:String,reflect:!0})],hi.prototype,"class",2),hi=di([Pe("icon-chevron-left")],hi);const pi=class e extends le{willUpdate(){this.getAttribute("v")||this.setAttribute("v",e.v)}};pi.v="1.15.0";let vi=pi;var bi=!1;if(typeof window<"u"){var ui={get passive(){bi=!0}};window.addEventListener("testPassive",null,ui),window.removeEventListener("testPassive",null,ui)}var mi=typeof window<"u"&&window.navigator&&window.navigator.platform&&(/iP(ad|hone|od)/.test(window.navigator.platform)||"MacIntel"===window.navigator.platform&&window.navigator.maxTouchPoints>1),gi=[],fi=!1,yi=-1,ki=void 0,wi=void 0,xi=function(e){return gi.some(function(t){return!(!t.options.allowTouchMove||!t.options.allowTouchMove(e))})},Ai=function(e){var t=e||window.event;return!!(xi(t.target)||t.touches.length>1)||(t.preventDefault&&t.preventDefault(),!1)},_i=function(e,t){if(e){if(!gi.some(function(t){return t.targetElement===e})){var i={targetElement:e,options:{}};gi=[].concat(function(e){if(Array.isArray(e)){for(var t=0,i=Array(e.length);t<e.length;t++)i[t]=e[t];return i}return Array.from(e)}(gi),[i]),mi?(e.ontouchstart=function(e){1===e.targetTouches.length&&(yi=e.targetTouches[0].clientY)},e.ontouchmove=function(t){1===t.targetTouches.length&&function(e,t){var i=e.targetTouches[0].clientY-yi;!xi(e.target)&&(t&&0===t.scrollTop&&i>0||function(e){return!!e&&e.scrollHeight-e.scrollTop<=e.clientHeight}(t)&&i<0?Ai(e):e.stopPropagation())}(t,e)},fi||(document.addEventListener("touchmove",Ai,bi?{passive:!1}:void 0),fi=!0)):function(){void 0===wi&&(window.innerWidth,document.documentElement.clientWidth);void 0===ki&&(ki=document.body.style.overflow,document.body.style.overflow="hidden")}()}}else console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.")},zi=function(e){e?(gi=gi.filter(function(t){return t.targetElement!==e}),mi?(e.ontouchstart=null,e.ontouchmove=null,fi&&0===gi.length&&(document.removeEventListener("touchmove",Ai,bi?{passive:!1}:void 0),fi=!1)):gi.length||(void 0!==wi&&(document.body.style.paddingRight=wi,wi=void 0),void 0!==ki&&(document.body.style.overflow=ki,ki=void 0))):console.error("enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.")};const Si="pie-modal-close",Ei="pie-modal-open",$i="pie-modal-back",Ci=!1,Mi=!1,Oi="h2",Ti=!1,Bi=!1,Pi=!0,Li=!1,Ni=!1,ji="center",Ii="medium";var Di=Object.defineProperty,Fi=Object.getOwnPropertyDescriptor,Ri=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?Fi(t,i):t,a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Di(t,i,r),r};const Hi="pie-modal";let Vi=class extends vi{constructor(){super(...arguments),this.headingLevel=Oi,this.hasBackButton=Ci,this.hasStackedActions=Mi,this.isDismissible=Bi,this.isFooterPinned=Pi,this.isFullWidthBelowMid=Li,this.isLoading=Ni,this.isOpen=Ti,this.position=ji,this.size=Ii,this._scrollableContainer=null,this._backButtonClicked=!1,this._escKeyAbortController=null,this._preventModalKeyboardDismissal=e=>{"Escape"===e.key&&e.preventDefault()},this._handleDialogLightDismiss=e=>{if(!this.isDismissible||e.target!==e.currentTarget)return;const t=this._dialog.getBoundingClientRect(),{top:i=0,bottom:o=0,left:n=0,right:r=0}=t||{};0===i&&0===o&&0===n&&0===r||(e.clientY<i||e.clientY>o||e.clientX<n||e.clientX>r)&&(this.isOpen=!1)}}get _modalScrollContainer(){var e;return this._scrollableContainer||(this._scrollableContainer=null==(e=this._dialog)?void 0:e.querySelector(".c-modal-scrollContainer")),this._scrollableContainer}connectedCallback(){super.connectedCallback(),this._abortController=new AbortController;const{signal:e}=this._abortController;this.addEventListener("click",e=>this._handleDialogLightDismiss(e)),this._setupEscKeyListener(),document.addEventListener(Ei,e=>this._handleModalOpened(e),{signal:e}),document.addEventListener(Si,e=>this._handleModalClosed(e),{signal:e}),document.addEventListener($i,e=>this._handleModalClosed(e),{signal:e})}disconnectedCallback(){super.disconnectedCallback(),this._abortController.abort(),this._enableBodyScroll(),this._removeEscKeyEventListener()}async firstUpdated(e){(await Promise.resolve().then(()=>Ho).then(e=>e.default)).registerDialog(this._dialog);const{signal:t}=this._abortController;this._dialog.addEventListener("close",()=>{this.isOpen=!1},{signal:t}),this._handleModalOpenStateOnFirstRender(e)}updated(e){this._handleModalOpenStateChanged(e),this._handleIsDismissibleChanged(e)}_handleIsDismissibleChanged(e){const t=e.get("isDismissible"),i=this.isDismissible;!t&&i&&this._removeEscKeyEventListener(),t&&!i&&this._setupEscKeyListener()}_handleModalOpened(e){const{targetModal:t}=e.detail;if(t===this){if(this._dialog.hasAttribute("open")||!this._dialog.isConnected)return;this._dialog.showModal(),requestAnimationFrame(()=>{this._dialog.hasAttribute("open")&&(this._disableBodyScroll(),this._setupEscKeyListener())})}}_handleModalClosed(e){const{targetModal:t}=e.detail;t===this&&(this._enableBodyScroll(),this._dialog.close(),this._returnFocus(),this._removeEscKeyEventListener())}_setupEscKeyListener(){if(!this._escKeyAbortController&&!this.isDismissible){this._escKeyAbortController=new AbortController;const{signal:e}=this._escKeyAbortController;document.addEventListener("keydown",e=>this._preventModalKeyboardDismissal(e),{signal:e})}}_removeEscKeyEventListener(){var e;null==(e=this._escKeyAbortController)||e.abort(),this._escKeyAbortController=null}_handleModalOpenStateOnFirstRender(e){void 0===e.get("isOpen")&&this.isOpen&&Le(this,Ei,{targetModal:this})}_handleModalOpenStateChanged(e){const t=e.get("isOpen");void 0!==t&&(t?this._backButtonClicked?(this._backButtonClicked=!1,Le(this,$i,{targetModal:this})):Le(this,Si,{targetModal:this}):Le(this,Ei,{targetModal:this}))}_handleActionClick(e){"leading"===e?(this._dialog.close("leading"),Le(this,"pie-modal-leading-action-click",{targetModal:this})):"supporting"===e&&(this._dialog.close("supporting"),Le(this,"pie-modal-supporting-action-click",{targetModal:this}))}_returnFocus(){var e,t;const i=null==(e=this.returnFocusAfterCloseSelector)?void 0:e.trim();i&&(null==(t=document.querySelector(i))||t.focus())}_enableBodyScroll(){this._scrollableContainer&&zi(this._scrollableContainer)}_disableBodyScroll(){this._modalScrollContainer&&_i(this._modalScrollContainer)}renderCloseButton(){var e,t;return this.isDismissible?Gt`
             <pie-icon-button
                 @click="${()=>{this.isOpen=!1}}"
                 variant="ghost-secondary"
@@ -221,15 +221,17 @@ const Ut=Symbol.for(""),qt=e=>{if((null==e?void 0:e.r)===Ut)return null==e?void
                 ${this.renderLoadingSpinner()}
             </article>
             ${this.renderModalFooter()}`}renderHeading(){const{heading:e,headingLevel:t}=this,i=(e=>({_$litStatic$:e,r:Ut}))(t);return Gt`
-            <${i} class="c-modal-heading">
+            <${i} id="modal-heading" class="c-modal-heading">
                 ${e}
             </${i}>
-        `}render(){const{aria:e,isDismissible:t,isFooterPinned:i,isFullWidthBelowMid:o,isLoading:n,position:r,size:a}=this,s=n&&(null==e?void 0:e.loading)||void 0;return Gt`
+        `}render(){const{aria:e,isDismissible:t,isFooterPinned:i,isFullWidthBelowMid:o,isLoading:n,position:r,size:a}=this,s={"c-modal":!0,[`c-modal--${a}`]:!0,"c-modal--top":"top"===r,"c-modal--dismissible":t,"c-modal--loading":n,"c-modal--pinnedFooter":i,"c-modal--fullWidthBelowMid":o},l=n&&(null==e?void 0:e.loading)||void 0;return Gt`
         <dialog
             id="dialog"
-            class="${Oe({"c-modal":!0,[`c-modal--${a}`]:!0,"c-modal--top":"top"===r,"c-modal--dismissible":t,"c-modal--loading":n,"c-modal--pinnedFooter":i,"c-modal--fullWidthBelowMid":o})}"
+            aria-label="${Te(l)}"
+            aria-labelledby="${Te(l?void 0:"modal-heading")}"
+            class="${Oe(s)}"
+            aria-live="polite"
             aria-busy="${n?"true":"false"}"
-            aria-label="${Te(s)}"
             data-test-id="pie-modal">
             <header class="c-modal-header" data-test-id="modal-header">
                 ${this.renderBackButton()}

package/dist/index.js

@@ -26,7 +26,7 @@ const I = (e, t, n) => {
     this.getAttribute("v") || this.setAttribute("v", k.v);
   }
 };
-k.v = "1.6.21";
+k.v = "1.6.22";
 let A = k;
 const O = "*,*:after,*:before{box-sizing:inherit}*{margin:0}.c-cookieBanner{--cb-font-family: var(--dt-font-interactive-l-family);--cb-font-size: calc(var(--dt-font-body-l-size) * 1px);--cb-line-height: calc(var(--dt-font-body-l-line-height) * 1px);--cb-font-weight: var(--dt-font-body-l-weight);--cb-padding-inline: var(--dt-spacing-d);--cb-padding-block: var(--dt-spacing-d);--cb-offset: 0;color-scheme:only dark;background-color:var(--dt-color-background-dark);color:var(--dt-color-content-inverse);font-family:var(--cb-font-family);font-size:var(--cb-font-size);line-height:var(--cb-line-height);font-weight:var(--cb-font-weight);padding-block-start:var(--cb-padding-block);padding-block-end:var(--cb-padding-block);max-height:432px;position:fixed;bottom:var(--cb-offset);left:var(--cb-offset);right:var(--cb-offset);border-top-left-radius:var(--dt-radius-rounded-c);border-top-right-radius:var(--dt-radius-rounded-c);z-index:var(--dt-z-index-cookie-banner)}@media (min-width: 700px) and (orientation: landscape){.c-cookieBanner{--cb-padding-inline: var(--dt-spacing-f);--cb-offset: var(--dt-spacing-d);max-height:90%;border-bottom-left-radius:var(--dt-radius-rounded-c);border-bottom-right-radius:var(--dt-radius-rounded-c)}}.c-cookieBanner[isCookieBannerHidden]{display:none}@media (prefers-reduced-motion: no-preference){.c-cookieBanner{animation:.5s animate-enter ease-out}@keyframes animate-enter{0%{transform:translate3d(0,75%,0)}to{transform:translateZ(0)}}}.c-cookieBanner-title,.c-cookieBanner-body,.c-cookieBanner-actions{padding-inline-start:var(--cb-padding-inline);padding-inline-end:var(--cb-padding-inline)}.c-cookieBanner-title{--cb-title-font-size: var(--dt-font-heading-s-size--narrow);--cb-title-line-height: var(--dt-font-heading-s-line-height--narrow);font-size:calc(var(--cb-title-font-size) * 1px);font-weight:var(--dt-font-heading-s-weight);line-height:calc(var(--cb-title-line-height) * 1px)}@media (min-width: 700px) and (orientation: landscape){.c-cookieBanner-title{--cb-title-font-size: var(--dt-font-heading-s-size--wide);--cb-title-line-height: var(--dt-font-heading-s-line-height--wide)}}.c-cookieBanner-body{--cb-scroll-shadow-color: var(--dt-color-black);margin-block-start:var(--dt-spacing-a);max-height:200px;overflow-y:auto;background:linear-gradient(to bottom,transparent,var(--dt-color-background-dark) 75%) center bottom,linear-gradient(transparent,var(--cb-scroll-shadow-color)) center bottom;background-repeat:no-repeat;background-size:100% 48px,100% 8px;background-attachment:local,scroll}@media (min-width: 700px) and (orientation: landscape){.c-cookieBanner-body{max-height:150px}}.c-cookieBanner-actions{--cb-actions-flex-dir: column;margin-block-start:var(--dt-spacing-d);display:flex;gap:var(--dt-spacing-d);flex-direction:var(--cb-actions-flex-dir)}.c-cookieBanner-actions>pie-link{text-align:center;align-self:center}@media (min-width: 700px) and (orientation: landscape){.c-cookieBanner-actions{--cb-actions-flex-dir: row-reverse;justify-content:flex-start;align-items:center}}.c-cookieBanner-subheading{--cb-subheading-font-size: var(--dt-font-heading-s-size--narrow);--cb-subheading-line-height: var(--dt-font-heading-s-line-height--narrow);font-size:calc(var(--cb-subheading-font-size) * 1px);font-weight:var(--dt-font-heading-s-weight);line-height:calc(var(--cb-subheading-line-height) * 1px)}@media (min-width: 700px) and (orientation: landscape){.c-cookieBanner-subheading{--cb-subheading-font-size: var(--dt-font-heading-s-size--wide);--cb-subheading-line-height: var(--dt-font-heading-s-line-height--wide)}}.c-cookieBanner-description{font-size:calc(var(--dt-font-body-s-size) * 1px);line-height:calc(var(--dt-font-body-s-line-height) * 1px)}.c-cookieBanner-preference{display:flex;gap:var(--dt-spacing-d);justify-content:space-between;margin-block-start:var(--dt-spacing-e);margin-block-end:var(--dt-spacing-e)}.c-cookieBanner-preference p{margin-block-start:var(--dt-spacing-b)}.c-cookieBanner-preference:last-child{margin-block-end:0}", i = {
   BULGARIAN: "bg",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-cookie-banner",
   "description": "PIE Design System Cookie Banner built using Web Components",
-  "version": "1.6.21",
+  "version": "1.6.22",
   "repository": {
     "type": "git",
     "url": "https://github.com/justeattakeaway/pie",
@@ -58,7 +58,7 @@
     "@justeattakeaway/pie-divider": "1.4.6",
     "@justeattakeaway/pie-icon-button": "2.1.0",
     "@justeattakeaway/pie-link": "1.2.10",
-    "@justeattakeaway/pie-modal": "1.14.1",
+    "@justeattakeaway/pie-modal": "1.15.0",
     "@justeattakeaway/pie-switch": "2.2.0",
     "@justeattakeaway/pie-webc-core": "1.1.0"
   },