vendor: 5,906 bytes, lines 1-4
1import{r as ye,a as xe,n as W,w as Te,b as Ee,L as Ne,f as ie,E as Fe,x as re,e as Se}from"./main-DdEGjCiE.js";import{e as ke}from"./query-D1pSaKds.js";import{I as _e}from"./i18n-BXwUgION.js";import{a as Ce}from"./light-dom-styles-BIHJ4wFY.js";import{S as De}from"./slot-WngKKW0W.js";import{L as Oe}from"./backdrop.component-BY7qhLG6.js";import{L as Pe}from"./button.component-DrfYWqDs.js";import"./if-defined-DIE9v4-k.js";import"./animations-xrGZtaIV.js";import"./spinner.component-DqPuc3XC.js";import"./input.component-Dxx_BWxV.js";import"./form-control-NItTUaop.js";import"./validation-CYFxv0l2.js";import"./select.component-D96kbzC2.js";import"./textarea.component-gEEXqUfw.js";import"./radiogroup.component-BJ8RmdSR.js";import"./radio.component-BIqlCXcq.js";import"./checkgroup.component-BvQQtUwL.js";import"./checkbox.component-DfY_i9Sm.js";/*! 2* tabbable 6.2.0 3* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE 4*/var ue=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[href]:not([inert])","button:not([inert])","[tabindex]:not(slot):not([inert])","audio[controls]:not([inert])","video[controls]:not([inert])",'[contenteditable]:not([contenteditable="false"]):not([inert])',"details>summary:first-of-type:not([inert])","details:not([inert])"],K=ue.join(","),me=typeof Element>"u",k=me?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,j=!me&&Element.prototype.getRootNode?function(l){var e;return l==null||(e=l.getRootNode)===null||e===void 0?void 0:e.call(l)}:function(l){return l?.ownerDocument},M=function l(e,n){var a;n===void 0&&(n=!0);var o=e==null||(a=e.getAttribute)===null||a===void 0?void 0:a.call(e,"inert"),c=o===""||o==="true",t=c||n&&e&&l(e.parentNode);return t},Le=function(e){var n,a=e==null||(n=e.getAttribute)===null||n===void 0?void 0:n.call(e,"contenteditable");return a===""||a==="true"},pe=function(e,n,a){if(M(e))return[];var o=Array.prototype.slice.apply(e.querySelectorAll(K));return n&&k.call(e,K)&&o.unshift(e),o=o.filter(a),o},he=function l(e,n,a){for(var o=[],c=Array.from(e);c.length;){var t=c.shift();if(!M(t,!1))if(t.tagName==="SLOT"){var m=t.assignedElements(),u=m.length?m:t.children,g=l(u,!0,a);a.flatten?o.push.apply(o,g):o.push({scopeParent:t,candidates:g})}else{var x=k.call(t,K);x&&a.filter(t)&&(n||!e.includes(t))&&o.push(t);var y=t.shadowRoot||typeof a.getShadowRoot=="function"&&a.getShadowRoot(t),E=!M(y,!1)&&(!a.shadowRootFilter||a.shadowRootFilter(t));if(y&&E){var A=l(y===!0?t.children:y.children,!0,a);a.flatten?o.push.apply(o,A):o.push({scopeParent:t,candidates:A})}else c.unshift.apply(c,t.children)}}return o},ge=function(e){return!isNaN(parseInt(e.getAttribute("tabindex"),10))},S=function(e){if(!e)throw new Error("No node provided");return e.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName)||Le(e))&&!ge(e)?0:e.tabIndex},Re=function(e,n){var a=S(e);return a<0&&n&&!ge(e)?0:a},Ie=function(e,n){return e.tabIndex===n.tabIndex?e.documentOrder-n.documentOrder:e.tabIndex-n.tabIndex},ve=function(e){return e.tagName==="INPUT"},Ae=function(e){return ve(e)&&e.type==="hidden"},ze=function(e){var n=e.tagName==="DETAILS"&&Array.prototype.slice.apply(e.children).some(function(a){return a.tagName==="SUMMARY"});return n},Be=function(e,n){for(var a=0;a<e.length;a++)if(e[a].checked&&e[a].form===n)return e[a]},Ke=function(e){if(!e.name)return!0;var n=e.form||j(e),a=function(m){return n.querySelectorAll('input[type="radio"][name="'+m+'"]')},o;if(typeof window<"u"&&typeof window.CSS<"u"&&typeof window.CSS.escape=="function")o=a(window.CSS.escape(e.name));else try{o=a(e.name)}catch(t){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",t.message),!1}var c=Be(o,e.form);return!c||c===e},je=function(e){return ve(e)&&e.type==="radio"},Me=function(e){return je(e)&&!Ke(e)},qe=function(e){var n,a=e&&j(e),o=(n=a)===null||n===void 0?void 0:n.host,c=!1;if(a&&a!==e){var t,m,u;for(c=!!((t=o)!==null&&t!==void 0&&(m=t.ownerDocument)!==null&&m!==void 0&&m.contains(o)||e!=null&&(u=e.ownerDocument)!==null&&u!==void 0&&u.contains(e));!c&&o;){var g,x,y;a=j(o),o=(g=a)===null||g===void 0?void 0:g.host,c=!!((x=o)!==null&&x!==void 0&&(y=x.ownerDocument)!==null&&y!==void 0&&y.contains(o))}}return c},le=function(e){var n=e.getBoundingClientRect(),a=n.width,o=n.height;return a===0&&o===0},Ue=function(e,n){var a=n.displayCheck,o=n.getShadowRoot;if(getComputedStyle(e).visibility==="hidden")return!0;var c=k.call(e,"details>summary:first-of-type"),t=c?e.parentElement:e;if(k.call(t,"details:not([open]) *"))return!0;if(!a||a==="full"||a==="legacy-full"){if(typeof o=="function"){for(var m=e;e;){var u=e.parentElement,g=j(e);if(u&&!u.shadowRoot&&o(u)===!0)return le(e);e.assignedSlot?e=e.assignedSlot:!u&&g!==e.ownerDocument?e=g.host:e=u}e=m}if(qe(e))return!e.getClientRects().length;if(a!=="legacy-full")return!0}else if(a==="non-zero-area")return le(e);return!1},$e=function(e){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(e.tagName))for(var n=e.parentElement;n;){if(n.tagName==="FIELDSET"&&n.disabled){for(var a=0;a<n.children.length;a++){var o=n.children.item(a);if(o.tagName==="LEGEND")return k.call(n,"fieldset[disabled] *")?!0:!o.contains(e)}return!0}n=n.parentElement}return!1},q=function(e,n){return!(n.disabled||M(n)||Ae(n)||Ue(n,e)||ze(n)||$e(n))},V=function(e,n){return!(Me(n)||S(n)<0||!q(e,n))},Ge=function(e){var n=parseInt(e.getAttribute("tabindex"),10);return!!(isNaN(n)||n>=0)},Ye=function l(e){var n=[],a=[];return e.forEach(function(o,c){var t=!!o.scopeParent,m=t?o.scopeParent:o,u=Re(m,t),g=t?l(o.candidates):m;u===0?t?n.push.apply(n,g):n.push(m):a.push({documentOrder:c,tabIndex:u,item:o,isScope:t,content:g})}),a.sort(Ie).reduce(function(o,c){return c.isScope?o.push.apply(o,c.content):o.push(c.content),o},[]).concat(n)}
vendor: 4,778 bytes, lines 4-7
4,Ve=function(e,n){n=n||{};var a;return n.getShadowRoot?a=he([e],n.includeContainer,{filter:V.bind(null,n),flatten:!1,getShadowRoot:n.getShadowRoot,shadowRootFilter:Ge}):a=pe(e,n.includeContainer,V.bind(null,n)),Ye(a)},We=function(e,n){n=n||{};var a;return n.getShadowRoot?a=he([e],n.includeContainer,{filter:q.bind(null,n),flatten:!0,getShadowRoot:n.getShadowRoot}):a=pe(e,n.includeContainer,q.bind(null,n)),a},_=function(e,n){if(n=n||{},!e)throw new Error("No node provided");return k.call(e,K)===!1?!1:V(n,e)},He=ue.concat("iframe").join(","),Y=function(e,n){if(n=n||{},!e)throw new Error("No node provided");return k.call(e,He)===!1?!1:q(n,e)};/*! 5* focus-trap 7.5.4 6* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE 7*/function oe(l,e){var n=Object.keys(l);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(l);e&&(a=a.filter(function(o){return Object.getOwnPropertyDescriptor(l,o).enumerable})),n.push.apply(n,a)}return n}function ce(l){for(var e=1;e<arguments.length;e++){var n=arguments[e]!=null?arguments[e]:{};e%2?oe(Object(n),!0).forEach(function(a){Ze(l,a,n[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(l,Object.getOwnPropertyDescriptors(n)):oe(Object(n)).forEach(function(a){Object.defineProperty(l,a,Object.getOwnPropertyDescriptor(n,a))})}return l}function Ze(l,e,n){return e=Je(e),e in l?Object.defineProperty(l,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):l[e]=n,l}function Xe(l,e){if(typeof l!="object"||l===null)return l;var n=l[Symbol.toPrimitive];if(n!==void 0){var a=n.call(l,e||"default");if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(l)}function Je(l){var e=Xe(l,"string");return typeof e=="symbol"?e:String(e)}var de={activateTrap:function(e,n){if(e.length>0){var a=e[e.length-1];a!==n&&a.pause()}var o=e.indexOf(n);o===-1||e.splice(o,1),e.push(n)},deactivateTrap:function(e,n){var a=e.indexOf(n);a!==-1&&e.splice(a,1),e.length>0&&e[e.length-1].unpause()}},Qe=function(e){return e.tagName&&e.tagName.toLowerCase()==="input"&&typeof e.select=="function"},en=function(e){return e?.key==="Escape"||e?.key==="Esc"||e?.keyCode===27},R=function(e){return e?.key==="Tab"||e?.keyCode===9},nn=function(e){return R(e)&&!e.shiftKey},an=function(e){return R(e)&&e.shiftKey},se=function(e){return setTimeout(e,0)},fe=function(e,n){var a=-1;return e.every(function(o,c){return n(o)?(a=c,!1):!0}),a},L=function(e){for(var n=arguments.length,a=new Array(n>1?n-1:0),o=1;o<n;o++)a[o-1]=arguments[o];return typeof e=="function"?e.apply(void 0,a):e},B=function(e){return e.target.shadowRoot&&typeof e.composedPath=="function"?e.composedPath()[0]:e.target},tn=[],rn=function(e,n){var a=n?.document||document,o=n?.trapStack||tn,c=ce({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0,isKeyForward:nn,isKeyBackward:an},n),t={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,delayInitialFocusTimer:void 0,recentNavEvent:void 0},m,u=function(r,i,d){return r&&r[i]!==void 0?r[i]:c[d||i]},g=function(r,i){var d=typeof i?.composedPath=="function"?i.composedPath():void 0;return t.containerGroups.findIndex(function(s){var f=s.container,h=s.tabbableNodes;return f.contains(r)||d?.includes(f)||h.find(function(v){return v===r})})},x=function(r){var i=c[r];if(typeof i=="function"){for(var d=arguments.length,s=new Array(d>1?d-1:0),f=1;f<d;f++)s[f-1]=arguments[f];i=i.apply(void 0,s)}if(i===!0&&(i=void 0),!i){if(i===void 0||i===!1)return i;throw new Error("`".concat(r,"` was specified but was not a node, or did not return a node"))}var h=i;if(typeof i=="string"&&(h=a.querySelector(i),!h))throw new Error("`".concat(r,"` as selector refers to no known node"));return h},y=function(){var r=x("initialFocus");if(r===!1)return!1;if(r===void 0||!Y(r,c.tabbableOptions))if(g(a.activeElement)>=0)r=a.activeElement;else{var i=t.tabbableGroups[0],d=i&&i.firstTabbableNode;r=d||x("fallbackFocus")}if(!r)throw new Error("Your focus-trap needs to have at least one focusable element");return r},E=function(){if(t.containerGroups=t.containers.map(function(r){var i=Ve(r,c.tabbableOptions),d=We(r,c.tabbableOptions),s=i.length>0?i[0]:void 0,f=i.length>0?i[i.length-1]:void 0,h=d.find(function(b){return _(b)}),v=d.slice().reverse().find(function(b){return _(b)}),w=!!i.find(function(b){return S(b)>0});return{container:r,tabbableNodes:i,focusableNodes:d,posTabIndexesFound:w,firstTabbableNode:s,lastTabbableNode:f,firstDomTabbableNode:h,lastDomTabbableNode:v,nextTabbableNode:function(F){var O=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!0,T=i.indexOf(F);return T<0?O?d.slice(d.indexOf(F)+1).find(function(P){return _(P)}
vendor: 8,312 bytes, lines 7-123
7):d.slice(0,d.indexOf(F)).reverse().find(function(P){return _(P)}):i[T+(O?1:-1)]}}}),t.tabbableGroups=t.containerGroups.filter(function(r){return r.tabbableNodes.length>0}),t.tabbableGroups.length<=0&&!x("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");if(t.containerGroups.find(function(r){return r.posTabIndexesFound})&&t.containerGroups.length>1)throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")},A=function p(r){var i=r.activeElement;if(i)return i.shadowRoot&&i.shadowRoot.activeElement!==null?p(i.shadowRoot):i},N=function p(r){if(r!==!1&&r!==A(document)){if(!r||!r.focus){p(y());return}r.focus({preventScroll:!!c.preventScroll}),t.mostRecentlyFocusedNode=r,Qe(r)&&r.select()}},Z=function(r){var i=x("setReturnFocus",r);return i||(i===!1?!1:r)},X=function(r){var i=r.target,d=r.event,s=r.isBackward,f=s===void 0?!1:s;i=i||B(d),E();var h=null;if(t.tabbableGroups.length>0){var v=g(i,d),w=v>=0?t.containerGroups[v]:void 0;if(v<0)f?h=t.tabbableGroups[t.tabbableGroups.length-1].lastTabbableNode:h=t.tabbableGroups[0].firstTabbableNode;else if(f){var b=fe(t.tabbableGroups,function($){var G=$.firstTabbableNode;return i===G});if(b<0&&(w.container===i||Y(i,c.tabbableOptions)&&!_(i,c.tabbableOptions)&&!w.nextTabbableNode(i,!1))&&(b=v),b>=0){var F=b===0?t.tabbableGroups.length-1:b-1,O=t.tabbableGroups[F];h=S(i)>=0?O.lastTabbableNode:O.lastDomTabbableNode}else R(d)||(h=w.nextTabbableNode(i,!1))}else{var T=fe(t.tabbableGroups,function($){var G=$.lastTabbableNode;return i===G});if(T<0&&(w.container===i||Y(i,c.tabbableOptions)&&!_(i,c.tabbableOptions)&&!w.nextTabbableNode(i))&&(T=v),T>=0){var P=T===t.tabbableGroups.length-1?0:T+1,te=t.tabbableGroups[P];h=S(i)>=0?te.firstTabbableNode:te.firstDomTabbableNode}else R(d)||(h=w.nextTabbableNode(i))}}else h=x("fallbackFocus");return h},z=function(r){var i=B(r);if(!(g(i,r)>=0)){if(L(c.clickOutsideDeactivates,r)){m.deactivate({returnFocus:c.returnFocusOnDeactivate});return}L(c.allowOutsideClick,r)||r.preventDefault()}},J=function(r){var i=B(r),d=g(i,r)>=0;if(d||i instanceof Document)d&&(t.mostRecentlyFocusedNode=i);else{r.stopImmediatePropagation();var s,f=!0;if(t.mostRecentlyFocusedNode)if(S(t.mostRecentlyFocusedNode)>0){var h=g(t.mostRecentlyFocusedNode),v=t.containerGroups[h].tabbableNodes;if(v.length>0){var w=v.findIndex(function(b){return b===t.mostRecentlyFocusedNode});w>=0&&(c.isKeyForward(t.recentNavEvent)?w+1<v.length&&(s=v[w+1],f=!1):w-1>=0&&(s=v[w-1],f=!1))}}else t.containerGroups.some(function(b){return b.tabbableNodes.some(function(F){return S(F)>0})})||(f=!1);else f=!1;f&&(s=X({target:t.mostRecentlyFocusedNode,isBackward:c.isKeyBackward(t.recentNavEvent)})),N(s||t.mostRecentlyFocusedNode||y())}t.recentNavEvent=void 0},be=function(r){var i=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;t.recentNavEvent=r;var d=X({event:r,isBackward:i});d&&(R(r)&&r.preventDefault(),N(d))},Q=function(r){if(en(r)&&L(c.escapeDeactivates,r)!==!1){r.preventDefault(),m.deactivate();return}(c.isKeyForward(r)||c.isKeyBackward(r))&&be(r,c.isKeyBackward(r))},ee=function(r){var i=B(r);g(i,r)>=0||L(c.clickOutsideDeactivates,r)||L(c.allowOutsideClick,r)||(r.preventDefault(),r.stopImmediatePropagation())},ne=function(){if(t.active)return de.activateTrap(o,m),t.delayInitialFocusTimer=c.delayInitialFocus?se(function(){N(y())}):N(y()),a.addEventListener("focusin",J,!0),a.addEventListener("mousedown",z,{capture:!0,passive:!1}),a.addEventListener("touchstart",z,{capture:!0,passive:!1}),a.addEventListener("click",ee,{capture:!0,passive:!1}),a.addEventListener("keydown",Q,{capture:!0,passive:!1}),m},ae=function(){if(t.active)return a.removeEventListener("focusin",J,!0),a.removeEventListener("mousedown",z,!0),a.removeEventListener("touchstart",z,!0),a.removeEventListener("click",ee,!0),a.removeEventListener("keydown",Q,!0),m},we=function(r){var i=r.some(function(d){var s=Array.from(d.removedNodes);return s.some(function(f){return f===t.mostRecentlyFocusedNode})});i&&N(y())},U=typeof window<"u"&&"MutationObserver"in window?new MutationObserver(we):void 0,D=function(){U&&(U.disconnect(),t.active&&!t.paused&&t.containers.map(function(r){U.observe(r,{subtree:!0,childList:!0})}))};return m={get active(){return t.active},get paused(){return t.paused},activate:function(r){if(t.active)return this;var i=u(r,"onActivate"),d=u(r,"onPostActivate"),s=u(r,"checkCanFocusTrap");s||E(),t.active=!0,t.paused=!1,t.nodeFocusedBeforeActivation=a.activeElement,i?.();var f=function(){s&&E(),ne(),D(),d?.()};return s?(s(t.containers.concat()).then(f,f),this):(f(),this)},deactivate:function(r){if(!t.active)return this;var i=ce({onDeactivate:c.onDeactivate,onPostDeactivate:c.onPostDeactivate,checkCanReturnFocus:c.checkCanReturnFocus},r);clearTimeout(t.delayInitialFocusTimer),t.delayInitialFocusTimer=void 0,ae(),t.active=!1,t.paused=!1,D(),de.deactivateTrap(o,m);var d=u(i,"onDeactivate"),s=u(i,"onPostDeactivate"),f=u(i,"checkCanReturnFocus"),h=u(i,"returnFocus","returnFocusOnDeactivate");d?.();var v=function(){se(function(){h&&N(Z(t.nodeFocusedBeforeActivation)),s?.()})};return h&&f?(f(Z(t.nodeFocusedBeforeActivation)).then(v,v),this):(v(),this)},pause:function(r){if(t.paused||!t.active)return this;var i=u(r,"onPause"),d=u(r,"onPostPause");return t.paused=!0,i?.(),ae(),D(),d?.(),this},unpause:function(r){if(!t.paused||!t.active)return this;var i=u(r,"onUnpause"),d=u(r,"onPostUnpause");return t.paused=!1,i?.(),E(),ne(),D(),d?.(),this},updateContainerElements:function(r){var i=[].concat(r).filter(Boolean);return t.containers=i.map(function(d){return typeof d=="string"?a.querySelector(d):d}),t.active&&E(),D(),this}},m.updateContainerElements(e),m};const ln=`/*------------------------------------*\\ 8 #RESET 9\\*------------------------------------*/ 10/** 11 * Border-Box http:/paulirish.com/2012/box-sizing-border-box-ftw/ 12 */ 13*, 14::slotted(*), 15*:before, 16*:after { 17 box-sizing: border-box; 18} 19 20:host *, 21:host *::before, 22:host *::after { 23 box-sizing: inherit; 24} 25 26[hidden] { 27 display: none !important; 28} 29 30:host { 31 display: contents; 32 --modal-sm: 413px; 33 --modal-md: 731px; 34 --modal-lg: 858px; 35} 36 37.leaf-c-modal { 38 position: fixed; 39 top: 0; 40 left: 0; 41 right: 0; 42 bottom: 0; 43 display: flex; 44 justify-content: center; 45 align-items: center; 46 z-index: 1050; 47 margin: var(--leaf-spacing-16); 48} 49 50.leaf-c-modal__wrapper { 51 display: flex; 52 flex-direction: column; 53 background: var(--leaf-color-bg-default); 54 border-radius: var(--leaf-border-radius-large); 55 overflow: hidden auto; 56 box-shadow: var(--leaf-shadow-default); 57 max-width: var(--modal-lg); 58 z-index: 220; 59 height: -moz-fit-content; 60 height: fit-content; 61 max-height: 100%; 62 width: 100%; 63} 64@media (max-width: 48rem) { 65 .leaf-c-modal__wrapper { 66 position: inherit; 67 max-width: var(--modal-md); 68 } 69 .leaf-c-modal__wrapper ::slotted([slot=cta]) { 70 text-align: center; 71 } 72} 73@media (max-width: 23.4365rem) { 74 .leaf-c-modal__wrapper { 75 position: inherit; 76 max-width: var(--modal-sm); 77 } 78 .leaf-c-modal__wrapper ::slotted([slot=cta]) { 79 text-align: center; 80 } 81} 82 83.leaf-c-modal-size--sm .leaf-c-modal__wrapper { 84 max-width: var(--modal-sm); 85} 86 87.leaf-c-modal-size--md .leaf-c-modal__wrapper { 88 max-width: var(--modal-md); 89} 90 91.leaf-c-modal-size--lg .leaf-c-modal__wrapper { 92 max-width: var(--modal-lg); 93} 94 95.leaf-c-modal.leaf-c-modal-size--fullscreen { 96 margin: 0; 97} 98 99.leaf-c-modal-size--fullscreen .leaf-c-modal__wrapper { 100 border-radius: 0; 101 height: 100vh; 102 max-width: unset; 103 width: 100vw; 104} 105 106.leaf-c-modal-size--fullscreen .leaf-c-modal__body { 107 max-height: unset; 108} 109 110.leaf-c-modal__header { 111 display: flex; 112 padding: var(--leaf-spacing-32) var(--leaf-spacing-48) var(--leaf-spacing-16) var(--leaf-spacing-48); 113 gap: var(--leaf-spacing-16); 114 justify-content: space-between; 115} 116.leaf-c-modal__header leaf-button { 117 height: -moz-fit-content; 118 height: fit-content; 119} 120.leaf-c-modal__header ::slotted([slot=heading]) { 121 color: var(--leaf-color-content-brand-strong); 122 font-family: var(--leaf-typography-title-large-mobile-font-family); 123 font-size: var(--leaf-typography-title-large-mobile-font-size);
124 font-weight: var(--leaf-typography-title-large-mobile-font-weight); 125 line-height: var(--leaf-typography-title-large-mobile-line-height); 126 -webkit-text-decoration: var(--leaf-typography-title-large-mobile-text-decoration); 127 text-decoration: var(--leaf-typography-title-large-mobile-text-decoration); 128 text-transform: var(--leaf-typography-title-large-mobile-text-transform); 129} 130@media (min-width: 48rem) { 131 .leaf-c-modal__header ::slotted([slot=heading]) { 132 font-family: var(--leaf-typography-title-large-font-family); 133 font-size: var(--leaf-typography-title-large-font-size); 134 font-weight: var(--leaf-typography-title-large-font-weight); 135 line-height: var(--leaf-typography-title-large-line-height); 136 -webkit-text-decoration: var(--leaf-typography-title-large-text-decoration); 137 text-decoration: var(--leaf-typography-title-large-text-decoration); 138 text-transform: var(--leaf-typography-title-large-text-transform); 139 } 140} 141@media (max-width: 47.999rem) { 142 .leaf-c-modal__header { 143 padding: var(--leaf-spacing-48) var(--leaf-spacing-24) var(--leaf-spacing-8) var(--leaf-spacing-24); 144 } 145} 146 147.leaf-c-modal:not(.leaf-c-modal--dialog) .leaf-c-modal__header { 148 flex-direction: row-reverse; 149} 150 151.leaf-c-modal__body { 152 padding: var(--leaf-spacing-0) var(--leaf-spacing-48); 153 font-weight: var(--leaf-typography-body-default-font-weight); 154 max-height: 600px; 155 overflow: hidden auto; 156} 157@media (max-width: 47.999rem) { 158 .leaf-c-modal__body { 159 padding: var(--leaf-spacing-0) var(--leaf-spacing-24); 160 } 161} 162 163.leaf-c-modal__footer { 164 padding: var(--leaf-spacing-24) var(--leaf-spacing-32) var(--leaf-spacing-32) var(--leaf-spacing-32); 165 align-items: center; 166} 167@media (max-width: 47.999rem) { 168 .leaf-c-modal__footer { 169 padding: var(--leaf-spacing-24); 170 } 171 .leaf-c-modal__footer ::slotted([slot=cta]) { 172 text-align: center; 173 } 174}`,on=`@charset "UTF-8"; 175/* ------------------------------------*\\ 176 #TYPOGRAPHY PLACEHOLDERS 177\\*------------------------------------ */ 178.leaf-container-full-width, .iw_columns.large-fullwidth { 179 left: 50%; 180 margin-left: -50dvw; 181 margin-right: -50dvw; 182 position: relative; 183 right: 50%; 184 width: 100dvw; 185} 186 187.leaf-grid-container { 188 box-sizing: border-box; 189 margin-left: auto; 190 margin-right: auto; 191 padding-left: 1rem; 192 padding-right: 1rem; 193 width: 100%; 194} 195@media (min-width: 35rem) { 196 .leaf-grid-container { 197 max-width: 540px; 198 } 199} 200@media (min-width: 48rem) { 201 .leaf-grid-container { 202 max-width: 720px; 203 } 204} 205@media (min-width: 60rem) { 206 .leaf-grid-container { 207 max-width: 960px; 208 } 209} 210@media (min-width: 75rem) { 211 .leaf-grid-container { 212 max-width: 1140px; 213 } 214} 215@media (min-width: 87.5rem) { 216 .leaf-grid-container { 217 max-width: 1320px; 218 } 219} 220 221.leaf-container-12, .leaf-container-4-1-7, .leaf-container-5-1-6, .leaf-container-7-1-4, .leaf-container-5-7, .leaf-container-7-5, .leaf-container-6-6, .leaf-container-6-1-5, .leaf-container-8-1-3, .leaf-container-4-4-4, .leaf-container-2-8-2, .leaf-container-3-2-2-2-3, .leaf-container-3-2-4-3, .leaf-container-3-3-3-3, .leaf-container-1-10-1, .leaf-container-3-6-3, .leaf-container-8-4, .leaf-container-4-8, .leaf-container-9-3, .leaf-container-3-9 { 222 display: grid; 223} 224 225/* 226 Hiding class, making content visible only to screen readers but not visually ("sr" meaning "screen-reader") 227 Is the hidden content read by a screen reader? - Yes 228 Will the hidden element affect the document layout? - No 229 Will the hidden elementâs box model be rendered? - No 230 Does the element detect clicks or focus? - Yes 231 https://css-tricks.com/comparing-various-ways-to-hide-things-in-css/#method-5-the-visually-hidden-class 232*/ 233.leaf-container-12 { 234 grid-template-columns: minmax(0, 1fr); 235} 236@media (min-width: 48rem) { 237 .leaf-container-4-1-7 { 238 grid-gap: var(--leaf-spacing-24); 239 grid-template-columns: minmax(0, calc(8.3333333333% * 4 - 16px)) minmax(0, calc(8.3333333333% * 1 - 16px)) minmax(0, calc(8.3333333333% * 7 - 16px)); 240 } 241} 242@media (min-width: 48rem) { 243 .leaf-container-5-1-6 { 244 grid-gap: var(--leaf-spacing-24); 245 grid-template-columns: minmax(0, calc(8.3333333333% * 5 - 16px)) minmax(0, calc(8.3333333333% * 1 - 16px)) minmax(0, calc(8.3333333333% * 6 - 16px)); 246 } 247} 248@media (min-width: 48rem) { 249 .leaf-container-7-1-4 { 250 grid-gap: var(--leaf-spacing-24); 251 grid-template-columns: minmax(0, calc(8.3333333333% * 7 - 16px)) minmax(0, calc(8.3333333333% * 1 - 16px)) minmax(0, calc(8.3333333333% * 4 - 16px)); 252 } 253} 254@media (min-width: 48rem) { 255 .leaf-container-5-7 { 256 grid-gap: var(--leaf-spacing-24); 257 grid-template-columns: minmax(0, calc(8.3333333333% * 5 - 12px)) minmax(0, calc(8.3333333333% * 7 - 12px)); 258 } 259} 260@media (min-width: 48rem) { 261 .leaf-container-7-5 { 262 grid-gap: var(--leaf-spacing-24); 263 grid-template-columns: minmax(0, calc(8.3333333333% * 7 - 12px)) minmax(0, calc(8.3333333333% * 5 - 12px)); 264 } 265} 266@media (min-width: 48rem) { 267 .leaf-container-6-6 { 268 grid-gap: var(--leaf-spacing-24); 269 grid-template-columns: minmax(0, calc(8.3333333333% * 6 - 12px)) minmax(0, calc(8.3333333333% * 6 - 12px)); 270 } 271} 272@media (min-width: 48rem) { 273 .leaf-container-6-1-5 { 274 grid-gap: var(--leaf-spacing-24); 275 grid-template-columns: minmax(0, calc(8.3333333333% * 6 - 16px)) minmax(0, calc(8.3333333333% * 1 - 16px)) minmax(0, calc(8.3333333333% * 5 - 16px)); 276 } 277} 278@media (min-width: 48rem) { 279 .leaf-container-8-1-3 { 280 grid-gap: var(--leaf-spacing-24); 281 grid-template-columns: minmax(0, calc(8.3333333333% * 8 - 16px)) minmax(0, calc(8.3333333333% * 1 - 16px)) minmax(0, calc(8.3333333333% * 3 - 16px)); 282 } 283} 284@media (min-width: 48rem) { 285 .leaf-container-4-4-4 { 286 grid-gap: var(--leaf-spacing-24); 287 grid-template-columns: minmax(0, calc(8.3333333333% * 4 - 16px)) minmax(0, calc(8.3333333333% * 4 - 16px)) minmax(0, calc(8.3333333333% * 4 - 16px)); 288 } 289} 290@media (min-width: 48rem) {
291 .leaf-container-2-8-2 { 292 grid-gap: var(--leaf-spacing-24); 293 grid-template-columns: minmax(0, calc(8.3333333333% * 2 - 16px)) minmax(0, calc(8.3333333333% * 8 - 16px)) minmax(0, calc(8.3333333333% * 2 - 16px)); 294 } 295} 296@media (min-width: 48rem) { 297 .leaf-container-3-2-2-2-3 { 298 grid-gap: var(--leaf-spacing-24); 299 grid-template-columns: minmax(0, calc(8.3333333333% * 3 - 19.2px)) minmax(0, calc(8.3333333333% * 2 - 19.2px)) minmax(0, calc(8.3333333333% * 2 - 19.2px)) minmax(0, calc(8.3333333333% * 2 - 19.2px)) minmax(0, calc(8.3333333333% * 3 - 19.2px)); 300 } 301} 302@media (min-width: 48rem) { 303 .leaf-container-3-2-4-3 { 304 grid-gap: var(--leaf-spacing-24); 305 grid-template-columns: minmax(0, calc(8.3333333333% * 3 - 18px)) minmax(0, calc(8.3333333333% * 2 - 18px)) minmax(0, calc(8.3333333333% * 4 - 18px)) minmax(0, calc(8.3333333333% * 3 - 18px)); 306 } 307} 308@media (min-width: 48rem) { 309 .leaf-container-3-3-3-3 { 310 grid-gap: var(--leaf-spacing-24); 311 grid-template-columns: minmax(0, calc(8.3333333333% * 3 - 18px)) minmax(0, calc(8.3333333333% * 3 - 18px)) minmax(0, calc(8.3333333333% * 3 - 18px)) minmax(0, calc(8.3333333333% * 3 - 18px)); 312 } 313} 314@media (min-width: 48rem) { 315 .leaf-container-1-10-1 { 316 grid-gap: var(--leaf-spacing-24); 317 grid-template-columns: minmax(0, calc(8.3333333333% * 1 - 16px)) minmax(0, calc(8.3333333333% * 10 - 16px)) minmax(0, calc(8.3333333333% * 1 - 16px)); 318 } 319} 320@media (min-width: 48rem) { 321 .leaf-container-3-6-3 { 322 grid-gap: var(--leaf-spacing-24); 323 grid-template-columns: minmax(0, calc(8.3333333333% * 3 - 16px)) minmax(0, calc(8.3333333333% * 6 - 16px)) minmax(0, calc(8.3333333333% * 3 - 16px)); 324 } 325} 326@media (min-width: 48rem) { 327 .leaf-container-8-4 { 328 grid-gap: var(--leaf-spacing-24); 329 grid-template-columns: minmax(0, calc(8.3333333333% * 8 - 12px)) minmax(0, calc(8.3333333333% * 4 - 12px)); 330 } 331} 332@media (min-width: 48rem) { 333 .leaf-container-4-8 { 334 grid-gap: var(--leaf-spacing-24); 335 grid-template-columns: minmax(0, calc(8.3333333333% * 4 - 12px)) minmax(0, calc(8.3333333333% * 8 - 12px)); 336 } 337} 338@media (min-width: 48rem) { 339 .leaf-container-9-3 { 340 grid-gap: var(--leaf-spacing-24); 341 grid-template-columns: minmax(0, calc(8.3333333333% * 9 - 12px)) minmax(0, calc(8.3333333333% * 3 - 12px)); 342 } 343} 344@media (min-width: 48rem) { 345 .leaf-container-3-9 { 346 grid-gap: var(--leaf-spacing-24); 347 grid-template-columns: minmax(0, calc(8.3333333333% * 3 - 12px)) minmax(0, calc(8.3333333333% * 9 - 12px)); 348 } 349} 350@media (max-width: 47.999rem) { 351 .leaf-container-7-1-4, .leaf-container-4-1-7, .leaf-container-5-7, .leaf-container-7-5, .leaf-container-6-6 { 352 grid-template-areas: "row-1" "row-2"; 353 } 354 .leaf-container-7-1-4.container-inverted, .leaf-container-4-1-7.container-inverted, .leaf-container-5-7.container-inverted, .leaf-container-7-5.container-inverted, .leaf-container-6-6.container-inverted { 355 /* stylelint-disable-next-line max-nesting-depth */ 356 } 357 .leaf-container-7-1-4.container-inverted > :nth-child(1), .leaf-container-4-1-7.container-inverted > :nth-child(1), .leaf-container-5-7.container-inverted > :nth-child(1), .leaf-container-7-5.container-inverted > :nth-child(1), .leaf-container-6-6.container-inverted > :nth-child(1) { 358 grid-area: row-2; 359 } 360} 361.iw_row { 362 display: grid; 363} 364@media (min-width: 48rem) { 365 .iw_row { 366 gap: var(--leaf-spacing-24); 367 grid-template-columns: repeat(12, 1fr); 368 } 369} 370 371.iw_columns { 372 display: grid; 373} 374.iw_columns.large-fullwidth { 375 grid-column: span 12; 376} 377@media (min-width: 48rem) { 378 .iw_columns.large-1 { 379 grid-column: span 1; 380 } 381 .iw_columns.large-2 { 382 grid-column: span 2; 383 } 384 .iw_columns.large-3 { 385 grid-column: span 3; 386 } 387 .iw_columns.large-4 { 388 grid-column: span 4; 389 } 390 .iw_columns.large-5 { 391 grid-column: span 5; 392 } 393 .iw_columns.large-6 { 394 grid-column: span 6; 395 } 396 .iw_columns.large-7 { 397 grid-column: span 7; 398 } 399 .iw_columns.large-8 { 400 grid-column: span 8; 401 } 402 .iw_columns.large-9 { 403 grid-column: span 9; 404 } 405 .iw_columns.large-10 { 406 grid-column: span 10; 407 } 408 .iw_columns.large-11 { 409 grid-column: span 11; 410 } 411 .iw_columns.large-12 { 412 grid-column: span 12; 413 } 414} 415 416leaf-accordion, 417leaf-alert, 418leaf-card, 419leaf-list, 420leaf-multimedia-limelight, 421leaf-tab, 422.leaf-c-content-block, 423.leaf-c-picture-image { 424 display: block; 425 margin-top: var(--leaf-spacing-32); 426} 427@media (min-width: 48rem) { 428 leaf-accordion, 429 leaf-alert, 430 leaf-card, 431 leaf-list, 432 leaf-multimedia-limelight, 433 leaf-tab, 434 .leaf-c-content-block, 435 .leaf-c-picture-image { 436 margin-top: var(--leaf-spacing-48); 437 } 438} 439@media (min-width: 60rem) { 440 leaf-accordion, 441 leaf-alert, 442 leaf-card, 443 leaf-list, 444 leaf-multimedia-limelight, 445 leaf-tab, 446 .leaf-c-content-block, 447 .leaf-c-picture-image { 448 margin-top: var(--leaf-spacing-64); 449 } 450} 451 452@media (max-width: 48rem) { 453 leaf-modal [slot*=cta] leaf-button::part(base) { 454 display: flex; 455 width: 100%; 456 justify-content: center; 457 text-align: center; 458 margin-bottom: var(--leaf-spacing-8); 459 } 460} 461leaf-modal [slot=heading] leaf-icon { 462 float: left; 463 height: 100%; 464 margin-right: var(--leaf-spacing-8); 465}`;var cn=Object.defineProperty,dn=Object.getOwnPropertyDescriptor,I=(l,e,n,a)=>{for(var o=a>1?void 0:a?dn(e,n):e,c=l.length-1,t;c>=0;c--)(t=l[c])&&(o=(a?t(e,n,o):t(o))||o);return a&&o&&cn(e,n,o),o};
465const H=class extends Ee(Ne){constructor(){super(),this.trigger=null,this.i18nController=new _e(this),this.slotController=new De(this),this.open=!1,this.dialog=!1,this.size="lg",this.dialogEventListener=e=>{this.dialog&&e.detail.source!=="keyboard"&&e.preventDefault()},this.handleDocumentKeyDown=e=>{e.key==="Escape"&&this.open&&(e.stopPropagation(),this.handleClose("keyboard"))},this.handleTrigger=this.handleTrigger.bind(this),Ce("tcg-modal-styles",on)}get focusTrap(){return this._focusTrap||(this._focusTrap=rn(this.modal,{allowOutsideClick:!0,tabbableOptions:{getShadowRoot:!0}})),this._focusTrap}firstUpdated(){this.modal.hidden=!this.open,this.open&&this.addOpenListeners(),this.addTriggerListeners(),window.addEventListener("leaf:trigger-modal-open",e=>{const n=e.detail.modal;n&&n===this.id&&this.handleTrigger(e)})}disconnectedCallback(){super.disconnectedCallback(),this.removeTriggerListeners()}async handleOpenChange(){if(this.open)this.emit("leaf:show"),this.trigger=document.activeElement,this.addOpenListeners(),document.body.style.overflow="hidden",this.modal.hidden=!1,this.focusTrap.activate(),this.emit("leaf:after-show");else{this.emit("leaf:hide"),this.removeOpenListeners(),document.body.style.removeProperty("overflow"),this.modal.hidden=!0,this.focusTrap.deactivate();const e=this.trigger;typeof e?.focus=="function"&&setTimeout(()=>e.focus()),this.emit("leaf:after-hide")}}async show(){if(!this.open)return this.open=!0,ie(this,"leaf:after-show")}async hide(){if(this.open)return this.open=!1,ie(this,"leaf:after-hide")}addTriggerListeners(){const e=this.getAttribute("id");this.triggers=document.querySelectorAll(`[data-modal-id="${e}"]`),this.triggers.forEach(n=>{n.addEventListener("click",this.handleTrigger)})}removeTriggerListeners(){var e;(e=this.triggers)==null||e.forEach(n=>{n.removeEventListener("click",this.handleTrigger)})}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown),this.addEventListener("leaf:request-close",this.dialogEventListener)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown),this.removeEventListener("leaf:request-close",this.dialogEventListener)}handleTrigger(e){e.stopPropagation(),this.show()}handleClose(e){this.emit("leaf:request-close",{cancelable:!0,detail:{source:e}}).defaultPrevented||this.hide()}render(){const e={"leaf-c-modal":!0,"leaf-c-modal--has-footer":this.slotController.hasNamedSlot("cta"),"leaf-c-modal--open":this.open,"leaf-c-modal--dialog":this.dialog,"leaf-c-modal-size--sm":this.size==="sm","leaf-c-modal-size--md":this.size==="md","leaf-c-modal-size--lg":this.size==="lg","leaf-c-modal-size--fullscreen":this.size==="fullscreen"},n=this.dialog?Fe:re`<leaf-button 466 class="leaf-close-button" 467 part="close-button" 468 variant="tertiary" 469 @click=${()=>this.handleClose("close-button")} 470 > 471 <leaf-icon slot="icon-before" label="${this.i18nController.term("close")}" name="close"></leaf-icon 472 ></leaf-button>`;return re` <div part="base" class="${Se(e)}"> 473 <leaf-backdrop ?active=${this.open} @click=${()=>this.handleClose("backdrop")}></leaf-backdrop> 474 <div 475 part="wrapper" 476 class="leaf-c-modal__wrapper" 477 role="dialog" 478 aria-modal="true" 479 aria-hidden=${this.open?"false":"true"} 480 aria-labelledby="heading" 481 > 482 <div part="header" class="leaf-c-modal__header"> 483 ${n} 484 <slot name="heading" id="heading"></slot> 485 </div> 486 <div part="body" class="leaf-c-modal__body" tabindex="0"> 487 <slot></slot> 488 </div> 489 <div part="footer" class="leaf-c-modal__footer"> 490 <slot name="cta"></slot> 491 </div> 492 </div> 493 </div>`}};H.styles=ye(ln);H.elementDefinitions={"leaf-backdrop":Oe,"leaf-button":Pe,"leaf-icon":xe};let C=H;I([ke(".leaf-c-modal")],C.prototype,"modal",2);I([W({type:Boolean,reflect:!0})],C.prototype,"open",2);I([W({type:Boolean,reflect:!0})],C.prototype,"dialog",2);I([W()],C.prototype,"size",2);I([Te("open",{waitUntilFirstUpdate:!0})],C.prototype,"handleOpenChange",1);customElements.define("leaf-modal",C);
493export{C as LeafModal}; 494//# sourceMappingURL=modal-Sjz6o73H.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.