@justeattakeaway/pie-cookie-banner 1.6.9 → 1.6.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cdn_dist/index.js +2 -2
- package/dist/index.js +1 -1
- package/package.json +4 -4
package/cdn_dist/index.js
CHANGED
|
@@ -75,7 +75,7 @@ const ye=1,ke=2,we=e=>(...t)=>({_$litDirective$:e,values:t});let xe=class{constr
|
|
|
75
75
|
</div>`}renderAriaLabel(){var e;return null!=(e=this.aria)&&e.label?V`
|
|
76
76
|
<span class="c-spinner-label">
|
|
77
77
|
${this.aria.label}
|
|
78
|
-
</span>`:U}};qe.styles=s("*,*:after,*:before{box-sizing:inherit}:host{display:block}@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-h);--spinner-base-color-s: var(--dt-color-content-brand-s);--spinner-base-color-l: var(--dt-color-content-brand-l)}.c-spinner.c-spinner--secondary{--spinner-base-color-h: var(--dt-color-content-interactive-secondary-h);--spinner-base-color-s: var(--dt-color-content-interactive-secondary-s);--spinner-base-color-l: var(--dt-color-content-interactive-secondary-l)}.c-spinner.c-spinner--inverse{--spinner-base-color-h: var(--dt-color-content-inverse-h);--spinner-base-color-s: var(--dt-color-content-inverse-s);--spinner-base-color-l: var(--dt-color-content-inverse-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;overflow:hidden;padding:1px;white-space:nowrap}"),We([be({type:Object})],qe.prototype,"aria",2),We([be({type:String}),Be(Ue,["xsmall","small","medium","large","xlarge"],Fe)],qe.prototype,"size",2),We([be({type:String}),Be(Ue,["brand","secondary","inverse"],Re)],qe.prototype,"variant",2),qe=We([Pe("pie-spinner")],qe),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,b=new WeakMap,u=new WeakMap,m={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;T(e,i,t),$(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=j()?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(m).filter(e=>null!==t[e]).forEach(i=>{e.setAttribute(m[i],t[i])}),d.delete(e)}if(u.has(e)){const t=u.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()),u.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)&&z(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)&&N(t),i.disconnect()})})}j()&&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])},z=e=>{o.get(e).forEach(e=>{e.remove()}),o.set(e,[])},S=(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},$=(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)}},E=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)},C=e=>{E(B(e.target))},M=e=>{E(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)})},T=(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",C),t.addEventListener("change",M)}a.set(t,{ref:e,internals:i}),e.constructor.formAssociated&&e.formAssociatedCallback&&setTimeout(()=>{e.formAssociatedCallback.apply(e,[t])},0),E(t)}},B=e=>{let t=e.parentNode;return t&&"FORM"!==t.tagName&&(t=B(t)),t},P=(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},N=e=>{if(e.constructor.formAssociated){const t=n.get(e),{labels:i,form:o}=t;$(e,i),T(e,o,t)}};function j(){return typeof MutationObserver<"u"}class I{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 D=e=>{let t=!0;for(let i in e)"valid"!==i&&!1!==e[i]&&(t=!1);return t},F=new WeakMap;function R(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");F.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=F.get(this),o=`state${e}`;return i.isConnected?R(i,o):setTimeout(()=>{R(i,o)}),t}clear(){for(let[e]of this.entries())this.delete(e);super.clear()}delete(e){const t=super.delete(e),i=F.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 V(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 U{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 V(this,W,"f").length}[(W=new WeakMap,Symbol.iterator)](){return V(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 I;this.states=new H(e),t.set(this,e),i.set(this,a),n.set(e,this),((e,t)=>{for(let i in m){t[i]=null;let o=null;const n=m[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(P(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 P(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);P(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(P(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);P(i,"Failed to execute 'setFormValue' on 'ElementInternals': The target element is not a form-associated custom element."),z(this),null==e||e instanceof FormData?null!=e&&e instanceof FormData&&Array.from(e).reverse().forEach(([e,t])=>{if("string"==typeof t){const o=S(i,this);o.name=e,o.value=t}}):i.getAttribute("name")&&(S(i,this).value=e),c.set(i,e)}setValidity(e,o,n){const a=t.get(this);if(P(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=D(t),Object.keys(t).forEach(i=>e[i]=t[i]),i&&E(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}`)):u.set(a,this)}get shadowRoot(){const e=t.get(this);return h.get(e)||null}get validationMessage(){const e=t.get(this);return P(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 P(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 P(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 K=!1,G=!1;function Z(e){G||(G=!0,window.CustomStateSet=H,e&&(HTMLElement.prototype.attachInternals=function(...t){const i=e.call(this,t);return i.states=new H(this),i}))}function Y(e=!0){if(!K){if(K=!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(){b.has(this)||(b.set(this,!0),this.hasAttribute("disabled")&&_(this,!0)),null!=e&&e.apply(this),N(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),j()){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}j()&&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 U(n)}})}(),(e||typeof window<"u"&&!window.CustomStateSet)&&Z()}}!!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&&Z(HTMLElement.prototype.attachInternals):Y(!1)),e.forceCustomStateSetPolyfill=Z,e.forceElementInternalsPolyfill=Y,Object.defineProperty(e,"__esModule",{value:!0})}({});const Ke=class e extends le{willUpdate(){this.getAttribute("v")||this.setAttribute("v",e.v)}};Ke.v="1.6.5";let Ge=Ke;const Ze="button",Ye="medium",Xe="submit",Qe="primary",Je="leading",et=!1,tt=!1,it=!1,ot=!1;var nt=Object.defineProperty,rt=Object.getOwnPropertyDescriptor,at=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?rt(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&&nt(t,i,r),r};const st="pie-button";let lt=class extends(je(Ge)){constructor(){super(...arguments),this.tag=Ze,this.size=Ye,this.type=Xe,this.variant=Qe,this.iconPlacement=Je,this.disabled=et,this.isLoading=tt,this.isFullWidth=it,this.isResponsive=ot,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"].includes(this.variant)?"inverse":"secondary",V`
|
|
78
|
+
</span>`:U}};qe.styles=s("*,*:after,*:before{box-sizing:inherit}:host{display:block}@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-h);--spinner-base-color-s: var(--dt-color-content-brand-s);--spinner-base-color-l: var(--dt-color-content-brand-l)}.c-spinner.c-spinner--secondary{--spinner-base-color-h: var(--dt-color-content-interactive-secondary-h);--spinner-base-color-s: var(--dt-color-content-interactive-secondary-s);--spinner-base-color-l: var(--dt-color-content-interactive-secondary-l)}.c-spinner.c-spinner--inverse{--spinner-base-color-h: var(--dt-color-content-inverse-h);--spinner-base-color-s: var(--dt-color-content-inverse-s);--spinner-base-color-l: var(--dt-color-content-inverse-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;overflow:hidden;padding:1px;white-space:nowrap}"),We([be({type:Object})],qe.prototype,"aria",2),We([be({type:String}),Be(Ue,["xsmall","small","medium","large","xlarge"],Fe)],qe.prototype,"size",2),We([be({type:String}),Be(Ue,["brand","secondary","inverse"],Re)],qe.prototype,"variant",2),qe=We([Pe("pie-spinner")],qe),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,b=new WeakMap,u=new WeakMap,m={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;T(e,i,t),$(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=j()?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(m).filter(e=>null!==t[e]).forEach(i=>{e.setAttribute(m[i],t[i])}),d.delete(e)}if(u.has(e)){const t=u.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()),u.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)&&z(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)&&N(t),i.disconnect()})})}j()&&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])},z=e=>{o.get(e).forEach(e=>{e.remove()}),o.set(e,[])},S=(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},$=(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)}},E=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)},C=e=>{E(B(e.target))},M=e=>{E(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)})},T=(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",C),t.addEventListener("change",M)}a.set(t,{ref:e,internals:i}),e.constructor.formAssociated&&e.formAssociatedCallback&&setTimeout(()=>{e.formAssociatedCallback.apply(e,[t])},0),E(t)}},B=e=>{let t=e.parentNode;return t&&"FORM"!==t.tagName&&(t=B(t)),t},P=(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},N=e=>{if(e.constructor.formAssociated){const t=n.get(e),{labels:i,form:o}=t;$(e,i),T(e,o,t)}};function j(){return typeof MutationObserver<"u"}class I{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 D=e=>{let t=!0;for(let i in e)"valid"!==i&&!1!==e[i]&&(t=!1);return t},F=new WeakMap;function R(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");F.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=F.get(this),o=`state${e}`;return i.isConnected?R(i,o):setTimeout(()=>{R(i,o)}),t}clear(){for(let[e]of this.entries())this.delete(e);super.clear()}delete(e){const t=super.delete(e),i=F.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 V(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 U{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 V(this,W,"f").length}[(W=new WeakMap,Symbol.iterator)](){return V(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 I;this.states=new H(e),t.set(this,e),i.set(this,a),n.set(e,this),((e,t)=>{for(let i in m){t[i]=null;let o=null;const n=m[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(P(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 P(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);P(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(P(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);P(i,"Failed to execute 'setFormValue' on 'ElementInternals': The target element is not a form-associated custom element."),z(this),null==e||e instanceof FormData?null!=e&&e instanceof FormData&&Array.from(e).reverse().forEach(([e,t])=>{if("string"==typeof t){const o=S(i,this);o.name=e,o.value=t}}):i.getAttribute("name")&&(S(i,this).value=e),c.set(i,e)}setValidity(e,o,n){const a=t.get(this);if(P(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=D(t),Object.keys(t).forEach(i=>e[i]=t[i]),i&&E(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}`)):u.set(a,this)}get shadowRoot(){const e=t.get(this);return h.get(e)||null}get validationMessage(){const e=t.get(this);return P(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 P(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 P(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 K=!1,G=!1;function Z(e){G||(G=!0,window.CustomStateSet=H,e&&(HTMLElement.prototype.attachInternals=function(...t){const i=e.call(this,t);return i.states=new H(this),i}))}function Y(e=!0){if(!K){if(K=!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(){b.has(this)||(b.set(this,!0),this.hasAttribute("disabled")&&_(this,!0)),null!=e&&e.apply(this),N(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),j()){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}j()&&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 U(n)}})}(),(e||typeof window<"u"&&!window.CustomStateSet)&&Z()}}!!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&&Z(HTMLElement.prototype.attachInternals):Y(!1)),e.forceCustomStateSetPolyfill=Z,e.forceElementInternalsPolyfill=Y,Object.defineProperty(e,"__esModule",{value:!0})}({});const Ke=class e extends le{willUpdate(){this.getAttribute("v")||this.setAttribute("v",e.v)}};Ke.v="1.6.6";let Ge=Ke;const Ze="button",Ye="medium",Xe="submit",Qe="primary",Je="leading",et=!1,tt=!1,it=!1,ot=!1;var nt=Object.defineProperty,rt=Object.getOwnPropertyDescriptor,at=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?rt(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&&nt(t,i,r),r};const st="pie-button";let lt=class extends(je(Ge)){constructor(){super(...arguments),this.tag=Ze,this.size=Ye,this.type=Xe,this.variant=Qe,this.iconPlacement=Je,this.disabled=et,this.isLoading=tt,this.isFullWidth=it,this.isResponsive=ot,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"].includes(this.variant)?"inverse":"secondary",V`
|
|
79
79
|
<pie-spinner
|
|
80
80
|
size="${o}"
|
|
81
81
|
variant="${n}">
|
|
@@ -169,7 +169,7 @@ const qt=Symbol.for(""),Kt=e=>{if((null==e?void 0:e.r)===qt)return null==e?void
|
|
|
169
169
|
width: var(--icon-size-override);
|
|
170
170
|
height: var(--icon-size-override);
|
|
171
171
|
}
|
|
172
|
-
`;let ni=oi;ii([be({type:String,reflect:!0})],ni.prototype,"size"),ii([ue()],ni.prototype,"_svgWidth"),ii([ue()],ni.prototype,"_svgHeight");var ri=Object.defineProperty,ai=Object.getOwnPropertyDescriptor,si=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?ai(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&&ri(t,i,r),r};let li=class extends ni{constructor(){super(...arguments),this.size="xs",this.class="c-pieIcon c-pieIcon--close",this.name="IconClose"}render(){return V`<svg width="${this._svgWidth}" height="${this._svgHeight}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--close"><path d="M11.868 3.205 8 7.073 4.133 3.205l-.928.928L7.073 8l-3.868 3.868.928.927L8 8.928l3.868 3.867.927-.927L8.928 8l3.867-3.867-.927-.928Z"></path></svg>`}};si([be({type:String,reflect:!0})],li.prototype,"size",2),si([be({type:String,reflect:!0})],li.prototype,"class",2),li=si([Pe("icon-close")],li);var ci=Object.defineProperty,di=Object.getOwnPropertyDescriptor,hi=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?di(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&&ci(t,i,r),r};let pi=class extends ni{constructor(){super(...arguments),this.size="xs",this.class="c-pieIcon c-pieIcon--chevronLeft",this.name="IconChevronLeft"}render(){return V`<svg width="${this._svgWidth}" height="${this._svgHeight}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--chevronLeft"><path d="M10.96 2.82 5.605 8l5.399 5.197-.875.963-5.565-5.364a1.164 1.164 0 0 1 0-1.671l5.495-5.25.901.945Z"></path></svg>`}};hi([be({type:String,reflect:!0})],pi.prototype,"size",2),hi([be({type:String,reflect:!0})],pi.prototype,"class",2),pi=hi([Pe("icon-chevron-left")],pi);var vi=Object.defineProperty,bi=Object.getOwnPropertyDescriptor,ui=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?bi(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&&vi(t,i,r),r};let mi=class extends ni{constructor(){super(...arguments),this.size="xs",this.class="c-pieIcon c-pieIcon--chevronRight",this.name="IconChevronRight"}render(){return V`<svg width="${this._svgWidth}" height="${this._svgHeight}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--chevronRight"><path d="M5.044 13.18 10.399 8 5 2.82l.875-.962 5.539 5.346a1.164 1.164 0 0 1 0 1.636l-5.469 5.285-.901-.945Z"></path></svg>`}};ui([be({type:String,reflect:!0})],mi.prototype,"size",2),ui([be({type:String,reflect:!0})],mi.prototype,"class",2),mi=ui([Pe("icon-chevron-right")],mi);const gi=class e extends le{willUpdate(){this.getAttribute("v")||this.setAttribute("v",e.v)}};gi.v="1.7.
|
|
172
|
+
`;let ni=oi;ii([be({type:String,reflect:!0})],ni.prototype,"size"),ii([ue()],ni.prototype,"_svgWidth"),ii([ue()],ni.prototype,"_svgHeight");var ri=Object.defineProperty,ai=Object.getOwnPropertyDescriptor,si=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?ai(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&&ri(t,i,r),r};let li=class extends ni{constructor(){super(...arguments),this.size="xs",this.class="c-pieIcon c-pieIcon--close",this.name="IconClose"}render(){return V`<svg width="${this._svgWidth}" height="${this._svgHeight}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--close"><path d="M11.868 3.205 8 7.073 4.133 3.205l-.928.928L7.073 8l-3.868 3.868.928.927L8 8.928l3.868 3.867.927-.927L8.928 8l3.867-3.867-.927-.928Z"></path></svg>`}};si([be({type:String,reflect:!0})],li.prototype,"size",2),si([be({type:String,reflect:!0})],li.prototype,"class",2),li=si([Pe("icon-close")],li);var ci=Object.defineProperty,di=Object.getOwnPropertyDescriptor,hi=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?di(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&&ci(t,i,r),r};let pi=class extends ni{constructor(){super(...arguments),this.size="xs",this.class="c-pieIcon c-pieIcon--chevronLeft",this.name="IconChevronLeft"}render(){return V`<svg width="${this._svgWidth}" height="${this._svgHeight}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--chevronLeft"><path d="M10.96 2.82 5.605 8l5.399 5.197-.875.963-5.565-5.364a1.164 1.164 0 0 1 0-1.671l5.495-5.25.901.945Z"></path></svg>`}};hi([be({type:String,reflect:!0})],pi.prototype,"size",2),hi([be({type:String,reflect:!0})],pi.prototype,"class",2),pi=hi([Pe("icon-chevron-left")],pi);var vi=Object.defineProperty,bi=Object.getOwnPropertyDescriptor,ui=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?bi(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&&vi(t,i,r),r};let mi=class extends ni{constructor(){super(...arguments),this.size="xs",this.class="c-pieIcon c-pieIcon--chevronRight",this.name="IconChevronRight"}render(){return V`<svg width="${this._svgWidth}" height="${this._svgHeight}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--chevronRight"><path d="M5.044 13.18 10.399 8 5 2.82l.875-.962 5.539 5.346a1.164 1.164 0 0 1 0 1.636l-5.469 5.285-.901-.945Z"></path></svg>`}};ui([be({type:String,reflect:!0})],mi.prototype,"size",2),ui([be({type:String,reflect:!0})],mi.prototype,"class",2),mi=ui([Pe("icon-chevron-right")],mi);const gi=class e extends le{willUpdate(){this.getAttribute("v")||this.setAttribute("v",e.v)}};gi.v="1.7.9";let fi=gi;var yi=!1;if(typeof window<"u"){var ki={get passive(){yi=!0}};window.addEventListener("testPassive",null,ki),window.removeEventListener("testPassive",null,ki)}var wi=typeof window<"u"&&window.navigator&&window.navigator.platform&&(/iP(ad|hone|od)/.test(window.navigator.platform)||"MacIntel"===window.navigator.platform&&window.navigator.maxTouchPoints>1),xi=[],Ai=!1,_i=-1,zi=void 0,Si=void 0,$i=function(e){return xi.some(function(t){return!(!t.options.allowTouchMove||!t.options.allowTouchMove(e))})},Ei=function(e){var t=e||window.event;return!!($i(t.target)||t.touches.length>1)||(t.preventDefault&&t.preventDefault(),!1)},Ci=function(e,t){if(e){if(!xi.some(function(t){return t.targetElement===e})){var i={targetElement:e,options:{}};xi=[].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)}(xi),[i]),wi?(e.ontouchstart=function(e){1===e.targetTouches.length&&(_i=e.targetTouches[0].clientY)},e.ontouchmove=function(t){1===t.targetTouches.length&&function(e,t){var i=e.targetTouches[0].clientY-_i;!$i(e.target)&&(t&&0===t.scrollTop&&i>0||function(e){return!!e&&e.scrollHeight-e.scrollTop<=e.clientHeight}(t)&&i<0?Ei(e):e.stopPropagation())}(t,e)},Ai||(document.addEventListener("touchmove",Ei,yi?{passive:!1}:void 0),Ai=!0)):function(){void 0===Si&&(window.innerWidth,document.documentElement.clientWidth);void 0===zi&&(zi=document.body.style.overflow,document.body.style.overflow="hidden")}()}}else console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.")},Mi=function(e){e?(xi=xi.filter(function(t){return t.targetElement!==e}),wi?(e.ontouchstart=null,e.ontouchmove=null,Ai&&0===xi.length&&(document.removeEventListener("touchmove",Ei,yi?{passive:!1}:void 0),Ai=!1)):xi.length||(void 0!==Si&&(document.body.style.paddingRight=Si,Si=void 0),void 0!==zi&&(document.body.style.overflow=zi,zi=void 0))):console.error("enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.")};const Oi="pie-modal-close",Ti="pie-modal-open",Bi="pie-modal-back",Pi=!1,Li=!1,Ni="h2",ji=!1,Ii=!1,Di=!0,Fi=!1,Ri=!1,Hi="center",Vi="medium";var Wi=Object.defineProperty,Ui=Object.getOwnPropertyDescriptor,qi=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?Ui(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};const Ki="pie-modal";let Gi=class extends(Ne(fi)){constructor(){super(...arguments),this.headingLevel=Ni,this.hasBackButton=Pi,this.hasStackedActions=Li,this.isDismissible=Ii,this.isFooterPinned=Di,this.isFullWidthBelowMid=Fi,this.isLoading=Ri,this.isOpen=ji,this.position=Hi,this.size=Vi,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(){return this._dialog.querySelector(".c-modal-scrollContainer")}connectedCallback(){super.connectedCallback(),this._abortController=new AbortController;const{signal:e}=this._abortController;this.addEventListener("click",e=>this._handleDialogLightDismiss(e)),this._setupEscKeyListener(),document.addEventListener(Ti,e=>this._handleModalOpened(e),{signal:e}),document.addEventListener(Oi,e=>this._handleModalClosed(e),{signal:e}),document.addEventListener(Bi,e=>this._handleModalClosed(e),{signal:e})}disconnectedCallback(){super.disconnectedCallback(),this._abortController.abort(),this._enableBodyScroll(),this._removeEscKeyEventListener()}async firstUpdated(e){(await Promise.resolve().then(()=>Ko).then(e=>e.default)).registerDialog(this._dialog);const{signal:t}=this._abortController;this._dialog.addEventListener("close",()=>{this.isOpen=!1},{signal:t}),this._handleModalOpenStateOnFirstRender(e)}updated(e){this._handleModalOpenStateChanged(e),this._handleIsDismissibleChanged(e)}_handleIsDismissibleChanged(e){const t=e.get("isDismissible"),i=this.isDismissible;!t&&i&&this._removeEscKeyEventListener(),t&&!i&&this._setupEscKeyListener()}_handleModalOpened(e){const{targetModal:t}=e.detail;if(t===this){if(this._dialog.hasAttribute("open")||!this._dialog.isConnected)return;this._dialog.showModal(),requestAnimationFrame(()=>{this._dialog.hasAttribute("open")&&(this._disableBodyScroll(),this._setupEscKeyListener())})}}_handleModalClosed(e){const{targetModal:t}=e.detail;t===this&&(this._enableBodyScroll(),this._dialog.close(),this._returnFocus(),this._removeEscKeyEventListener())}_setupEscKeyListener(){if(!this._escKeyAbortController&&!this.isDismissible){this._escKeyAbortController=new AbortController;const{signal:e}=this._escKeyAbortController;document.addEventListener("keydown",e=>this._preventModalKeyboardDismissal(e),{signal:e})}}_removeEscKeyEventListener(){var e;null==(e=this._escKeyAbortController)||e.abort(),this._escKeyAbortController=null}_handleModalOpenStateOnFirstRender(e){void 0===e.get("isOpen")&&this.isOpen&&Le(this,Ti,{targetModal:this})}_handleModalOpenStateChanged(e){const t=e.get("isOpen");void 0!==t&&(t?this._backButtonClicked?(this._backButtonClicked=!1,Le(this,Bi,{targetModal:this})):Le(this,Oi,{targetModal:this}):Le(this,Ti,{targetModal:this}))}_handleActionClick(e){"leading"===e?(this._dialog.close("leading"),Le(this,"pie-modal-leading-action-click",{targetModal:this})):"supporting"===e&&(this._dialog.close("supporting"),Le(this,"pie-modal-supporting-action-click",{targetModal:this}))}_returnFocus(){var e,t;const i=null==(e=this.returnFocusAfterCloseSelector)?void 0:e.trim();i&&(null==(t=document.querySelector(i))||t.focus())}_enableBodyScroll(){this._modalScrollContainer&&Mi(this._modalScrollContainer)}_disableBodyScroll(){this._modalScrollContainer&&Ci(this._modalScrollContainer)}renderCloseButton(){var e;return this.isDismissible?Zt`
|
|
173
173
|
<pie-icon-button
|
|
174
174
|
@click="${()=>{this.isOpen=!1}}"
|
|
175
175
|
variant="ghost-secondary"
|
package/dist/index.js
CHANGED
|
@@ -26,7 +26,7 @@ const I = (e, t, n) => {
|
|
|
26
26
|
this.getAttribute("v") || this.setAttribute("v", k.v);
|
|
27
27
|
}
|
|
28
28
|
};
|
|
29
|
-
k.v = "1.6.
|
|
29
|
+
k.v = "1.6.10";
|
|
30
30
|
let A = k;
|
|
31
31
|
const O = "*,*:after,*:before{box-sizing:inherit}*{margin:0}.c-cookieBanner{--cb-font-family: var(--dt-font-interactive-l-family);--cb-font-size: calc(var(--dt-font-body-l-size) * 1px);--cb-line-height: calc(var(--dt-font-body-l-line-height) * 1px);--cb-font-weight: var(--dt-font-body-l-weight);--cb-padding-inline: var(--dt-spacing-d);--cb-padding-block: var(--dt-spacing-d);--cb-offset: 0;color-scheme:only dark;background-color:var(--dt-color-background-dark);color:var(--dt-color-content-inverse);font-family:var(--cb-font-family);font-size:var(--cb-font-size);line-height:var(--cb-line-height);font-weight:var(--cb-font-weight);padding-block-start:var(--cb-padding-block);padding-block-end:var(--cb-padding-block);max-height:432px;position:fixed;bottom:var(--cb-offset);left:var(--cb-offset);right:var(--cb-offset);border-top-left-radius:var(--dt-radius-rounded-c);border-top-right-radius:var(--dt-radius-rounded-c);z-index:var(--dt-z-index-cookie-banner)}@media (min-width: 700px) and (orientation: landscape){.c-cookieBanner{--cb-padding-inline: var(--dt-spacing-f);--cb-offset: var(--dt-spacing-d);max-height:90%;border-bottom-left-radius:var(--dt-radius-rounded-c);border-bottom-right-radius:var(--dt-radius-rounded-c)}}.c-cookieBanner[isCookieBannerHidden]{display:none}@media (prefers-reduced-motion: no-preference){.c-cookieBanner{animation:.5s animate-enter ease-out}@keyframes animate-enter{0%{transform:translate3d(0,75%,0)}to{transform:translateZ(0)}}}.c-cookieBanner-title,.c-cookieBanner-body,.c-cookieBanner-actions{padding-inline-start:var(--cb-padding-inline);padding-inline-end:var(--cb-padding-inline)}.c-cookieBanner-title{--cb-title-font-size: var(--dt-font-heading-s-size--narrow);--cb-title-line-height: var(--dt-font-heading-s-line-height--narrow);font-size:calc(var(--cb-title-font-size) * 1px);font-weight:var(--dt-font-heading-s-weight);line-height:calc(var(--cb-title-line-height) * 1px)}@media (min-width: 700px) and (orientation: landscape){.c-cookieBanner-title{--cb-title-font-size: var(--dt-font-heading-s-size--wide);--cb-title-line-height: var(--dt-font-heading-s-line-height--wide)}}.c-cookieBanner-body{--cb-scroll-shadow-color: var(--dt-color-black);margin-block-start:var(--dt-spacing-a);max-height:200px;overflow-y:auto;background:linear-gradient(to bottom,transparent,var(--dt-color-background-dark) 75%) center bottom,linear-gradient(transparent,var(--cb-scroll-shadow-color)) center bottom;background-repeat:no-repeat;background-size:100% 48px,100% 8px;background-attachment:local,scroll}@media (min-width: 700px) and (orientation: landscape){.c-cookieBanner-body{max-height:150px}}.c-cookieBanner-actions{--cb-actions-flex-dir: column;margin-block-start:var(--dt-spacing-d);display:flex;gap:var(--dt-spacing-d);flex-direction:var(--cb-actions-flex-dir)}.c-cookieBanner-actions>pie-link{text-align:center;align-self:center}@media (min-width: 700px) and (orientation: landscape){.c-cookieBanner-actions{--cb-actions-flex-dir: row-reverse;justify-content:flex-start;align-items:center}}.c-cookieBanner-subheading{--cb-subheading-font-size: var(--dt-font-heading-s-size--narrow);--cb-subheading-line-height: var(--dt-font-heading-s-line-height--narrow);font-size:calc(var(--cb-subheading-font-size) * 1px);font-weight:var(--dt-font-heading-s-weight);line-height:calc(var(--cb-subheading-line-height) * 1px)}@media (min-width: 700px) and (orientation: landscape){.c-cookieBanner-subheading{--cb-subheading-font-size: var(--dt-font-heading-s-size--wide);--cb-subheading-line-height: var(--dt-font-heading-s-line-height--wide)}}.c-cookieBanner-description{font-size:calc(var(--dt-font-body-s-size) * 1px);line-height:calc(var(--dt-font-body-s-line-height) * 1px)}.c-cookieBanner-preference{display:flex;gap:var(--dt-spacing-d);justify-content:space-between;margin-block-start:var(--dt-spacing-e);margin-block-end:var(--dt-spacing-e)}.c-cookieBanner-preference p{margin-block-start:var(--dt-spacing-b)}.c-cookieBanner-preference:last-child{margin-block-end:0}", i = {
|
|
32
32
|
BULGARIAN: "bg",
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@justeattakeaway/pie-cookie-banner",
|
|
3
3
|
"description": "PIE Design System Cookie Banner built using Web Components",
|
|
4
|
-
"version": "1.6.
|
|
4
|
+
"version": "1.6.10",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
7
|
"url": "https://github.com/justeattakeaway/pie",
|
|
@@ -48,17 +48,17 @@
|
|
|
48
48
|
"devDependencies": {
|
|
49
49
|
"@custom-elements-manifest/analyzer": "0.9.0",
|
|
50
50
|
"@justeattakeaway/pie-components-config": "0.20.1",
|
|
51
|
-
"@justeattakeaway/pie-css": "0.
|
|
51
|
+
"@justeattakeaway/pie-css": "0.17.0",
|
|
52
52
|
"@justeattakeaway/pie-monorepo-utils": "0.5.1",
|
|
53
53
|
"@justeattakeaway/pie-wrapper-react": "0.14.3",
|
|
54
54
|
"cem-plugin-module-file-extensions": "0.0.5"
|
|
55
55
|
},
|
|
56
56
|
"dependencies": {
|
|
57
|
-
"@justeattakeaway/pie-button": "1.6.
|
|
57
|
+
"@justeattakeaway/pie-button": "1.6.6",
|
|
58
58
|
"@justeattakeaway/pie-divider": "1.4.5",
|
|
59
59
|
"@justeattakeaway/pie-icon-button": "2.0.2",
|
|
60
60
|
"@justeattakeaway/pie-link": "1.2.6",
|
|
61
|
-
"@justeattakeaway/pie-modal": "1.7.
|
|
61
|
+
"@justeattakeaway/pie-modal": "1.7.9",
|
|
62
62
|
"@justeattakeaway/pie-switch": "2.0.3",
|
|
63
63
|
"@justeattakeaway/pie-webc-core": "1.0.0"
|
|
64
64
|
},
|