@justeattakeaway/pie-cookie-banner 1.10.20 → 1.10.21

package/cdn_dist/index.js

@@ -86,7 +86,7 @@ let Pe=class extends Se{constructor(e){if(super(e),this.it=q,e.type!==we)throw E
             </div>`}renderAriaLabel(){var e;return null!=(e=this.aria)&&e.label?W`
         <span class="c-spinner-label">
             ${this.aria.label}
-        </span>`:q}};it.styles=s("*,*:after,*:before{box-sizing:inherit}:host{display:block}:host([isCentered]){position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.c-spinner{--spinner-size: 24px;--spinner-left-color: hsl(var(--spinner-base-color-h), var(--spinner-base-color-s), var(--spinner-base-color-l), 1);--spinner-right-color: hsl(var(--spinner-base-color-h), var(--spinner-base-color-s), var(--spinner-base-color-l), .35);block-size:var(--spinner-size);inline-size:var(--spinner-size);border-radius:var(--dt-radius-rounded-e);border-width:calc(var(--spinner-size) / 8);border-style:solid;border-color:var(--spinner-left-color) var(--spinner-right-color) var(--spinner-right-color) var(--spinner-left-color);will-change:transform;animation:rotate360 1.15s linear infinite;--spinner-base-color-h: var(--dt-color-content-brand-solid-h);--spinner-base-color-s: var(--dt-color-content-brand-solid-s);--spinner-base-color-l: var(--dt-color-content-brand-solid-l)}.c-spinner.c-spinner--secondary{--spinner-base-color-h: var(--dt-color-content-interactive-secondary-solid-h);--spinner-base-color-s: var(--dt-color-content-interactive-secondary-solid-s);--spinner-base-color-l: var(--dt-color-content-interactive-secondary-solid-l)}.c-spinner.c-spinner--secondary-dark{--spinner-base-color-h: var(--dt-color-content-interactive-dark-solid-h);--spinner-base-color-s: var(--dt-color-content-interactive-dark-solid-s);--spinner-base-color-l: var(--dt-color-content-interactive-dark-solid-l)}.c-spinner.c-spinner--inverse{--spinner-base-color-h: var(--dt-color-content-inverse-solid-h);--spinner-base-color-s: var(--dt-color-content-inverse-solid-s);--spinner-base-color-l: var(--dt-color-content-inverse-solid-l)}.c-spinner.c-spinner--inverse-light{--spinner-base-color-h: var(--dt-color-content-light-solid-h);--spinner-base-color-s: var(--dt-color-content-light-solid-s);--spinner-base-color-l: var(--dt-color-content-light-solid-l)}.c-spinner.c-spinner--xsmall{--spinner-size: 16px}.c-spinner.c-spinner--small{--spinner-size: 20px}.c-spinner.c-spinner--large{--spinner-size: 32px}.c-spinner.c-spinner--xlarge{--spinner-size: 48px}.c-spinner-label{position:absolute;display:block;height:1px;width:1px;border:0;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;clip:rect(0,0,0,0);clip-path:inset(50%)}.c-spinner-label *{overflow:hidden}"),et([be({type:Object})],it.prototype,"aria",2),et([be({type:String}),Fe(tt,["xsmall","small","medium","large","xlarge"],Ye)],it.prototype,"size",2),et([be({type:String}),Fe(tt,["brand","secondary","secondary-dark","inverse","inverse-light"],Ze)],it.prototype,"variant",2),et([be({type:Boolean,reflect:!0})],it.prototype,"isCentered",2),it=et([He("pie-spinner")],it);var ot;ot||(ot=1,function(e){const t=new WeakMap,i=new WeakMap,o=new WeakMap,n=new WeakMap,r=new WeakMap,a=new WeakMap,s=new WeakMap,l=new WeakMap,c=new WeakMap,d=new WeakMap,h=new WeakMap,p=new WeakMap,v=new WeakMap,m=new WeakMap,b=new WeakMap,u={ariaAtomic:"aria-atomic",ariaAutoComplete:"aria-autocomplete",ariaBusy:"aria-busy",ariaChecked:"aria-checked",ariaColCount:"aria-colcount",ariaColIndex:"aria-colindex",ariaColIndexText:"aria-colindextext",ariaColSpan:"aria-colspan",ariaCurrent:"aria-current",ariaDescription:"aria-description",ariaDisabled:"aria-disabled",ariaExpanded:"aria-expanded",ariaHasPopup:"aria-haspopup",ariaHidden:"aria-hidden",ariaInvalid:"aria-invalid",ariaKeyShortcuts:"aria-keyshortcuts",ariaLabel:"aria-label",ariaLevel:"aria-level",ariaLive:"aria-live",ariaModal:"aria-modal",ariaMultiLine:"aria-multiline",ariaMultiSelectable:"aria-multiselectable",ariaOrientation:"aria-orientation",ariaPlaceholder:"aria-placeholder",ariaPosInSet:"aria-posinset",ariaPressed:"aria-pressed",ariaReadOnly:"aria-readonly",ariaRelevant:"aria-relevant",ariaRequired:"aria-required",ariaRoleDescription:"aria-roledescription",ariaRowCount:"aria-rowcount",ariaRowIndex:"aria-rowindex",ariaRowIndexText:"aria-rowindextext",ariaRowSpan:"aria-rowspan",ariaSelected:"aria-selected",ariaSetSize:"aria-setsize",ariaSort:"aria-sort",ariaValueMax:"aria-valuemax",ariaValueMin:"aria-valuemin",ariaValueNow:"aria-valuenow",ariaValueText:"aria-valuetext",role:"role"};function g(e){const t=n.get(e),{form:i}=t;M(e,i,t),C(e,t.labels)}const f=(e,t=!1)=>{const i=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>n.has(e)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP});let o=i.nextNode();const r=!t||e.disabled;for(;o;)o.formDisabledCallback&&r&&_(o,e.disabled),o=i.nextNode()},y={attributes:!0,attributeFilter:["disabled","name"]},k=I()?new MutationObserver(e=>{for(const t of e){const e=t.target;if("disabled"===t.attributeName&&(e.constructor.formAssociated?_(e,e.hasAttribute("disabled")):"fieldset"===e.localName&&f(e)),"name"===t.attributeName&&e.constructor.formAssociated){const t=n.get(e),i=c.get(e);t.setFormValue(i)}}}):{};function w(e){e.forEach(e=>{const{addedNodes:t,removedNodes:i}=e,r=Array.from(t),a=Array.from(i);r.forEach(e=>{var t;if(n.has(e)&&e.constructor.formAssociated&&g(e),d.has(e)){const t=d.get(e);Object.keys(u).filter(e=>null!==t[e]).forEach(i=>{e.setAttribute(u[i],t[i])}),d.delete(e)}if(b.has(e)){const t=b.get(e);e.setAttribute("internals-valid",t.validity.valid.toString()),e.setAttribute("internals-invalid",(!t.validity.valid).toString()),e.setAttribute("aria-invalid",(!t.validity.valid).toString()),b.delete(e)}if("form"===e.localName){const t=l.get(e),i=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>!n.has(e)||!e.constructor.formAssociated||t&&t.has(e)?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT});let o=i.nextNode();for(;o;)g(o),o=i.nextNode()}"fieldset"===e.localName&&(null===(t=k.observe)||void 0===t||t.call(k,e,y),f(e,!0))}),a.forEach(e=>{const t=n.get(e);t&&o.get(t)&&S(t),s.has(e)&&s.get(e).disconnect()})})}function x(e){e.forEach(e=>{const{removedNodes:t}=e;t.forEach(t=>{const i=v.get(e.target);n.has(t)&&P(t),i.disconnect()})})}I()&&new MutationObserver(w);const A={childList:!0,subtree:!0},_=(e,t)=>{e.toggleAttribute("internals-disabled",t),t?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled"),e.formDisabledCallback&&e.formDisabledCallback.apply(e,[t])},S=e=>{o.get(e).forEach(e=>{e.remove()}),o.set(e,[])},E=(e,t)=>{const i=document.createElement("input");return i.type="hidden",i.name=e.getAttribute("name"),e.after(i),o.get(t).push(i),i},C=(e,t)=>{if(t.length){Array.from(t).forEach(t=>t.addEventListener("click",e.click.bind(e)));let i=t[0].id;t[0].id||(i=`${t[0].htmlFor}_Label`,t[0].id=i),e.setAttribute("aria-labelledby",i)}},z=e=>{const t=Array.from(e.elements).filter(e=>!e.tagName.includes("-")&&e.validity).map(e=>e.validity.valid),i=l.get(e)||[],o=[...t,...Array.from(i).filter(e=>e.isConnected).map(e=>n.get(e).validity.valid)].includes(!1);e.toggleAttribute("internals-invalid",o),e.toggleAttribute("internals-valid",!o)},T=e=>{z(B(e.target))},$=e=>{z(B(e.target))},O=e=>{const t=l.get(e.target);t&&t.size&&t.forEach(e=>{e.constructor.formAssociated&&e.formResetCallback&&e.formResetCallback.apply(e)})},M=(e,t,i)=>{if(t){const o=l.get(t);if(o)o.add(e);else{const i=new Set;i.add(e),l.set(t,i),(e=>{const t=["button[type=submit]","input[type=submit]","button:not([type])"].map(e=>`${e}:not([disabled])`).map(t=>`${t}:not([form])${e.id?`,${t}[form='${e.id}']`:""}`).join(",");e.addEventListener("click",i=>{if(i.target.closest(t)){const t=l.get(e);if(e.noValidate)return;t.size&&Array.from(t).reverse().map(e=>n.get(e).reportValidity()).includes(!1)&&i.preventDefault()}})})(t),t.addEventListener("reset",O),t.addEventListener("input",T),t.addEventListener("change",$)}a.set(t,{ref:e,internals:i}),e.constructor.formAssociated&&e.formAssociatedCallback&&setTimeout(()=>{e.formAssociatedCallback.apply(e,[t])},0),z(t)}},B=e=>{let t=e.parentNode;return t&&"FORM"!==t.tagName&&(t=B(t)),t},N=(e,t,i=DOMException)=>{if(!e.constructor.formAssociated)throw new i(t)},L=(e,t,i)=>{const o=l.get(e);return o&&o.size&&o.forEach(e=>{n.get(e)[i]()||(t=!1)}),t},P=e=>{if(e.constructor.formAssociated){const t=n.get(e),{labels:i,form:o}=t;C(e,i),M(e,o,t)}};function I(){return typeof MutationObserver<"u"}class D{constructor(){this.badInput=!1,this.customError=!1,this.patternMismatch=!1,this.rangeOverflow=!1,this.rangeUnderflow=!1,this.stepMismatch=!1,this.tooLong=!1,this.tooShort=!1,this.typeMismatch=!1,this.valid=!0,this.valueMissing=!1,Object.seal(this)}}const j=e=>{let t=!0;for(let i in e)"valid"!==i&&!1!==e[i]&&(t=!1);return t},R=new WeakMap;function F(e,t){e.toggleAttribute(t,!0),e.part&&e.part.add(t)}class H extends Set{static get isPolyfilled(){return!0}constructor(e){if(super(),!e||!e.tagName||-1===e.tagName.indexOf("-"))throw new TypeError("Illegal constructor");R.set(this,e)}add(e){if(!/^--/.test(e)||"string"!=typeof e)throw new DOMException(`Failed to execute 'add' on 'CustomStateSet': The specified value ${e} must start with '--'.`);const t=super.add(e),i=R.get(this),o=`state${e}`;return i.isConnected?F(i,o):setTimeout(()=>{F(i,o)}),t}clear(){for(let[e]of this.entries())this.delete(e);super.clear()}delete(e){const t=super.delete(e),i=R.get(this);return i.isConnected?(i.toggleAttribute(`state${e}`,!1),i.part&&i.part.remove(`state${e}`)):setTimeout(()=>{i.toggleAttribute(`state${e}`,!1),i.part&&i.part.remove(`state${e}`)}),t}}function U(e,t,i,o){if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(e):o?o.value:t.get(e)}var W;class V{constructor(e){W.set(this,void 0),function(e,t,i){if("function"==typeof t||!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");t.set(e,i)}(this,W,e);for(let t=0;t<e.length;t++){let i=e[t];this[t]=i,i.hasAttribute("name")&&(this[i.getAttribute("name")]=i)}Object.freeze(this)}get length(){return U(this,W,"f").length}[(W=new WeakMap,Symbol.iterator)](){return U(this,W,"f")[Symbol.iterator]()}item(e){return null==this[e]?null:this[e]}namedItem(e){return null==this[e]?null:this[e]}}class q{static get isPolyfilled(){return!0}constructor(e){if(!e||!e.tagName||-1===e.tagName.indexOf("-"))throw new TypeError("Illegal constructor");const r=e.getRootNode(),a=new D;this.states=new H(e),t.set(this,e),i.set(this,a),n.set(e,this),((e,t)=>{for(let i in u){t[i]=null;let o=null;const n=u[i];Object.defineProperty(t,i,{get:()=>o,set(i){o=i,e.isConnected?e.setAttribute(n,i):d.set(e,t)}})}})(e,this),((e,t)=>{var i;o.set(t,[]),null===(i=k.observe)||void 0===i||i.call(k,e,y)})(e,this),Object.seal(this),r instanceof DocumentFragment&&(e=>{var t,i;const o=new MutationObserver(x);!(null===(t=null==window?void 0:window.ShadyDOM)||void 0===t)&&t.inUse&&e.mode&&e.host&&(e=e.host),null===(i=o.observe)||void 0===i||i.call(o,e,{childList:!0}),v.set(e,o)})(r)}checkValidity(){const e=t.get(this);if(N(e,"Failed to execute 'checkValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!this.willValidate)return!0;const o=i.get(this);if(!o.valid){const t=new Event("invalid",{bubbles:!1,cancelable:!0,composed:!1});e.dispatchEvent(t)}return o.valid}get form(){const e=t.get(this);let i;return N(e,"Failed to read the 'form' property from 'ElementInternals': The target element is not a form-associated custom element."),!0===e.constructor.formAssociated&&(i=B(e)),i}get labels(){const e=t.get(this);N(e,"Failed to read the 'labels' property from 'ElementInternals': The target element is not a form-associated custom element.");const i=e.getAttribute("id"),o=e.getRootNode();return o&&i?o.querySelectorAll(`[for="${i}"]`):[]}reportValidity(){const e=t.get(this);if(N(e,"Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!this.willValidate)return!0;const i=this.checkValidity(),o=p.get(this);if(o&&!e.constructor.formAssociated)throw new DOMException("Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element.");return!i&&o&&(e.focus(),o.focus()),i}setFormValue(e){const i=t.get(this);N(i,"Failed to execute 'setFormValue' on 'ElementInternals': The target element is not a form-associated custom element."),S(this),null==e||e instanceof FormData?null!=e&&e instanceof FormData&&Array.from(e).reverse().forEach(([e,t])=>{if("string"==typeof t){const o=E(i,this);o.name=e,o.value=t}}):i.getAttribute("name")&&(E(i,this).value=e),c.set(i,e)}setValidity(e,o,n){const a=t.get(this);if(N(a,"Failed to execute 'setValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!e)throw new TypeError("Failed to execute 'setValidity' on 'ElementInternals': 1 argument required, but only 0 present.");p.set(this,n);const s=i.get(this),l={};for(const t in e)l[t]=e[t];var c;0===Object.keys(l).length&&((c=s).badInput=!1,c.customError=!1,c.patternMismatch=!1,c.rangeOverflow=!1,c.rangeUnderflow=!1,c.stepMismatch=!1,c.tooLong=!1,c.tooShort=!1,c.typeMismatch=!1,c.valid=!0,c.valueMissing=!1);const d=Object.assign(Object.assign({},s),l);delete d.valid;const{valid:h}=((e,t,i)=>(e.valid=j(t),Object.keys(t).forEach(i=>e[i]=t[i]),i&&z(i),e))(s,d,this.form);if(!h&&!o)throw new DOMException("Failed to execute 'setValidity' on 'ElementInternals': The second argument should not be empty if one or more flags in the first argument are true.");r.set(this,h?"":o),a.isConnected?(a.toggleAttribute("internals-invalid",!h),a.toggleAttribute("internals-valid",h),a.setAttribute("aria-invalid",`${!h}`)):b.set(a,this)}get shadowRoot(){const e=t.get(this);return h.get(e)||null}get validationMessage(){const e=t.get(this);return N(e,"Failed to read the 'validationMessage' property from 'ElementInternals': The target element is not a form-associated custom element."),r.get(this)}get validity(){const e=t.get(this);return N(e,"Failed to read the 'validity' property from 'ElementInternals': The target element is not a form-associated custom element."),i.get(this)}get willValidate(){const e=t.get(this);return N(e,"Failed to read the 'willValidate' property from 'ElementInternals': The target element is not a form-associated custom element."),!(e.disabled||e.hasAttribute("disabled")||e.hasAttribute("readonly"))}}let G=!1,K=!1;function Y(e){K||(K=!0,window.CustomStateSet=H,e&&(HTMLElement.prototype.attachInternals=function(...t){const i=e.call(this,t);return i.states=new H(this),i}))}function Z(e=!0){if(!G){if(G=!0,typeof window<"u"&&(window.ElementInternals=q),typeof CustomElementRegistry<"u"){const e=CustomElementRegistry.prototype.define;CustomElementRegistry.prototype.define=function(t,i,o){if(i.formAssociated){const e=i.prototype.connectedCallback;i.prototype.connectedCallback=function(){m.has(this)||(m.set(this,!0),this.hasAttribute("disabled")&&_(this,!0)),null!=e&&e.apply(this),P(this)}}e.call(this,t,i,o)}}if(typeof HTMLElement<"u"&&(HTMLElement.prototype.attachInternals=function(){if(!this.tagName)return{};if(-1===this.tagName.indexOf("-"))throw new Error("Failed to execute 'attachInternals' on 'HTMLElement': Unable to attach ElementInternals to non-custom elements.");if(n.has(this))throw new DOMException("DOMException: Failed to execute 'attachInternals' on 'HTMLElement': ElementInternals for the specified element was already attached.");return new q(this)}),typeof Element<"u"){let e=function(...e){const i=t.apply(this,e);if(h.set(this,i),I()){const e=new MutationObserver(w);window.ShadyDOM?e.observe(this,A):e.observe(i,A),s.set(this,e)}return i};const t=Element.prototype.attachShadow;Element.prototype.attachShadow=e}I()&&typeof document<"u"&&new MutationObserver(w).observe(document.documentElement,A),typeof HTMLFormElement<"u"&&function(){const e=HTMLFormElement.prototype.checkValidity;HTMLFormElement.prototype.checkValidity=function(...t){let i=e.apply(this,t);return L(this,i,"checkValidity")};const t=HTMLFormElement.prototype.reportValidity;HTMLFormElement.prototype.reportValidity=function(...e){let i=t.apply(this,e);return L(this,i,"reportValidity")};const{get:i}=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"elements");Object.defineProperty(HTMLFormElement.prototype,"elements",{get(...e){const t=i.call(this,...e),o=Array.from(l.get(this)||[]);if(0===o.length)return t;const n=Array.from(t).concat(o).sort((e,t)=>e.compareDocumentPosition?2&e.compareDocumentPosition(t)?1:-1:0);return new V(n)}})}(),(e||typeof window<"u"&&!window.CustomStateSet)&&Y()}}!!customElements.polyfillWrapFlushCallback||(function(){if(typeof window>"u"||!window.ElementInternals||!HTMLElement.prototype.attachInternals)return!1;class e extends HTMLElement{constructor(){super(),this.internals=this.attachInternals()}}const t=`element-internals-feature-detection-${Math.random().toString(36).replace(/[^a-z]+/g,"")}`;customElements.define(t,e);const i=new e;return["shadowRoot","form","willValidate","validity","validationMessage","labels","setFormValue","setValidity","checkValidity","reportValidity"].every(e=>e in i.internals)}()?typeof window<"u"&&!window.CustomStateSet&&Y(HTMLElement.prototype.attachInternals):Z(!1)),e.forceCustomStateSetPolyfill=Y,e.forceElementInternalsPolyfill=Z,Object.defineProperty(e,"__esModule",{value:!0})}({}));const nt=class e extends ce{willUpdate(){this.getAttribute("v")||this.setAttribute("v",e.v)}};nt.v="1.14.18";let rt=nt;const at="button",st="medium",lt="submit",ct="primary",dt="leading",ht=!1,pt=!1,vt=!1,mt=!1;var bt=Object.defineProperty,ut=Object.getOwnPropertyDescriptor,gt=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?ut(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&&bt(t,i,r),r};const ft="pie-button";let yt=class extends(Ve(We(rt))){constructor(){super(...arguments),this.tag=at,this.size=st,this.type=lt,this.variant=ct,this.iconPlacement=dt,this.disabled=ht,this.isLoading=pt,this.isFullWidth=vt,this.isResponsive=mt,this._handleFormKeyDown=e=>{if("Enter"===e.key&&"submit"===this.type&&!this.disabled){if(e.target instanceof HTMLElement){const t=e.target.tagName.toLowerCase();if("button"===t||"pie-button"===t)return}e.preventDefault(),this._handleClick()}}}connectedCallback(){var e;super.connectedCallback(),"submit"===this.type&&(null==(e=this.form)||e.addEventListener("keydown",this._handleFormKeyDown))}disconnectedCallback(){var e;super.disconnectedCallback(),"submit"===this.type&&(null==(e=this.form)||e.removeEventListener("keydown",this._handleFormKeyDown))}updated(e){var t,i;e.has("type")&&("submit"===this.type?null==(t=this.form)||t.addEventListener("keydown",this._handleFormKeyDown):null==(i=this.form)||i.removeEventListener("keydown",this._handleFormKeyDown))}_simulateNativeButtonClick(e){if(!this.form)return;const t=document.createElement("button");t.type=e,t.style.position="absolute",t.style.width="1px",t.style.height="1px",t.style.padding="0",t.style.margin="-1px",t.style.overflow="hidden",t.style.border="0",t.style.whiteSpace="nowrap","submit"===e&&(this.name&&(t.name=this.name),this.value&&(t.value=this.value),this.formaction&&t.setAttribute("formaction",this.formaction),this.formenctype&&t.setAttribute("formenctype",this.formenctype),this.formmethod&&t.setAttribute("formmethod",this.formmethod),this.formnovalidate&&t.setAttribute("formnovalidate","formnovalidate"),this.formtarget&&t.setAttribute("formtarget",this.formtarget)),this.form.append(t),t.click(),t.remove()}_handleClick(){this.form&&(this.isLoading||"button"===this.tag&&("submit"===this.type?(this.formnovalidate||this.form.reportValidity())&&this._simulateNativeButtonClick("submit"):"reset"===this.type&&this._simulateNativeButtonClick("reset")))}renderSpinner(){const{size:e,variant:t,disabled:i}=this,o=e&&e.includes("small")?"small":"medium";let n;return n=i?"ghost-inverse"===t?"inverse":"secondary":["primary","destructive","outline-inverse","ghost-inverse","ghost-inverse-light"].includes(this.variant)?"inverse":"secondary",W`
+        </span>`:q}};it.styles=s("*,*:after,*:before{box-sizing:inherit}:host{display:block}:host([isCentered]){position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.c-spinner{--spinner-size: 24px;--spinner-left-color: hsl(var(--spinner-base-color-h), var(--spinner-base-color-s), var(--spinner-base-color-l), 1);--spinner-right-color: hsl(var(--spinner-base-color-h), var(--spinner-base-color-s), var(--spinner-base-color-l), .35);block-size:var(--spinner-size);inline-size:var(--spinner-size);border-radius:var(--dt-radius-rounded-e);border-width:calc(var(--spinner-size) / 8);border-style:solid;border-color:var(--spinner-left-color) var(--spinner-right-color) var(--spinner-right-color) var(--spinner-left-color);will-change:transform;animation:rotate360 1.15s linear infinite;--spinner-base-color-h: var(--dt-color-content-brand-solid-h);--spinner-base-color-s: var(--dt-color-content-brand-solid-s);--spinner-base-color-l: var(--dt-color-content-brand-solid-l)}.c-spinner.c-spinner--secondary{--spinner-base-color-h: var(--dt-color-content-interactive-secondary-solid-h);--spinner-base-color-s: var(--dt-color-content-interactive-secondary-solid-s);--spinner-base-color-l: var(--dt-color-content-interactive-secondary-solid-l)}.c-spinner.c-spinner--secondary-dark{--spinner-base-color-h: var(--dt-color-content-interactive-dark-solid-h);--spinner-base-color-s: var(--dt-color-content-interactive-dark-solid-s);--spinner-base-color-l: var(--dt-color-content-interactive-dark-solid-l)}.c-spinner.c-spinner--inverse{--spinner-base-color-h: var(--dt-color-content-inverse-solid-h);--spinner-base-color-s: var(--dt-color-content-inverse-solid-s);--spinner-base-color-l: var(--dt-color-content-inverse-solid-l)}.c-spinner.c-spinner--inverse-light{--spinner-base-color-h: var(--dt-color-content-light-solid-h);--spinner-base-color-s: var(--dt-color-content-light-solid-s);--spinner-base-color-l: var(--dt-color-content-light-solid-l)}.c-spinner.c-spinner--xsmall{--spinner-size: 16px}.c-spinner.c-spinner--small{--spinner-size: 20px}.c-spinner.c-spinner--large{--spinner-size: 32px}.c-spinner.c-spinner--xlarge{--spinner-size: 48px}.c-spinner-label{position:absolute;display:block;height:1px;width:1px;border:0;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;clip:rect(0,0,0,0);clip-path:inset(50%)}.c-spinner-label *{overflow:hidden}"),et([be({type:Object})],it.prototype,"aria",2),et([be({type:String}),Fe(tt,["xsmall","small","medium","large","xlarge"],Ye)],it.prototype,"size",2),et([be({type:String}),Fe(tt,["brand","secondary","secondary-dark","inverse","inverse-light"],Ze)],it.prototype,"variant",2),et([be({type:Boolean,reflect:!0})],it.prototype,"isCentered",2),it=et([He("pie-spinner")],it);var ot;ot||(ot=1,function(e){const t=new WeakMap,i=new WeakMap,o=new WeakMap,n=new WeakMap,r=new WeakMap,a=new WeakMap,s=new WeakMap,l=new WeakMap,c=new WeakMap,d=new WeakMap,h=new WeakMap,p=new WeakMap,v=new WeakMap,m=new WeakMap,b=new WeakMap,u={ariaAtomic:"aria-atomic",ariaAutoComplete:"aria-autocomplete",ariaBusy:"aria-busy",ariaChecked:"aria-checked",ariaColCount:"aria-colcount",ariaColIndex:"aria-colindex",ariaColIndexText:"aria-colindextext",ariaColSpan:"aria-colspan",ariaCurrent:"aria-current",ariaDescription:"aria-description",ariaDisabled:"aria-disabled",ariaExpanded:"aria-expanded",ariaHasPopup:"aria-haspopup",ariaHidden:"aria-hidden",ariaInvalid:"aria-invalid",ariaKeyShortcuts:"aria-keyshortcuts",ariaLabel:"aria-label",ariaLevel:"aria-level",ariaLive:"aria-live",ariaModal:"aria-modal",ariaMultiLine:"aria-multiline",ariaMultiSelectable:"aria-multiselectable",ariaOrientation:"aria-orientation",ariaPlaceholder:"aria-placeholder",ariaPosInSet:"aria-posinset",ariaPressed:"aria-pressed",ariaReadOnly:"aria-readonly",ariaRelevant:"aria-relevant",ariaRequired:"aria-required",ariaRoleDescription:"aria-roledescription",ariaRowCount:"aria-rowcount",ariaRowIndex:"aria-rowindex",ariaRowIndexText:"aria-rowindextext",ariaRowSpan:"aria-rowspan",ariaSelected:"aria-selected",ariaSetSize:"aria-setsize",ariaSort:"aria-sort",ariaValueMax:"aria-valuemax",ariaValueMin:"aria-valuemin",ariaValueNow:"aria-valuenow",ariaValueText:"aria-valuetext",role:"role"};function g(e){const t=n.get(e),{form:i}=t;M(e,i,t),C(e,t.labels)}const f=(e,t=!1)=>{const i=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>n.has(e)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP});let o=i.nextNode();const r=!t||e.disabled;for(;o;)o.formDisabledCallback&&r&&_(o,e.disabled),o=i.nextNode()},y={attributes:!0,attributeFilter:["disabled","name"]},k=I()?new MutationObserver(e=>{for(const t of e){const e=t.target;if("disabled"===t.attributeName&&(e.constructor.formAssociated?_(e,e.hasAttribute("disabled")):"fieldset"===e.localName&&f(e)),"name"===t.attributeName&&e.constructor.formAssociated){const t=n.get(e),i=c.get(e);t.setFormValue(i)}}}):{};function w(e){e.forEach(e=>{const{addedNodes:t,removedNodes:i}=e,r=Array.from(t),a=Array.from(i);r.forEach(e=>{var t;if(n.has(e)&&e.constructor.formAssociated&&g(e),d.has(e)){const t=d.get(e);Object.keys(u).filter(e=>null!==t[e]).forEach(i=>{e.setAttribute(u[i],t[i])}),d.delete(e)}if(b.has(e)){const t=b.get(e);e.setAttribute("internals-valid",t.validity.valid.toString()),e.setAttribute("internals-invalid",(!t.validity.valid).toString()),e.setAttribute("aria-invalid",(!t.validity.valid).toString()),b.delete(e)}if("form"===e.localName){const t=l.get(e),i=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>!n.has(e)||!e.constructor.formAssociated||t&&t.has(e)?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT});let o=i.nextNode();for(;o;)g(o),o=i.nextNode()}"fieldset"===e.localName&&(null===(t=k.observe)||void 0===t||t.call(k,e,y),f(e,!0))}),a.forEach(e=>{const t=n.get(e);t&&o.get(t)&&S(t),s.has(e)&&s.get(e).disconnect()})})}function x(e){e.forEach(e=>{const{removedNodes:t}=e;t.forEach(t=>{const i=v.get(e.target);n.has(t)&&P(t),i.disconnect()})})}I()&&new MutationObserver(w);const A={childList:!0,subtree:!0},_=(e,t)=>{e.toggleAttribute("internals-disabled",t),t?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled"),e.formDisabledCallback&&e.formDisabledCallback.apply(e,[t])},S=e=>{o.get(e).forEach(e=>{e.remove()}),o.set(e,[])},E=(e,t)=>{const i=document.createElement("input");return i.type="hidden",i.name=e.getAttribute("name"),e.after(i),o.get(t).push(i),i},C=(e,t)=>{if(t.length){Array.from(t).forEach(t=>t.addEventListener("click",e.click.bind(e)));let i=t[0].id;t[0].id||(i=`${t[0].htmlFor}_Label`,t[0].id=i),e.setAttribute("aria-labelledby",i)}},z=e=>{const t=Array.from(e.elements).filter(e=>!e.tagName.includes("-")&&e.validity).map(e=>e.validity.valid),i=l.get(e)||[],o=[...t,...Array.from(i).filter(e=>e.isConnected).map(e=>n.get(e).validity.valid)].includes(!1);e.toggleAttribute("internals-invalid",o),e.toggleAttribute("internals-valid",!o)},T=e=>{z(B(e.target))},$=e=>{z(B(e.target))},O=e=>{const t=l.get(e.target);t&&t.size&&t.forEach(e=>{e.constructor.formAssociated&&e.formResetCallback&&e.formResetCallback.apply(e)})},M=(e,t,i)=>{if(t){const o=l.get(t);if(o)o.add(e);else{const i=new Set;i.add(e),l.set(t,i),(e=>{const t=["button[type=submit]","input[type=submit]","button:not([type])"].map(e=>`${e}:not([disabled])`).map(t=>`${t}:not([form])${e.id?`,${t}[form='${e.id}']`:""}`).join(",");e.addEventListener("click",i=>{if(i.target.closest(t)){const t=l.get(e);if(e.noValidate)return;t.size&&Array.from(t).reverse().map(e=>n.get(e).reportValidity()).includes(!1)&&i.preventDefault()}})})(t),t.addEventListener("reset",O),t.addEventListener("input",T),t.addEventListener("change",$)}a.set(t,{ref:e,internals:i}),e.constructor.formAssociated&&e.formAssociatedCallback&&setTimeout(()=>{e.formAssociatedCallback.apply(e,[t])},0),z(t)}},B=e=>{let t=e.parentNode;return t&&"FORM"!==t.tagName&&(t=B(t)),t},N=(e,t,i=DOMException)=>{if(!e.constructor.formAssociated)throw new i(t)},L=(e,t,i)=>{const o=l.get(e);return o&&o.size&&o.forEach(e=>{n.get(e)[i]()||(t=!1)}),t},P=e=>{if(e.constructor.formAssociated){const t=n.get(e),{labels:i,form:o}=t;C(e,i),M(e,o,t)}};function I(){return typeof MutationObserver<"u"}class D{constructor(){this.badInput=!1,this.customError=!1,this.patternMismatch=!1,this.rangeOverflow=!1,this.rangeUnderflow=!1,this.stepMismatch=!1,this.tooLong=!1,this.tooShort=!1,this.typeMismatch=!1,this.valid=!0,this.valueMissing=!1,Object.seal(this)}}const j=e=>{let t=!0;for(let i in e)"valid"!==i&&!1!==e[i]&&(t=!1);return t},R=new WeakMap;function F(e,t){e.toggleAttribute(t,!0),e.part&&e.part.add(t)}class H extends Set{static get isPolyfilled(){return!0}constructor(e){if(super(),!e||!e.tagName||-1===e.tagName.indexOf("-"))throw new TypeError("Illegal constructor");R.set(this,e)}add(e){if(!/^--/.test(e)||"string"!=typeof e)throw new DOMException(`Failed to execute 'add' on 'CustomStateSet': The specified value ${e} must start with '--'.`);const t=super.add(e),i=R.get(this),o=`state${e}`;return i.isConnected?F(i,o):setTimeout(()=>{F(i,o)}),t}clear(){for(let[e]of this.entries())this.delete(e);super.clear()}delete(e){const t=super.delete(e),i=R.get(this);return i.isConnected?(i.toggleAttribute(`state${e}`,!1),i.part&&i.part.remove(`state${e}`)):setTimeout(()=>{i.toggleAttribute(`state${e}`,!1),i.part&&i.part.remove(`state${e}`)}),t}}function U(e,t,i,o){if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(e):o?o.value:t.get(e)}var W;class V{constructor(e){W.set(this,void 0),function(e,t,i){if("function"==typeof t||!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");t.set(e,i)}(this,W,e);for(let t=0;t<e.length;t++){let i=e[t];this[t]=i,i.hasAttribute("name")&&(this[i.getAttribute("name")]=i)}Object.freeze(this)}get length(){return U(this,W,"f").length}[(W=new WeakMap,Symbol.iterator)](){return U(this,W,"f")[Symbol.iterator]()}item(e){return null==this[e]?null:this[e]}namedItem(e){return null==this[e]?null:this[e]}}class q{static get isPolyfilled(){return!0}constructor(e){if(!e||!e.tagName||-1===e.tagName.indexOf("-"))throw new TypeError("Illegal constructor");const r=e.getRootNode(),a=new D;this.states=new H(e),t.set(this,e),i.set(this,a),n.set(e,this),((e,t)=>{for(let i in u){t[i]=null;let o=null;const n=u[i];Object.defineProperty(t,i,{get:()=>o,set(i){o=i,e.isConnected?e.setAttribute(n,i):d.set(e,t)}})}})(e,this),((e,t)=>{var i;o.set(t,[]),null===(i=k.observe)||void 0===i||i.call(k,e,y)})(e,this),Object.seal(this),r instanceof DocumentFragment&&(e=>{var t,i;const o=new MutationObserver(x);!(null===(t=null==window?void 0:window.ShadyDOM)||void 0===t)&&t.inUse&&e.mode&&e.host&&(e=e.host),null===(i=o.observe)||void 0===i||i.call(o,e,{childList:!0}),v.set(e,o)})(r)}checkValidity(){const e=t.get(this);if(N(e,"Failed to execute 'checkValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!this.willValidate)return!0;const o=i.get(this);if(!o.valid){const t=new Event("invalid",{bubbles:!1,cancelable:!0,composed:!1});e.dispatchEvent(t)}return o.valid}get form(){const e=t.get(this);let i;return N(e,"Failed to read the 'form' property from 'ElementInternals': The target element is not a form-associated custom element."),!0===e.constructor.formAssociated&&(i=B(e)),i}get labels(){const e=t.get(this);N(e,"Failed to read the 'labels' property from 'ElementInternals': The target element is not a form-associated custom element.");const i=e.getAttribute("id"),o=e.getRootNode();return o&&i?o.querySelectorAll(`[for="${i}"]`):[]}reportValidity(){const e=t.get(this);if(N(e,"Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!this.willValidate)return!0;const i=this.checkValidity(),o=p.get(this);if(o&&!e.constructor.formAssociated)throw new DOMException("Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element.");return!i&&o&&(e.focus(),o.focus()),i}setFormValue(e){const i=t.get(this);N(i,"Failed to execute 'setFormValue' on 'ElementInternals': The target element is not a form-associated custom element."),S(this),null==e||e instanceof FormData?null!=e&&e instanceof FormData&&Array.from(e).reverse().forEach(([e,t])=>{if("string"==typeof t){const o=E(i,this);o.name=e,o.value=t}}):i.getAttribute("name")&&(E(i,this).value=e),c.set(i,e)}setValidity(e,o,n){const a=t.get(this);if(N(a,"Failed to execute 'setValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!e)throw new TypeError("Failed to execute 'setValidity' on 'ElementInternals': 1 argument required, but only 0 present.");p.set(this,n);const s=i.get(this),l={};for(const t in e)l[t]=e[t];var c;0===Object.keys(l).length&&((c=s).badInput=!1,c.customError=!1,c.patternMismatch=!1,c.rangeOverflow=!1,c.rangeUnderflow=!1,c.stepMismatch=!1,c.tooLong=!1,c.tooShort=!1,c.typeMismatch=!1,c.valid=!0,c.valueMissing=!1);const d=Object.assign(Object.assign({},s),l);delete d.valid;const{valid:h}=((e,t,i)=>(e.valid=j(t),Object.keys(t).forEach(i=>e[i]=t[i]),i&&z(i),e))(s,d,this.form);if(!h&&!o)throw new DOMException("Failed to execute 'setValidity' on 'ElementInternals': The second argument should not be empty if one or more flags in the first argument are true.");r.set(this,h?"":o),a.isConnected?(a.toggleAttribute("internals-invalid",!h),a.toggleAttribute("internals-valid",h),a.setAttribute("aria-invalid",`${!h}`)):b.set(a,this)}get shadowRoot(){const e=t.get(this);return h.get(e)||null}get validationMessage(){const e=t.get(this);return N(e,"Failed to read the 'validationMessage' property from 'ElementInternals': The target element is not a form-associated custom element."),r.get(this)}get validity(){const e=t.get(this);return N(e,"Failed to read the 'validity' property from 'ElementInternals': The target element is not a form-associated custom element."),i.get(this)}get willValidate(){const e=t.get(this);return N(e,"Failed to read the 'willValidate' property from 'ElementInternals': The target element is not a form-associated custom element."),!(e.disabled||e.hasAttribute("disabled")||e.hasAttribute("readonly"))}}let G=!1,K=!1;function Y(e){K||(K=!0,window.CustomStateSet=H,e&&(HTMLElement.prototype.attachInternals=function(...t){const i=e.call(this,t);return i.states=new H(this),i}))}function Z(e=!0){if(!G){if(G=!0,typeof window<"u"&&(window.ElementInternals=q),typeof CustomElementRegistry<"u"){const e=CustomElementRegistry.prototype.define;CustomElementRegistry.prototype.define=function(t,i,o){if(i.formAssociated){const e=i.prototype.connectedCallback;i.prototype.connectedCallback=function(){m.has(this)||(m.set(this,!0),this.hasAttribute("disabled")&&_(this,!0)),null!=e&&e.apply(this),P(this)}}e.call(this,t,i,o)}}if(typeof HTMLElement<"u"&&(HTMLElement.prototype.attachInternals=function(){if(!this.tagName)return{};if(-1===this.tagName.indexOf("-"))throw new Error("Failed to execute 'attachInternals' on 'HTMLElement': Unable to attach ElementInternals to non-custom elements.");if(n.has(this))throw new DOMException("DOMException: Failed to execute 'attachInternals' on 'HTMLElement': ElementInternals for the specified element was already attached.");return new q(this)}),typeof Element<"u"){let e=function(...e){const i=t.apply(this,e);if(h.set(this,i),I()){const e=new MutationObserver(w);window.ShadyDOM?e.observe(this,A):e.observe(i,A),s.set(this,e)}return i};const t=Element.prototype.attachShadow;Element.prototype.attachShadow=e}I()&&typeof document<"u"&&new MutationObserver(w).observe(document.documentElement,A),typeof HTMLFormElement<"u"&&function(){const e=HTMLFormElement.prototype.checkValidity;HTMLFormElement.prototype.checkValidity=function(...t){let i=e.apply(this,t);return L(this,i,"checkValidity")};const t=HTMLFormElement.prototype.reportValidity;HTMLFormElement.prototype.reportValidity=function(...e){let i=t.apply(this,e);return L(this,i,"reportValidity")};const{get:i}=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"elements");Object.defineProperty(HTMLFormElement.prototype,"elements",{get(...e){const t=i.call(this,...e),o=Array.from(l.get(this)||[]);if(0===o.length)return t;const n=Array.from(t).concat(o).sort((e,t)=>e.compareDocumentPosition?2&e.compareDocumentPosition(t)?1:-1:0);return new V(n)}})}(),(e||typeof window<"u"&&!window.CustomStateSet)&&Y()}}!!customElements.polyfillWrapFlushCallback||(function(){if(typeof window>"u"||!window.ElementInternals||!HTMLElement.prototype.attachInternals)return!1;class e extends HTMLElement{constructor(){super(),this.internals=this.attachInternals()}}const t=`element-internals-feature-detection-${Math.random().toString(36).replace(/[^a-z]+/g,"")}`;customElements.define(t,e);const i=new e;return["shadowRoot","form","willValidate","validity","validationMessage","labels","setFormValue","setValidity","checkValidity","reportValidity"].every(e=>e in i.internals)}()?typeof window<"u"&&!window.CustomStateSet&&Y(HTMLElement.prototype.attachInternals):Z(!1)),e.forceCustomStateSetPolyfill=Y,e.forceElementInternalsPolyfill=Z,Object.defineProperty(e,"__esModule",{value:!0})}({}));const nt=class e extends ce{willUpdate(){this.getAttribute("v")||this.setAttribute("v",e.v)}};nt.v="1.15.0";let rt=nt;const at="button",st="medium",lt="submit",ct="primary",dt="leading",ht=!1,pt=!1,vt=!1,mt=!1;var bt=Object.defineProperty,ut=Object.getOwnPropertyDescriptor,gt=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?ut(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&&bt(t,i,r),r};const ft="pie-button";let yt=class extends(Ve(We(rt))){constructor(){super(...arguments),this.tag=at,this.size=st,this.type=lt,this.variant=ct,this.iconPlacement=dt,this.disabled=ht,this.isLoading=pt,this.isFullWidth=vt,this.isResponsive=mt,this._handleFormKeyDown=e=>{if("Enter"===e.key&&"submit"===this.type&&!this.disabled){if(e.target instanceof HTMLElement){const t=e.target.tagName.toLowerCase();if("button"===t||"pie-button"===t)return}e.preventDefault(),this._handleClick()}}}connectedCallback(){var e;super.connectedCallback(),"submit"===this.type&&(null==(e=this.form)||e.addEventListener("keydown",this._handleFormKeyDown))}disconnectedCallback(){var e;super.disconnectedCallback(),"submit"===this.type&&(null==(e=this.form)||e.removeEventListener("keydown",this._handleFormKeyDown))}updated(e){var t,i;e.has("type")&&("submit"===this.type?null==(t=this.form)||t.addEventListener("keydown",this._handleFormKeyDown):null==(i=this.form)||i.removeEventListener("keydown",this._handleFormKeyDown))}_simulateNativeButtonClick(e){if(!this.form)return;const t=document.createElement("button");t.type=e,t.style.position="absolute",t.style.width="1px",t.style.height="1px",t.style.padding="0",t.style.margin="-1px",t.style.overflow="hidden",t.style.border="0",t.style.whiteSpace="nowrap","submit"===e&&(this.name&&(t.name=this.name),this.value&&(t.value=this.value),this.formaction&&t.setAttribute("formaction",this.formaction),this.formenctype&&t.setAttribute("formenctype",this.formenctype),this.formmethod&&t.setAttribute("formmethod",this.formmethod),this.formnovalidate&&t.setAttribute("formnovalidate","formnovalidate"),this.formtarget&&t.setAttribute("formtarget",this.formtarget)),this.form.append(t),t.click(),t.remove()}_handleClick(){this.form&&(this.isLoading||"button"===this.tag&&("submit"===this.type?(this.formnovalidate||this.form.reportValidity())&&this._simulateNativeButtonClick("submit"):"reset"===this.type&&this._simulateNativeButtonClick("reset")))}renderSpinner(){const{size:e,variant:t,disabled:i}=this,o=e&&e.includes("small")?"small":"medium";let n;return n=i?"ghost-inverse"===t?"inverse":"secondary":["primary","destructive","outline-inverse","ghost-inverse","ghost-inverse-light"].includes(this.variant)?"inverse":"secondary",W`
             <pie-spinner
                 isCentered
                 size="${o}"
@@ -99,6 +99,9 @@ let Pe=class extends Se{constructor(e){if(super(e),this.it=q,e.type!==we)throw E
                 download="${je(r)}"
                 part="base"
                 aria-label="${je(null==a?void 0:a.label)}"
+                aria-description="${je(null==a?void 0:a.description)}"
+                aria-haspopup="${je(null==a?void 0:a.haspopup)}"
+                aria-expanded="${je(null==a?void 0:a.expanded)}"
                 class="${De(e)}">
                 ${"leading"===i?W`<slot name="icon"></slot>`:q}
                 <slot></slot>
@@ -110,7 +113,10 @@ let Pe=class extends Se{constructor(e){if(super(e),this.it=q,e.type!==we)throw E
                 part="base"
                 type=${n}
                 ?disabled=${t}
-                aria-label="${je(null==r?void 0:r.label)}">
+                aria-label="${je(null==r?void 0:r.label)}"
+                aria-description="${je(null==r?void 0:r.description)}"
+                aria-haspopup="${je(null==r?void 0:r.haspopup)}"
+                aria-expanded="${je(null==r?void 0:r.expanded)}">
                     ${o?this.renderSpinner():q}
                     ${"leading"===i?W`<slot name="icon"></slot>`:q}
                     <span class="o-btn-text"><slot></slot></span>
@@ -130,7 +136,7 @@ let Pe=class extends Se{constructor(e){if(super(e),this.it=q,e.type!==we)throw E
                     data-test-id="${zt}"
                     class="${De(n)}"
                     aria-hidden="true"
-                />`}`}};Tt.styles=s("*,*:after,*:before{box-sizing:inherit}:host{display:block}:host([orientation=vertical]){height:100%}.c-divider{--divider-bg-color: var(--dt-color-divider-default);--divider-width: 100%;--divider-min-width: 16px;--divider-height: 1px;--divider-label-max-width: 90%;--divider-font-family: var(--dt-font-body-l-family);--divider-font-size: calc(var(--dt-font-body-l-size) * 1px);--divider-line-height: calc(var(--dt-font-body-l-line-height) * 1px);width:var(--divider-width)}.c-divider,.c-divider hr{margin:0;border:0;background-color:var(--divider-bg-color)}.c-divider:not(.c-divider--labelled){height:var(--divider-height)}.c-divider.c-divider--labelled{display:flex;align-items:center;text-align:center;gap:var(--dt-spacing-b);background-color:transparent;color:var(--dt-color-content-subdued-solid)}.c-divider.c-divider--labelled .c-divider-label{font-size:var(--divider-font-size);line-height:var(--divider-line-height);font-family:var(--divider-font-family);max-width:var(--divider-label-max-width);word-wrap:break-word}.c-divider.c-divider--labelled hr{flex-grow:1;height:var(--divider-height);min-width:var(--divider-min-width)}.c-divider.c-divider--labelled.c-divider--inverse{color:var(--dt-color-content-inverse-solid)}.c-divider.c-divider--inverse{--divider-bg-color: var(--dt-color-divider-inverse)}.c-divider.c-divider--vertical{--divider-width: 1px;--divider-height: 100%}"),Ct([be({type:String}),Fe(zt,["default","inverse"],xt)],Tt.prototype,"variant",2),Ct([be({type:String,reflect:!0}),Fe(zt,["horizontal","vertical"],At)],Tt.prototype,"orientation",2),Ct([be({type:String})],Tt.prototype,"label",2),Tt=Ct([He("pie-divider")],Tt);const $t=class e extends ce{willUpdate(){this.getAttribute("v")||this.setAttribute("v",e.v)}};$t.v="2.7.35";let Ot=$t;const Mt="medium",Bt="primary",Nt=!1,Lt=!1;var Pt=Object.defineProperty,It=Object.getOwnPropertyDescriptor,Dt=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?It(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&&Pt(t,i,r),r};const jt="pie-icon-button";let Rt=class extends(Ve(Ot)){constructor(){super(...arguments),this.size=Mt,this.variant=Bt,this.disabled=Nt,this.isLoading=Lt}renderSpinner(){const{variant:e,size:t,disabled:i}=this,o="xsmall"===t?"small":"medium";let n="brand";return/secondary|translucent/.test(e)&&(n="secondary"),"ghost-secondary-dark"===e&&(n="secondary-dark"),"ghost-inverse-light"===e&&(n="inverse-light"),"inverse-outline"===e&&(n="inverse"),(e.includes("primary")&&!i||"ghost-inverse"===e)&&(n="inverse"),W`
+                />`}`}};Tt.styles=s("*,*:after,*:before{box-sizing:inherit}:host{display:block}:host([orientation=vertical]){height:100%}.c-divider{--divider-bg-color: var(--dt-color-divider-default);--divider-width: 100%;--divider-min-width: 16px;--divider-height: 1px;--divider-label-max-width: 90%;--divider-font-family: var(--dt-font-body-l-family);--divider-font-size: calc(var(--dt-font-body-l-size) * 1px);--divider-line-height: calc(var(--dt-font-body-l-line-height) * 1px);width:var(--divider-width)}.c-divider,.c-divider hr{margin:0;border:0;background-color:var(--divider-bg-color)}.c-divider:not(.c-divider--labelled){height:var(--divider-height)}.c-divider.c-divider--labelled{display:flex;align-items:center;text-align:center;gap:var(--dt-spacing-b);background-color:transparent;color:var(--dt-color-content-subdued-solid)}.c-divider.c-divider--labelled .c-divider-label{font-size:var(--divider-font-size);line-height:var(--divider-line-height);font-family:var(--divider-font-family);max-width:var(--divider-label-max-width);word-wrap:break-word}.c-divider.c-divider--labelled hr{flex-grow:1;height:var(--divider-height);min-width:var(--divider-min-width)}.c-divider.c-divider--labelled.c-divider--inverse{color:var(--dt-color-content-inverse-solid)}.c-divider.c-divider--inverse{--divider-bg-color: var(--dt-color-divider-inverse)}.c-divider.c-divider--vertical{--divider-width: 1px;--divider-height: 100%}"),Ct([be({type:String}),Fe(zt,["default","inverse"],xt)],Tt.prototype,"variant",2),Ct([be({type:String,reflect:!0}),Fe(zt,["horizontal","vertical"],At)],Tt.prototype,"orientation",2),Ct([be({type:String})],Tt.prototype,"label",2),Tt=Ct([He("pie-divider")],Tt);const $t=class e extends ce{willUpdate(){this.getAttribute("v")||this.setAttribute("v",e.v)}};$t.v="2.8.0";let Ot=$t;const Mt="medium",Bt="primary",Nt=!1,Lt=!1;var Pt=Object.defineProperty,It=Object.getOwnPropertyDescriptor,Dt=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?It(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&&Pt(t,i,r),r};const jt="pie-icon-button";let Rt=class extends(Ve(Ot)){constructor(){super(...arguments),this.size=Mt,this.variant=Bt,this.disabled=Nt,this.isLoading=Lt}renderSpinner(){const{variant:e,size:t,disabled:i}=this,o="xsmall"===t?"small":"medium";let n="brand";return/secondary|translucent/.test(e)&&(n="secondary"),"ghost-secondary-dark"===e&&(n="secondary-dark"),"ghost-inverse-light"===e&&(n="inverse-light"),"inverse-outline"===e&&(n="inverse"),(e.includes("primary")&&!i||"ghost-inverse"===e)&&(n="inverse"),W`
                 <pie-spinner
                     size="${o}"
                     variant="${n}">
@@ -142,6 +148,7 @@ let Pe=class extends Se{constructor(e){if(super(e),this.it=q,e.type!==we)throw E
                 aria-label="${je(null==n?void 0:n.label)}"
                 aria-labelledby="${je(null==n?void 0:n.labelledby)}"
                 aria-describedby="${je(null==n?void 0:n.describedby)}"
+                aria-description="${je(null==n?void 0:n.description)}"
                 aria-expanded="${je(null==n?void 0:n.expanded)}"
                 aria-controls="${je(null==n?void 0:n.controls)}"
                 aria-haspopup="${je(null==n?void 0:n.haspopup)}">
@@ -190,7 +197,7 @@ const oi=Symbol.for(""),ni=e=>{if((null==e?void 0:e.r)===oi)return null==e?void
             width: var(--icon-size-override);
             height: var(--icon-size-override);
         }
-    `;let ui=bi;mi([be({type:String,reflect:!0})],ui.prototype,"size"),mi([be({type:String,reflect:!0})],ui.prototype,"fill"),mi([ue()],ui.prototype,"_svgWidth"),mi([ue()],ui.prototype,"_svgHeight");var gi=Object.defineProperty,fi=Object.getOwnPropertyDescriptor,yi=(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&&gi(t,i,r),r};let ki=class extends ui{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 W`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" 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.867z"></path></svg>`}};yi([be({type:String,reflect:!0})],ki.prototype,"size",2),yi([be({type:String,reflect:!0})],ki.prototype,"class",2),ki=yi([He("icon-close")],ki);var wi=Object.defineProperty,xi=Object.getOwnPropertyDescriptor,Ai=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?xi(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&&wi(t,i,r),r};let _i=class extends ui{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 W`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" 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.198-.875.962-5.565-5.364a1.164 1.164 0 0 1 0-1.671l5.495-5.25z"></path></svg>`}};Ai([be({type:String,reflect:!0})],_i.prototype,"size",2),Ai([be({type:String,reflect:!0})],_i.prototype,"class",2),_i=Ai([He("icon-chevron-left")],_i);const Si=class e extends ce{willUpdate(){this.getAttribute("v")||this.setAttribute("v",e.v)}};Si.v="1.27.13";let Ei=Si;var Ci=!1;if(typeof window<"u"){var zi={get passive(){Ci=!0}};window.addEventListener("testPassive",null,zi),window.removeEventListener("testPassive",null,zi)}var Ti=typeof window<"u"&&window.navigator&&window.navigator.platform&&(/iP(ad|hone|od)/.test(window.navigator.platform)||"MacIntel"===window.navigator.platform&&window.navigator.maxTouchPoints>1),$i=[],Oi=!1,Mi=-1,Bi=void 0,Ni=void 0,Li=function(e){return $i.some(function(t){return!(!t.options.allowTouchMove||!t.options.allowTouchMove(e))})},Pi=function(e){var t=e||window.event;return!!(Li(t.target)||t.touches.length>1)||(t.preventDefault&&t.preventDefault(),!1)},Ii=function(e,t){if(e){if(!$i.some(function(t){return t.targetElement===e})){var i={targetElement:e,options:{}};$i=[].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)}($i),[i]),Ti?(e.ontouchstart=function(e){1===e.targetTouches.length&&(Mi=e.targetTouches[0].clientY)},e.ontouchmove=function(t){1===t.targetTouches.length&&function(e,t){var i=e.targetTouches[0].clientY-Mi;!Li(e.target)&&(t&&0===t.scrollTop&&i>0||function(e){return!!e&&e.scrollHeight-e.scrollTop<=e.clientHeight}(t)&&i<0?Pi(e):e.stopPropagation())}(t,e)},Oi||(document.addEventListener("touchmove",Pi,Ci?{passive:!1}:void 0),Oi=!0)):function(){void 0===Ni&&(window.innerWidth,document.documentElement.clientWidth);void 0===Bi&&(Bi=document.body.style.overflow,document.body.style.overflow="hidden")}()}}else console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.")},Di=function(e){e?($i=$i.filter(function(t){return t.targetElement!==e}),Ti?(e.ontouchstart=null,e.ontouchmove=null,Oi&&0===$i.length&&(document.removeEventListener("touchmove",Pi,Ci?{passive:!1}:void 0),Oi=!1)):$i.length||(void 0!==Ni&&(document.body.style.paddingRight=Ni,Ni=void 0),void 0!==Bi&&(document.body.style.overflow=Bi,Bi=void 0))):console.error("enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.")};const ji="pie-modal-close",Ri="pie-modal-open",Fi="pie-modal-back",Hi="",Ui=!1,Wi=!1,Vi="h2",qi=!1,Gi=!1,Ki=!1,Yi=!0,Zi=!1,Xi=!1,Qi="center",Ji="medium",eo="default",to="medium";var io=Object.defineProperty,oo=Object.getOwnPropertyDescriptor,no=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?oo(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&&io(t,i,r),r};const ro="pie-modal";let ao=class extends Ei{constructor(){super(...arguments),this.heading=Hi,this.headingLevel=Vi,this.hasBackButton=Ui,this.hasStackedActions=Wi,this.isDismissible=Gi,this.isHeadingEmphasised=Ki,this.isFooterPinned=Yi,this.isFullWidthBelowMid=Zi,this.isLoading=Xi,this.isOpen=qi,this.position=Qi,this.size=Ji,this.backgroundColor=eo,this.imageSlotAspectRatio=to,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)),document.addEventListener(Ri,e=>this._handleModalOpened(e),{signal:e}),document.addEventListener(ji,e=>this._handleModalClosed(e),{signal:e}),document.addEventListener(Fi,e=>this._handleModalClosed(e),{signal:e})}disconnectedCallback(){super.disconnectedCallback(),this._abortController.abort(),this._enableBodyScroll(),this._removeEscKeyEventListener()}async firstUpdated(e){(await Promise.resolve().then(()=>Sr).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.isOpen&&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&&Ue(this,Ri,{targetModal:this})}_handleModalOpenStateChanged(e){const t=e.get("isOpen");void 0!==t&&(t?this._backButtonClicked?(this._backButtonClicked=!1,Ue(this,Fi,{targetModal:this})):Ue(this,ji,{targetModal:this}):Ue(this,Ri,{targetModal:this}))}_handleActionClick(e){"leading"===e?(this._dialog.close("leading"),Ue(this,"pie-modal-leading-action-click",{targetModal:this})):"supporting"===e&&(this._dialog.close("supporting"),Ue(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&&Di(this._scrollableContainer)}_disableBodyScroll(){this._modalScrollContainer&&Ii(this._modalScrollContainer)}_getHeaderButtonVariant(){const{imageSlotMode:e,backgroundColor:t}=this,i=!!e,o=!!t&&"default"!==t,n=-1!==t.indexOf("subtle")||"brand-02"===t||"default"===t?"ghost-secondary":"ghost-secondary-dark";return i&&"illustration"===e&&!o?n:"brand-06"===t?"ghost-inverse-light":n}renderCloseButton(){var e,t;if(!this.isDismissible)return q;const i=this.imageSlotMode?"secondary":this._getHeaderButtonVariant();return si`
+    `;let ui=bi;mi([be({type:String,reflect:!0})],ui.prototype,"size"),mi([be({type:String,reflect:!0})],ui.prototype,"fill"),mi([ue()],ui.prototype,"_svgWidth"),mi([ue()],ui.prototype,"_svgHeight");var gi=Object.defineProperty,fi=Object.getOwnPropertyDescriptor,yi=(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&&gi(t,i,r),r};let ki=class extends ui{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 W`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" 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.867z"></path></svg>`}};yi([be({type:String,reflect:!0})],ki.prototype,"size",2),yi([be({type:String,reflect:!0})],ki.prototype,"class",2),ki=yi([He("icon-close")],ki);var wi=Object.defineProperty,xi=Object.getOwnPropertyDescriptor,Ai=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?xi(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&&wi(t,i,r),r};let _i=class extends ui{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 W`<svg width="${this._svgWidth}" height="${this._svgHeight}" fill="${this.fill}" 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.198-.875.962-5.565-5.364a1.164 1.164 0 0 1 0-1.671l5.495-5.25z"></path></svg>`}};Ai([be({type:String,reflect:!0})],_i.prototype,"size",2),Ai([be({type:String,reflect:!0})],_i.prototype,"class",2),_i=Ai([He("icon-chevron-left")],_i);const Si=class e extends ce{willUpdate(){this.getAttribute("v")||this.setAttribute("v",e.v)}};Si.v="1.27.14";let Ei=Si;var Ci=!1;if(typeof window<"u"){var zi={get passive(){Ci=!0}};window.addEventListener("testPassive",null,zi),window.removeEventListener("testPassive",null,zi)}var Ti=typeof window<"u"&&window.navigator&&window.navigator.platform&&(/iP(ad|hone|od)/.test(window.navigator.platform)||"MacIntel"===window.navigator.platform&&window.navigator.maxTouchPoints>1),$i=[],Oi=!1,Mi=-1,Bi=void 0,Ni=void 0,Li=function(e){return $i.some(function(t){return!(!t.options.allowTouchMove||!t.options.allowTouchMove(e))})},Pi=function(e){var t=e||window.event;return!!(Li(t.target)||t.touches.length>1)||(t.preventDefault&&t.preventDefault(),!1)},Ii=function(e,t){if(e){if(!$i.some(function(t){return t.targetElement===e})){var i={targetElement:e,options:{}};$i=[].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)}($i),[i]),Ti?(e.ontouchstart=function(e){1===e.targetTouches.length&&(Mi=e.targetTouches[0].clientY)},e.ontouchmove=function(t){1===t.targetTouches.length&&function(e,t){var i=e.targetTouches[0].clientY-Mi;!Li(e.target)&&(t&&0===t.scrollTop&&i>0||function(e){return!!e&&e.scrollHeight-e.scrollTop<=e.clientHeight}(t)&&i<0?Pi(e):e.stopPropagation())}(t,e)},Oi||(document.addEventListener("touchmove",Pi,Ci?{passive:!1}:void 0),Oi=!0)):function(){void 0===Ni&&(window.innerWidth,document.documentElement.clientWidth);void 0===Bi&&(Bi=document.body.style.overflow,document.body.style.overflow="hidden")}()}}else console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.")},Di=function(e){e?($i=$i.filter(function(t){return t.targetElement!==e}),Ti?(e.ontouchstart=null,e.ontouchmove=null,Oi&&0===$i.length&&(document.removeEventListener("touchmove",Pi,Ci?{passive:!1}:void 0),Oi=!1)):$i.length||(void 0!==Ni&&(document.body.style.paddingRight=Ni,Ni=void 0),void 0!==Bi&&(document.body.style.overflow=Bi,Bi=void 0))):console.error("enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.")};const ji="pie-modal-close",Ri="pie-modal-open",Fi="pie-modal-back",Hi="",Ui=!1,Wi=!1,Vi="h2",qi=!1,Gi=!1,Ki=!1,Yi=!0,Zi=!1,Xi=!1,Qi="center",Ji="medium",eo="default",to="medium";var io=Object.defineProperty,oo=Object.getOwnPropertyDescriptor,no=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?oo(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&&io(t,i,r),r};const ro="pie-modal";let ao=class extends Ei{constructor(){super(...arguments),this.heading=Hi,this.headingLevel=Vi,this.hasBackButton=Ui,this.hasStackedActions=Wi,this.isDismissible=Gi,this.isHeadingEmphasised=Ki,this.isFooterPinned=Yi,this.isFullWidthBelowMid=Zi,this.isLoading=Xi,this.isOpen=qi,this.position=Qi,this.size=Ji,this.backgroundColor=eo,this.imageSlotAspectRatio=to,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)),document.addEventListener(Ri,e=>this._handleModalOpened(e),{signal:e}),document.addEventListener(ji,e=>this._handleModalClosed(e),{signal:e}),document.addEventListener(Fi,e=>this._handleModalClosed(e),{signal:e})}disconnectedCallback(){super.disconnectedCallback(),this._abortController.abort(),this._enableBodyScroll(),this._removeEscKeyEventListener()}async firstUpdated(e){(await Promise.resolve().then(()=>Sr).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.isOpen&&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&&Ue(this,Ri,{targetModal:this})}_handleModalOpenStateChanged(e){const t=e.get("isOpen");void 0!==t&&(t?this._backButtonClicked?(this._backButtonClicked=!1,Ue(this,Fi,{targetModal:this})):Ue(this,ji,{targetModal:this}):Ue(this,Ri,{targetModal:this}))}_handleActionClick(e){"leading"===e?(this._dialog.close("leading"),Ue(this,"pie-modal-leading-action-click",{targetModal:this})):"supporting"===e&&(this._dialog.close("supporting"),Ue(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&&Di(this._scrollableContainer)}_disableBodyScroll(){this._modalScrollContainer&&Ii(this._modalScrollContainer)}_getHeaderButtonVariant(){const{imageSlotMode:e,backgroundColor:t}=this,i=!!e,o=!!t&&"default"!==t,n=-1!==t.indexOf("subtle")||"brand-02"===t||"default"===t?"ghost-secondary":"ghost-secondary-dark";return i&&"illustration"===e&&!o?n:"brand-06"===t?"ghost-inverse-light":n}renderCloseButton(){var e,t;if(!this.isDismissible)return q;const i=this.imageSlotMode?"secondary":this._getHeaderButtonVariant();return si`
             <pie-icon-button
                 @click="${()=>{this.isOpen=!1}}"
                 variant="${i}"
@@ -270,7 +277,7 @@ const oi=Symbol.for(""),ni=e=>{if((null==e?void 0:e.r)===oi)return null==e?void
                     <div class="c-modal-scrollContainer">
                         ${this.renderModalContentAndFooter()}
                     </div>`}
-        </dialog>`}};ao.styles=s('*,*:after,*:before{box-sizing:inherit}dialog{position:absolute;left:0;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;margin:auto;border:solid;padding:1em;background:#fff;color:#000;display:block}dialog:not([open]){display:none}dialog+.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000001a}._dialog_overlay{position:fixed;top:0;right:0;bottom:0;left:0}dialog.fixed{position:fixed;top:50%;transform:translateY(-50%)}.c-modal{--modal-size-s: 450px;--modal-size-m: 600px;--modal-size-l: 1080px;--modal-border-radius: var(--dt-radius-rounded-d);--modal-font: var(--dt-font-interactive-l-family);--modal-content-color: var(--dt-color-content-default);--modal-bg-color: var(--dt-color-container-default);--modal-elevation: var(--dt-elevation-below-20);--modal-image-slot-bg-color: none;--modal-easing: var(--dt-motion-easing-persistent-functional);--modal-transition-duration: var(--dt-motion-timing-150);--backdrop-transition-duration: var(--dt-motion-timing-200)}.c-modal:focus-visible{outline:none}@media(max-width:767px){.c-modal pie-icon-button{--btn-dimension: 40px}}.c-modal{opacity:0;transform:translateY(-40px);transition:opacity var(--modal-transition-duration) var(--modal-easing),transform var(--modal-transition-duration) var(--modal-easing),display var(--modal-transition-duration) allow-discrete,overlay var(--backdrop-transition-duration) allow-discrete}.c-modal[open]{--modal-transition-duration: var(--dt-motion-timing-250);--backdrop-transition-duration: var(--dt-motion-timing-300);opacity:1;transform:translateY(0)}@starting-style{.c-modal[open]{opacity:0;transform:translateY(-40px)}}.c-modal[open]::backdrop{opacity:1}@starting-style{.c-modal[open]::backdrop{opacity:0}}.c-modal{position:fixed;top:0;overflow:visible;border-radius:var(--modal-border-radius);border:none;box-shadow:var(--modal-elevation);font-family:var(--modal-font);color:var(--modal-content-color);background-color:var(--modal-bg-color);padding:0;display:flex;flex-direction:column;--modal-margin-none: var(--dt-spacing-none);--modal-margin-small: var(--dt-spacing-g);--modal-margin-large: var(--dt-spacing-j);--modal-margin-block: var(--modal-margin-small)}@media(min-width:769px){.c-modal{--modal-margin-block: var(--modal-margin-large)}}.c-modal{--modal-block-size: fit-content;--modal-inline-size: 75%;--modal-max-block-size: calc(100vh - calc(var(--modal-margin-block) * 2));--modal-max-inline-size: var(--modal-size-m);block-size:var(--modal-block-size);inline-size:var(--modal-inline-size);max-block-size:var(--modal-max-block-size);max-inline-size:var(--modal-max-inline-size)}.c-modal.c-modal--small{--modal-max-inline-size: var(--modal-size-s)}@media(min-width:769px){.c-modal.c-modal--small{--modal-margin-block: var(--modal-margin-large)}}.c-modal.c-modal--large{--modal-inline-size: 75%;--modal-max-inline-size: var(--modal-size-l);--modal-margin-block: var(--modal-margin-large)}@media(max-width:767px){.c-modal.c-modal--large,.c-modal.c-modal--medium.is-fullWidthBelowMid{--modal-margin-block: var(--modal-margin-none);--modal-border-radius: var(--dt-radius-rounded-none);--modal-block-size: 100%;--modal-inline-size: 100%;--modal-max-inline-size: 100%}.c-modal.c-modal--large>.c-modal-scrollContainer,.c-modal.c-modal--medium.is-fullWidthBelowMid>.c-modal-scrollContainer{block-size:100%}}.c-modal.c-modal--top{margin-block-start:var(--dt-spacing-j);max-block-size:calc(100% - var(--dt-spacing-j) * 2)}@media(max-width:767px){.c-modal.c-modal--top.c-modal--large,.c-modal.c-modal--top.is-fullWidthBelowMid.c-modal--medium{margin-block-start:var(--dt-spacing-none);max-block-size:100%}}.c-modal::backdrop{background:var(--dt-color-overlay);opacity:0;transition:opacity var(--backdrop-transition-duration) var(--modal-easing),display var(--backdrop-transition-duration) allow-discrete,overlay var(--backdrop-transition-duration) allow-discrete}@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none){.c-modal::backdrop{background:#0000008c}}.c-modal .c-modal-closeBtn{grid-area:close;margin-block-start:var(--dt-spacing-b);margin-block-end:var(--dt-spacing-b);margin-inline-start:var(--dt-spacing-none);margin-inline-end:var(--dt-spacing-b)}@media(min-width:769px){.c-modal .c-modal-closeBtn{margin-block-start:var(--dt-spacing-c);margin-block-end:var(--dt-spacing-c);margin-inline-start:var(--dt-spacing-none);margin-inline-end:var(--dt-spacing-c)}}.c-modal .c-modal-imageSlot{border-start-start-radius:var(--modal-border-radius);border-start-end-radius:var(--modal-border-radius)}.c-modal .c-modal-imageSlot.c-modal-imageSlot--illustration{display:flex;justify-content:center;align-items:center;height:200px;background-color:var(--modal-image-slot-bg-color)}.c-modal .c-modal-imageSlot.c-modal-imageSlot--illustration ::slotted([slot=image]){width:168px;height:168px;overflow:hidden}.c-modal .c-modal-imageSlot.c-modal-imageSlot--image{overflow:hidden;aspect-ratio:16/9}.c-modal .c-modal-imageSlot.c-modal-imageSlot--image.c-modal-imageSlot--small{aspect-ratio:3/1}.c-modal .c-modal-imageSlot.c-modal-imageSlot--image.c-modal-imageSlot--large{aspect-ratio:4/3}.c-modal .c-modal-imageSlot.c-modal-imageSlot--image ::slotted([slot=image]){width:100%}@media(min-width:769px){.c-modal .c-modal-imageSlot.c-modal-imageSlot--image{aspect-ratio:3/1}.c-modal .c-modal-imageSlot.c-modal-imageSlot--image.c-modal-imageSlot--small{aspect-ratio:4/1}.c-modal .c-modal-imageSlot.c-modal-imageSlot--image.c-modal-imageSlot--large{aspect-ratio:21/9}}.c-modal .c-modal-imageSlot .c-modal-closeBtn{position:absolute;inset-block-start:0;inset-inline-end:0;margin-block-start:var(--dt-spacing-d);margin-inline-end:var(--dt-spacing-d)}.c-modal .c-modal-footer{--modal-button-spacing: var(--dt-spacing-d);--modal-footer-padding: var(--dt-spacing-d);display:flex;flex-flow:row-reverse;flex-wrap:wrap;gap:var(--modal-button-spacing);padding:var(--modal-footer-padding)}@media(min-width:769px){.c-modal .c-modal-footer{--modal-footer-padding: var(--dt-spacing-e)}}@media(max-width:767px){.c-modal .c-modal-footer.c-modal-footer--stackedActions{flex-direction:column}}@media(min-width:768px){.c-modal .c-modal-footer.c-modal-footer--stackedActions>pie-button{width:auto}}.c-modal ::slotted([slot=footer]){display:flex;width:100%}.c-modal ::slotted([slot=headerContent]){grid-area:content;padding-inline-start:var(--dt-spacing-e);padding-inline-end:var(--dt-spacing-e);margin-block-end:var(--dt-spacing-d)}.c-modal .c-modal-header{display:grid;grid-template-areas:"back   heading   close" "content content content";grid-template-columns:minmax(0,max-content) minmax(0,1fr) minmax(0,max-content);align-items:start}.c-modal .c-modal-heading{--modal-header-font-size: calc(var(--dt-font-heading-m-size--narrow) * 1px);--modal-header-font-line-height: calc(var(--dt-font-heading-m-line-height--narrow) * 1px);--modal-header-font-weight: var(--dt-font-heading-m-weight);--modal-header-font-style: normal;font-size:var(--modal-header-font-size);line-height:var(--modal-header-font-line-height);font-weight:var(--modal-header-font-weight);font-style:var(--modal-header-font-style);margin:0;grid-area:heading;margin-inline-start:var(--dt-spacing-d);margin-inline-end:var(--dt-spacing-d);margin-block:16px}@media(min-width:769px){.c-modal .c-modal-heading{--modal-header-font-size: calc(var(--dt-font-heading-m-size--wide) * 1px);--modal-header-font-line-height: calc(var(--dt-font-heading-m-line-height--wide) * 1px);margin-inline-start:var(--dt-spacing-e);margin-inline-end:var(--dt-spacing-e);margin-block:22px}}.c-modal .c-modal-heading.c-modal-heading--emphasised{--modal-header-font-size: calc(var(--dt-font-heading-xl-italic-size--narrow) * 1px);--modal-header-font-line-height: calc(var(--dt-font-heading-m-italic-line-height--narrow) * 1px);--modal-header-font-weight: var(--dt-font-heading-xl-italic-weight);--modal-header-font-style: var(--dt-font-heading-xl-italic-font-style);font-variation-settings:"slnt" -20}@media(min-width:769px){.c-modal .c-modal-heading.c-modal-heading--emphasised{--modal-header-font-size: calc(var(--dt-font-heading-xl-italic-size--wide) * 1px);--modal-header-font-line-height: calc(var(--dt-font-heading-m-italic-line-height--wide) * 1px)}}.c-modal .c-modal-backBtn+.c-modal-heading{margin-inline-start:var(--dt-spacing-b)}@media(min-width:769px){.c-modal .c-modal-backBtn+.c-modal-heading{margin-inline-start:var(--dt-spacing-c)}}.c-modal.is-dismissible .c-modal-heading{margin-inline-end:var(--dt-spacing-d)}@media(min-width:769px){.c-modal.is-dismissible .c-modal-heading{margin-inline-end:var(--dt-spacing-e)}}.c-modal .c-modal-backBtn{grid-area:back;margin-block-start:var(--dt-spacing-b);margin-block-end:var(--dt-spacing-b);margin-inline-start:var(--dt-spacing-b);margin-inline-end:var(--dt-spacing-none)}@media(min-width:769px){.c-modal .c-modal-backBtn{margin-block-start:var(--dt-spacing-c);margin-block-end:var(--dt-spacing-c);margin-inline-start:var(--dt-spacing-c);margin-inline-end:var(--dt-spacing-none)}}.c-modal .c-modal-content{--modal-content-font-size: calc(var(--dt-font-body-l-size) * 1px);--modal-content-font-weight: var(--dt-font-body-l-weight);--modal-content-line-height: calc(var(--dt-font-body-l-line-height) * 1px);--modal-content-padding-block: var(--dt-spacing-a);--modal-content-padding-inline: var(--dt-spacing-d);--modal-content-padding-block-end: var(--dt-spacing-e)}@media(min-width:769px){.c-modal .c-modal-content{--modal-content-padding-inline: var(--dt-spacing-e)}}.c-modal .c-modal-content{position:relative;font-size:var(--modal-content-font-size);line-height:var(--modal-content-line-height);font-weight:var(--modal-content-font-weight);padding-inline-start:var(--modal-content-padding-inline);padding-inline-end:var(--modal-content-padding-inline);padding-block-start:var(--modal-content-padding-block);padding-block-end:var(--modal-content-padding-block-end);flex-grow:1}.c-modal .c-modal-content:has(+slot>footer){padding-block-end:var(--modal-content-padding-block)}.c-modal .c-modal-content--scrollable{background:linear-gradient(to bottom,transparent,var(--dt-color-container-default) 75%) center bottom,linear-gradient(transparent,var(--dt-color-border-strong)) center bottom;background-repeat:no-repeat;background-size:100% 48px,100% 12px;background-attachment:local,scroll}.c-modal>.c-modal-scrollContainer{display:flex;flex-direction:column;overflow-y:auto;border-end-start-radius:var(--modal-border-radius);border-end-end-radius:var(--modal-border-radius);--bg-scroll-end: linear-gradient(rgba(255, 255, 255, 0), var(--modal-bg-color) 70%) 0 100%;--bg-scroll-bottom: radial-gradient(farthest-corner at 50% 100%, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0)) 0 100%;--bg-size-scroll-end: 100% 40px;--bg-size-scroll-bottom: 100% 8px;background:var(--bg-scroll-end),var(--bg-scroll-bottom);background-repeat:no-repeat;background-size:var(--bg-size-scroll-end),var(--bg-size-scroll-bottom);background-attachment:local,scroll}.c-modal>.c-modal-scrollContainer .c-modal-content{flex-shrink:0}.c-modal.is-pinnedFooter .c-modal-content{overflow-y:auto}.c-modal.is-loading .c-modal-content pie-spinner{display:flex;justify-content:center;align-items:center;padding:var(--dt-spacing-j) calc(var(--dt-spacing-j) + var(--dt-spacing-d))}.c-modal.is-loading .c-modal-content .c-modal-contentInner{display:none}@supports not (aspect-ratio: 1/1){.c-modal .c-modal-scrollContainer{background:none}}.c-modal .c-modal-backBtn-icon:dir(rtl){transform:rotate(180deg)}.c-modal.c-modal--bg-subtle{--modal-image-slot-bg-color: var(--dt-color-container-subtle)}.c-modal.c-modal--bg-brand-01{--modal-content-color: var(--dt-color-content-dark);--modal-bg-color: var(--dt-color-support-brand-01)}.c-modal.c-modal--bg-brand-02{--modal-bg-color: var(--dt-color-support-brand-02)}.c-modal.c-modal--bg-brand-03{--modal-content-color: var(--dt-color-content-dark);--modal-bg-color: var(--dt-color-support-brand-03)}.c-modal.c-modal--bg-brand-03-subtle{--modal-bg-color: var(--dt-color-support-brand-03-subtle)}.c-modal.c-modal--bg-brand-04{--modal-content-color: var(--dt-color-content-dark);--modal-bg-color: var(--dt-color-support-brand-04)}.c-modal.c-modal--bg-brand-04-subtle{--modal-bg-color: var(--dt-color-support-brand-04-subtle)}.c-modal.c-modal--bg-brand-05{--modal-content-color: var(--dt-color-content-dark);--modal-bg-color: var(--dt-color-support-brand-05)}.c-modal.c-modal--bg-brand-05-subtle{--modal-bg-color: var(--dt-color-support-brand-05-subtle)}.c-modal.c-modal--bg-brand-06{--modal-content-color: var(--dt-color-content-light);--modal-bg-color: var(--dt-color-support-brand-06)}.c-modal.c-modal--bg-brand-06-subtle{--modal-bg-color: var(--dt-color-support-brand-06-subtle)}.c-modal.c-modal--bg-brand-08{--modal-content-color: var(--dt-color-content-dark);--modal-bg-color: var(--dt-color-support-brand-08)}.c-modal.c-modal--bg-brand-08-subtle{--modal-bg-color: var(--dt-color-support-brand-08-subtle)}@media(prefers-reduced-motion:reduce){.c-modal,.c-modal::backdrop{transition:none;transform:none}}'),no([be({type:Object})],ao.prototype,"aria",2),no([be({type:String})],ao.prototype,"heading",2),no([be({type:String}),Fe(ro,["h1","h2","h3","h4","h5","h6"],Vi)],ao.prototype,"headingLevel",2),no([be({type:Boolean})],ao.prototype,"hasBackButton",2),no([be({type:Boolean})],ao.prototype,"hasStackedActions",2),no([be({type:Boolean,reflect:!0})],ao.prototype,"isDismissible",2),no([be({type:Boolean})],ao.prototype,"isHeadingEmphasised",2),no([be({type:Boolean})],ao.prototype,"isFooterPinned",2),no([be({type:Boolean})],ao.prototype,"isFullWidthBelowMid",2),no([be({type:Boolean,reflect:!0})],ao.prototype,"isLoading",2),no([be({type:Boolean})],ao.prototype,"isOpen",2),no([be({type:Object})],ao.prototype,"leadingAction",2),no([be({type:String}),Fe(ro,["top","center"],Qi)],ao.prototype,"position",2),no([be({type:String})],ao.prototype,"returnFocusAfterCloseSelector",2),no([be({type:String}),Fe(ro,["small","medium","large"],Ji)],ao.prototype,"size",2),no([be({type:Object})],ao.prototype,"supportingAction",2),no([be({type:String}),Fe(ro,["default","subtle","brand-01","brand-02","brand-03","brand-03-subtle","brand-04","brand-04-subtle","brand-05","brand-05-subtle","brand-06","brand-06-subtle","brand-08","brand-08-subtle"],eo)],ao.prototype,"backgroundColor",2),no([be({type:String})],ao.prototype,"imageSlotMode",2),no([be({type:String}),Fe(ro,["small","medium","large"],to)],ao.prototype,"imageSlotAspectRatio",2),no([fe("dialog")],ao.prototype,"_dialog",2),ao=no([He("pie-modal")],ao);
+        </dialog>`}};ao.styles=s('*,*:after,*:before{box-sizing:inherit}dialog{position:absolute;left:0;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;margin:auto;border:solid;padding:1em;background:#fff;color:#000;display:block}dialog:not([open]){display:none}dialog+.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000001a}._dialog_overlay{position:fixed;top:0;right:0;bottom:0;left:0}dialog.fixed{position:fixed;top:50%;transform:translateY(-50%)}.c-modal{--modal-size-s: 450px;--modal-size-m: 600px;--modal-size-l: 1080px;--modal-border-radius: var(--dt-radius-rounded-d);--modal-font: var(--dt-font-interactive-l-family);--modal-content-color: var(--dt-color-content-default);--modal-bg-color: var(--dt-color-container-default);--modal-elevation: var(--dt-elevation-below-20);--modal-image-slot-bg-color: none;--modal-easing: var(--dt-motion-easing-persistent-functional);--modal-transition-duration: var(--dt-motion-timing-150);--backdrop-transition-duration: var(--dt-motion-timing-200)}.c-modal:focus-visible{outline:none}@media(max-width:767px){.c-modal pie-icon-button{--btn-dimension: 40px}}.c-modal{opacity:0;transform:translateY(-40px);transition:opacity var(--modal-transition-duration) var(--modal-easing),transform var(--modal-transition-duration) var(--modal-easing),display var(--modal-transition-duration) allow-discrete,overlay var(--backdrop-transition-duration) allow-discrete}.c-modal[open]{--modal-transition-duration: var(--dt-motion-timing-250);--backdrop-transition-duration: var(--dt-motion-timing-300);opacity:1;transform:translateY(0)}@starting-style{.c-modal[open]{opacity:0;transform:translateY(-40px)}}.c-modal[open]::backdrop{opacity:1}@starting-style{.c-modal[open]::backdrop{opacity:0}}.c-modal{position:fixed;top:0;overflow:visible;border-radius:var(--modal-border-radius);border:none;box-shadow:var(--modal-elevation);font-family:var(--modal-font);color:var(--modal-content-color);background-color:var(--modal-bg-color);padding:0;display:flex;flex-direction:column;--modal-margin-none: var(--dt-spacing-none);--modal-margin-small: var(--dt-spacing-g);--modal-margin-large: var(--dt-spacing-j);--modal-margin-block: var(--modal-margin-small)}@media(min-width:769px){.c-modal{--modal-margin-block: var(--modal-margin-large)}}.c-modal{--modal-block-size: fit-content;--modal-inline-size: 75%;--modal-max-block-size: calc(100vh - calc(var(--modal-margin-block) * 2));--modal-max-inline-size: var(--modal-size-m);block-size:var(--modal-block-size);inline-size:var(--modal-inline-size);max-block-size:var(--modal-max-block-size);max-inline-size:var(--modal-max-inline-size)}.c-modal.c-modal--small{--modal-max-inline-size: var(--modal-size-s)}@media(min-width:769px){.c-modal.c-modal--small{--modal-margin-block: var(--modal-margin-large)}}.c-modal.c-modal--large{--modal-inline-size: 75%;--modal-max-inline-size: var(--modal-size-l);--modal-margin-block: var(--modal-margin-large)}@media(max-width:767px){.c-modal.c-modal--large,.c-modal.c-modal--medium.is-fullWidthBelowMid{--modal-margin-block: var(--modal-margin-none);--modal-border-radius: var(--dt-radius-rounded-none);--modal-block-size: 100%;--modal-inline-size: 100%;--modal-max-inline-size: 100%}.c-modal.c-modal--large>.c-modal-scrollContainer,.c-modal.c-modal--medium.is-fullWidthBelowMid>.c-modal-scrollContainer{block-size:100%}}.c-modal.c-modal--top{margin-block-start:var(--dt-spacing-j);max-block-size:calc(100% - var(--dt-spacing-j) * 2)}@media(max-width:767px){.c-modal.c-modal--top.c-modal--large,.c-modal.c-modal--top.is-fullWidthBelowMid.c-modal--medium{margin-block-start:var(--dt-spacing-none);max-block-size:100%}}.c-modal::backdrop{background:var(--dt-color-overlay);opacity:0;transition:opacity var(--backdrop-transition-duration) var(--modal-easing),display var(--backdrop-transition-duration) allow-discrete,overlay var(--backdrop-transition-duration) allow-discrete}@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none){.c-modal::backdrop{background:#0000008c}}.c-modal .c-modal-closeBtn{grid-area:close;margin-block-start:var(--dt-spacing-b);margin-block-end:var(--dt-spacing-b);margin-inline-start:var(--dt-spacing-none);margin-inline-end:var(--dt-spacing-b)}@media(min-width:769px){.c-modal .c-modal-closeBtn{margin-block-start:var(--dt-spacing-c);margin-block-end:var(--dt-spacing-c);margin-inline-start:var(--dt-spacing-none);margin-inline-end:var(--dt-spacing-c)}}.c-modal .c-modal-imageSlot{border-start-start-radius:var(--modal-border-radius);border-start-end-radius:var(--modal-border-radius);overflow:hidden}.c-modal .c-modal-imageSlot.c-modal-imageSlot--illustration{display:flex;justify-content:center;align-items:center;height:200px;background-color:var(--modal-image-slot-bg-color)}.c-modal .c-modal-imageSlot.c-modal-imageSlot--illustration ::slotted([slot=image]){width:168px;height:168px;overflow:hidden}.c-modal .c-modal-imageSlot.c-modal-imageSlot--image{overflow:hidden;aspect-ratio:16/9}.c-modal .c-modal-imageSlot.c-modal-imageSlot--image.c-modal-imageSlot--small{aspect-ratio:3/1}.c-modal .c-modal-imageSlot.c-modal-imageSlot--image.c-modal-imageSlot--large{aspect-ratio:4/3}.c-modal .c-modal-imageSlot.c-modal-imageSlot--image ::slotted([slot=image]){width:100%}@media(min-width:769px){.c-modal .c-modal-imageSlot.c-modal-imageSlot--image{aspect-ratio:3/1}.c-modal .c-modal-imageSlot.c-modal-imageSlot--image.c-modal-imageSlot--small{aspect-ratio:4/1}.c-modal .c-modal-imageSlot.c-modal-imageSlot--image.c-modal-imageSlot--large{aspect-ratio:21/9}}.c-modal .c-modal-imageSlot .c-modal-closeBtn{position:absolute;inset-block-start:0;inset-inline-end:0;margin-block-start:var(--dt-spacing-d);margin-inline-end:var(--dt-spacing-d)}.c-modal .c-modal-footer{--modal-button-spacing: var(--dt-spacing-d);--modal-footer-padding: var(--dt-spacing-d);display:flex;flex-flow:row-reverse;flex-wrap:wrap;gap:var(--modal-button-spacing);padding:var(--modal-footer-padding)}@media(min-width:769px){.c-modal .c-modal-footer{--modal-footer-padding: var(--dt-spacing-e)}}@media(max-width:767px){.c-modal .c-modal-footer.c-modal-footer--stackedActions{flex-direction:column}}@media(min-width:768px){.c-modal .c-modal-footer.c-modal-footer--stackedActions>pie-button{width:auto}}.c-modal ::slotted([slot=footer]){display:flex;width:100%}.c-modal ::slotted([slot=headerContent]){grid-area:content;padding-inline-start:var(--dt-spacing-e);padding-inline-end:var(--dt-spacing-e);margin-block-end:var(--dt-spacing-d)}.c-modal .c-modal-header{display:grid;grid-template-areas:"back   heading   close" "content content content";grid-template-columns:minmax(0,max-content) minmax(0,1fr) minmax(0,max-content);align-items:start}.c-modal .c-modal-heading{--modal-header-font-size: calc(var(--dt-font-heading-m-size--narrow) * 1px);--modal-header-font-line-height: calc(var(--dt-font-heading-m-line-height--narrow) * 1px);--modal-header-font-weight: var(--dt-font-heading-m-weight);--modal-header-font-style: normal;font-size:var(--modal-header-font-size);line-height:var(--modal-header-font-line-height);font-weight:var(--modal-header-font-weight);font-style:var(--modal-header-font-style);margin:0;grid-area:heading;margin-inline-start:var(--dt-spacing-d);margin-inline-end:var(--dt-spacing-d);margin-block:16px}@media(min-width:769px){.c-modal .c-modal-heading{--modal-header-font-size: calc(var(--dt-font-heading-m-size--wide) * 1px);--modal-header-font-line-height: calc(var(--dt-font-heading-m-line-height--wide) * 1px);margin-inline-start:var(--dt-spacing-e);margin-inline-end:var(--dt-spacing-e);margin-block:22px}}.c-modal .c-modal-heading.c-modal-heading--emphasised{--modal-header-font-size: calc(var(--dt-font-heading-xl-italic-size--narrow) * 1px);--modal-header-font-line-height: calc(var(--dt-font-heading-m-italic-line-height--narrow) * 1px);--modal-header-font-weight: var(--dt-font-heading-xl-italic-weight);--modal-header-font-style: var(--dt-font-heading-xl-italic-font-style);font-variation-settings:"slnt" -20}@media(min-width:769px){.c-modal .c-modal-heading.c-modal-heading--emphasised{--modal-header-font-size: calc(var(--dt-font-heading-xl-italic-size--wide) * 1px);--modal-header-font-line-height: calc(var(--dt-font-heading-m-italic-line-height--wide) * 1px)}}.c-modal .c-modal-backBtn+.c-modal-heading{margin-inline-start:var(--dt-spacing-b)}@media(min-width:769px){.c-modal .c-modal-backBtn+.c-modal-heading{margin-inline-start:var(--dt-spacing-c)}}.c-modal.is-dismissible .c-modal-heading{margin-inline-end:var(--dt-spacing-d)}@media(min-width:769px){.c-modal.is-dismissible .c-modal-heading{margin-inline-end:var(--dt-spacing-e)}}.c-modal .c-modal-backBtn{grid-area:back;margin-block-start:var(--dt-spacing-b);margin-block-end:var(--dt-spacing-b);margin-inline-start:var(--dt-spacing-b);margin-inline-end:var(--dt-spacing-none)}@media(min-width:769px){.c-modal .c-modal-backBtn{margin-block-start:var(--dt-spacing-c);margin-block-end:var(--dt-spacing-c);margin-inline-start:var(--dt-spacing-c);margin-inline-end:var(--dt-spacing-none)}}.c-modal .c-modal-content{--modal-content-font-size: calc(var(--dt-font-body-l-size) * 1px);--modal-content-font-weight: var(--dt-font-body-l-weight);--modal-content-line-height: calc(var(--dt-font-body-l-line-height) * 1px);--modal-content-padding-block: var(--dt-spacing-a);--modal-content-padding-inline: var(--dt-spacing-d);--modal-content-padding-block-end: var(--dt-spacing-e)}@media(min-width:769px){.c-modal .c-modal-content{--modal-content-padding-inline: var(--dt-spacing-e)}}.c-modal .c-modal-content{position:relative;font-size:var(--modal-content-font-size);line-height:var(--modal-content-line-height);font-weight:var(--modal-content-font-weight);padding-inline-start:var(--modal-content-padding-inline);padding-inline-end:var(--modal-content-padding-inline);padding-block-start:var(--modal-content-padding-block);padding-block-end:var(--modal-content-padding-block-end);flex-grow:1}.c-modal .c-modal-content:has(+slot>footer){padding-block-end:var(--modal-content-padding-block)}.c-modal .c-modal-content--scrollable{background:linear-gradient(to bottom,transparent,var(--dt-color-container-default) 75%) center bottom,linear-gradient(transparent,var(--dt-color-border-strong)) center bottom;background-repeat:no-repeat;background-size:100% 48px,100% 12px;background-attachment:local,scroll}.c-modal>.c-modal-scrollContainer{display:flex;flex-direction:column;overflow-y:auto;border-end-start-radius:var(--modal-border-radius);border-end-end-radius:var(--modal-border-radius);--bg-scroll-end: linear-gradient(rgba(255, 255, 255, 0), var(--modal-bg-color) 70%) 0 100%;--bg-scroll-bottom: radial-gradient(farthest-corner at 50% 100%, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0)) 0 100%;--bg-size-scroll-end: 100% 40px;--bg-size-scroll-bottom: 100% 8px;background:var(--bg-scroll-end),var(--bg-scroll-bottom);background-repeat:no-repeat;background-size:var(--bg-size-scroll-end),var(--bg-size-scroll-bottom);background-attachment:local,scroll}.c-modal>.c-modal-scrollContainer .c-modal-content{flex-shrink:0}.c-modal.is-pinnedFooter .c-modal-content{overflow-y:auto}.c-modal.is-loading .c-modal-content pie-spinner{display:flex;justify-content:center;align-items:center;padding:var(--dt-spacing-j) calc(var(--dt-spacing-j) + var(--dt-spacing-d))}.c-modal.is-loading .c-modal-content .c-modal-contentInner{display:none}@supports not (aspect-ratio: 1/1){.c-modal .c-modal-scrollContainer{background:none}}.c-modal .c-modal-backBtn-icon:dir(rtl){transform:rotate(180deg)}.c-modal.c-modal--bg-subtle{--modal-image-slot-bg-color: var(--dt-color-container-subtle)}.c-modal.c-modal--bg-brand-01{--modal-content-color: var(--dt-color-content-dark);--modal-bg-color: var(--dt-color-support-brand-01)}.c-modal.c-modal--bg-brand-02{--modal-bg-color: var(--dt-color-support-brand-02)}.c-modal.c-modal--bg-brand-03{--modal-content-color: var(--dt-color-content-dark);--modal-bg-color: var(--dt-color-support-brand-03)}.c-modal.c-modal--bg-brand-03-subtle{--modal-bg-color: var(--dt-color-support-brand-03-subtle)}.c-modal.c-modal--bg-brand-04{--modal-content-color: var(--dt-color-content-dark);--modal-bg-color: var(--dt-color-support-brand-04)}.c-modal.c-modal--bg-brand-04-subtle{--modal-bg-color: var(--dt-color-support-brand-04-subtle)}.c-modal.c-modal--bg-brand-05{--modal-content-color: var(--dt-color-content-dark);--modal-bg-color: var(--dt-color-support-brand-05)}.c-modal.c-modal--bg-brand-05-subtle{--modal-bg-color: var(--dt-color-support-brand-05-subtle)}.c-modal.c-modal--bg-brand-06{--modal-content-color: var(--dt-color-content-light);--modal-bg-color: var(--dt-color-support-brand-06)}.c-modal.c-modal--bg-brand-06-subtle{--modal-bg-color: var(--dt-color-support-brand-06-subtle)}.c-modal.c-modal--bg-brand-08{--modal-content-color: var(--dt-color-content-dark);--modal-bg-color: var(--dt-color-support-brand-08)}.c-modal.c-modal--bg-brand-08-subtle{--modal-bg-color: var(--dt-color-support-brand-08-subtle)}@media(prefers-reduced-motion:reduce){.c-modal,.c-modal::backdrop{transition:none;transform:none}}'),no([be({type:Object})],ao.prototype,"aria",2),no([be({type:String})],ao.prototype,"heading",2),no([be({type:String}),Fe(ro,["h1","h2","h3","h4","h5","h6"],Vi)],ao.prototype,"headingLevel",2),no([be({type:Boolean})],ao.prototype,"hasBackButton",2),no([be({type:Boolean})],ao.prototype,"hasStackedActions",2),no([be({type:Boolean,reflect:!0})],ao.prototype,"isDismissible",2),no([be({type:Boolean})],ao.prototype,"isHeadingEmphasised",2),no([be({type:Boolean})],ao.prototype,"isFooterPinned",2),no([be({type:Boolean})],ao.prototype,"isFullWidthBelowMid",2),no([be({type:Boolean,reflect:!0})],ao.prototype,"isLoading",2),no([be({type:Boolean})],ao.prototype,"isOpen",2),no([be({type:Object})],ao.prototype,"leadingAction",2),no([be({type:String}),Fe(ro,["top","center"],Qi)],ao.prototype,"position",2),no([be({type:String})],ao.prototype,"returnFocusAfterCloseSelector",2),no([be({type:String}),Fe(ro,["small","medium","large"],Ji)],ao.prototype,"size",2),no([be({type:Object})],ao.prototype,"supportingAction",2),no([be({type:String}),Fe(ro,["default","subtle","brand-01","brand-02","brand-03","brand-03-subtle","brand-04","brand-04-subtle","brand-05","brand-05-subtle","brand-06","brand-06-subtle","brand-08","brand-08-subtle"],eo)],ao.prototype,"backgroundColor",2),no([be({type:String})],ao.prototype,"imageSlotMode",2),no([be({type:String}),Fe(ro,["small","medium","large"],to)],ao.prototype,"imageSlotAspectRatio",2),no([fe("dialog")],ao.prototype,"_dialog",2),ao=no([He("pie-modal")],ao);
 /**
    * @license
    * Copyright 2020 Google LLC

package/dist/index.js

@@ -27,7 +27,7 @@ const In = (t, n, o) => {
     this.getAttribute("v") || this.setAttribute("v", He.v);
   }
 };
-He.v = "1.10.20";
+He.v = "1.10.21";
 let ft = He;
 const Dn = "*,*: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){@keyframes animate-enter{0%{transform:translate3d(0,75%,0)}to{transform:translateZ(0)}}.c-cookieBanner{animation:.5s animate-enter ease-out}}.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-actions>pie-button{width:auto}}.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}", p = {
   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.10.20",
+  "version": "1.10.21",
   "repository": {
     "type": "git",
     "url": "https://github.com/justeattakeaway/pie",
@@ -50,16 +50,16 @@
   "license": "Apache-2.0",
   "devDependencies": {
     "@justeattakeaway/pie-components-config": "0.21.4",
-    "@justeattakeaway/pie-css": "1.9.0",
-    "@justeattakeaway/pie-monorepo-utils": "0.9.10",
+    "@justeattakeaway/pie-css": "1.9.1",
+    "@justeattakeaway/pie-monorepo-utils": "0.9.11",
     "@justeattakeaway/pie-wrapper-react": "0.14.5"
   },
   "dependencies": {
-    "@justeattakeaway/pie-button": "1.14.18",
+    "@justeattakeaway/pie-button": "1.15.0",
     "@justeattakeaway/pie-divider": "1.5.37",
-    "@justeattakeaway/pie-icon-button": "2.7.35",
+    "@justeattakeaway/pie-icon-button": "2.8.0",
     "@justeattakeaway/pie-link": "1.5.8",
-    "@justeattakeaway/pie-modal": "1.27.13",
+    "@justeattakeaway/pie-modal": "1.27.14",
     "@justeattakeaway/pie-switch": "2.7.6",
     "@justeattakeaway/pie-webc-core": "22.0.0",
     "dompurify": "3.4.8"