1import{r as g,n as c,w as v,L as p,x as w,e as m}from"./main-DdEGjCiE.js";import{e as s}from"./query-D1pSaKds.js";import{a as b}from"./light-dom-styles-BIHJ4wFY.js";import{i as f}from"./is-mobile-D5iCr1X9.js";const u=`@charset "UTF-8"; 2/*------------------------------------*\\ 3 #RESET 4\\*------------------------------------*/ 5/** 6 * Border-Box http:/paulirish.com/2012/box-sizing-border-box-ftw/ 7 */ 8*, 9::slotted(*), 10*:before, 11*:after { 12 box-sizing: border-box; 13} 14 15:host *, 16:host *::before, 17:host *::after { 18 box-sizing: inherit; 19} 20 21[hidden] { 22 display: none !important; 23} 24 25/* ------------------------------------*\\ 26 #TYPOGRAPHY PLACEHOLDERS 27\\*------------------------------------ */ 28.leaf-c-content-card ::slotted([slot=content]) { 29 font-family: var(--leaf-typography-body-default-font-family); 30 font-size: var(--leaf-typography-body-default-font-size); 31 font-weight: var(--leaf-typography-body-default-font-weight); 32 line-height: var(--leaf-typography-body-default-line-height); 33 -webkit-text-decoration: var(--leaf-typography-body-default-text-decoration); 34 text-decoration: var(--leaf-typography-body-default-text-decoration); 35 text-transform: var(--leaf-typography-body-default-text-transform); 36} 37 38.leaf-c-content-card ::slotted([slot=meta]) { 39 font-family: var(--leaf-typography-body-small-font-family); 40 font-size: var(--leaf-typography-body-small-font-size); 41 font-weight: var(--leaf-typography-body-small-font-weight); 42 line-height: var(--leaf-typography-body-small-line-height); 43 -webkit-text-decoration: var(--leaf-typography-body-small-text-decoration); 44 text-decoration: var(--leaf-typography-body-small-text-decoration); 45 text-transform: var(--leaf-typography-body-small-text-transform); 46} 47 48.leaf-c-content-card [slot=heading] a { 49 font-family: unset; 50 font-size: unset; 51 font-weight: unset; 52 line-height: unset; 53 -webkit-text-decoration: unset; 54 text-decoration: unset; 55 text-transform: unset; 56 border-bottom: unset; 57} 58 59/* 60 Hiding class, making content visible only to screen readers but not visually ("sr" meaning "screen-reader") 61 Is the hidden content read by a screen reader? - Yes 62 Will the hidden element affect the document layout? - No 63 Will the hidden elementâs box model be rendered? - No 64 Does the element detect clicks or focus? - Yes 65 https://css-tricks.com/comparing-various-ways-to-hide-things-in-css/#method-5-the-visually-hidden-class 66*/ 67:host {
68 --tcg-card-box-shadow-color: var(--leaf-color-border-default); 69 display: block; 70} 71 72.leaf-c-content-card { 73 color: var(--leaf-color-content-default); 74 height: 100%; 75} 76.leaf-c-content-card ::slotted([slot=meta]), 77.leaf-c-content-card [slot=heading], 78.leaf-c-content-card ::slotted([slot=content]) { 79 margin-block: 0 !important; 80 padding-bottom: var(--leaf-spacing-4); 81} 82.leaf-c-content-card [slot=heading] :focus-visible { 83 box-shadow: none; 84} 85.leaf-c-content-card [slot=heading] a { 86 font-family: var(--leaf-typography-body-default-link-font-family); 87 font-size: inherit; 88 font-weight: var(--leaf-typography-body-default-link-font-weight); 89 line-height: inherit; 90 -webkit-text-decoration: var(--leaf-text-decoration-none); 91 text-decoration: var(--leaf-text-decoration-none); 92 text-transform: var(--leaf-typography-body-default-link-text-transform); 93 border-bottom: var(--leaf-border-width-default) solid; 94 color: var(--leaf-color-content-link); 95 word-break: break-word; 96 border-bottom: 0; 97} 98.leaf-c-content-card [slot=heading] a:hover { 99 color: var(--leaf-color-content-link-hover); 100} 101.leaf-c-content-card [slot=heading] a:focus { 102 background-color: var(--leaf-color-bg-active); 103 border-color: var(--leaf-color-border-transparent); 104 color: var(--leaf-color-content-knockout); 105 outline: none; 106} 107.leaf-c-content-card [slot=heading] a:where(.leaf-u-link--external)::after { 108 background-color: currentColor; 109 content: "."; 110 margin: 0 0 0 var(--leaf-spacing-4); 111 padding: 0 calc(var(--leaf-spacing-8) - var(--leaf-spacing-2)); 112 -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none'%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cpath xmlns='http://www.w3.org/2000/svg' id='svg_1' fill='%23333333' d='m28.667,28.667l-9.334,0l0,-9.334l4.667,0l0,-1.333l-4.667,0c-0.74,0 -1.333,0.6 -1.333,1.333l0,9.334c0,0.733 0.593,1.333 1.333,1.333l9.334,0c0.733,0 1.333,-0.6 1.333,-1.333l0,-4.667l-1.333,0l0,4.667zm-3.334,-10.667l0,1.333l2.394,0l-6.554,6.554l0.94,0.94l6.554,-6.554l0,2.394l1.333,0l0,-4.667l-4.667,0z'/%3E%3C/g%3E%3C/svg%3E"); 113 mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none'%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cpath xmlns='http://www.w3.org/2000/svg' id='svg_1' fill='%23333333' d='m28.667,28.667l-9.334,0l0,-9.334l4.667,0l0,-1.333l-4.667,0c-0.74,0 -1.333,0.6 -1.333,1.333l0,9.334c0,0.733 0.593,1.333 1.333,1.333l9.334,0c0.733,0 1.333,-0.6 1.333,-1.333l0,-4.667l-1.333,0l0,4.667zm-3.334,-10.667l0,1.333l2.394,0l-6.554,6.554l0.94,0.94l6.554,-6.554l0,2.394l1.333,0l0,-4.667l-4.667,0z'/%3E%3C/g%3E%3C/svg%3E"); 114 -webkit-mask-repeat: no-repeat; 115 mask-repeat: no-repeat; 116 -webkit-mask-position: center; 117 mask-position: center; 118} 119.leaf-c-content-card [slot=heading] a:where(.leaf-u-link--lock)::after { 120 background-color: currentColor; 121 content: "."; 122 margin: 0 0 0 var(--leaf-spacing-8); 123 padding: 0 calc(var(--leaf-spacing-8) - var(--leaf-spacing-2)); 124 -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none'%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cpath xmlns='http://www.w3.org/2000/svg' d='m28.5,21.25l-0.75,0l0,-1.571c0,-2.169 -1.68,-3.929 -3.75,-3.929c-2.07,0 -3.75,1.76 -3.75,3.929l0,1.571l-0.75,0c-0.825,0 -1.5,0.707 -1.5,1.571l0,7.858c0,0.864 0.675,1.571 1.5,1.571l9,0c0.825,0 1.5,-0.707 1.5,-1.571l0,-7.859c0,-0.864 -0.675,-1.571 -1.5,-1.571l0,0.001zm-6.75,-1.571c0,-1.305 1.005,-2.358 2.25,-2.358s2.25,1.053 2.25,2.358l0,1.571l-4.5,0l0,-1.571zm6.75,11l-9,0l0,-7.859l9,0l0,7.858l0,0.001zm-4.5,-2.359c0.825,0 1.5,-0.707 1.5,-1.571s-0.675,-1.571 -1.5,-1.571s-1.5,0.707 -1.5,1.571s0.675,1.571 1.5,1.571z' fill='%23333333' id='svg_1'/%3E%3C/g%3E%3C/svg%3E"); 125 mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none'%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cpath xmlns='http://www.w3.org/2000/svg' d='m28.5,21.25l-0.75,0l0,-1.571c0,-2.169 -1.68,-3.929 -3.75,-3.929c-2.07,0 -3.75,1.76 -3.75,3.929l0,1.571l-0.75,0c-0.825,0 -1.5,0.707 -1.5,1.571l0,7.858c0,0.864 0.675,1.571 1.5,1.571l9,0c0.825,0 1.5,-0.707 1.5,-1.571l0,-7.859c0,-0.864 -0.675,-1.571 -1.5,-1.571l0,0.001zm-6.75,-1.571c0,-1.305 1.005,-2.358 2.25,-2.358s2.25,1.053 2.25,2.358l0,1.571l-4.5,0l0,-1.571zm6.75,11l-9,0l0,-7.859l9,0l0,7.858l0,0.001zm-4.5,-2.359c0.825,0 1.5,-0.707 1.5,-1.571s-0.675,-1.571 -1.5,-1.571s-1.5,0.707 -1.5,1.571s0.675,1.571 1.5,1.571z' fill='%23333333' id='svg_1'/%3E%3C/g%3E%3C/svg%3E"); 126 -webkit-mask-repeat: no-repeat; 127 mask-repeat: no-repeat; 128 -webkit-mask-position: center; 129 mask-position: center; 130 -webkit-mask-size: var(--leaf-spacing-40); 131 mask-size: var(--leaf-spacing-40); 132} 133.leaf-c-content-card [slot=heading] a:where(.leaf-u-link--inverted) { 134 color: var(--leaf-color-content-knockout); 135} 136.leaf-c-content-card [slot=heading] a:where(.leaf-u-link--inverted):hover {
137 color: var(--leaf-color-content-brand-knockout); 138} 139.leaf-c-content-card [slot=heading] a:where(.leaf-u-link--inverted):focus { 140 background-color: var(--leaf-color-content-knockout); 141 color: var(--leaf-color-bg-active); 142} 143.leaf-c-content-card [slot=heading] a:where(.leaf-u-link--action) { 144 border-bottom: none; 145 display: inline-block; 146 line-height: var(--leaf-spacing-32); 147 margin: var(--leaf-spacing-8) calc(var(--leaf-spacing-48) - var(--leaf-spacing-4)); 148 margin-left: 0; 149 position: relative; 150} 151.leaf-c-content-card [slot=heading] a:where(.leaf-u-link--action)::before { 152 content: ""; 153 display: inline-block; 154 height: 100%; 155 min-height: var(--leaf-spacing-40); 156 vertical-align: middle; 157} 158.leaf-c-content-card [slot=heading] a:where(.leaf-u-link--action)::after { 159 background-color: currentColor; 160 bottom: 0; 161 content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 41 40' fill='none'%3E%3Cpath d='M20 12L18.59 13.41L24.17 19H12V21H24.17L18.59 26.59L20 28L28 20L20 12Z' fill='white'/%3E%3C/svg%3E"); 162 height: var(--leaf-spacing-40); 163 margin-left: var(--leaf-spacing-4); 164 position: absolute; 165 -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 41 40' fill='none'%3E%3Crect x='5' y='5' width='30' height='30' rx='15' fill='%23001F99'/%3E%3Cpath d='M20 12L18.59 13.41L24.17 19H12V21H24.17L18.59 26.59L20 28L28 20L20 12Z' fill='white'/%3E%3Crect x='39' y='39' width='38' height='38' rx='19' transform='rotate(180 39 39)' stroke='transparent' stroke-width='2'/%3E%3Crect x='5' y='5' width='30' height='30' rx='15' stroke='%23001F99' stroke-width='2'/%3E%3C/svg%3E"); 166 mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 41 40' fill='none'%3E%3Crect x='5' y='5' width='30' height='30' rx='15' fill='%23001F99'/%3E%3Cpath d='M20 12L18.59 13.41L24.17 19H12V21H24.17L18.59 26.59L20 28L28 20L20 12Z' fill='white'/%3E%3Crect x='39' y='39' width='38' height='38' rx='19' transform='rotate(180 39 39)' stroke='transparent' stroke-width='2'/%3E%3Crect x='5' y='5' width='30' height='30' rx='15' stroke='%23001F99' stroke-width='2'/%3E%3C/svg%3E"); 167 -webkit-mask-repeat: no-repeat; 168 mask-repeat: no-repeat; 169 width: var(--leaf-spacing-40); 170} 171.leaf-c-content-card [slot=heading] a:where(.leaf-u-link--action):focus:after { 172 border-radius: 50%; 173 content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 41 40' fill='none'%3E%3Crect x='5.28027' y='5' width='30' height='30' rx='15' fill='%23001F99'/%3E%3Cpath d='M20.2803 12L18.8703 13.41L24.4503 19H12.2803V21H24.4503L18.8703 26.59L20.2803 28L28.2803 20L20.2803 12Z' fill='white'/%3E%3Crect x='39.2803' y='39' width='38' height='38' rx='19' transform='rotate(180 39.2803 39)' stroke='black' stroke-width='2'/%3E%3Crect x='5.28027' y='5' width='30' height='30' rx='15' stroke='%23001F99' stroke-width='2'/%3E%3C/svg%3E"); 174 -webkit-mask: none; 175 mask: none; 176} 177.leaf-c-content-card [slot=heading] a:where(.leaf-u-link--action):where(.leaf-u-link--inverted)::after { 178 border-radius: 50%; 179 content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 41 40' fill='none'%3E%3Cpath d='M20 12L18.59 13.41L24.17 19H12V21H24.17L18.59 26.59L20 28L28 20L20 12Z' fill='%230033FF'/%3E%3C/svg%3E"); 180 -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 41 40' fill='none'%3E%3Crect x='5' y='5' width='30' height='30' rx='15' fill='white'/%3E%3Cpath d='M20 12L18.59 13.41L24.17 19H12V21H24.17L18.59 26.59L20 28L28 20L20 12Z' fill='%230033FF'/%3E%3Crect x='5' y='5' width='30' height='30' rx='15' stroke='white' stroke-width='2'/%3E%3C/svg%3E"); 181 mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 41 40' fill='none'%3E%3Crect x='5' y='5' width='30' height='30' rx='15' fill='white'/%3E%3Cpath d='M20 12L18.59 13.41L24.17 19H12V21H24.17L18.59 26.59L20 28L28 20L20 12Z' fill='%230033FF'/%3E%3Crect x='5' y='5' width='30' height='30' rx='15' stroke='white' stroke-width='2'/%3E%3C/svg%3E"); 182} 183.leaf-c-content-card [slot=heading] a:where(.leaf-u-link--action):where(.leaf-u-link--inverted):hover::after { 184 -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 41 40' fill='none'%3E%3Crect x='5' y='5' width='30' height='30' rx='15' fill='%23E6EBFF'/%3E%3Cpath d='M20 12L18.59 13.41L24.17 19H12V21H24.17L18.59 26.59L20 28L28 20L20 12Z' fill='%230033FF'/%3E%3Crect x='39' y='39' width='38' height='38' rx='19' transform='rotate(180 39 39)' stroke='transparent' stroke-width='2'/%3E%3Crect x='5' y='5' width='30' height='30' rx='15' stroke='%23E6EBFF' stroke-width='2'/%3E%3C/svg%3E"); 185 mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 41 40' fill='none'%3E%3Crect x='5' y='5' width='30' height='30' rx='15' fill='%23E6EBFF'/%3E%3Cpath d='M20 12L18.59 13.41L24.17 19H12V21H24.17L18.59 26.59L20 28L28 20L20 12Z' fill='%230033FF'/%3E%3Crect x='39' y='39' width='38' height='38' rx='19' transform='rotate(180 39 39)' stroke='transparent' stroke-width='2'/%3E%3Crect x='5' y='5' width='30' height='30' rx='15' stroke='%23E6EBFF' stroke-width='2'/%3E%3C/svg%3E"); 186} 187.leaf-c-content-card [slot=heading] a:where(.leaf-u-link--action):where(.leaf-u-link--inverted):focus:after {
188 content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 41 40' fill='none'%3E%3Crect x='5' y='5' width='30' height='30' rx='15' fill='%23E6EBFF'/%3E%3Cpath d='M20 12L18.59 13.41L24.17 19H12V21H24.17L18.59 26.59L20 28L28 20L20 12Z' fill='%230033FF'/%3E%3Crect x='39' y='39' width='38' height='38' rx='19' transform='rotate(180 39 39)' stroke='white' stroke-width='2'/%3E%3Crect x='5' y='5' width='30' height='30' rx='15' stroke='%23E6EBFF' stroke-width='2'/%3E%3C/svg%3E"); 189 -webkit-mask: none; 190 mask: none; 191} 192.leaf-c-content-card [slot=heading], 193.leaf-c-content-card [slot=heading] a { 194 font-family: var(--leaf-typography-title-default-font-family) !important; 195 font-size: var(--leaf-typography-label-large-font-size) !important; 196 font-weight: var(--leaf-typography-title-default-font-weight) !important; 197 line-height: var(--leaf-typography-title-default-line-height) !important; 198 -webkit-text-decoration: var(--leaf-typography-title-default-text-decoration) !important; 199 text-decoration: var(--leaf-typography-title-default-text-decoration) !important; 200 text-transform: var(--leaf-typography-title-default-text-transform) !important; 201} 202.leaf-c-content-card [slot=heading] { 203 color: var(--leaf-color-content-brand-strong); 204} 205.leaf-c-content-card .inner-wrapper { 206 border-radius: var(--leafdcws-leafyborder); 207 background-color: var(--leaf-color-bg-default); 208 box-shadow: 0 0 0 var(--leaf-border-width-focus) var(--tcg-card-box-sha
208dow-color); 209 height: 100%; 210 width: 100%; 211} 212 213.leaf-c-content-card--simple ::slotted([slot=decoration]) { 214 --icon-height: 64px; 215 --icon-width: 64px; 216 --icon-fill: currentColor; 217 color: var(--leaf-color-content-brand); 218 display: block; 219 margin-bottom: var(--leaf-spacing-24); 220} 221.leaf-c-content-card--simple.leaf-c-content-card--decoration-center ::slotted([slot=decoration]) { 222 width: 100%; 223} 224.leaf-c-content-card--simple.leaf-c-content-card--text-center .card-body { 225 text-align: center; 226} 227.leaf-c-content-card--simple .inner-wrapper { 228 padding: var(--leaf-spacing-24); 229} 230 231.leaf-c-content-card--image .inner-wrapper { 232 border-radius: var(--leaf-border-radius-large); 233 display: flex; 234 flex-direction: column; 235} 236.leaf-c-content-card--image ::slotted([slot=decoration]) { 237 width: 100%; 238} 239.leaf-c-content-card--image .card-body { 240 padding: var(--leaf-spacing-24); 241} 242@media (min-width: 60rem) { 243 .leaf-c-content-card--image:not(.leaf-c-content-card--decoration-center) .inner-wrapper { 244 flex-direction: row; 245 } 246 .leaf-c-content-card--image:not(.leaf-c-content-card--decoration-center) ::slotted([slot=decoration]) { 247 display: none !important; 248 } 249 .leaf-c-content-card--image:not(.leaf-c-content-card--decoration-center) .card-decoration { 250 background-size: cover; 251 background-position: center; 252 border-radius: var(--leaf-border-radius-large) 0 0 var(--leaf-border-radius-large); 253 min-height: 350px; 254 width: 50%; 255 } 256 .leaf-c-content-card--image:not(.leaf-c-content-card--decoration-center) .card-body { 257 margin: auto 0; 258 width: 50%; 259 } 260 .leaf-c-content-card--image:not(.leaf-c-content-card--decoration-center) [slot=heading], 261 .leaf-c-content-card--image:not(.leaf-c-content-card--decoration-center) [slot=heading] a { 262 padding: unset; 263 font-family: var(--leaf-typography-title-large-font-family) !important; 264 font-size: var(--leaf-typography-title-default-font-size) !important; 265 font-weight: var(--leaf-typography-title-large-font-weight) !important; 266 line-height: var(--leaf-typography-title-large-line-height) !important; 267 -webkit-text-decoration: var(--leaf-typography-title-large-text-decoration) !important; 268 text-decoration: var(--leaf-typography-title-large-text-decoration) !important; 269 text-transform: var(--leaf-typography-title-large-text-transform) !important; 270 } 271 .leaf-c-content-card--image:not(.leaf-c-content-card--decoration-center) ::slotted([slot=content]), 272 .leaf-c-content-card--image:not(.leaf-c-content-card--decoration-center) ::slotted([slot=cta]) { 273 padding: var(--leaf-spacing-8) 0; 274 } 275} 276.leaf-c-content-card--image.leaf-c-content-card--inverted .inner-wrapper {
277 --tcg-card-box-shadow-color: var(--leaf-color-border-default); 278 background-color: var(--leaf-color-bg-brand-xstrong); 279 color: var(--leaf-color-content-knockout); 280} 281.leaf-c-content-card--image.leaf-c-content-card--inverted [slot=heading] { 282 color: var(--leaf-color-content-knockout); 283} 284.leaf-c-content-card--image.leaf-c-content-card--inverted [slot=heading] a { 285 color: var(--leaf-color-content-knockout); 286} 287.leaf-c-content-card--image.leaf-c-content-card--inverted [slot=heading] a:focus { 288 background-color: var(--leaf-color-bg-default); 289 color: var(--leaf-color-content-default); 290} 291 292.leaf-c-content-card--interactive { 293 overflow: visible; 294} 295.leaf-c-content-card--interactive [slot=heading] { 296 color: var(--leaf-color-content-brand); 297} 298.leaf-c-content-card--interactive .inner-wrapper { 299 background-color: var(--leaf-color-bg-default); 300 border-radius: var(--leaf-border-radius-large); 301 cursor: pointer; 302 position: relative; 303 overflow: visible; 304} 305.leaf-c-content-card--interactive .inner-wrapper:hover { 306 --tcg-card-box-sha
306dow-color: var(--leaf-color-border-brand); 307 background-color: var(--leaf-color-bg-brand-hover); 308} 309.leaf-c-content-card--interactive .inner-wrapper.no-touch { 310 --tcg-card-box-shadow-color: var(--leaf-color-border-default); 311 background-color: var(--leaf-color-bg-default); 312} 313.leaf-c-content-card--interactive .inner-wrapper:focus-within { 314 --tcg-card-box-shadow-color: var(--leaf-color-border-brand); 315 background-color: var(--leaf-color-bg-brand-hover); 316} 317.leaf-c-content-card--interactive .inner-wrapper:active, .leaf-c-content-card--interactive .inner-wrapper:focus { 318 --tcg-card-box-shadow-color: var(--leaf-color-border-brand); 319 background-color: var(--leaf-color-bg-brand); 320} 321.leaf-c-content-card--interactive.leaf-c-content-card--inverted .inner-wrapper { 322 background-color: var(--leaf-color-bg-brand-xstrong); 323} 324.leaf-c-content-card--interactive.leaf-c-content-card--inverted .inner-wrapper:hover { 325 --tcg-card-box-shadow-color: var(--leaf-color-border-brand); 326 background-color: var(--leaf-color-bg-brand-xstrong-hover); 327} 328.leaf-c-content-card--interactive.leaf-c-content-card--inverted .inner-wrapper.no-touch {
329 --tcg-card-box-shadow-color: var(--leaf-color-border-default); 330 background-color: var(--leaf-color-bg-brand-xstrong); 331} 332.leaf-c-content-card--interactive.leaf-c-content-card--inverted .inner-wrapper:focus-within { 333 --tcg-card-box-shadow-color: var(--leaf-color-border-brand); 334 background-color: var(--leaf-color-bg-brand-xstrong-hover); 335} 336.leaf-c-content-card--interactive.leaf-c-content-card--inverted .inner-wrapper:active, .leaf-c-content-card--interactive.leaf-c-content-card--inverted .inner-wrapper:focus { 337 --tcg-card-box-shadow-color: var(--leaf-color-border-brand); 338 background-color: var(--leaf-color-bg-brand-xstrong-active); 339} 340.leaf-c-content-card--interactive.leaf-c-content-card--inverted [slot=heading] a:hover, .leaf-c-content-card--interactive.leaf-c-content-card--inverted [slot=heading] a:focus, .leaf-c-content-card--interactive.leaf-c-content-card--inverted [slot=heading] a:active { 341 --tcg-card-box-shadow-color: var(--leaf-color-border-transparent); 342 background-color: unset; 343 color: var(--leaf-color-content-knockout); 344} 345.leaf-c-content-card--interactive [slot=heading] a::before { 346 content: ""; 347 display: block; 348 position: absolute; 349 top: 0; 350 bottom: 0; 351 left: 0; 352 right: 0; 353 z-index: 1; 354} 355.leaf-c-content-card--interactive [slot=heading] a:hover, .leaf-c-content-card--interactive [slot=heading] a:focus, .leaf-c-content-card--interactive [slot=heading] a:active {
356 --tcg-card-box-shadow-color: var(--leaf-color-border-transparent); 357 background-color: unset; 358 color: unset; 359} 360.leaf-c-content-card--interactive [slot=heading] a:focus-visible::before { 361 border-radius: var(--leaf-border-radius-large); 362 box-shadow: 0 0 0 var(--leaf-border-width-focus) var(--leaf-color-border-brand), 0 0 0 calc(var(--leaf-border-width-focus) * 2) var(--leaf-color-border-knockout), 0 0 0 calc(var(--leaf-border-width-focus) * 3) var(--leaf-color-border-active-outline); 363}`,x=`leaf-card img { 364 border-radius: var(--leafdcws-top-content-border-radius); 365 width: 100%; 366 -o-object-fit: cover; 367 object-fit: cover; 368} 369@media (min-width: 60rem) { 370 leaf-card:not([decorationposition=center]) img { 371 border-radius: var(--leaf-border-radius-large) 0 0 var(--leaf-border-radius-large); 372 } 373}`;var y=Object.defineProperty,k=Object.getOwnPropertyDescriptor,n=(d,t,r,e)=>{for(var a=e>1?void 0:e?k(t,r):t,l=d.length-1,i;l>=0;l--)(i=d[l])&&(a=(e?i(t,r,a):i(a))||a);return e&&a&&y(t,r,a),a};const h=class extends p{constructor(){super(),this.variant="simple",this.decorationPosition="left",this.textPosition="left",this.interactive=!1,this.inverted=!1,this.setSrc=(t,r)=>{var e,a,l;let i=`background-image: url(${t});`;this.imagePosition&&(i+=`background-position: ${this.imagePosition};`),(e=this.cardDecoration)==null||e.setAttribute("style",i),r&&((a=this.cardDecoration)==null||a.setAttribute("role","img"),(l=this.cardDecoration)==null||l.setAttribute("aria-label",`${r}`))},this.setImage=()=>{var t;if(!f("lg")&&this.decorationPosition==="left"&&this.slottedImage){const r=this.slottedImage.assignedNodes()[0],e=r.nodeName==="PICTURE"?r.querySelector("img"):r,a=e?.getAttribute("aria-label");e?.complete?this.setSrc(e?.currentSrc,a):e&&(e.onload=()=>{this.setSrc(e?.currentSrc,a)})}else(t=this.cardDecoration)==null||t.removeAttribute("style")},b("leaf-card-styles",x)}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",()=>{this.handleDecorationChange()}),this.interactive&&f()&&(this.addEventListener("touchstart",()=>this.cardInnerWrapper.classList.remove("no-touch")),this.addEventListener("touchend",()=>this.cardInnerWrapper.classList.add("no-touch")))}handleHeadingSlotChange(t){const e=t.target.assignedElements()[0];t.target&&e&&t.target.insertAdjacentElement("beforebegin",e)}handleDecorationChange(){this.variant==="image"&&this.setImage()}updateImagePosition(){this.handleDecorationChange()}render(){const t={"leaf-c-content-card":!0,"leaf-c-content-card--interactive":this.interactive,"leaf-c-content-card--decoration-center":this.decorationPosition==="center","leaf-c-content-card--text-center":this.textPosition==="center","leaf-c-content-card--simple":this.variant==="simple","leaf-c-content-card--image":this.variant==="image","leaf-c-content-card--inverted":this.inverted};return w` 374 <div class="${m(t)}"> 375 <div class="inner-wrapper"> 376 <div class="card-decoration"> 377 <slot name="decoration" @slotchange=${this.handleDecorationChange}></slot> 378 </div> 379 <div class="card-body"> 380 <slot name="meta"></slot> 381 <slot name="heading" @slotchange=${this.handleHeadingSlotChange}></slot> 382 <slot name="content"></slot> 383 <slot name="cta"></slot> 384 </div> 385 </div> 386 </div> 387 `}};h.styles=g(u);let o=h;n([c()],o.prototype,"variant",2);n([c()],o.prototype,"decorationPosition",2);n([c()],o.prototype,"textPosition",2);n([c({type:Boolean})],o.prototype,"interactive",2);n([c({type:Boolean})],o.prototype,"inverted",2);n([c({attribute:"image-position"})],o.prototype,"imagePosition",2);n([s('slot[name="decoration"]')],o.prototype,"slottedImage",2);n([s(".card-decoration")],o.prototype,"cardDecoration",2);n([s(".inner-wrapper")],o.prototype,"cardInnerWrapper",2);n([v(["imagePosition","decorationPosition"])],o.prototype,"updateImagePosition",1);customElements.define("leaf-card",o);export{o as LeafCard}; 388//# sourceMappingURL=card-CerjjjLh.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.