@justeattakeaway/pie-cookie-banner 1.6.5 → 1.6.6
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 +9 -9
- package/dist/index.js +1 -1
- package/package.json +7 -7
package/cdn_dist/index.js
CHANGED
|
@@ -66,7 +66,7 @@ const fe=1,ye=2,ke=e=>(...t)=>({_$litDirective$:e,values:t});let we=class{constr
|
|
|
66
66
|
* @license
|
|
67
67
|
* Copyright 2017 Google LLC
|
|
68
68
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
69
|
-
*/function Be(e){return t=>{try{(e=>(t,i)=>{void 0!==i?i.addInitializer((()=>{customElements.define(e,t)})):customElements.define(e,t)})(e)(t)}catch(i){const o=customElements.get(e),n=null==o?void 0:o.v;t.v!==n&&console.warn(`PIE Web Component: "${e}" was already registered with version: ${n??"No version data found. Icon components do not contain version data. If the component is not an icon, please report the missing version data."}.`,i)}}}function Pe(e,t,i){t.startsWith("pie-")||console.warn("A custom event name should start with `pie-`");const o=new CustomEvent(t,{bubbles:!0,composed:!0,detail:i});e.dispatchEvent(o)}const Le=e=>class extends e{get isRTL(){return this.dir?"rtl"===this.dir:!this.dir&&"rtl"===document.documentElement.getAttribute("dir")}},Ne=e=>{const t=class extends e{get form(){return this._internals.form}constructor(...e){super(...e),this._internals=this.attachInternals()}};return t.formAssociated=!0,t},je=class e extends se{willUpdate(){this.getAttribute("v")||this.setAttribute("v",e.v)}};je.v="1.2.
|
|
69
|
+
*/function Be(e){return t=>{try{(e=>(t,i)=>{void 0!==i?i.addInitializer((()=>{customElements.define(e,t)})):customElements.define(e,t)})(e)(t)}catch(i){const o=customElements.get(e),n=null==o?void 0:o.v;t.v!==n&&console.warn(`PIE Web Component: "${e}" was already registered with version: ${n??"No version data found. Icon components do not contain version data. If the component is not an icon, please report the missing version data."}.`,i)}}}function Pe(e,t,i){t.startsWith("pie-")||console.warn("A custom event name should start with `pie-`");const o=new CustomEvent(t,{bubbles:!0,composed:!0,detail:i});e.dispatchEvent(o)}const Le=e=>class extends e{get isRTL(){return this.dir?"rtl"===this.dir:!this.dir&&"rtl"===document.documentElement.getAttribute("dir")}},Ne=e=>{const t=class extends e{get form(){return this._internals.form}constructor(...e){super(...e),this._internals=this.attachInternals()}};return t.formAssociated=!0,t},je=class e extends se{willUpdate(){this.getAttribute("v")||this.setAttribute("v",e.v)}};je.v="1.2.3";let Ie=je;const De="medium",Fe="brand";var Re=Object.defineProperty,He=Object.getOwnPropertyDescriptor,Ve=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?He(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&&Re(t,i,r),r};const We="pie-spinner";let Ue=class extends Ie{constructor(){super(...arguments),this.size=De,this.variant=Fe}render(){const{variant:e,size:t}=this;return V`
|
|
70
70
|
<div
|
|
71
71
|
data-test-id="pie-spinner"
|
|
72
72
|
class="${Me({"c-spinner":!0,[`c-spinner--${t}`]:!0,[`c-spinner--${e}`]:!0})}"
|
|
@@ -76,7 +76,7 @@ const fe=1,ye=2,ke=e=>(...t)=>({_$litDirective$:e,values:t});let we=class{constr
|
|
|
76
76
|
</div>`}renderAriaLabel(){var e;return null!=(e=this.aria)&&e.label?V`
|
|
77
77
|
<span class="c-spinner-label">
|
|
78
78
|
${this.aria.label}
|
|
79
|
-
</span>`:U}};Ue.styles=s("*,*:after,*:before{box-sizing:inherit}@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}"),Ve([ve({type:Object})],Ue.prototype,"aria",2),Ve([ve({type:String}),Te(We,["xsmall","small","medium","large","xlarge"],De)],Ue.prototype,"size",2),Ve([ve({type:String}),Te(We,["brand","secondary","inverse"],Fe)],Ue.prototype,"variant",2),Ue=Ve([Be("pie-spinner")],Ue),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||!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 qe=class e extends se{willUpdate(){this.getAttribute("v")||this.setAttribute("v",e.v)}};qe.v="1.6.3";let Ke=qe;const Ge="button",Ze="medium",Ye="submit",Xe="primary",Qe="leading",Je=!1,et=!1,tt=!1,it=!1;var ot=Object.defineProperty,nt=Object.getOwnPropertyDescriptor,rt=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?nt(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&&ot(t,i,r),r};const at="pie-button";let st=class extends(Ne(Ke)){constructor(){super(...arguments),this.tag=Ge,this.size=Ze,this.type=Ye,this.variant=Xe,this.iconPlacement=Qe,this.disabled=Je,this.isLoading=et,this.isFullWidth=tt,this.isResponsive=it,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
|
+
</span>`:U}};Ue.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}"),Ve([ve({type:Object})],Ue.prototype,"aria",2),Ve([ve({type:String}),Te(We,["xsmall","small","medium","large","xlarge"],De)],Ue.prototype,"size",2),Ve([ve({type:String}),Te(We,["brand","secondary","inverse"],Fe)],Ue.prototype,"variant",2),Ue=Ve([Be("pie-spinner")],Ue),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||!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 qe=class e extends se{willUpdate(){this.getAttribute("v")||this.setAttribute("v",e.v)}};qe.v="1.6.4";let Ke=qe;const Ge="button",Ze="medium",Ye="submit",Xe="primary",Qe="leading",Je=!1,et=!1,tt=!1,it=!1;var ot=Object.defineProperty,nt=Object.getOwnPropertyDescriptor,rt=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?nt(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&&ot(t,i,r),r};const at="pie-button";let st=class extends(Ne(Ke)){constructor(){super(...arguments),this.tag=Ge,this.size=Ze,this.type=Ye,this.variant=Xe,this.iconPlacement=Qe,this.disabled=Je,this.isLoading=et,this.isFullWidth=tt,this.isResponsive=it,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`
|
|
80
80
|
<pie-spinner
|
|
81
81
|
size="${o}"
|
|
82
82
|
variant="${n}">
|
|
@@ -99,7 +99,7 @@ const fe=1,ye=2,ke=e=>(...t)=>({_$litDirective$:e,values:t});let we=class{constr
|
|
|
99
99
|
${"leading"===i?V`<slot name="icon"></slot>`:U}
|
|
100
100
|
<span class="o-btn-text"><slot></slot></span>
|
|
101
101
|
${"trailing"===i?V`<slot name="icon"></slot>`:U}
|
|
102
|
-
</button>`}render(){const{isFullWidth:e,isResponsive:t,responsiveSize:i,size:o,tag:n,variant:r}=this,a={"o-btn":!0,"o-btn--fullWidth":e,"o-btn--responsive":t,[`o-btn--${i}`]:!(!t||!i),[`o-btn--${r}`]:!0,[`o-btn--${o}`]:!0};return"a"===n?this.renderAnchor(a):this.renderButton(a)}focus(){var e,t;null==(t=null==(e=this.shadowRoot)?void 0:e.querySelector("button"))||t.focus()}};st.styles=s("*,*:after,*:before{box-sizing:inherit}.o-btn{--btn-border-radius: var(--dt-radius-rounded-e);--btn-font-family: var(--dt-font-interactive-l-family);--btn-font-weight: var(--dt-font-interactive-l-weight);--int-states-mixin-bg-color: var(--dt-color-interactive-brand);--btn-text-color: var(--dt-color-content-interactive-light);--icon-display-override: block;--btn-padding-vertical-xsmall: 6px;--btn-padding-vertical-small: 8px;--btn-padding-vertical-medium: 10px;--btn-padding-vertical-large: 14px;--btn-padding-horizontal-small: var(--dt-spacing-b);--btn-padding-horizontal-medium: var(--dt-spacing-d);--btn-padding-horizontal-large: var(--dt-spacing-e);position:relative;display:inline-flex;gap:var(--dt-spacing-b);align-items:center;justify-content:center;border:none;border-radius:var(--btn-border-radius);outline:none;background-color:var(--int-states-mixin-bg-color);font-family:var(--btn-font-family);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);color:var(--btn-text-color);line-height:var(--btn-line-height);cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;inline-size:var(--btn-inline-size)}.o-btn.o-btn--primary:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--hover-modifier)))}.o-btn.o-btn--primary:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--primary:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-brand))}.o-btn.o-btn--primary:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-brand))}}.o-btn.o-btn--primary.o-btn--xsmall,.o-btn.o-btn--primary.o-btn--small-productive{--int-states-mixin-bg-color: var(--dt-color-interactive-primary);--btn-text-color: var(--dt-color-content-interactive-primary)}.o-btn.o-btn--primary.o-btn--xsmall:hover:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--small-productive:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: var(--dt-color-hover-02);--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-primary-h), var(--dt-color-interactive-primary-s), calc(var(--dt-color-interactive-primary-l) + var(--hover-modifier)))}.o-btn.o-btn--primary.o-btn--xsmall:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--xsmall.is-loading:not(:disabled,.is-disabled),.o-btn.o-btn--primary.o-btn--small-productive:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--small-productive.is-loading:not(:disabled,.is-disabled){--active-modifier: var(--dt-color-active-02);--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-primary-h), var(--dt-color-interactive-primary-s), calc(var(--dt-color-interactive-primary-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--primary.o-btn--xsmall:hover:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--small-productive:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-02-bg) var(--dt-color-hover-02), var(--dt-color-interactive-primary))}.o-btn.o-btn--primary.o-btn--xsmall:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--xsmall.is-loading:not(:disabled,.is-disabled),.o-btn.o-btn--primary.o-btn--small-productive:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--small-productive.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-02-bg) var(--dt-color-active-02), var(--dt-color-interactive-primary))}}@media (min-width: 769px){.o-btn.o-btn--primary.o-btn--xsmall.o-btn--expressive.o-btn--responsive,.o-btn.o-btn--primary.o-btn--small-productive.o-btn--responsive{--int-states-mixin-bg-color: var(--dt-color-interactive-brand)}.o-btn.o-btn--primary.o-btn--xsmall.o-btn--expressive.o-btn--responsive:hover:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--small-productive.o-btn--responsive:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--hover-modifier)))}.o-btn.o-btn--primary.o-btn--xsmall.o-btn--expressive.o-btn--responsive:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--xsmall.o-btn--expressive.o-btn--responsive.is-loading:not(:disabled,.is-disabled),.o-btn.o-btn--primary.o-btn--small-productive.o-btn--responsive:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--small-productive.o-btn--responsive.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--primary.o-btn--xsmall.o-btn--expressive.o-btn--responsive:hover:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--small-productive.o-btn--responsive:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-brand))}.o-btn.o-btn--primary.o-btn--xsmall.o-btn--expressive.o-btn--responsive:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--xsmall.o-btn--expressive.o-btn--responsive.is-loading:not(:disabled,.is-disabled),.o-btn.o-btn--primary.o-btn--small-productive.o-btn--responsive:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--small-productive.o-btn--responsive.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-brand))}}}.o-btn.o-btn--primary-alternative{--int-states-mixin-bg-color: var(--dt-color-interactive-primary);--btn-text-color: var(--dt-color-content-interactive-primary)}.o-btn.o-btn--primary-alternative:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: var(--dt-color-hover-02);--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-primary-h), var(--dt-color-interactive-primary-s), calc(var(--dt-color-interactive-primary-l) + var(--hover-modifier)))}.o-btn.o-btn--primary-alternative:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary-alternative.is-loading:not(:disabled,.is-disabled){--active-modifier: var(--dt-color-active-02);--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-primary-h), var(--dt-color-interactive-primary-s), calc(var(--dt-color-interactive-primary-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--primary-alternative:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-02-bg) var(--dt-color-hover-02), var(--dt-color-interactive-primary))}.o-btn.o-btn--primary-alternative:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary-alternative.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-02-bg) var(--dt-color-active-02), var(--dt-color-interactive-primary))}}.o-btn.o-btn--secondary{--int-states-mixin-bg-color: var(--dt-color-interactive-secondary);--btn-text-color: var(--dt-color-content-interactive-secondary)}.o-btn.o-btn--secondary:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-secondary-h), var(--dt-color-interactive-secondary-s), calc(var(--dt-color-interactive-secondary-l) + var(--hover-modifier)))}.o-btn.o-btn--secondary:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--secondary.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-secondary-h), var(--dt-color-interactive-secondary-s), calc(var(--dt-color-interactive-secondary-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--secondary:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-secondary))}.o-btn.o-btn--secondary:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--secondary.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-secondary))}}.o-btn.o-btn--outline{--int-states-mixin-bg-color: transparent;--btn-text-color: var(--dt-color-content-interactive-secondary);border:1px solid var(--dt-color-border-strong)}.o-btn.o-btn--outline:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--hover-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--hover-modifier)))}.o-btn.o-btn--outline:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--outline.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--active-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--outline:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-transparent))}.o-btn.o-btn--outline:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--outline.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-transparent))}}.o-btn.o-btn--ghost{--int-states-mixin-bg-color: transparent;--btn-text-color: var(--dt-color-content-link)}.o-btn.o-btn--ghost:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--hover-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--hover-modifier)))}.o-btn.o-btn--ghost:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--ghost.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--active-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--ghost:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-transparent))}.o-btn.o-btn--ghost:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--ghost.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-transparent))}}.o-btn.o-btn--inverse{--int-states-mixin-bg-color: var(--dt-color-interactive-inverse);--btn-text-color: var(--dt-color-content-interactive-secondary)}.o-btn.o-btn--inverse:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-inverse-h), var(--dt-color-interactive-inverse-s), calc(var(--dt-color-interactive-inverse-l) + var(--hover-modifier)))}.o-btn.o-btn--inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--inverse.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-inverse-h), var(--dt-color-interactive-inverse-s), calc(var(--dt-color-interactive-inverse-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--inverse:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-inverse))}.o-btn.o-btn--inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--inverse.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-inverse))}}.o-btn.o-btn--ghost-inverse,.o-btn.o-btn--outline-inverse{--int-states-mixin-bg-color: transparent;--btn-text-color: var(--dt-color-content-interactive-primary)}.o-btn.o-btn--ghost-inverse:hover:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--outline-inverse:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-02);--int-states-mixin-bg-color: hsl(var(--dt-color-white-h), var(--dt-color-white-s), var(--dt-color-white-l), var(--active-modifier))}.o-btn.o-btn--ghost-inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--ghost-inverse.is-loading:not(:disabled,.is-disabled),.o-btn.o-btn--outline-inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--outline-inverse.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-02);--int-states-mixin-bg-color: hsl(var(--dt-color-white-h), var(--dt-color-white-s), var(--dt-color-white-l), var(--active-modifier))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--ghost-inverse:hover:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--outline-inverse:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-02-bg) var(--dt-color-hover-02), var(--dt-color-transparent))}.o-btn.o-btn--ghost-inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--ghost-inverse.is-loading:not(:disabled,.is-disabled),.o-btn.o-btn--outline-inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--outline-inverse.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-02-bg) var(--dt-color-active-02), var(--dt-color-transparent))}}.o-btn.o-btn--outline-inverse{border:1px solid var(--dt-color-border-strong)}.o-btn.o-btn--destructive{--int-states-mixin-bg-color: var(--dt-color-support-error)}.o-btn.o-btn--destructive:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-support-error-h), var(--dt-color-support-error-s), calc(var(--dt-color-support-error-l) + var(--hover-modifier)))}.o-btn.o-btn--destructive:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--destructive.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-support-error-h), var(--dt-color-support-error-s), calc(var(--dt-color-support-error-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--destructive:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-support-error))}.o-btn.o-btn--destructive:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--destructive.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-support-error))}}.o-btn.o-btn--destructive-ghost{--int-states-mixin-bg-color: transparent;--btn-text-color: var(--dt-color-content-interactive-error)}.o-btn.o-btn--destructive-ghost:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--hover-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--hover-modifier)))}.o-btn.o-btn--destructive-ghost:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--destructive-ghost.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--active-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--destructive-ghost:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-transparent))}.o-btn.o-btn--destructive-ghost:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--destructive-ghost.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-transparent))}}.o-btn.o-btn--xsmall{--btn-font-size: calc(var(--dt-font-size-14) * 1px);--btn-line-height: calc(var(--dt-font-size-14-line-height) * 1px);--icon-size-override: 16px;padding:var(--btn-padding-vertical-xsmall) var(--btn-padding-horizontal-small)}@media (min-width: 769px){.o-btn.o-btn--xsmall.o-btn--responsive{--btn-font-size: calc(var(--dt-font-size-16) * 1px);--btn-line-height: calc(var(--dt-font-size-16-line-height) * 1px);--icon-size-override: 20px;padding:var(--btn-padding-vertical-small) var(--btn-padding-horizontal-medium)}.o-btn.o-btn--xsmall.o-btn--responsive.o-btn--expressive{--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 20px;padding:var(--btn-padding-vertical-xsmall) var(--btn-padding-horizontal-medium)}}.o-btn.o-btn--xsmall.o-btn--outline,.o-btn.o-btn--xsmall.o-btn--outline-inverse{padding:calc(var(--btn-padding-vertical-xsmall) - 1px) var(--btn-padding-horizontal-small)}@media (min-width: 769px){.o-btn.o-btn--xsmall.o-btn--outline.o-btn--responsive,.o-btn.o-btn--xsmall.o-btn--outline-inverse.o-btn--responsive{padding:calc(var(--btn-padding-vertical-small) - 1px) var(--btn-padding-horizontal-medium)}.o-btn.o-btn--xsmall.o-btn--outline.o-btn--responsive.o-btn--expressive,.o-btn.o-btn--xsmall.o-btn--outline-inverse.o-btn--responsive.o-btn--expressive{padding:calc(var(--btn-padding-vertical-xsmall) - 1px) var(--btn-padding-horizontal-medium)}}.o-btn.o-btn--small-expressive{--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 20px;padding:var(--btn-padding-vertical-xsmall) var(--btn-padding-horizontal-medium)}@media (min-width: 769px){.o-btn.o-btn--small-expressive.o-btn--responsive{--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 24px;padding:var(--btn-padding-vertical-medium) var(--btn-padding-horizontal-large)}}.o-btn.o-btn--small-expressive.o-btn--outline,.o-btn.o-btn--small-expressive.o-btn--outline-inverse{padding:calc(var(--btn-padding-vertical-xsmall) - 1px) var(--btn-padding-horizontal-medium)}@media (min-width: 769px){.o-btn.o-btn--small-expressive.o-btn--outline.o-btn--responsive,.o-btn.o-btn--small-expressive.o-btn--outline-inverse.o-btn--responsive{padding:calc(var(--btn-padding-vertical-medium) - 1px) var(--btn-padding-horizontal-large)}}.o-btn.o-btn--small-productive{--btn-font-size: calc(var(--dt-font-size-16) * 1px);--btn-line-height: calc(var(--dt-font-size-16-line-height) * 1px);--icon-size-override: 20px;padding:var(--btn-padding-vertical-small) var(--btn-padding-horizontal-medium)}@media (min-width: 769px){.o-btn.o-btn--small-productive.o-btn--responsive{--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 24px;padding:var(--btn-padding-vertical-medium) var(--btn-padding-horizontal-large)}}.o-btn.o-btn--small-productive.o-btn--outline,.o-btn.o-btn--small-productive.o-btn--outline-inverse{padding:calc(var(--btn-padding-vertical-small) - 1px) var(--btn-padding-horizontal-medium)}@media (min-width: 769px){.o-btn.o-btn--small-productive.o-btn--outline.o-btn--responsive,.o-btn.o-btn--small-productive.o-btn--outline-inverse.o-btn--responsive{padding:calc(var(--btn-padding-vertical-medium) - 1px) var(--btn-padding-horizontal-large)}}.o-btn.o-btn--medium{--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 24px;padding:var(--btn-padding-vertical-medium) var(--btn-padding-horizontal-large)}@media (min-width: 769px){.o-btn.o-btn--medium.o-btn--responsive{--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 24px;padding:var(--btn-padding-vertical-large) var(--btn-padding-horizontal-large)}}.o-btn.o-btn--medium.o-btn--outline,.o-btn.o-btn--medium.o-btn--outline-inverse{padding:calc(var(--btn-padding-vertical-medium) - 1px) var(--btn-padding-horizontal-large)}@media (min-width: 769px){.o-btn.o-btn--medium.o-btn--outline.o-btn--responsive,.o-btn.o-btn--medium.o-btn--outline-inverse.o-btn--responsive{padding:calc(var(--btn-padding-vertical-large) - 1px) var(--btn-padding-horizontal-large)}}.o-btn.o-btn--large{--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 24px;padding:var(--btn-padding-vertical-large) var(--btn-padding-horizontal-large)}.o-btn.o-btn--large.o-btn--outline,.o-btn.o-btn--large.o-btn--outline-inverse{padding:calc(var(--btn-padding-vertical-large) - 1px) var(--btn-padding-horizontal-large)}.o-btn.o-btn--fullWidth{--btn-inline-size: 100%}.o-btn[disabled]{--btn-text-color: var(--dt-color-content-disabled) !important;cursor:not-allowed}.o-btn[disabled]:not(.o-btn--ghost,.o-btn--ghost-inverse,.o-btn--destructive-ghost){--int-states-mixin-bg-color: var(--dt-color-disabled-01) !important}.o-btn[disabled].o-btn--outline,.o-btn[disabled].o-btn--outline-inverse{border-color:var(--dt-color-disabled-01)!important}.o-btn.is-loading>*:not(pie-spinner){visibility:hidden}.o-btn.is-loading pie-spinner{position:absolute}.o-btn:focus-visible{box-shadow:0 0 0 2px var(--dt-color-focus-inner),0 0 0 4px var(--dt-color-focus-outer);outline:none}.o-btn-text{text-overflow:ellipsis;overflow:hidden}::slotted(svg){height:var(--icon-size-override);width:var(--icon-size-override)}"),rt([ve({type:String}),Te(at,["button","a"],Ge)],st.prototype,"tag",2),rt([ve({type:String}),Te(at,["xsmall","small-productive","small-expressive","medium","large"],Ze)],st.prototype,"size",2),rt([ve({type:String}),Te(at,["submit","button","reset"],Ye)],st.prototype,"type",2),rt([ve({type:String}),Te(at,["primary","primary-alternative","secondary","outline","outline-inverse","ghost","inverse","ghost-inverse","destructive","destructive-ghost"],Xe)],st.prototype,"variant",2),rt([ve({type:String}),Te(at,["leading","trailing"],Qe)],st.prototype,"iconPlacement",2),rt([ve({type:Boolean})],st.prototype,"disabled",2),rt([ve({type:Boolean,reflect:!0})],st.prototype,"isLoading",2),rt([ve({type:Boolean})],st.prototype,"isFullWidth",2),rt([ve({type:Boolean})],st.prototype,"isResponsive",2),rt([ve({type:String})],st.prototype,"name",2),rt([ve({type:String})],st.prototype,"value",2),rt([ve({type:String})],st.prototype,"formaction",2),rt([ve({type:String})],st.prototype,"formenctype",2),rt([ve({type:String})],st.prototype,"formmethod",2),rt([ve({type:Boolean})],st.prototype,"formnovalidate",2),rt([ve({type:String})],st.prototype,"formtarget",2),rt([ve({type:String})],st.prototype,"responsiveSize",2),rt([ve({type:String})],st.prototype,"href",2),rt([ve({type:String})],st.prototype,"rel",2),rt([ve({type:String})],st.prototype,"target",2),st=rt([Be("pie-button")],st);const lt=class e extends se{willUpdate(){this.getAttribute("v")||this.setAttribute("v",e.v)}};lt.v="1.4.2";let ct=lt;const dt="default",ht="horizontal",pt="";var vt=Object.defineProperty,bt=Object.getOwnPropertyDescriptor,ut=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?bt(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&&vt(t,i,r),r};const mt="pie-divider";let gt=class extends ct{constructor(){super(...arguments),this.variant=dt,this.orientation=ht,this.label=pt}render(){const{variant:e,orientation:t,label:i}=this,o=i.length>0&&"horizontal"===t,n={"c-divider":!0,"c-divider--inverse":"inverse"===e,"c-divider--vertical":"vertical"===t,"c-divider--labelled":o};return V`
|
|
102
|
+
</button>`}render(){const{isFullWidth:e,isResponsive:t,responsiveSize:i,size:o,tag:n,variant:r}=this,a={"o-btn":!0,"o-btn--fullWidth":e,"o-btn--responsive":t,[`o-btn--${i}`]:!(!t||!i),[`o-btn--${r}`]:!0,[`o-btn--${o}`]:!0};return"a"===n?this.renderAnchor(a):this.renderButton(a)}focus(){var e,t;null==(t=null==(e=this.shadowRoot)?void 0:e.querySelector("button"))||t.focus()}};st.styles=s("*,*:after,*:before{box-sizing:inherit}:host{display:inline-block}:host([isfullwidth]){display:block}.o-btn{--btn-border-radius: var(--dt-radius-rounded-e);--btn-font-family: var(--dt-font-interactive-l-family);--btn-font-weight: var(--dt-font-interactive-l-weight);--int-states-mixin-bg-color: var(--dt-color-interactive-brand);--btn-text-color: var(--dt-color-content-interactive-light);--icon-display-override: block;--btn-padding-vertical-xsmall: 6px;--btn-padding-vertical-small: 8px;--btn-padding-vertical-medium: 10px;--btn-padding-vertical-large: 14px;--btn-padding-horizontal-small: var(--dt-spacing-b);--btn-padding-horizontal-medium: var(--dt-spacing-d);--btn-padding-horizontal-large: var(--dt-spacing-e);position:relative;display:inline-flex;gap:var(--dt-spacing-b);align-items:center;justify-content:center;border:none;border-radius:var(--btn-border-radius);outline:none;background-color:var(--int-states-mixin-bg-color);font-family:var(--btn-font-family);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);color:var(--btn-text-color);line-height:var(--btn-line-height);cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;inline-size:var(--btn-inline-size)}.o-btn.o-btn--primary:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--hover-modifier)))}.o-btn.o-btn--primary:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--primary:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-brand))}.o-btn.o-btn--primary:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-brand))}}.o-btn.o-btn--primary.o-btn--xsmall,.o-btn.o-btn--primary.o-btn--small-productive{--int-states-mixin-bg-color: var(--dt-color-interactive-primary);--btn-text-color: var(--dt-color-content-interactive-primary)}.o-btn.o-btn--primary.o-btn--xsmall:hover:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--small-productive:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: var(--dt-color-hover-02);--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-primary-h), var(--dt-color-interactive-primary-s), calc(var(--dt-color-interactive-primary-l) + var(--hover-modifier)))}.o-btn.o-btn--primary.o-btn--xsmall:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--xsmall.is-loading:not(:disabled,.is-disabled),.o-btn.o-btn--primary.o-btn--small-productive:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--small-productive.is-loading:not(:disabled,.is-disabled){--active-modifier: var(--dt-color-active-02);--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-primary-h), var(--dt-color-interactive-primary-s), calc(var(--dt-color-interactive-primary-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--primary.o-btn--xsmall:hover:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--small-productive:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-02-bg) var(--dt-color-hover-02), var(--dt-color-interactive-primary))}.o-btn.o-btn--primary.o-btn--xsmall:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--xsmall.is-loading:not(:disabled,.is-disabled),.o-btn.o-btn--primary.o-btn--small-productive:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--small-productive.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-02-bg) var(--dt-color-active-02), var(--dt-color-interactive-primary))}}@media (min-width: 769px){.o-btn.o-btn--primary.o-btn--xsmall.o-btn--expressive.o-btn--responsive,.o-btn.o-btn--primary.o-btn--small-productive.o-btn--responsive{--int-states-mixin-bg-color: var(--dt-color-interactive-brand)}.o-btn.o-btn--primary.o-btn--xsmall.o-btn--expressive.o-btn--responsive:hover:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--small-productive.o-btn--responsive:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--hover-modifier)))}.o-btn.o-btn--primary.o-btn--xsmall.o-btn--expressive.o-btn--responsive:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--xsmall.o-btn--expressive.o-btn--responsive.is-loading:not(:disabled,.is-disabled),.o-btn.o-btn--primary.o-btn--small-productive.o-btn--responsive:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--small-productive.o-btn--responsive.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--primary.o-btn--xsmall.o-btn--expressive.o-btn--responsive:hover:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--small-productive.o-btn--responsive:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-brand))}.o-btn.o-btn--primary.o-btn--xsmall.o-btn--expressive.o-btn--responsive:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--xsmall.o-btn--expressive.o-btn--responsive.is-loading:not(:disabled,.is-disabled),.o-btn.o-btn--primary.o-btn--small-productive.o-btn--responsive:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--small-productive.o-btn--responsive.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-brand))}}}.o-btn.o-btn--primary-alternative{--int-states-mixin-bg-color: var(--dt-color-interactive-primary);--btn-text-color: var(--dt-color-content-interactive-primary)}.o-btn.o-btn--primary-alternative:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: var(--dt-color-hover-02);--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-primary-h), var(--dt-color-interactive-primary-s), calc(var(--dt-color-interactive-primary-l) + var(--hover-modifier)))}.o-btn.o-btn--primary-alternative:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary-alternative.is-loading:not(:disabled,.is-disabled){--active-modifier: var(--dt-color-active-02);--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-primary-h), var(--dt-color-interactive-primary-s), calc(var(--dt-color-interactive-primary-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--primary-alternative:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-02-bg) var(--dt-color-hover-02), var(--dt-color-interactive-primary))}.o-btn.o-btn--primary-alternative:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary-alternative.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-02-bg) var(--dt-color-active-02), var(--dt-color-interactive-primary))}}.o-btn.o-btn--secondary{--int-states-mixin-bg-color: var(--dt-color-interactive-secondary);--btn-text-color: var(--dt-color-content-interactive-secondary)}.o-btn.o-btn--secondary:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-secondary-h), var(--dt-color-interactive-secondary-s), calc(var(--dt-color-interactive-secondary-l) + var(--hover-modifier)))}.o-btn.o-btn--secondary:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--secondary.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-secondary-h), var(--dt-color-interactive-secondary-s), calc(var(--dt-color-interactive-secondary-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--secondary:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-secondary))}.o-btn.o-btn--secondary:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--secondary.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-secondary))}}.o-btn.o-btn--outline{--int-states-mixin-bg-color: transparent;--btn-text-color: var(--dt-color-content-interactive-secondary);border:1px solid var(--dt-color-border-strong)}.o-btn.o-btn--outline:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--hover-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--hover-modifier)))}.o-btn.o-btn--outline:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--outline.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--active-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--outline:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-transparent))}.o-btn.o-btn--outline:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--outline.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-transparent))}}.o-btn.o-btn--ghost{--int-states-mixin-bg-color: transparent;--btn-text-color: var(--dt-color-content-link)}.o-btn.o-btn--ghost:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--hover-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--hover-modifier)))}.o-btn.o-btn--ghost:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--ghost.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--active-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--ghost:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-transparent))}.o-btn.o-btn--ghost:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--ghost.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-transparent))}}.o-btn.o-btn--inverse{--int-states-mixin-bg-color: var(--dt-color-interactive-inverse);--btn-text-color: var(--dt-color-content-interactive-secondary)}.o-btn.o-btn--inverse:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-inverse-h), var(--dt-color-interactive-inverse-s), calc(var(--dt-color-interactive-inverse-l) + var(--hover-modifier)))}.o-btn.o-btn--inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--inverse.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-inverse-h), var(--dt-color-interactive-inverse-s), calc(var(--dt-color-interactive-inverse-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--inverse:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-inverse))}.o-btn.o-btn--inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--inverse.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-inverse))}}.o-btn.o-btn--ghost-inverse,.o-btn.o-btn--outline-inverse{--int-states-mixin-bg-color: transparent;--btn-text-color: var(--dt-color-content-interactive-primary)}.o-btn.o-btn--ghost-inverse:hover:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--outline-inverse:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-02);--int-states-mixin-bg-color: hsl(var(--dt-color-white-h), var(--dt-color-white-s), var(--dt-color-white-l), var(--active-modifier))}.o-btn.o-btn--ghost-inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--ghost-inverse.is-loading:not(:disabled,.is-disabled),.o-btn.o-btn--outline-inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--outline-inverse.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-02);--int-states-mixin-bg-color: hsl(var(--dt-color-white-h), var(--dt-color-white-s), var(--dt-color-white-l), var(--active-modifier))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--ghost-inverse:hover:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--outline-inverse:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-02-bg) var(--dt-color-hover-02), var(--dt-color-transparent))}.o-btn.o-btn--ghost-inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--ghost-inverse.is-loading:not(:disabled,.is-disabled),.o-btn.o-btn--outline-inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--outline-inverse.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-02-bg) var(--dt-color-active-02), var(--dt-color-transparent))}}.o-btn.o-btn--outline-inverse{border:1px solid var(--dt-color-border-strong)}.o-btn.o-btn--destructive{--int-states-mixin-bg-color: var(--dt-color-support-error)}.o-btn.o-btn--destructive:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-support-error-h), var(--dt-color-support-error-s), calc(var(--dt-color-support-error-l) + var(--hover-modifier)))}.o-btn.o-btn--destructive:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--destructive.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-support-error-h), var(--dt-color-support-error-s), calc(var(--dt-color-support-error-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--destructive:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-support-error))}.o-btn.o-btn--destructive:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--destructive.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-support-error))}}.o-btn.o-btn--destructive-ghost{--int-states-mixin-bg-color: transparent;--btn-text-color: var(--dt-color-content-interactive-error)}.o-btn.o-btn--destructive-ghost:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--hover-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--hover-modifier)))}.o-btn.o-btn--destructive-ghost:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--destructive-ghost.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--active-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--destructive-ghost:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-transparent))}.o-btn.o-btn--destructive-ghost:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--destructive-ghost.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-transparent))}}.o-btn.o-btn--xsmall{--btn-font-size: calc(var(--dt-font-size-14) * 1px);--btn-line-height: calc(var(--dt-font-size-14-line-height) * 1px);--icon-size-override: 16px;padding:var(--btn-padding-vertical-xsmall) var(--btn-padding-horizontal-small)}@media (min-width: 769px){.o-btn.o-btn--xsmall.o-btn--responsive{--btn-font-size: calc(var(--dt-font-size-16) * 1px);--btn-line-height: calc(var(--dt-font-size-16-line-height) * 1px);--icon-size-override: 20px;padding:var(--btn-padding-vertical-small) var(--btn-padding-horizontal-medium)}.o-btn.o-btn--xsmall.o-btn--responsive.o-btn--expressive{--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 20px;padding:var(--btn-padding-vertical-xsmall) var(--btn-padding-horizontal-medium)}}.o-btn.o-btn--xsmall.o-btn--outline,.o-btn.o-btn--xsmall.o-btn--outline-inverse{padding:calc(var(--btn-padding-vertical-xsmall) - 1px) var(--btn-padding-horizontal-small)}@media (min-width: 769px){.o-btn.o-btn--xsmall.o-btn--outline.o-btn--responsive,.o-btn.o-btn--xsmall.o-btn--outline-inverse.o-btn--responsive{padding:calc(var(--btn-padding-vertical-small) - 1px) var(--btn-padding-horizontal-medium)}.o-btn.o-btn--xsmall.o-btn--outline.o-btn--responsive.o-btn--expressive,.o-btn.o-btn--xsmall.o-btn--outline-inverse.o-btn--responsive.o-btn--expressive{padding:calc(var(--btn-padding-vertical-xsmall) - 1px) var(--btn-padding-horizontal-medium)}}.o-btn.o-btn--small-expressive{--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 20px;padding:var(--btn-padding-vertical-xsmall) var(--btn-padding-horizontal-medium)}@media (min-width: 769px){.o-btn.o-btn--small-expressive.o-btn--responsive{--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 24px;padding:var(--btn-padding-vertical-medium) var(--btn-padding-horizontal-large)}}.o-btn.o-btn--small-expressive.o-btn--outline,.o-btn.o-btn--small-expressive.o-btn--outline-inverse{padding:calc(var(--btn-padding-vertical-xsmall) - 1px) var(--btn-padding-horizontal-medium)}@media (min-width: 769px){.o-btn.o-btn--small-expressive.o-btn--outline.o-btn--responsive,.o-btn.o-btn--small-expressive.o-btn--outline-inverse.o-btn--responsive{padding:calc(var(--btn-padding-vertical-medium) - 1px) var(--btn-padding-horizontal-large)}}.o-btn.o-btn--small-productive{--btn-font-size: calc(var(--dt-font-size-16) * 1px);--btn-line-height: calc(var(--dt-font-size-16-line-height) * 1px);--icon-size-override: 20px;padding:var(--btn-padding-vertical-small) var(--btn-padding-horizontal-medium)}@media (min-width: 769px){.o-btn.o-btn--small-productive.o-btn--responsive{--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 24px;padding:var(--btn-padding-vertical-medium) var(--btn-padding-horizontal-large)}}.o-btn.o-btn--small-productive.o-btn--outline,.o-btn.o-btn--small-productive.o-btn--outline-inverse{padding:calc(var(--btn-padding-vertical-small) - 1px) var(--btn-padding-horizontal-medium)}@media (min-width: 769px){.o-btn.o-btn--small-productive.o-btn--outline.o-btn--responsive,.o-btn.o-btn--small-productive.o-btn--outline-inverse.o-btn--responsive{padding:calc(var(--btn-padding-vertical-medium) - 1px) var(--btn-padding-horizontal-large)}}.o-btn.o-btn--medium{--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 24px;padding:var(--btn-padding-vertical-medium) var(--btn-padding-horizontal-large)}@media (min-width: 769px){.o-btn.o-btn--medium.o-btn--responsive{--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 24px;padding:var(--btn-padding-vertical-large) var(--btn-padding-horizontal-large)}}.o-btn.o-btn--medium.o-btn--outline,.o-btn.o-btn--medium.o-btn--outline-inverse{padding:calc(var(--btn-padding-vertical-medium) - 1px) var(--btn-padding-horizontal-large)}@media (min-width: 769px){.o-btn.o-btn--medium.o-btn--outline.o-btn--responsive,.o-btn.o-btn--medium.o-btn--outline-inverse.o-btn--responsive{padding:calc(var(--btn-padding-vertical-large) - 1px) var(--btn-padding-horizontal-large)}}.o-btn.o-btn--large{--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 24px;padding:var(--btn-padding-vertical-large) var(--btn-padding-horizontal-large)}.o-btn.o-btn--large.o-btn--outline,.o-btn.o-btn--large.o-btn--outline-inverse{padding:calc(var(--btn-padding-vertical-large) - 1px) var(--btn-padding-horizontal-large)}.o-btn.o-btn--fullWidth{--btn-inline-size: 100%}.o-btn[disabled]{--btn-text-color: var(--dt-color-content-disabled) !important;cursor:not-allowed}.o-btn[disabled]:not(.o-btn--ghost,.o-btn--ghost-inverse,.o-btn--destructive-ghost){--int-states-mixin-bg-color: var(--dt-color-disabled-01) !important}.o-btn[disabled].o-btn--outline,.o-btn[disabled].o-btn--outline-inverse{border-color:var(--dt-color-disabled-01)!important}.o-btn.is-loading>*:not(pie-spinner){visibility:hidden}.o-btn.is-loading pie-spinner{position:absolute}.o-btn:focus-visible{box-shadow:0 0 0 2px var(--dt-color-focus-inner),0 0 0 4px var(--dt-color-focus-outer);outline:none}.o-btn-text{text-overflow:ellipsis;overflow:hidden}::slotted(svg){height:var(--icon-size-override);width:var(--icon-size-override)}"),rt([ve({type:String}),Te(at,["button","a"],Ge)],st.prototype,"tag",2),rt([ve({type:String}),Te(at,["xsmall","small-productive","small-expressive","medium","large"],Ze)],st.prototype,"size",2),rt([ve({type:String}),Te(at,["submit","button","reset"],Ye)],st.prototype,"type",2),rt([ve({type:String}),Te(at,["primary","primary-alternative","secondary","outline","outline-inverse","ghost","inverse","ghost-inverse","destructive","destructive-ghost"],Xe)],st.prototype,"variant",2),rt([ve({type:String}),Te(at,["leading","trailing"],Qe)],st.prototype,"iconPlacement",2),rt([ve({type:Boolean})],st.prototype,"disabled",2),rt([ve({type:Boolean,reflect:!0})],st.prototype,"isLoading",2),rt([ve({type:Boolean,reflect:!0})],st.prototype,"isFullWidth",2),rt([ve({type:Boolean})],st.prototype,"isResponsive",2),rt([ve({type:String})],st.prototype,"name",2),rt([ve({type:String})],st.prototype,"value",2),rt([ve({type:String})],st.prototype,"formaction",2),rt([ve({type:String})],st.prototype,"formenctype",2),rt([ve({type:String})],st.prototype,"formmethod",2),rt([ve({type:Boolean})],st.prototype,"formnovalidate",2),rt([ve({type:String})],st.prototype,"formtarget",2),rt([ve({type:String})],st.prototype,"responsiveSize",2),rt([ve({type:String})],st.prototype,"href",2),rt([ve({type:String})],st.prototype,"rel",2),rt([ve({type:String})],st.prototype,"target",2),st=rt([Be("pie-button")],st);const lt=class e extends se{willUpdate(){this.getAttribute("v")||this.setAttribute("v",e.v)}};lt.v="1.4.3";let ct=lt;const dt="default",ht="horizontal",pt="";var vt=Object.defineProperty,bt=Object.getOwnPropertyDescriptor,ut=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?bt(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&&vt(t,i,r),r};const mt="pie-divider";let gt=class extends ct{constructor(){super(...arguments),this.variant=dt,this.orientation=ht,this.label=pt}render(){const{variant:e,orientation:t,label:i}=this,o=i.length>0&&"horizontal"===t,n={"c-divider":!0,"c-divider--inverse":"inverse"===e,"c-divider--vertical":"vertical"===t,"c-divider--labelled":o};return V`
|
|
103
103
|
${o?V`
|
|
104
104
|
<div
|
|
105
105
|
id="${mt}"
|
|
@@ -114,7 +114,7 @@ const fe=1,ye=2,ke=e=>(...t)=>({_$litDirective$:e,values:t});let we=class{constr
|
|
|
114
114
|
data-test-id="${mt}"
|
|
115
115
|
class="${Me(n)}"
|
|
116
116
|
aria-hidden="true"
|
|
117
|
-
/>`}`}};gt.styles=s("*,*:after,*:before{box-sizing:inherit}.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-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)}.c-divider.c-divider--labelled .c-divider-label{font-size:var(--divider-font-size);line-height:var(--divider-line-height);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)}.c-divider.c-divider--inverse{--divider-bg-color: var(--dt-color-divider-inverse)}.c-divider.c-divider--vertical{--divider-width: 1px;--divider-height: 100%}"),ut([ve({type:String}),Te(mt,["default","inverse"],dt)],gt.prototype,"variant",2),ut([ve({type:String}),Te(mt,["horizontal","vertical"],ht)],gt.prototype,"orientation",2),ut([ve({type:String})],gt.prototype,"label",2),gt=ut([Be("pie-divider")],gt);const ft=class e extends se{willUpdate(){this.getAttribute("v")||this.setAttribute("v",e.v)}};ft.v="
|
|
117
|
+
/>`}`}};gt.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-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)}.c-divider.c-divider--labelled .c-divider-label{font-size:var(--divider-font-size);line-height:var(--divider-line-height);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)}.c-divider.c-divider--inverse{--divider-bg-color: var(--dt-color-divider-inverse)}.c-divider.c-divider--vertical{--divider-width: 1px;--divider-height: 100%}"),ut([ve({type:String}),Te(mt,["default","inverse"],dt)],gt.prototype,"variant",2),ut([ve({type:String,reflect:!0}),Te(mt,["horizontal","vertical"],ht)],gt.prototype,"orientation",2),ut([ve({type:String})],gt.prototype,"label",2),gt=ut([Be("pie-divider")],gt);const ft=class e extends se{willUpdate(){this.getAttribute("v")||this.setAttribute("v",e.v)}};ft.v="2.0.0";let yt=ft;const kt="medium",wt="primary",xt=!1,At=!1;var _t=Object.defineProperty,zt=Object.getOwnPropertyDescriptor,St=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?zt(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&&_t(t,i,r),r};const $t="pie-icon-button";let Et=class extends yt{constructor(){super(...arguments),this.size=kt,this.variant=wt,this.disabled=xt,this.isLoading=At}renderSpinner(){const{variant:e,size:t,disabled:i}=this,o="xsmall"===t?"small":"medium";let n="brand";return null!=e&&e.includes("secondary")&&(n="secondary"),("primary"===e&&!i||"ghost-inverse"===e)&&(n="inverse"),V`
|
|
118
118
|
<pie-spinner
|
|
119
119
|
size="${o}"
|
|
120
120
|
variant="${n}">
|
|
@@ -129,7 +129,7 @@ const fe=1,ye=2,ke=e=>(...t)=>({_$litDirective$:e,values:t});let we=class{constr
|
|
|
129
129
|
aria-expanded="${Oe(null==n?void 0:n.expanded)}"
|
|
130
130
|
aria-controls="${Oe(null==n?void 0:n.controls)}">
|
|
131
131
|
${o?this.renderSpinner():V`<slot></slot>`}
|
|
132
|
-
</button>`}};Et.styles=s("*,*:after,*:before{box-sizing:inherit}:host{--btn-dimension-default: 48px;--icon-size-override: 24px}.o-iconBtn{--btn-border-radius: var(--dt-radius-rounded-e);--int-states-mixin-bg-color: var(--dt-color-interactive-brand);--btn-icon-fill: var(--dt-color-content-interactive-light);--icon-display-override: block;block-size:var(--btn-dimension, var(--btn-dimension-default));inline-size:var(--btn-dimension, var(--btn-dimension-default));border-color:var(--btn-border-color);border-radius:var(--btn-border-radius);background-color:var(--int-states-mixin-bg-color);color:var(--btn-icon-fill);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;border:none;display:flex;align-items:center;justify-content:center}.o-iconBtn:focus-visible{box-shadow:0 0 0 2px var(--dt-color-focus-inner),0 0 0 4px var(--dt-color-focus-outer);outline:none}.o-iconBtn svg{height:var(--icon-size-override);width:var(--icon-size-override)}.o-iconBtn.o-iconBtn--primary:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--hover-modifier)))}.o-iconBtn.o-iconBtn--primary:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--primary.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-iconBtn.o-iconBtn--primary:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-brand))}.o-iconBtn.o-iconBtn--primary:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--primary.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-brand))}}.o-iconBtn.o-iconBtn--secondary{--int-states-mixin-bg-color: var(--dt-color-interactive-secondary);--btn-icon-fill: var(--dt-color-content-interactive-secondary)}.o-iconBtn.o-iconBtn--secondary:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-secondary-h), var(--dt-color-interactive-secondary-s), calc(var(--dt-color-interactive-secondary-l) + var(--hover-modifier)))}.o-iconBtn.o-iconBtn--secondary:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--secondary.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-secondary-h), var(--dt-color-interactive-secondary-s), calc(var(--dt-color-interactive-secondary-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-iconBtn.o-iconBtn--secondary:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-secondary))}.o-iconBtn.o-iconBtn--secondary:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--secondary.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-secondary))}}.o-iconBtn.o-iconBtn--outline{--int-states-mixin-bg-color: transparent;--btn-icon-fill: var(--dt-color-content-interactive-brand);border:1px solid var(--dt-color-border-strong)}.o-iconBtn.o-iconBtn--outline:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--hover-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--hover-modifier)))}.o-iconBtn.o-iconBtn--outline:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--outline.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--active-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-iconBtn.o-iconBtn--outline:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-transparent))}.o-iconBtn.o-iconBtn--outline:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--outline.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-transparent))}}.o-iconBtn.o-iconBtn--ghost{--int-states-mixin-bg-color: transparent;--btn-icon-fill: var(--dt-color-content-interactive-brand)}.o-iconBtn.o-iconBtn--ghost:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--hover-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--hover-modifier)))}.o-iconBtn.o-iconBtn--ghost:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--ghost.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--active-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-iconBtn.o-iconBtn--ghost:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-transparent))}.o-iconBtn.o-iconBtn--ghost:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--ghost.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-transparent))}}.o-iconBtn.o-iconBtn--ghost-secondary{--int-states-mixin-bg-color: transparent;--btn-icon-fill: var(--dt-color-content-interactive-secondary)}.o-iconBtn.o-iconBtn--ghost-secondary:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--hover-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--hover-modifier)))}.o-iconBtn.o-iconBtn--ghost-secondary:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--ghost-secondary.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--active-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-iconBtn.o-iconBtn--ghost-secondary:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-transparent))}.o-iconBtn.o-iconBtn--ghost-secondary:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--ghost-secondary.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-transparent))}}.o-iconBtn.o-iconBtn--inverse{--int-states-mixin-bg-color: var(--dt-color-interactive-inverse);--btn-icon-fill: var(--dt-color-content-interactive-brand)}.o-iconBtn.o-iconBtn--inverse:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-inverse-h), var(--dt-color-interactive-inverse-s), calc(var(--dt-color-interactive-inverse-l) + var(--hover-modifier)))}.o-iconBtn.o-iconBtn--inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--inverse.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-inverse-h), var(--dt-color-interactive-inverse-s), calc(var(--dt-color-interactive-inverse-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-iconBtn.o-iconBtn--inverse:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-inverse))}.o-iconBtn.o-iconBtn--inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--inverse.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-inverse))}}.o-iconBtn.o-iconBtn--ghost-inverse{--int-states-mixin-bg-color: transparent;--btn-icon-fill: var(--dt-color-content-inverse)}.o-iconBtn.o-iconBtn--ghost-inverse:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--hover-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--hover-modifier)))}.o-iconBtn.o-iconBtn--ghost-inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--ghost-inverse.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--active-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-iconBtn.o-iconBtn--ghost-inverse:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-02-bg) var(--dt-color-hover-02), var(--dt-color-transparent))}.o-iconBtn.o-iconBtn--ghost-inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--ghost-inverse.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-02-bg) var(--dt-color-active-02), var(--dt-color-transparent))}}.o-iconBtn[disabled]{--btn-icon-fill: var(--dt-color-content-disabled);cursor:not-allowed}.o-iconBtn[disabled]:not(.o-iconBtn--ghost,.o-iconBtn--ghost-secondary,.o-iconBtn--ghost-inverse){--int-states-mixin-bg-color: var(--dt-color-disabled-01)}.o-iconBtn[disabled].o-iconBtn--outline{border-color:var(--dt-color-disabled-01)}.o-iconBtn.o-iconBtn--xsmall{--btn-dimension: 32px;--icon-size-override: 20px}.o-iconBtn.o-iconBtn--small{--btn-dimension: 40px}.o-iconBtn.o-iconBtn--large{--btn-dimension: 56px;--icon-size-override: 28px}"),St([ve({type:Object})],Et.prototype,"aria",2),St([ve({type:String}),Te($t,["xsmall","small","medium","large"],kt)],Et.prototype,"size",2),St([ve({type:String}),Te($t,["primary","secondary","outline","ghost","ghost-secondary","inverse","ghost-inverse"],wt)],Et.prototype,"variant",2),St([ve({type:Boolean})],Et.prototype,"disabled",2),St([ve({type:Boolean})],Et.prototype,"isLoading",2),Et=St([Be("pie-icon-button")],Et);const Ct=class e extends se{willUpdate(){this.getAttribute("v")||this.setAttribute("v",e.v)}};Ct.v="1.2.3";let Mt=Ct;const Ot="a",Tt="default",Bt="medium",Pt="default",Lt=!1,Nt=!1,jt=!1,It="leading",Dt="submit";var Ft=Object.defineProperty,Rt=Object.getOwnPropertyDescriptor,Ht=(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&&Ft(t,i,r),r};const Vt="pie-link";let Wt=class extends Mt{constructor(){super(...arguments),this.tag=Ot,this.variant=Tt,this.size=Bt,this.underline=Pt,this.iconPlacement=It,this.isBold=Lt,this.isStandalone=Nt,this.hasVisited=jt,this.type=Dt}renderContent(){const{iconPlacement:e,isStandalone:t}=this;return V`
|
|
132
|
+
</button>`}};Et.styles=s("*,*:after,*:before{box-sizing:inherit}:host{display:inline-block;--btn-dimension-default: 48px;--icon-size-override: 24px}.o-iconBtn{--btn-border-radius: var(--dt-radius-rounded-e);--int-states-mixin-bg-color: var(--dt-color-interactive-brand);--btn-icon-fill: var(--dt-color-content-interactive-light);--icon-display-override: block;block-size:var(--btn-dimension, var(--btn-dimension-default));inline-size:var(--btn-dimension, var(--btn-dimension-default));border-color:var(--btn-border-color);border-radius:var(--btn-border-radius);background-color:var(--int-states-mixin-bg-color);color:var(--btn-icon-fill);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;border:none;display:flex;align-items:center;justify-content:center}.o-iconBtn:focus-visible{box-shadow:0 0 0 2px var(--dt-color-focus-inner),0 0 0 4px var(--dt-color-focus-outer);outline:none}.o-iconBtn svg{height:var(--icon-size-override);width:var(--icon-size-override)}.o-iconBtn.o-iconBtn--primary:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--hover-modifier)))}.o-iconBtn.o-iconBtn--primary:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--primary.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-iconBtn.o-iconBtn--primary:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-brand))}.o-iconBtn.o-iconBtn--primary:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--primary.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-brand))}}.o-iconBtn.o-iconBtn--secondary{--int-states-mixin-bg-color: var(--dt-color-interactive-secondary);--btn-icon-fill: var(--dt-color-content-interactive-secondary)}.o-iconBtn.o-iconBtn--secondary:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-secondary-h), var(--dt-color-interactive-secondary-s), calc(var(--dt-color-interactive-secondary-l) + var(--hover-modifier)))}.o-iconBtn.o-iconBtn--secondary:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--secondary.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-secondary-h), var(--dt-color-interactive-secondary-s), calc(var(--dt-color-interactive-secondary-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-iconBtn.o-iconBtn--secondary:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-secondary))}.o-iconBtn.o-iconBtn--secondary:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--secondary.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-secondary))}}.o-iconBtn.o-iconBtn--outline{--int-states-mixin-bg-color: transparent;--btn-icon-fill: var(--dt-color-content-interactive-brand);border:1px solid var(--dt-color-border-strong)}.o-iconBtn.o-iconBtn--outline:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--hover-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--hover-modifier)))}.o-iconBtn.o-iconBtn--outline:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--outline.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--active-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-iconBtn.o-iconBtn--outline:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-transparent))}.o-iconBtn.o-iconBtn--outline:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--outline.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-transparent))}}.o-iconBtn.o-iconBtn--ghost{--int-states-mixin-bg-color: transparent;--btn-icon-fill: var(--dt-color-content-interactive-brand)}.o-iconBtn.o-iconBtn--ghost:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--hover-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--hover-modifier)))}.o-iconBtn.o-iconBtn--ghost:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--ghost.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--active-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-iconBtn.o-iconBtn--ghost:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-transparent))}.o-iconBtn.o-iconBtn--ghost:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--ghost.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-transparent))}}.o-iconBtn.o-iconBtn--ghost-secondary{--int-states-mixin-bg-color: transparent;--btn-icon-fill: var(--dt-color-content-interactive-secondary)}.o-iconBtn.o-iconBtn--ghost-secondary:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--hover-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--hover-modifier)))}.o-iconBtn.o-iconBtn--ghost-secondary:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--ghost-secondary.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--active-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-iconBtn.o-iconBtn--ghost-secondary:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-transparent))}.o-iconBtn.o-iconBtn--ghost-secondary:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--ghost-secondary.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-transparent))}}.o-iconBtn.o-iconBtn--inverse{--int-states-mixin-bg-color: var(--dt-color-interactive-inverse);--btn-icon-fill: var(--dt-color-content-interactive-brand)}.o-iconBtn.o-iconBtn--inverse:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-inverse-h), var(--dt-color-interactive-inverse-s), calc(var(--dt-color-interactive-inverse-l) + var(--hover-modifier)))}.o-iconBtn.o-iconBtn--inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--inverse.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-inverse-h), var(--dt-color-interactive-inverse-s), calc(var(--dt-color-interactive-inverse-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-iconBtn.o-iconBtn--inverse:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-inverse))}.o-iconBtn.o-iconBtn--inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--inverse.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-inverse))}}.o-iconBtn.o-iconBtn--ghost-inverse{--int-states-mixin-bg-color: transparent;--btn-icon-fill: var(--dt-color-content-inverse)}.o-iconBtn.o-iconBtn--ghost-inverse:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--hover-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--hover-modifier)))}.o-iconBtn.o-iconBtn--ghost-inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--ghost-inverse.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--active-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-iconBtn.o-iconBtn--ghost-inverse:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-02-bg) var(--dt-color-hover-02), var(--dt-color-transparent))}.o-iconBtn.o-iconBtn--ghost-inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--ghost-inverse.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-02-bg) var(--dt-color-active-02), var(--dt-color-transparent))}}.o-iconBtn[disabled]{--btn-icon-fill: var(--dt-color-content-disabled);cursor:not-allowed}.o-iconBtn[disabled]:not(.o-iconBtn--ghost,.o-iconBtn--ghost-secondary,.o-iconBtn--ghost-inverse){--int-states-mixin-bg-color: var(--dt-color-disabled-01)}.o-iconBtn[disabled].o-iconBtn--outline{border-color:var(--dt-color-disabled-01)}.o-iconBtn.o-iconBtn--xsmall{--btn-dimension: 32px;--icon-size-override: 20px}.o-iconBtn.o-iconBtn--small{--btn-dimension: 40px}.o-iconBtn.o-iconBtn--large{--btn-dimension: 56px;--icon-size-override: 28px}"),St([ve({type:Object})],Et.prototype,"aria",2),St([ve({type:String}),Te($t,["xsmall","small","medium","large"],kt)],Et.prototype,"size",2),St([ve({type:String}),Te($t,["primary","secondary","outline","ghost","ghost-secondary","inverse","ghost-inverse"],wt)],Et.prototype,"variant",2),St([ve({type:Boolean})],Et.prototype,"disabled",2),St([ve({type:Boolean})],Et.prototype,"isLoading",2),Et=St([Be("pie-icon-button")],Et);const Ct=class e extends se{willUpdate(){this.getAttribute("v")||this.setAttribute("v",e.v)}};Ct.v="1.2.4";let Mt=Ct;const Ot="a",Tt="default",Bt="medium",Pt="default",Lt=!1,Nt=!1,jt=!1,It="leading",Dt="submit";var Ft=Object.defineProperty,Rt=Object.getOwnPropertyDescriptor,Ht=(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&&Ft(t,i,r),r};const Vt="pie-link";let Wt=class extends Mt{constructor(){super(...arguments),this.tag=Ot,this.variant=Tt,this.size=Bt,this.underline=Pt,this.iconPlacement=It,this.isBold=Lt,this.isStandalone=Nt,this.hasVisited=jt,this.type=Dt}renderContent(){const{iconPlacement:e,isStandalone:t}=this;return V`
|
|
133
133
|
<span class="c-link-content">
|
|
134
134
|
${t&&"leading"===e?V`<slot name="icon"></slot>`:U}
|
|
135
135
|
<slot></slot>
|
|
@@ -150,7 +150,7 @@ const fe=1,ye=2,ke=e=>(...t)=>({_$litDirective$:e,values:t});let we=class{constr
|
|
|
150
150
|
rel=${Oe(this.rel)}
|
|
151
151
|
aria-label=${Oe(null==(t=this.aria)?void 0:t.label)}>
|
|
152
152
|
${this.renderContent()}
|
|
153
|
-
</a>`}render(){const e={"c-link":!0,[`c-link--${this.variant}`]:!0,[`c-link--${this.size}`]:!0,"c-link--underline-reversed":"reversed"===this.underline,"c-link--bold":this.isBold,"c-link--standalone":this.isStandalone,"c-link--hasVisited":this.hasVisited};return"button"===this.tag?this.renderButton(e):this.renderAnchor(e)}};Wt.styles=s("*,*:after,*:before{box-sizing:inherit}:host{
|
|
153
|
+
</a>`}render(){const e={"c-link":!0,[`c-link--${this.variant}`]:!0,[`c-link--${this.size}`]:!0,"c-link--underline-reversed":"reversed"===this.underline,"c-link--bold":this.isBold,"c-link--standalone":this.isStandalone,"c-link--hasVisited":this.hasVisited};return"button"===this.tag?this.renderButton(e):this.renderAnchor(e)}};Wt.styles=s("*,*:after,*:before{box-sizing:inherit}:host{display:inline-block;--link-font-weight: var(--dt-font-weight-regular);--link-text-color: var(--dt-color-content-link)}:host([isstandalone]){display:block}.c-link{--link-font-family: var(--dt-font-interactive-l-family);--link-font-size: calc(var(--dt-font-size-16) * 1px);--link-line-height: calc(var(--dt-font-size-16-line-height) * 1px);--link-text-decoration: var(--dt-font-style-underline);--link-icon-size: 16px;--link-icon-offset-top: var(--dt-spacing-a);display:inline-block;font-family:var(--link-font-family);font-size:var(--link-font-size);line-height:var(--link-line-height);font-weight:var(--link-font-weight);color:var(--link-text-color);text-decoration:var(--link-text-decoration);cursor:pointer}.c-link:hover,.c-link:active{--link-text-decoration: none}.c-link.c-link--high-visibility{--link-text-color: var(--dt-color-content-link-distinct)}.c-link.c-link--inverse{--link-text-color: var(--dt-color-content-link-inverse)}.c-link.c-link--small{--link-font-size: calc(var(--dt-font-size-14) * 1px);--link-line-height: calc(var(--dt-font-size-14-line-height) * 1px);--link-icon-offset-top: 2px}.c-link.c-link--underline-reversed.c-link--standalone{--link-text-decoration: none}.c-link.c-link--underline-reversed.c-link--standalone:hover,.c-link.c-link--underline-reversed.c-link--standalone:active{--link-text-decoration: var(--dt-font-style-underline)}.c-link.c-link--bold{--link-font-weight: var(--dt-font-weight-bold)}.c-link.c-link--standalone{display:block;width:fit-content}.c-link.c-link--hasVisited:visited{color:var(--dt-color-content-link-visited)}.c-link.c-link--hasVisited:visited.c-link--inverse{color:var(--dt-color-content-link-visited-inverse)}.c-link:focus-visible{outline:none;border-radius:2px;box-shadow:0 0 0 2px var(--dt-color-focus-inner),0 0 0 4px var(--dt-color-focus-outer)}button.c-link{outline:none;border:none;-webkit-user-select:none;user-select:none;background:transparent;padding:0}.c-link-content{display:flex;gap:var(--dt-spacing-a)}::slotted(.c-pieIcon),::slotted(svg){display:inline-flex;margin-block-start:var(--link-icon-offset-top);height:var(--link-icon-size);width:var(--link-icon-size)}"),Ht([ve({type:String}),Te(Vt,["a","button"],Ot)],Wt.prototype,"tag",2),Ht([ve({type:String}),Te(Vt,["default","high-visibility","inverse"],Tt)],Wt.prototype,"variant",2),Ht([ve({type:String}),Te(Vt,["small","medium"],Bt)],Wt.prototype,"size",2),Ht([ve({type:String}),Te(Vt,["default","reversed"],Pt)],Wt.prototype,"underline",2),Ht([ve({type:String}),Te(Vt,["leading","trailing"],It)],Wt.prototype,"iconPlacement",2),Ht([ve({type:String,reflect:!0})],Wt.prototype,"href",2),Ht([ve({type:String,reflect:!0})],Wt.prototype,"target",2),Ht([ve({type:String,reflect:!0})],Wt.prototype,"rel",2),Ht([ve({type:Boolean})],Wt.prototype,"isBold",2),Ht([ve({type:Boolean,reflect:!0})],Wt.prototype,"isStandalone",2),Ht([ve({type:Boolean})],Wt.prototype,"hasVisited",2),Ht([ve({type:String}),Te(Vt,["submit","button","reset","menu"],Dt)],Wt.prototype,"type",2),Ht([ve({type:Object})],Wt.prototype,"aria",2),Wt=Ht([Be("pie-link")],Wt);
|
|
154
154
|
/**
|
|
155
155
|
* @license
|
|
156
156
|
* Copyright 2020 Google LLC
|
|
@@ -168,7 +168,7 @@ const Ut=Symbol.for(""),qt=e=>{if((null==e?void 0:e.r)===Ut)return null==e?void
|
|
|
168
168
|
width: var(--icon-size-override);
|
|
169
169
|
height: var(--icon-size-override);
|
|
170
170
|
}
|
|
171
|
-
`;let oi=ii;ti([ve({type:String,reflect:!0})],oi.prototype,"size"),ti([be()],oi.prototype,"_svgWidth"),ti([be()],oi.prototype,"_svgHeight");var ni=Object.defineProperty,ri=Object.getOwnPropertyDescriptor,ai=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?ri(t,i):t,a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&ni(t,i,r),r};let si=class extends oi{constructor(){super(...arguments),this.size="xs",this.class="c-pieIcon c-pieIcon--close",this.name="IconClose"}render(){return V`<svg width="${this._svgWidth}" height="${this._svgHeight}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--close"><path d="M11.868 3.205 8 7.073 4.133 3.205l-.928.928L7.073 8l-3.868 3.868.928.927L8 8.928l3.868 3.867.927-.927L8.928 8l3.867-3.867-.927-.928Z"></path></svg>`}};ai([ve({type:String,reflect:!0})],si.prototype,"size",2),ai([ve({type:String,reflect:!0})],si.prototype,"class",2),si=ai([Be("icon-close")],si);var li=Object.defineProperty,ci=Object.getOwnPropertyDescriptor,di=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?ci(t,i):t,a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&li(t,i,r),r};let hi=class extends oi{constructor(){super(...arguments),this.size="xs",this.class="c-pieIcon c-pieIcon--chevronLeft",this.name="IconChevronLeft"}render(){return V`<svg width="${this._svgWidth}" height="${this._svgHeight}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--chevronLeft"><path d="M10.96 2.82 5.605 8l5.399 5.197-.875.963-5.565-5.364a1.164 1.164 0 0 1 0-1.671l5.495-5.25.901.945Z"></path></svg>`}};di([ve({type:String,reflect:!0})],hi.prototype,"size",2),di([ve({type:String,reflect:!0})],hi.prototype,"class",2),hi=di([Be("icon-chevron-left")],hi);var pi=Object.defineProperty,vi=Object.getOwnPropertyDescriptor,bi=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?vi(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&&pi(t,i,r),r};let ui=class extends oi{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>`}};bi([ve({type:String,reflect:!0})],ui.prototype,"size",2),bi([ve({type:String,reflect:!0})],ui.prototype,"class",2),ui=bi([Be("icon-chevron-right")],ui);const mi=class e extends se{willUpdate(){this.getAttribute("v")||this.setAttribute("v",e.v)}};mi.v="1.7.
|
|
171
|
+
`;let oi=ii;ti([ve({type:String,reflect:!0})],oi.prototype,"size"),ti([be()],oi.prototype,"_svgWidth"),ti([be()],oi.prototype,"_svgHeight");var ni=Object.defineProperty,ri=Object.getOwnPropertyDescriptor,ai=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?ri(t,i):t,a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&ni(t,i,r),r};let si=class extends oi{constructor(){super(...arguments),this.size="xs",this.class="c-pieIcon c-pieIcon--close",this.name="IconClose"}render(){return V`<svg width="${this._svgWidth}" height="${this._svgHeight}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--close"><path d="M11.868 3.205 8 7.073 4.133 3.205l-.928.928L7.073 8l-3.868 3.868.928.927L8 8.928l3.868 3.867.927-.927L8.928 8l3.867-3.867-.927-.928Z"></path></svg>`}};ai([ve({type:String,reflect:!0})],si.prototype,"size",2),ai([ve({type:String,reflect:!0})],si.prototype,"class",2),si=ai([Be("icon-close")],si);var li=Object.defineProperty,ci=Object.getOwnPropertyDescriptor,di=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?ci(t,i):t,a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&li(t,i,r),r};let hi=class extends oi{constructor(){super(...arguments),this.size="xs",this.class="c-pieIcon c-pieIcon--chevronLeft",this.name="IconChevronLeft"}render(){return V`<svg width="${this._svgWidth}" height="${this._svgHeight}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--chevronLeft"><path d="M10.96 2.82 5.605 8l5.399 5.197-.875.963-5.565-5.364a1.164 1.164 0 0 1 0-1.671l5.495-5.25.901.945Z"></path></svg>`}};di([ve({type:String,reflect:!0})],hi.prototype,"size",2),di([ve({type:String,reflect:!0})],hi.prototype,"class",2),hi=di([Be("icon-chevron-left")],hi);var pi=Object.defineProperty,vi=Object.getOwnPropertyDescriptor,bi=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?vi(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&&pi(t,i,r),r};let ui=class extends oi{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>`}};bi([ve({type:String,reflect:!0})],ui.prototype,"size",2),bi([ve({type:String,reflect:!0})],ui.prototype,"class",2),ui=bi([Be("icon-chevron-right")],ui);const mi=class e extends se{willUpdate(){this.getAttribute("v")||this.setAttribute("v",e.v)}};mi.v="1.7.6";let gi=mi;var fi=!1;if(typeof window<"u"){var yi={get passive(){fi=!0}};window.addEventListener("testPassive",null,yi),window.removeEventListener("testPassive",null,yi)}var ki=typeof window<"u"&&window.navigator&&window.navigator.platform&&(/iP(ad|hone|od)/.test(window.navigator.platform)||"MacIntel"===window.navigator.platform&&window.navigator.maxTouchPoints>1),wi=[],xi=!1,Ai=-1,_i=void 0,zi=void 0,Si=function(e){return wi.some((function(t){return!(!t.options.allowTouchMove||!t.options.allowTouchMove(e))}))},$i=function(e){var t=e||window.event;return!!(Si(t.target)||t.touches.length>1)||(t.preventDefault&&t.preventDefault(),!1)},Ei=function(e,t){if(e){if(!wi.some((function(t){return t.targetElement===e}))){var i={targetElement:e,options:{}};wi=[].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)}(wi),[i]),ki?(e.ontouchstart=function(e){1===e.targetTouches.length&&(Ai=e.targetTouches[0].clientY)},e.ontouchmove=function(t){1===t.targetTouches.length&&function(e,t){var i=e.targetTouches[0].clientY-Ai;!Si(e.target)&&(t&&0===t.scrollTop&&i>0||function(e){return!!e&&e.scrollHeight-e.scrollTop<=e.clientHeight}(t)&&i<0?$i(e):e.stopPropagation())}(t,e)},xi||(document.addEventListener("touchmove",$i,fi?{passive:!1}:void 0),xi=!0)):function(){void 0===zi&&(window.innerWidth,document.documentElement.clientWidth);void 0===_i&&(_i=document.body.style.overflow,document.body.style.overflow="hidden")}()}}else console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.")},Ci=function(e){e?(wi=wi.filter((function(t){return t.targetElement!==e})),ki?(e.ontouchstart=null,e.ontouchmove=null,xi&&0===wi.length&&(document.removeEventListener("touchmove",$i,fi?{passive:!1}:void 0),xi=!1)):wi.length||(void 0!==zi&&(document.body.style.paddingRight=zi,zi=void 0),void 0!==_i&&(document.body.style.overflow=_i,_i=void 0))):console.error("enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.")};const Mi="pie-modal-close",Oi="pie-modal-open",Ti="pie-modal-back",Bi=!1,Pi=!1,Li="h2",Ni=!1,ji=!1,Ii=!0,Di=!1,Fi=!1,Ri="center",Hi="medium";var Vi=Object.defineProperty,Wi=Object.getOwnPropertyDescriptor,Ui=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?Wi(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};const qi="pie-modal";let Ki=class extends(Le(gi)){constructor(){super(...arguments),this.headingLevel=Li,this.hasBackButton=Bi,this.hasStackedActions=Pi,this.isDismissible=ji,this.isFooterPinned=Ii,this.isFullWidthBelowMid=Di,this.isLoading=Fi,this.isOpen=Ni,this.position=Ri,this.size=Hi,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(Oi,(e=>this._handleModalOpened(e)),{signal:e}),document.addEventListener(Mi,(e=>this._handleModalClosed(e)),{signal:e}),document.addEventListener(Ti,(e=>this._handleModalClosed(e)),{signal:e})}disconnectedCallback(){super.disconnectedCallback(),this._abortController.abort(),this._enableBodyScroll(),this._removeEscKeyEventListener()}async firstUpdated(e){(await Promise.resolve().then((()=>qo)).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&&Pe(this,Oi,{targetModal:this})}_handleModalOpenStateChanged(e){const t=e.get("isOpen");void 0!==t&&(t?this._backButtonClicked?(this._backButtonClicked=!1,Pe(this,Ti,{targetModal:this})):Pe(this,Mi,{targetModal:this}):Pe(this,Oi,{targetModal:this}))}_handleActionClick(e){"leading"===e?(this._dialog.close("leading"),Pe(this,"pie-modal-leading-action-click",{targetModal:this})):"supporting"===e&&(this._dialog.close("supporting"),Pe(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&&Ci(this._modalScrollContainer)}_disableBodyScroll(){this._modalScrollContainer&&Ei(this._modalScrollContainer)}renderCloseButton(){var e;return this.isDismissible?Gt`
|
|
172
172
|
<pie-icon-button
|
|
173
173
|
@click="${()=>{this.isOpen=!1}}"
|
|
174
174
|
variant="ghost-secondary"
|
|
@@ -239,7 +239,7 @@ const Ut=Symbol.for(""),qt=e=>{if((null==e?void 0:e.r)===Ut)return null==e?void
|
|
|
239
239
|
<div class="c-modal-scrollContainer">
|
|
240
240
|
${this.renderModalContentAndFooter()}
|
|
241
241
|
</div>`}
|
|
242
|
-
</dialog>`}};Ki.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-bg-color: var(--dt-color-container-default);--modal-elevation: var(--dt-elevation-04);position:fixed;top:0;border-radius:var(--modal-border-radius);border:none;box-shadow:var(--modal-elevation);font-family:var(--modal-font);color:var(--dt-color-content-default);background-color:var(--modal-bg-color);padding:0;--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);--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:focus-visible{outline:none}@media (max-width: 767px){.c-modal pie-icon-button{--btn-dimension: 40px}}.c-modal[open]{display:flex;flex-direction:column}@media (min-width: 769px){.c-modal{--modal-margin-block: var(--modal-margin-large)}}.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.c-modal--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.c-modal--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.c-modal--fullWidthBelowMid.c-modal--medium{margin-block-start:var(--dt-spacing-none);max-block-size:100%}}.c-modal::backdrop{background:var(--dt-color-overlay)}@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none){.c-modal::backdrop{background:#0000008c}}.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}}.c-modal ::slotted([slot=footer]){display:flex;width:100%}.c-modal .c-modal-header{display:grid;grid-template-areas:"back heading close";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);font-size:var(--modal-header-font-size);line-height:var(--modal-header-font-line-height);font-weight:var(--modal-header-font-weight);margin:0;grid-area:heading;margin-inline-start:var(--dt-spacing-d);margin-inline-end:var(--dt-spacing-d);margin-block:14px}@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:20px}}.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.c-modal--dismissible .c-modal-heading{margin-inline-end:var(--dt-spacing-d)}@media (min-width: 769px){.c-modal.c-modal--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-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-content{--modal-content-font-size: calc(var(--dt-font-size-16) * 1px);--modal-content-font-weight: var(--dt-font-weight-regular);--modal-content-line-height: calc(var(--dt-font-size-16-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);--modal-content-min-block-size: var(--dt-spacing-j);position:relative;min-block-size:calc(var(--modal-content-min-block-size) + var(--modal-content-padding-block) + var(--modal-content-padding-block-end));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}@media (min-width: 769px){.c-modal .c-modal-content{--modal-content-padding-inline: var(--dt-spacing-e)}}.c-modal .c-modal-content:has(+slot>footer){padding-block-end:var(--modal-content-padding-block);min-block-size:var(--modal-content-min-block-size)}.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;--bg-scroll-end: linear-gradient(rgba(255, 255, 255, 0), var(--dt-color-container-default) 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.c-modal--pinnedFooter .c-modal-content{overflow-y:auto}.c-modal.c-modal--loading .c-modal-content pie-spinner{position:absolute;left:50%;top:calc(50% - (var(--modal-content-padding-block-end) - var(--modal-content-padding-block)) / 2);transform:translate(-50%,-50%)}.c-modal.c-modal--loading .c-modal-content .c-modal-contentInner{display:none}.c-modal.c-modal--loading .c-modal-content:not(:last-child) pie-spinner{top:50%}@supports not (aspect-ratio: 1/1){.c-modal .c-modal-scrollContainer{background:none}}'),Ui([ve({type:Object})],Ki.prototype,"aria",2),Ui([ve({type:String}),(e=>function(t,i){const o=`#${i}`;Object.defineProperty(t,i,{get(){return this[o]},set(t){(null==t||"string"==typeof t&&""===t.trim())&&console.error(`<${e}> Missing required attribute "${i}"`),this[o]=t},configurable:!0})})(qi)],Ki.prototype,"heading",2),Ui([ve({type:String}),Te(qi,["h1","h2","h3","h4","h5","h6"],Li)],Ki.prototype,"headingLevel",2),Ui([ve({type:Boolean})],Ki.prototype,"hasBackButton",2),Ui([ve({type:Boolean})],Ki.prototype,"hasStackedActions",2),Ui([ve({type:Boolean,reflect:!0})],Ki.prototype,"isDismissible",2),Ui([ve({type:Boolean})],Ki.prototype,"isFooterPinned",2),Ui([ve({type:Boolean})],Ki.prototype,"isFullWidthBelowMid",2),Ui([ve({type:Boolean,reflect:!0})],Ki.prototype,"isLoading",2),Ui([ve({type:Boolean})],Ki.prototype,"isOpen",2),Ui([ve({type:Object})],Ki.prototype,"leadingAction",2),Ui([ve({type:String}),Te(qi,["top","center"],Ri)],Ki.prototype,"position",2),Ui([ve({type:String})],Ki.prototype,"returnFocusAfterCloseSelector",2),Ui([ve({type:String}),Te(qi,["small","medium","large"],Hi)],Ki.prototype,"size",2),Ui([ve({type:Object})],Ki.prototype,"supportingAction",2),Ui([me("dialog")],Ki.prototype,"_dialog",2),Ki=Ui([Be("pie-modal")],Ki);var Gi=Object.defineProperty,Zi=Object.getOwnPropertyDescriptor,Yi=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?Zi(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 Xi=class extends oi{constructor(){super(...arguments),this.size="xs",this.class="c-pieIcon c-pieIcon--check",this.name="IconCheck"}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--check"><path d="M5.865 12.489a1.217 1.217 0 0 1-.875-.385L1.875 8.656l.98-.875 3.028 3.369 7.253-7.822.963.875-7.35 7.875c-.113.12-.248.215-.398.282-.15.066-.322.127-.486.129Z"></path></svg>`}};Yi([ve({type:String,reflect:!0})],Xi.prototype,"size",2),Yi([ve({type:String,reflect:!0})],Xi.prototype,"class",2),Xi=Yi([Be("icon-check")],Xi);const Qi=class e extends se{willUpdate(){this.getAttribute("v")||this.setAttribute("v",e.v)}};Qi.v="1.4.3";let Ji=Qi;!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||!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 eo=!1,to=!1,io="leading",oo=!1,no="on";var ro=Object.defineProperty,ao=Object.getOwnPropertyDescriptor,so=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?ao(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&&ro(t,i,r),r};let lo=class extends(Ne(Le(Ji))){constructor(){super(...arguments),this.labelPlacement=io,this.checked=eo,this.required=oo,this.value=no,this.disabled=to}firstUpdated(){this.handleFormAssociation(),this.input.addEventListener("invalid",(e=>{this.dispatchEvent(new Event("invalid",e))}))}updated(){this.handleFormAssociation()}handleFormAssociation(){this._internals.form&&this.name&&this.value&&(this.disabled?(this._internals.setFormValue(null),this._internals.setValidity({})):this.checked?(this._internals.setFormValue(this.value),this._internals.setValidity({})):(this._internals.setFormValue(null),this._internals.setValidity(this.validity,this.validationMessage,this.input)))}handleChange(e){const{checked:t}=null==e?void 0:e.currentTarget;this.checked=t;const i=function(e){return new CustomEvent(e.type,{detail:{sourceEvent:e},bubbles:e.bubbles,cancelable:e.cancelable})}(e);this.dispatchEvent(i),this.handleFormAssociation()}checkValidity(){return this.input.checkValidity()}reportValidity(){return this.input.reportValidity()}setCustomValidity(e){this.input.setCustomValidity(e),this._internals.setValidity(this.validity,this.validationMessage,this.input)}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}renderSwitchLabel(e){const{label:t,labelPlacement:i}=this;return t&&i===e?V`
|
|
242
|
+
</dialog>`}};Ki.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-bg-color: var(--dt-color-container-default);--modal-elevation: var(--dt-elevation-04);position:fixed;top:0;border-radius:var(--modal-border-radius);border:none;box-shadow:var(--modal-elevation);font-family:var(--modal-font);color:var(--dt-color-content-default);background-color:var(--modal-bg-color);padding:0;--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);--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:focus-visible{outline:none}@media (max-width: 767px){.c-modal pie-icon-button{--btn-dimension: 40px}}.c-modal[open]{display:flex;flex-direction:column}@media (min-width: 769px){.c-modal{--modal-margin-block: var(--modal-margin-large)}}.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.c-modal--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.c-modal--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.c-modal--fullWidthBelowMid.c-modal--medium{margin-block-start:var(--dt-spacing-none);max-block-size:100%}}.c-modal::backdrop{background:var(--dt-color-overlay)}@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none){.c-modal::backdrop{background:#0000008c}}.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}}.c-modal ::slotted([slot=footer]){display:flex;width:100%}.c-modal .c-modal-header{display:grid;grid-template-areas:"back heading close";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);font-size:var(--modal-header-font-size);line-height:var(--modal-header-font-line-height);font-weight:var(--modal-header-font-weight);margin:0;grid-area:heading;margin-inline-start:var(--dt-spacing-d);margin-inline-end:var(--dt-spacing-d);margin-block:14px}@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:20px}}.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.c-modal--dismissible .c-modal-heading{margin-inline-end:var(--dt-spacing-d)}@media (min-width: 769px){.c-modal.c-modal--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-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-content{--modal-content-font-size: calc(var(--dt-font-size-16) * 1px);--modal-content-font-weight: var(--dt-font-weight-regular);--modal-content-line-height: calc(var(--dt-font-size-16-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);--modal-content-min-block-size: var(--dt-spacing-j);position:relative;min-block-size:calc(var(--modal-content-min-block-size) + var(--modal-content-padding-block) + var(--modal-content-padding-block-end));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}@media (min-width: 769px){.c-modal .c-modal-content{--modal-content-padding-inline: var(--dt-spacing-e)}}.c-modal .c-modal-content:has(+slot>footer){padding-block-end:var(--modal-content-padding-block);min-block-size:var(--modal-content-min-block-size)}.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;--bg-scroll-end: linear-gradient(rgba(255, 255, 255, 0), var(--dt-color-container-default) 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.c-modal--pinnedFooter .c-modal-content{overflow-y:auto}.c-modal.c-modal--loading .c-modal-content pie-spinner{position:absolute;left:50%;top:calc(50% - (var(--modal-content-padding-block-end) - var(--modal-content-padding-block)) / 2);transform:translate(-50%,-50%)}.c-modal.c-modal--loading .c-modal-content .c-modal-contentInner{display:none}.c-modal.c-modal--loading .c-modal-content:not(:last-child) pie-spinner{top:50%}@supports not (aspect-ratio: 1/1){.c-modal .c-modal-scrollContainer{background:none}}'),Ui([ve({type:Object})],Ki.prototype,"aria",2),Ui([ve({type:String}),(e=>function(t,i){const o=`#${i}`;Object.defineProperty(t,i,{get(){return this[o]},set(t){(null==t||"string"==typeof t&&""===t.trim())&&console.error(`<${e}> Missing required attribute "${i}"`),this[o]=t},configurable:!0})})(qi)],Ki.prototype,"heading",2),Ui([ve({type:String}),Te(qi,["h1","h2","h3","h4","h5","h6"],Li)],Ki.prototype,"headingLevel",2),Ui([ve({type:Boolean})],Ki.prototype,"hasBackButton",2),Ui([ve({type:Boolean})],Ki.prototype,"hasStackedActions",2),Ui([ve({type:Boolean,reflect:!0})],Ki.prototype,"isDismissible",2),Ui([ve({type:Boolean})],Ki.prototype,"isFooterPinned",2),Ui([ve({type:Boolean})],Ki.prototype,"isFullWidthBelowMid",2),Ui([ve({type:Boolean,reflect:!0})],Ki.prototype,"isLoading",2),Ui([ve({type:Boolean})],Ki.prototype,"isOpen",2),Ui([ve({type:Object})],Ki.prototype,"leadingAction",2),Ui([ve({type:String}),Te(qi,["top","center"],Ri)],Ki.prototype,"position",2),Ui([ve({type:String})],Ki.prototype,"returnFocusAfterCloseSelector",2),Ui([ve({type:String}),Te(qi,["small","medium","large"],Hi)],Ki.prototype,"size",2),Ui([ve({type:Object})],Ki.prototype,"supportingAction",2),Ui([me("dialog")],Ki.prototype,"_dialog",2),Ki=Ui([Be("pie-modal")],Ki);var Gi=Object.defineProperty,Zi=Object.getOwnPropertyDescriptor,Yi=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?Zi(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 Xi=class extends oi{constructor(){super(...arguments),this.size="xs",this.class="c-pieIcon c-pieIcon--check",this.name="IconCheck"}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--check"><path d="M5.865 12.489a1.217 1.217 0 0 1-.875-.385L1.875 8.656l.98-.875 3.028 3.369 7.253-7.822.963.875-7.35 7.875c-.113.12-.248.215-.398.282-.15.066-.322.127-.486.129Z"></path></svg>`}};Yi([ve({type:String,reflect:!0})],Xi.prototype,"size",2),Yi([ve({type:String,reflect:!0})],Xi.prototype,"class",2),Xi=Yi([Be("icon-check")],Xi);const Qi=class e extends se{willUpdate(){this.getAttribute("v")||this.setAttribute("v",e.v)}};Qi.v="2.0.0";let Ji=Qi;!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||!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 eo=!1,to=!1,io="leading",oo=!1,no="on";var ro=Object.defineProperty,ao=Object.getOwnPropertyDescriptor,so=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?ao(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&&ro(t,i,r),r};let lo=class extends(Ne(Le(Ji))){constructor(){super(...arguments),this.labelPlacement=io,this.checked=eo,this.required=oo,this.value=no,this.disabled=to}firstUpdated(){this.handleFormAssociation(),this.input.addEventListener("invalid",(e=>{this.dispatchEvent(new Event("invalid",e))}))}updated(){this.handleFormAssociation()}handleFormAssociation(){this._internals.form&&this.name&&this.value&&(this.disabled?(this._internals.setFormValue(null),this._internals.setValidity({})):this.checked?(this._internals.setFormValue(this.value),this._internals.setValidity({})):(this._internals.setFormValue(null),this._internals.setValidity(this.validity,this.validationMessage,this.input)))}handleChange(e){const{checked:t}=null==e?void 0:e.currentTarget;this.checked=t;const i=function(e){return new CustomEvent(e.type,{detail:{sourceEvent:e},bubbles:e.bubbles,cancelable:e.cancelable})}(e);this.dispatchEvent(i),this.handleFormAssociation()}checkValidity(){return this.input.checkValidity()}reportValidity(){return this.input.reportValidity()}setCustomValidity(e){this.input.setCustomValidity(e),this._internals.setValidity(this.validity,this.validationMessage,this.input)}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}renderSwitchLabel(e){const{label:t,labelPlacement:i}=this;return t&&i===e?V`
|
|
243
243
|
<span
|
|
244
244
|
data-test-id="switch-label-${i}"
|
|
245
245
|
class="c-switch-label">
|
|
@@ -276,7 +276,7 @@ const Ut=Symbol.for(""),qt=e=>{if((null==e?void 0:e.r)===Ut)return null==e?void
|
|
|
276
276
|
</div>
|
|
277
277
|
${this.renderSwitchLabel("trailing")}
|
|
278
278
|
${this.renderAriaDescription()}
|
|
279
|
-
</label>`}};lo.styles=s("*,*:after,*:before{box-sizing:inherit}*,*:before,*:after{cursor:inherit}.c-switch-wrapper{display:inline-flex;align-items:center;gap:var(--dt-spacing-b);font-family:var(--dt-font-body-l-family);cursor:pointer}.c-switch-wrapper[disabled]{cursor:not-allowed}.c-switch{--int-states-mixin-bg-color: var(--dt-color-interactive-form);--switch-bg-color--checked: var(--dt-color-interactive-brand);--switch-bg-color--disabled: var(--dt-color-disabled-01);--switch-width: 48px;--switch-height: 24px;--switch-control-size: 20px;--switch-padding: 2px;--switch-radius: var(--dt-radius-rounded-e);--switch-translation: calc(var(--switch-width) - var(--switch-control-size) - 2 * var(--switch-padding));position:relative;display:flex;width:var(--switch-width);height:var(--switch-height);flex-shrink:0;padding:var(--switch-padding);border-radius:var(--switch-radius);background-color:var(--int-states-mixin-bg-color)}@media (prefers-reduced-motion: no-preference){.c-switch{transition:background-color .15s cubic-bezier(.4,0,.9,1) 0s}}.c-switch:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-form-h), var(--dt-color-interactive-form-s), calc(var(--dt-color-interactive-form-l) + var(--hover-modifier)))}.c-switch:active:not(:disabled,.is-disabled,.is-dismissible),.c-switch.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-form-h), var(--dt-color-interactive-form-s), calc(var(--dt-color-interactive-form-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.c-switch:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-form))}.c-switch:active:not(:disabled,.is-disabled,.is-dismissible),.c-switch.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-form))}}.c-switch:focus,.c-switch:focus-within{box-shadow:0 0 0 2px var(--dt-color-focus-inner),0 0 0 4px var(--dt-color-focus-outer);outline:none}.c-switch[checked]{--int-states-mixin-bg-color: var(--dt-color-interactive-brand)}@media (prefers-reduced-motion: no-preference){.c-switch[checked]{transition:background-color .15s cubic-bezier(.4,0,.9,1) 0s}}.c-switch[checked]:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--hover-modifier)))}.c-switch[checked]:active:not(:disabled,.is-disabled,.is-dismissible),.c-switch[checked].is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.c-switch[checked]:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-brand))}.c-switch[checked]:active:not(:disabled,.is-disabled,.is-dismissible),.c-switch[checked].is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-brand))}}[disabled] .c-switch{--int-states-mixin-bg-color: var(--switch-bg-color--disabled);pointer-events:none}.c-switch-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;left:50%;transform:translate(-50%) translateY(-50%);bottom:0}.c-switch-input:disabled{background-color:transparent}.c-switch-control{position:absolute;left:2px;width:var(--switch-control-size);height:var(--switch-control-size);border-radius:var(--switch-radius);background-color:var(--dt-color-interactive-light);padding:var(--switch-padding)}@media (prefers-reduced-motion: no-preference){.c-switch-control{transition:transform .15s cubic-bezier(.4,0,.9,1) 0s}}.c-switch-wrapper--rtl .c-switch-control{position:absolute;left:initial;right:2px}.c-switch-control .c-pieIcon--check{vertical-align:top}.c-switch-input:checked+.c-switch-control{transform:translate(var(--switch-translation))}@media (prefers-reduced-motion: no-preference){.c-switch-input:checked+.c-switch-control{transition:transform .15s cubic-bezier(.4,0,.9,1) 0s}}.c-switch-input:checked+.c-switch-control .c-pieIcon--check{color:var(--dt-color-interactive-brand)}@media (prefers-reduced-motion: no-preference){.c-switch-input:checked+.c-switch-control .c-pieIcon--check{transition:color .15s cubic-bezier(.4,0,.9,1) 0s}}.c-switch-input:disabled~.c-switch-control{color:var(--switch-bg-color--disabled)}.c-switch-input:disabled~.c-switch-control .c-pieIcon--check{color:var(--switch-bg-color--disabled)}@media (prefers-reduced-motion: no-preference){.c-switch-input:disabled~.c-switch-control .c-pieIcon--check{transition:color .15s cubic-bezier(.4,0,.9,1) 0s}}.c-switch-label{color:var(--dt-color-content-default)}.c-switch-description{position:absolute;display:block;height:1px;width:1px;overflow:hidden;padding:1px;white-space:nowrap}.c-switch-wrapper--rtl .c-switch-input:checked+.c-switch-control{transform:translate(calc(-1 * var(--switch-translation)))}@media (prefers-reduced-motion: no-preference){.c-switch-wrapper--rtl .c-switch-input:checked+.c-switch-control{transition:transform .15s cubic-bezier(.4,0,.9,1) 0s}}"),so([ve({type:String})],lo.prototype,"label",2),so([ve({type:String}),Te("pie-switch",["leading","trailing"],io)],lo.prototype,"labelPlacement",2),so([ve({type:Object})],lo.prototype,"aria",2),so([ve({type:Boolean,reflect:!0})],lo.prototype,"checked",2),so([ve({type:Boolean,reflect:!0})],lo.prototype,"required",2),so([ve({type:String})],lo.prototype,"value",2),so([ve({type:String,reflect:!0})],lo.prototype,"name",2),so([ve({type:Boolean,reflect:!0})],lo.prototype,"disabled",2),so([me('input[type="checkbox"]')],lo.prototype,"input",2),so([me("label")],lo.prototype,"focusTarget",2),lo=so([Be("pie-switch")],lo);const co={banner:{title:"Cookies",description:"We use our own and third party cookies and other tech to enhance and personalise your user experience, optimize analytics, and show ads with third parties (read our <linkStatement>Statement</linkStatement>). Necessary cookies are always set. Click <linkNecessaryOnly>Necessary only</linkNecessaryOnly> to continue without accepting more. Click <linkManagePreferences>Manage preferences</linkManagePreferences> to share your preferences or <linkAcceptAll>Accept all</linkAcceptAll>.",cta:{managePreferences:"Manage preferences",necessaryOnly:"Necessary only",acceptAll:"Accept all"}},preferencesManagement:{title:"Manage your preferences",description:"You can find all the information in the <linkCookieStatement>Cookie Statement</linkCookieStatement> and <linkCookieTechList>Cookie technology list</linkCookieTechList>.",all:{title:"Turn all on"},necessary:{title:"Necessary",description:"These cookies are necessary to ensure that the website and its features function properly. Services you have asked for cannot be provided without these cookies."},functional:{title:"Functional",description:"These cookies allow the website to remember the choices you make to give you better functionality and personal features."},analytical:{title:"Analytical",description:"These analytical cookies, including statistics, are used to understand how visitors interact with the website and we can measure and improve the performance of our website."},personalized:{title:"Personalised (targeting and advertising)",description:"These marketing cookies are used to tailor the delivery of information to you based upon your interest and to measure the effectiveness of such advertisements, both on our website and our advertising partners' websites."},cta:{save:{label:"Save",ariaLabel:""}}}},ho=Object.freeze(Object.defineProperty({__proto__:null,default:co},Symbol.toStringTag,{value:"Module"})),po={BULGARIAN:"bg",CATALAN:"ca",DANISH:"da",DUTCH:"nl",ENGLISH:"en",FRENCH:"fr",GERMAN:"de",HEBREW:"he",ITALIAN:"it",POLISH:"pl",SLOVAK:"sk",SPANISH:"es"},vo={AUSTRALIA:"au",AUSTRIA:"at",BELGIUM:"be",BULGARIA:"bg",CANADA:"ca",DENMARK:"dk",FRANCE:"fr",GERMANY:"de",GREAT_BRITAIN:"gb",IRELAND:"ie",ISRAEL:"il",ITALY:"it",LUXEMBOURG:"lu",NETHERLANDS:"nl",POLAND:"pl",SLOVAKIA:"sk",SPAIN:"es",SWITZERLAND:"ch"},bo="pie-cookie-banner-accept-all",uo="pie-cookie-banner-necessary-only",mo="pie-cookie-banner-manage-prefs",go="pie-cookie-banner-prefs-saved",fo=[{id:"all",hasDivider:!0,hasDescription:!1},{id:"necessary",checked:!0,disabled:!0,hasDescription:!0},{id:"functional",hasDescription:!0},{id:"analytical",hasDescription:!0},{id:"personalized",hasDescription:!0}],yo={hasPrimaryActionsOnly:!1,defaultPreferences:{},country:vo.GREAT_BRITAIN,language:po.ENGLISH,cookieStatementLink:"",cookieTechnologiesLink:""},ko=new Set([`${po.BULGARIAN}`,`${po.DANISH}`,`${po.ENGLISH}-${vo.FRANCE}`,`${po.FRENCH}-${vo.FRANCE}`,`${po.FRENCH}`,`${po.GERMAN}`,`${po.ENGLISH}`,`${po.HEBREW}`,`${po.ITALIAN}`,`${po.DUTCH}`,`${po.POLISH}`,`${po.SLOVAK}`,`${po.CATALAN}`,`${po.SPANISH}`]),wo=new Map([[vo.AUSTRALIA,`${po.ENGLISH}`],[vo.AUSTRIA,`${po.GERMAN}`],[vo.BELGIUM,`${po.DUTCH}`],[vo.BULGARIA,`${po.BULGARIAN}`],[vo.CANADA,`${po.ENGLISH}`],[vo.DENMARK,`${po.DANISH}`],[vo.FRANCE,`${po.FRENCH}-${vo.FRANCE}`],[vo.GERMANY,`${po.GERMAN}`],[vo.GREAT_BRITAIN,`${po.ENGLISH}`],[vo.IRELAND,`${po.ENGLISH}`],[vo.ISRAEL,`${po.HEBREW}`],[vo.ITALY,`${po.ITALIAN}`],[vo.LUXEMBOURG,`${po.FRENCH}`],[vo.NETHERLANDS,`${po.DUTCH}`],[vo.POLAND,`${po.POLISH}`],[vo.SLOVAKIA,`${po.SLOVAK}`],[vo.SPAIN,`${po.SPANISH}`],[vo.SWITZERLAND,`${po.GERMAN}`]]);function xo(e){console.error(`[localisation-utils]: ${e}`)}function Ao(e,t){if(!e)throw new Error('"locale" parameter cannot be empty');if(!t)throw new Error('"key" parameter cannot be empty');const i=function(e,t){const i=i=>String.prototype.split.call(t,i).filter(Boolean).reduce(((e,t)=>null!=e&&"object"==typeof e?e[t]:e),e),o=i(/[,[\]]+?/)||i(/[,[\].]+?/);return"string"!=typeof o?"":o}(e,t);return i||(xo(`Couldn't find a value for the key "${t}", it will be used as fallback.`),t)}function _o(e,t){const i=Object.keys(t);if(0===i.length)return[e];const o=function(e){const t=e.map((e=>`(<${e}.*>.*</${e}>)`)).join("|");return new RegExp(t,"igm")}(i);return e.split(o).filter((e=>Boolean(e))).map((e=>{if(!e.match(o))return e;const t=e.match(/<(.*)>(.*)<\/.*>/);if(!t)return e;const[,i,n]=t;return[i,n]})).map((e=>{if(!Array.isArray(e))return e;const[i,o]=e,n=t[i];return n||"function"==typeof n?n(o):(xo(`Custom tag "${i}" does not have a matching enhancer function`),o)}))}var zo,So=Object.defineProperty,$o=Object.getOwnPropertyDescriptor,Eo=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?$o(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&&So(t,i,r),r};e.PieCookieBanner=class extends de{constructor(){super(...arguments),this._isCookieBannerHidden=!1,this._isModalOpen=!1,this._locale=co,this.hasPrimaryActionsOnly=yo.hasPrimaryActionsOnly,this.defaultPreferences=yo.defaultPreferences,this.cookieStatementLink=yo.cookieStatementLink,this.cookieTechnologiesLink=yo.cookieTechnologiesLink,this.country=yo.country,this.language=yo.language,this._getLocaleString=(e,t)=>{let i=`${e}-${t}`.toLowerCase();if(ko.has(i))return i;if(i=`${e}`.toLowerCase(),ko.has(i))return i;const o=wo.get(t.toLowerCase());return o&&ko.has(o)?o:`${yo.language}`},this._customTagEnhancers={linkStatement:e=>V`<pie-link href="${this.cookieStatementLink}" variant="inverse" target="_blank" data-test-id="cookie-statement-link">${e}</pie-link>`,linkNecessaryOnly:e=>V`<pie-link data-test-id="body-necessary-only" tag="button" variant="inverse" @click="${this._onNecessaryOnly}">${e}</pie-link>`,linkManagePreferences:e=>V`<pie-link data-test-id="body-manage-prefs" tag="button" variant="inverse" @click="${this._openManagePreferencesModal}">${e}</pie-link>`,linkAcceptAll:e=>V`<pie-link data-test-id="body-accept-all" tag="button" variant="inverse" @click="${this._onAcceptAll}">${e}</pie-link>`,linkCookieStatement:e=>V`<pie-link href="${this.cookieStatementLink}" size="small" target="_blank" data-test-id="cookie-statement-link">${e}</pie-link>`,linkCookieTechList:e=>V`<pie-link href="${this.cookieTechnologiesLink}" size="small" target="_blank" data-test-id="cookie-technology-link">${e}</pie-link>`},this._onNecessaryOnly=()=>{Pe(this,uo),this._isCookieBannerHidden=!0},this._onAcceptAll=()=>{Pe(this,bo),this._isCookieBannerHidden=!0},this._openManagePreferencesModal=()=>{this._isCookieBannerHidden=!0,Pe(this,mo),this._isModalOpen=!0},this._handleSwitchStates=e=>{const{id:t}=null==e?void 0:e.currentTarget,i=[...this._preferencesNodes].find((({id:e})=>"all"===e));if(t===i.id){const{checked:t}=e.target;this._preferencesNodes.forEach((e=>{e.checked=e.disabled?e.checked:t}))}else i.checked=[...this._preferencesNodes].filter((({id:e})=>"all"!==e)).every((({checked:e})=>e))}}async updated(e){(e.has("language")||e.has("country"))&&await this._setLocaleBasedOnCountryAndLanguage(this.language,this.country)}async _setLocaleBasedOnCountryAndLanguage(e,t){try{const i=this._getLocaleString(e,t);this._locale=(await((e,t,i)=>{const o=e[t];return o?"function"==typeof o?o():Promise.resolve(o):new Promise(((e,o)=>{("function"==typeof queueMicrotask?queueMicrotask:setTimeout)(o.bind(null,new Error("Unknown variable dynamic import: "+t+(t.split("/").length!==i?". Note that variables only represent file names one level deep.":""))))}))})(Object.assign({"../locales/bg.js":()=>Promise.resolve().then((()=>Ko)),"../locales/ca.js":()=>Promise.resolve().then((()=>Go)),"../locales/da.js":()=>Promise.resolve().then((()=>Zo)),"../locales/de.js":()=>Promise.resolve().then((()=>Yo)),"../locales/en-fr.js":()=>Promise.resolve().then((()=>Xo)),"../locales/en.js":()=>Promise.resolve().then((()=>ho)),"../locales/es.js":()=>Promise.resolve().then((()=>Qo)),"../locales/fr-fr.js":()=>Promise.resolve().then((()=>Jo)),"../locales/fr.js":()=>Promise.resolve().then((()=>en)),"../locales/he.js":()=>Promise.resolve().then((()=>tn)),"../locales/it.js":()=>Promise.resolve().then((()=>on)),"../locales/nl.js":()=>Promise.resolve().then((()=>nn)),"../locales/pl.js":()=>Promise.resolve().then((()=>rn)),"../locales/sk.js":()=>Promise.resolve().then((()=>an))}),`../locales/${i}.js`,3)).default}catch{this._locale=co}}_localiseText(e){return Ao(this._locale,e)}_localiseRichText(e){return function(e,t,i){if(!e)throw new Error('"locale" parameter cannot be empty');if(!t)throw new Error('"key" parameter cannot be empty');if(!i)throw new Error('"customTagEnhancers" parameter cannot be empty');return _o(Ao(e,t),i)}(this._locale,e,this._customTagEnhancers)}_displayCookieBanner(){this._isModalOpen=!1,this._isCookieBannerHidden=!1}_handlePreferencesSaved(){let e={};[...this._preferencesNodes].filter((({id:e})=>"all"!==e)).forEach((({id:t,checked:i})=>{e={...e,[t]:i}})),Pe(this,go,e),this._isModalOpen=!1,this._isCookieBannerHidden=!0}renderPreference({id:e,checked:t,disabled:i,hasDivider:o,hasDescription:n}){var r;const a=this._localiseText(`preferencesManagement.${e}.title`),s=`preferencesManagement.${e}.description`,l=n&&this._localiseText(s),c=["functional","personalized","analytical"].every((e=>{var t;return!0===(null==(t=this.defaultPreferences)?void 0:t[e])}));return V`
|
|
279
|
+
</label>`}};lo.styles=s("*,*:after,*:before{box-sizing:inherit}:host{display:block}*,*:before,*:after{cursor:inherit}.c-switch-wrapper{display:inline-flex;align-items:center;gap:var(--dt-spacing-b);vertical-align:top;font-family:var(--dt-font-body-l-family);cursor:pointer}.c-switch-wrapper[disabled]{cursor:not-allowed}.c-switch{--int-states-mixin-bg-color: var(--dt-color-interactive-form);--switch-bg-color--checked: var(--dt-color-interactive-brand);--switch-bg-color--disabled: var(--dt-color-disabled-01);--switch-width: 48px;--switch-height: 24px;--switch-control-size: 20px;--switch-padding: 2px;--switch-radius: var(--dt-radius-rounded-e);--switch-translation: calc(var(--switch-width) - var(--switch-control-size) - 2 * var(--switch-padding));position:relative;display:flex;width:var(--switch-width);height:var(--switch-height);flex-shrink:0;padding:var(--switch-padding);border-radius:var(--switch-radius);background-color:var(--int-states-mixin-bg-color)}@media (prefers-reduced-motion: no-preference){.c-switch{transition:background-color .15s cubic-bezier(.4,0,.9,1) 0s}}.c-switch:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-form-h), var(--dt-color-interactive-form-s), calc(var(--dt-color-interactive-form-l) + var(--hover-modifier)))}.c-switch:active:not(:disabled,.is-disabled,.is-dismissible),.c-switch.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-form-h), var(--dt-color-interactive-form-s), calc(var(--dt-color-interactive-form-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.c-switch:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-form))}.c-switch:active:not(:disabled,.is-disabled,.is-dismissible),.c-switch.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-form))}}.c-switch:focus,.c-switch:focus-within{box-shadow:0 0 0 2px var(--dt-color-focus-inner),0 0 0 4px var(--dt-color-focus-outer);outline:none}.c-switch[checked]{--int-states-mixin-bg-color: var(--dt-color-interactive-brand)}@media (prefers-reduced-motion: no-preference){.c-switch[checked]{transition:background-color .15s cubic-bezier(.4,0,.9,1) 0s}}.c-switch[checked]:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--hover-modifier)))}.c-switch[checked]:active:not(:disabled,.is-disabled,.is-dismissible),.c-switch[checked].is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.c-switch[checked]:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-brand))}.c-switch[checked]:active:not(:disabled,.is-disabled,.is-dismissible),.c-switch[checked].is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-brand))}}[disabled] .c-switch{--int-states-mixin-bg-color: var(--switch-bg-color--disabled);pointer-events:none}.c-switch-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;left:50%;transform:translate(-50%) translateY(-50%);bottom:0}.c-switch-input:disabled{background-color:transparent}.c-switch-control{position:absolute;left:2px;width:var(--switch-control-size);height:var(--switch-control-size);border-radius:var(--switch-radius);background-color:var(--dt-color-interactive-light);padding:var(--switch-padding)}@media (prefers-reduced-motion: no-preference){.c-switch-control{transition:transform .15s cubic-bezier(.4,0,.9,1) 0s}}.c-switch-wrapper--rtl .c-switch-control{position:absolute;left:initial;right:2px}.c-switch-control .c-pieIcon--check{vertical-align:top}.c-switch-input:checked+.c-switch-control{transform:translate(var(--switch-translation))}@media (prefers-reduced-motion: no-preference){.c-switch-input:checked+.c-switch-control{transition:transform .15s cubic-bezier(.4,0,.9,1) 0s}}.c-switch-input:checked+.c-switch-control .c-pieIcon--check{color:var(--dt-color-interactive-brand)}@media (prefers-reduced-motion: no-preference){.c-switch-input:checked+.c-switch-control .c-pieIcon--check{transition:color .15s cubic-bezier(.4,0,.9,1) 0s}}.c-switch-input:disabled~.c-switch-control{color:var(--switch-bg-color--disabled)}.c-switch-input:disabled~.c-switch-control .c-pieIcon--check{color:var(--switch-bg-color--disabled)}@media (prefers-reduced-motion: no-preference){.c-switch-input:disabled~.c-switch-control .c-pieIcon--check{transition:color .15s cubic-bezier(.4,0,.9,1) 0s}}.c-switch-label{color:var(--dt-color-content-default)}.c-switch-description{position:absolute;display:block;height:1px;width:1px;overflow:hidden;padding:1px;white-space:nowrap}.c-switch-wrapper--rtl .c-switch-input:checked+.c-switch-control{transform:translate(calc(-1 * var(--switch-translation)))}@media (prefers-reduced-motion: no-preference){.c-switch-wrapper--rtl .c-switch-input:checked+.c-switch-control{transition:transform .15s cubic-bezier(.4,0,.9,1) 0s}}"),so([ve({type:String})],lo.prototype,"label",2),so([ve({type:String}),Te("pie-switch",["leading","trailing"],io)],lo.prototype,"labelPlacement",2),so([ve({type:Object})],lo.prototype,"aria",2),so([ve({type:Boolean,reflect:!0})],lo.prototype,"checked",2),so([ve({type:Boolean,reflect:!0})],lo.prototype,"required",2),so([ve({type:String})],lo.prototype,"value",2),so([ve({type:String,reflect:!0})],lo.prototype,"name",2),so([ve({type:Boolean,reflect:!0})],lo.prototype,"disabled",2),so([me('input[type="checkbox"]')],lo.prototype,"input",2),so([me("label")],lo.prototype,"focusTarget",2),lo=so([Be("pie-switch")],lo);const co={banner:{title:"Cookies",description:"We use our own and third party cookies and other tech to enhance and personalise your user experience, optimize analytics, and show ads with third parties (read our <linkStatement>Statement</linkStatement>). Necessary cookies are always set. Click <linkNecessaryOnly>Necessary only</linkNecessaryOnly> to continue without accepting more. Click <linkManagePreferences>Manage preferences</linkManagePreferences> to share your preferences or <linkAcceptAll>Accept all</linkAcceptAll>.",cta:{managePreferences:"Manage preferences",necessaryOnly:"Necessary only",acceptAll:"Accept all"}},preferencesManagement:{title:"Manage your preferences",description:"You can find all the information in the <linkCookieStatement>Cookie Statement</linkCookieStatement> and <linkCookieTechList>Cookie technology list</linkCookieTechList>.",all:{title:"Turn all on"},necessary:{title:"Necessary",description:"These cookies are necessary to ensure that the website and its features function properly. Services you have asked for cannot be provided without these cookies."},functional:{title:"Functional",description:"These cookies allow the website to remember the choices you make to give you better functionality and personal features."},analytical:{title:"Analytical",description:"These analytical cookies, including statistics, are used to understand how visitors interact with the website and we can measure and improve the performance of our website."},personalized:{title:"Personalised (targeting and advertising)",description:"These marketing cookies are used to tailor the delivery of information to you based upon your interest and to measure the effectiveness of such advertisements, both on our website and our advertising partners' websites."},cta:{save:{label:"Save",ariaLabel:""}}}},ho=Object.freeze(Object.defineProperty({__proto__:null,default:co},Symbol.toStringTag,{value:"Module"})),po={BULGARIAN:"bg",CATALAN:"ca",DANISH:"da",DUTCH:"nl",ENGLISH:"en",FRENCH:"fr",GERMAN:"de",HEBREW:"he",ITALIAN:"it",POLISH:"pl",SLOVAK:"sk",SPANISH:"es"},vo={AUSTRALIA:"au",AUSTRIA:"at",BELGIUM:"be",BULGARIA:"bg",CANADA:"ca",DENMARK:"dk",FRANCE:"fr",GERMANY:"de",GREAT_BRITAIN:"gb",IRELAND:"ie",ISRAEL:"il",ITALY:"it",LUXEMBOURG:"lu",NETHERLANDS:"nl",POLAND:"pl",SLOVAKIA:"sk",SPAIN:"es",SWITZERLAND:"ch"},bo="pie-cookie-banner-accept-all",uo="pie-cookie-banner-necessary-only",mo="pie-cookie-banner-manage-prefs",go="pie-cookie-banner-prefs-saved",fo=[{id:"all",hasDivider:!0,hasDescription:!1},{id:"necessary",checked:!0,disabled:!0,hasDescription:!0},{id:"functional",hasDescription:!0},{id:"analytical",hasDescription:!0},{id:"personalized",hasDescription:!0}],yo={hasPrimaryActionsOnly:!1,defaultPreferences:{},country:vo.GREAT_BRITAIN,language:po.ENGLISH,cookieStatementLink:"",cookieTechnologiesLink:""},ko=new Set([`${po.BULGARIAN}`,`${po.DANISH}`,`${po.ENGLISH}-${vo.FRANCE}`,`${po.FRENCH}-${vo.FRANCE}`,`${po.FRENCH}`,`${po.GERMAN}`,`${po.ENGLISH}`,`${po.HEBREW}`,`${po.ITALIAN}`,`${po.DUTCH}`,`${po.POLISH}`,`${po.SLOVAK}`,`${po.CATALAN}`,`${po.SPANISH}`]),wo=new Map([[vo.AUSTRALIA,`${po.ENGLISH}`],[vo.AUSTRIA,`${po.GERMAN}`],[vo.BELGIUM,`${po.DUTCH}`],[vo.BULGARIA,`${po.BULGARIAN}`],[vo.CANADA,`${po.ENGLISH}`],[vo.DENMARK,`${po.DANISH}`],[vo.FRANCE,`${po.FRENCH}-${vo.FRANCE}`],[vo.GERMANY,`${po.GERMAN}`],[vo.GREAT_BRITAIN,`${po.ENGLISH}`],[vo.IRELAND,`${po.ENGLISH}`],[vo.ISRAEL,`${po.HEBREW}`],[vo.ITALY,`${po.ITALIAN}`],[vo.LUXEMBOURG,`${po.FRENCH}`],[vo.NETHERLANDS,`${po.DUTCH}`],[vo.POLAND,`${po.POLISH}`],[vo.SLOVAKIA,`${po.SLOVAK}`],[vo.SPAIN,`${po.SPANISH}`],[vo.SWITZERLAND,`${po.GERMAN}`]]);function xo(e){console.error(`[localisation-utils]: ${e}`)}function Ao(e,t){if(!e)throw new Error('"locale" parameter cannot be empty');if(!t)throw new Error('"key" parameter cannot be empty');const i=function(e,t){const i=i=>String.prototype.split.call(t,i).filter(Boolean).reduce(((e,t)=>null!=e&&"object"==typeof e?e[t]:e),e),o=i(/[,[\]]+?/)||i(/[,[\].]+?/);return"string"!=typeof o?"":o}(e,t);return i||(xo(`Couldn't find a value for the key "${t}", it will be used as fallback.`),t)}function _o(e,t){const i=Object.keys(t);if(0===i.length)return[e];const o=function(e){const t=e.map((e=>`(<${e}.*>.*</${e}>)`)).join("|");return new RegExp(t,"igm")}(i);return e.split(o).filter((e=>Boolean(e))).map((e=>{if(!e.match(o))return e;const t=e.match(/<(.*)>(.*)<\/.*>/);if(!t)return e;const[,i,n]=t;return[i,n]})).map((e=>{if(!Array.isArray(e))return e;const[i,o]=e,n=t[i];return n||"function"==typeof n?n(o):(xo(`Custom tag "${i}" does not have a matching enhancer function`),o)}))}var zo,So=Object.defineProperty,$o=Object.getOwnPropertyDescriptor,Eo=(e,t,i,o)=>{for(var n,r=o>1?void 0:o?$o(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&&So(t,i,r),r};e.PieCookieBanner=class extends de{constructor(){super(...arguments),this._isCookieBannerHidden=!1,this._isModalOpen=!1,this._locale=co,this.hasPrimaryActionsOnly=yo.hasPrimaryActionsOnly,this.defaultPreferences=yo.defaultPreferences,this.cookieStatementLink=yo.cookieStatementLink,this.cookieTechnologiesLink=yo.cookieTechnologiesLink,this.country=yo.country,this.language=yo.language,this._getLocaleString=(e,t)=>{let i=`${e}-${t}`.toLowerCase();if(ko.has(i))return i;if(i=`${e}`.toLowerCase(),ko.has(i))return i;const o=wo.get(t.toLowerCase());return o&&ko.has(o)?o:`${yo.language}`},this._customTagEnhancers={linkStatement:e=>V`<pie-link href="${this.cookieStatementLink}" variant="inverse" target="_blank" data-test-id="cookie-statement-link">${e}</pie-link>`,linkNecessaryOnly:e=>V`<pie-link data-test-id="body-necessary-only" tag="button" variant="inverse" @click="${this._onNecessaryOnly}">${e}</pie-link>`,linkManagePreferences:e=>V`<pie-link data-test-id="body-manage-prefs" tag="button" variant="inverse" @click="${this._openManagePreferencesModal}">${e}</pie-link>`,linkAcceptAll:e=>V`<pie-link data-test-id="body-accept-all" tag="button" variant="inverse" @click="${this._onAcceptAll}">${e}</pie-link>`,linkCookieStatement:e=>V`<pie-link href="${this.cookieStatementLink}" size="small" target="_blank" data-test-id="cookie-statement-link">${e}</pie-link>`,linkCookieTechList:e=>V`<pie-link href="${this.cookieTechnologiesLink}" size="small" target="_blank" data-test-id="cookie-technology-link">${e}</pie-link>`},this._onNecessaryOnly=()=>{Pe(this,uo),this._isCookieBannerHidden=!0},this._onAcceptAll=()=>{Pe(this,bo),this._isCookieBannerHidden=!0},this._openManagePreferencesModal=()=>{this._isCookieBannerHidden=!0,Pe(this,mo),this._isModalOpen=!0},this._handleSwitchStates=e=>{const{id:t}=null==e?void 0:e.currentTarget,i=[...this._preferencesNodes].find((({id:e})=>"all"===e));if(t===i.id){const{checked:t}=e.target;this._preferencesNodes.forEach((e=>{e.checked=e.disabled?e.checked:t}))}else i.checked=[...this._preferencesNodes].filter((({id:e})=>"all"!==e)).every((({checked:e})=>e))}}async updated(e){(e.has("language")||e.has("country"))&&await this._setLocaleBasedOnCountryAndLanguage(this.language,this.country)}async _setLocaleBasedOnCountryAndLanguage(e,t){try{const i=this._getLocaleString(e,t);this._locale=(await((e,t,i)=>{const o=e[t];return o?"function"==typeof o?o():Promise.resolve(o):new Promise(((e,o)=>{("function"==typeof queueMicrotask?queueMicrotask:setTimeout)(o.bind(null,new Error("Unknown variable dynamic import: "+t+(t.split("/").length!==i?". Note that variables only represent file names one level deep.":""))))}))})(Object.assign({"../locales/bg.js":()=>Promise.resolve().then((()=>Ko)),"../locales/ca.js":()=>Promise.resolve().then((()=>Go)),"../locales/da.js":()=>Promise.resolve().then((()=>Zo)),"../locales/de.js":()=>Promise.resolve().then((()=>Yo)),"../locales/en-fr.js":()=>Promise.resolve().then((()=>Xo)),"../locales/en.js":()=>Promise.resolve().then((()=>ho)),"../locales/es.js":()=>Promise.resolve().then((()=>Qo)),"../locales/fr-fr.js":()=>Promise.resolve().then((()=>Jo)),"../locales/fr.js":()=>Promise.resolve().then((()=>en)),"../locales/he.js":()=>Promise.resolve().then((()=>tn)),"../locales/it.js":()=>Promise.resolve().then((()=>on)),"../locales/nl.js":()=>Promise.resolve().then((()=>nn)),"../locales/pl.js":()=>Promise.resolve().then((()=>rn)),"../locales/sk.js":()=>Promise.resolve().then((()=>an))}),`../locales/${i}.js`,3)).default}catch{this._locale=co}}_localiseText(e){return Ao(this._locale,e)}_localiseRichText(e){return function(e,t,i){if(!e)throw new Error('"locale" parameter cannot be empty');if(!t)throw new Error('"key" parameter cannot be empty');if(!i)throw new Error('"customTagEnhancers" parameter cannot be empty');return _o(Ao(e,t),i)}(this._locale,e,this._customTagEnhancers)}_displayCookieBanner(){this._isModalOpen=!1,this._isCookieBannerHidden=!1}_handlePreferencesSaved(){let e={};[...this._preferencesNodes].filter((({id:e})=>"all"!==e)).forEach((({id:t,checked:i})=>{e={...e,[t]:i}})),Pe(this,go,e),this._isModalOpen=!1,this._isCookieBannerHidden=!0}renderPreference({id:e,checked:t,disabled:i,hasDivider:o,hasDescription:n}){var r;const a=this._localiseText(`preferencesManagement.${e}.title`),s=`preferencesManagement.${e}.description`,l=n&&this._localiseText(s),c=["functional","personalized","analytical"].every((e=>{var t;return!0===(null==(t=this.defaultPreferences)?void 0:t[e])}));return V`
|
|
280
280
|
<div class="c-cookieBanner-preference">
|
|
281
281
|
<div>
|
|
282
282
|
<h3 class="c-cookieBanner-subheading">${a}</h3>
|
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.6";
|
|
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.6",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
7
|
"url": "https://github.com/justeattakeaway/pie",
|
|
@@ -54,12 +54,12 @@
|
|
|
54
54
|
"cem-plugin-module-file-extensions": "0.0.5"
|
|
55
55
|
},
|
|
56
56
|
"dependencies": {
|
|
57
|
-
"@justeattakeaway/pie-button": "1.6.
|
|
58
|
-
"@justeattakeaway/pie-divider": "1.4.
|
|
59
|
-
"@justeattakeaway/pie-icon-button": "
|
|
60
|
-
"@justeattakeaway/pie-link": "1.2.
|
|
61
|
-
"@justeattakeaway/pie-modal": "1.7.
|
|
62
|
-
"@justeattakeaway/pie-switch": "
|
|
57
|
+
"@justeattakeaway/pie-button": "1.6.4",
|
|
58
|
+
"@justeattakeaway/pie-divider": "1.4.3",
|
|
59
|
+
"@justeattakeaway/pie-icon-button": "2.0.0",
|
|
60
|
+
"@justeattakeaway/pie-link": "1.2.4",
|
|
61
|
+
"@justeattakeaway/pie-modal": "1.7.6",
|
|
62
|
+
"@justeattakeaway/pie-switch": "2.0.0",
|
|
63
63
|
"@justeattakeaway/pie-webc-core": "1.0.0"
|
|
64
64
|
},
|
|
65
65
|
"volta": {
|