1import{r as f,a as g,n as d,b as m,L as w,x as i}from"./main-DdEGjCiE.js";import{o as h}from"./if-defined-DIE9v4-k.js";import{e as b}from"./query-D1pSaKds.js";const v=`@charset "UTF-8"; 2/*------------------------------------*\\ 3#BREADCRUMBS-ITEM 4\\*------------------------------------*/ 5/*------------------------------------*\\ 6 #RESET 7\\*------------------------------------*/ 8/** 9 * Border-Box http:/paulirish.com/2012/box-sizing-border-box-ftw/ 10 */ 11*, 12::slotted(*), 13*:before, 14*:after { 15 box-sizing: border-box; 16} 17 18:host *, 19:host *::before, 20:host *::after { 21 box-sizing: inherit; 22} 23 24[hidden] { 25 display: none !important; 26} 27 28/* ------------------------------------*\\ 29 #TYPOGRAPHY PLACEHOLDERS 30\\*------------------------------------ */ 31.leaf-c-breadcrumbs__link { 32 border-bottom: none !important; 33} 34 35/* 36 Hiding class, making content visible only to screen readers but not visually ("sr" meaning "screen-reader") 37 Is the hidden content read by a screen reader? - Yes 38 Will the hidden element affect the document layout? - No 39 Will the hidden elementâs box model be rendered? - No 40 Does the element detect clicks or focus? - Yes 41 https://css-tricks.com/comparing-various-ways-to-hide-things-in-css/#method-5-the-visually-hidden-class 42*/ 43@media (max-width: 47.999rem) { 44 :host([mobile-breadcrumb]) { 45 display: flex; 46 } 47 :host([mobile-breadcrumb]) .leaf-c-breadcrumbs__link { 48 order: 2; 49 } 50 :host([mobile-breadcrumb]) .leaf-c-breadcrumbs__link:hover { 51 color: var(--leaf-color-content-link-hover); 52 } 53 :host([mobile-breadcrumb]) .leaf-c-breadcrumbs__link:hover + leaf-icon { 54 --icon-fill: var(--leaf-color-content-link-hover); 55 } 56 :host([mobile-breadcrumb]) .leaf-c-breadcrumbs__link:focus { 57 background: var(--leaf-base-color-neutral-100); 58 color: var(--leaf-color-content-knockout); 59 outline: none; 60 } 61 :host([mobile-breadcrumb]) .leaf-c-breadcrumbs__link:focus + leaf-icon { 62 --icon-fill: var(--leaf-color-content-knockout); 63 background: var(--leaf-base-color-neutral-100); 64 } 65 :host([mobile-breadcrumb]) leaf-icon { 66 --icon-fill: var(--leaf-color-content-link); 67 --icon-height: var(--leaf-spacing-24); 68 --icon-width: var(--leaf-spacing-24); 69 margin: 0; 70 transform: rotate(180deg); 71 } 72} 73 74/** 75 * 1) Singular item within the breadcrumbs component that contains a link elsewhere on the site 76 */ 77.leaf-c-breadcrumbs__item { 78 font-family: var(--leaf-typography-body-default-font-family); 79 font-size: var(--leaf-typography-body-default-font-size); 80 font-weight: var(--leaf-typography-body-default-font-weight); 81 line-height: var(--leaf-typography-body-default-line-height); 82 -webkit-text-decoration: var(--leaf-typography-body-default-text-decoration); 83 text-decoration: var(--leaf-typography-body-default-text-decoration); 84 text-transform: var(--leaf-typography-body-default-text-transform); 85 align-items: center; 86 display: inline-flex; 87 height: var(--leaf-spacing-24); 88 /** 89 * Breadcrumbs item within the last leaf-breadcrumbs-item wrapper 90 * 1) Change the treatment to not represent a link 91 */ 92} 93:host(:last-child) .leaf-c-breadcrumbs__item { 94 color: var(--leaf-color-content-default); 95} 96 97/** 98* Breadcrumbs link 99*/ 100.leaf-c-breadcrumbs__link { 101 font-family: var(--leaf-typography-body-default-link-font-family); 102 font-size: inherit; 103 font-weight: var(--leaf-typography-body-default-link-font-weight); 104 line-height: inherit; 105 -webkit-text-decoration: var(--leaf-text-decoration-none); 106 text-decoration: var(--leaf-text-decoration-none); 107 text-transform: var(--leaf-typography-body-default-link-text-transform); 108 border-bottom: var(--leaf-border-width-default) solid; 109 color: var(--leaf-color-content-link); 110 word-break: break-word; 111 align-items: center; 112 display: flex; 113 height: inherit; 114} 115.leaf-c-breadcrumbs__link:hover { 116 color: var(--leaf-color-content-link-hover); 117} 118.leaf-c-breadcrumbs__link:focus { 119 background-color: var(--leaf-color-bg-active); 120 border-color: var(--leaf-color-border-transparent); 121 color: var(--leaf-color-content-knockout); 122 outline: none; 123} 124.leaf-c-breadcrumbs__link:where(.leaf-u-link--external)::after { 125 background-color: currentColor; 126 content: "."; 127 margin: 0 0 0 var(--leaf-spacing-4); 128 padding: 0 calc(var(--leaf-spacing-8) - var(--leaf-spacing-2)); 129 -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"); 130 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"); 131 -webkit-mask-repeat: no-repeat; 132 mask-repeat: no-repeat; 133 -webkit-mask-position: center; 134 mask-position: center; 135} 136.leaf-c-breadcrumbs__link:where(.leaf-u-link--lock)::after { 137 background-color: currentColor; 138 content: "."; 139 margin: 0 0 0 var(--leaf-spacing-8); 140 padding: 0 calc(var(--leaf-spacing-8) - var(--leaf-spacing-2)); 141 -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"); 142 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"); 143 -webkit-mask-repeat: no-repeat; 144 mask-repeat: no-repeat; 145 -webkit-mask-position: center; 146 mask-position: center; 147 -webkit-mask-size: var(--leaf-spacing-40); 148 mask-size: var(--leaf-spacing-40); 149} 150.leaf-c-breadcrumbs__link:where(.leaf-u-link--inverted) { 151 color: var(--leaf-color-content-knockout); 152} 153.leaf-c-breadcrumbs__link:where(.leaf-u-link--inverted):hover {
154 color: var(--leaf-color-content-brand-knockout); 155} 156.leaf-c-breadcrumbs__link:where(.leaf-u-link--inverted):focus { 157 background-color: var(--leaf-color-content-knockout); 158 color: var(--leaf-color-bg-active); 159} 160.leaf-c-breadcrumbs__link:where(.leaf-u-link--action) { 161 border-bottom: none; 162 display: inline-block; 163 line-height: var(--leaf-spacing-32); 164 margin: var(--leaf-spacing-8) calc(var(--leaf-spacing-48) - var(--leaf-spacing-4)); 165 margin-left: 0; 166 position: relative; 167} 168.leaf-c-breadcrumbs__link:where(.leaf-u-link--action)::before { 169 content: ""; 170 display: inline-block; 171 height: 100%; 172 min-height: var(--leaf-spacing-40); 173 vertical-align: middle; 174} 175.leaf-c-breadcrumbs__link:where(.leaf-u-link--action)::after { 176 background-color: currentColor; 177 bottom: 0; 178 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"); 179 height: var(--leaf-spacing-40); 180 margin-left: var(--leaf-spacing-4); 181 position: absolute; 182 -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"); 183 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"); 184 -webkit-mask-repeat: no-repeat; 185 mask-repeat: no-repeat; 186 width: var(--leaf-spacing-40); 187} 188.leaf-c-breadcrumbs__link:where(.leaf-u-link--action):focus:after { 189 border-radius: 50%; 190 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"); 191 -webkit-mask: none; 192 mask: none; 193} 194.leaf-c-breadcrumbs__link:where(.leaf-u-link--action):where(.leaf-u-link--inverted)::after { 195 border-radius: 50%; 196 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"); 197 -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"); 198 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"); 199} 200.leaf-c-breadcrumbs__link:where(.leaf-u-link--action):where(.leaf-u-link--inverted):hover::after { 201 -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"); 202 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"); 203} 204.leaf-c-breadcrumbs__link:where(.leaf-u-link--action):where(.leaf-u-link--inverted):focus:after {
205 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"); 206 -webkit-mask: none; 207 mask: none; 208} 209 210/** 211* Breadcrumbs icon 212*/ 213leaf-icon { 214 --icon-fill: var(--leaf-base-color-neutral-80); 215 margin: 0 var(--leaf-base-spacing-8); 216}`;var k=Object.defineProperty,o=(a,t,s,u)=>{for(var e=void 0,l=a.length-1,c;l>=0;l--)(c=a[l])&&(e=c(t,s,e)||e);return e&&k(t,s,e),e};const n=class extends m(w){get breadcrumbSlottedText(){var t;return(t=this.textContent)==null?void 0:t.trim()}async updated(){await this.updateComplete,this.breadcrumbSlottedText&&this.breadcrumbLink&&this.breadcrumbLink.setAttribute("data-element-text",this.breadcrumbSlottedText)}render(){return i` 217 <div class="leaf-c-breadcrumbs__item" role="listitem"> 218 ${this.href?i`<a class="leaf-c-breadcrumbs__link" href=${h(this.href)} target=${h(this.target)}> 219 <slot></slot> 220 </a> 221 <leaf-icon name="keyboard-arrow-right" set="system"></leaf-icon>`:i`<slot></slot>`} 222 </div> 223 `}};n.styles=f(v);n.elementDefinitions={"leaf-icon":g};let r=n;o([d()],r.prototype,"href");o([d()],r.prototype,"target");o([b(".leaf-c-breadcrumbs__link")],r.prototype,"breadcrumbLink");customElements.define("leaf-breadcrumbs-item",r);export{r as LeafBreadcrumbsItem}; 224//# sourceMappingURL=breadcrumbs-item-BXgPZOKt.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.