https://www.troweprice.com/entry-point/external/[lit-server]22.js

1import{C as u,P as p,b as h}from"./[lit-server]194.js";import{I as g,P as f}from"./[lit-server]216.js";import{i as v}from"./[lit-server]235.js";import{v as k}from"./[lit-server]220.js";import{c as y}from"./[lit-server]202.js";import{d as _}from"./[lit-server]273.js";import{i as l}from"./[lit-server]256.js";import{d as x}from"./[lit-server]219.js";import{k as m}from"./[lit-server]224.js";import{BeaconIcon as L}from"./[lit-server]90.js";import{BeaconMenu as w}from"./[lit-server]109.js";import{BeaconPopover as I}from"./[lit-server]136.js";import"./[lit-server]221.js";import"./[lit-server]222.js";import"./[lit-server]227.js";import"./[lit-server]225.js";import"./[lit-server]223.js";import"./[lit-server]230.js";import"./[lit-server]231.js";import"./[lit-server]232.js";import"./[lit-server]233.js";import"./[lit-server]217.js";import"./[lit-server]228.js";import"./[lit-server]269.js";import"./[lit-server]251.js";import"./[lit-server]252.js";import"./[lit-server]215.js";import"./[lit-server]274.js";import"./[lit-server]236.js";import"./[lit-server]275.js";import"./[lit-server]270.js";import"./[lit-server]276.js";import"./[lit-server]277.js";import"./[lit-server]257.js";import"./[lit-server]226.js";import"./[lit-server]229.js";import"./[lit-server]91.js";import"./[lit-server]198.js";import"./[lit-server]253.js";const d_beaconTagName="beacon-breadcrumbs",$=u`[beacon-tag-name=beacon-breadcrumbs]{--background-color: var(--beacon-system-color-background-0);background-color:var(--background-color);padding-block:var(--beacon-system-space-cell-free-floating);font:var(--beacon-system-font-weight-light) var(--beacon-system-font-size-sans-serif-caption-300)}[beacon-tag-name=beacon-breadcrumbs] [beacon-tag-name=beacon-popover]{inline-size:auto}[beacon-tag-name=beacon-breadcrumbs] [beacon-tag-name=beacon-menu]{padding:0}[beacon-tag-name=beacon-breadcrumbs] [beacon-tag-name=beacon-menu] ol.beacon-breadcrumbs__popover-menu [beacon-tag-name=beacon-icon]{display:none;flex-shrink:0}[beacon-tag-name=beacon-breadcrumbs] [beacon-tag-name=beacon-menu] ol.beacon-breadcrumbs__popover-menu li,[beacon-tag-name=beacon-breadcrumbs] [beacon-tag-name=beacon-menu] ol.beacon-breadcrumbs__popover-menu li>*{font:var(--beacon-system-font-weight-light) var(--beacon-system-font-size-sans-serif-caption-300)}@media (width >= 640px){[beacon-tag-name=beacon-breadcrumbs] ol>li:nth-child(1)>[beacon-tag-name=beacon-icon]{display:none}}[beacon-tag-name=beacon-breadcrumbs] .beacon-breadcrumbs__popover-trigger{background:none;border-style:none;display:flex;margin:0;padding:0;position:relative;white-space:nowrap}[beacon-tag-name=beacon-breadcrumbs] .beacon-breadcrumbs__popover-trigger:before{block-size:var(--beacon-reference-space-7);content:"";inline-size:var(--beacon-reference-space-7);inset-block-start:calc(-3 * var(--beacon-reference-space-1));inset-inline-start:calc(-1 * var(--beacon-reference-space-1));position:absolute}[beacon-tag-name=beacon-breadcrumbs] .beacon-breadcrumbs__popover-trigger span.ellipses-wrapper{align-items:center;align-self:center;block-size:var(--beacon-reference-space-4);display:flex;justify-content:center;padding-inline:var(--beacon-reference-space-2)}[beacon-tag-name=beacon-breadcrumbs] .beacon-breadcrumbs__popover-trigger:hover span{background-color:var(--beacon-system-color-background-secondary-hover)}[beacon-tag-name=beacon-breadcrumbs] .beacon-breadcrumbs__popover-trigger [beacon-tag-name=beacon-icon]{color:var(--beacon-system-color-icon-link)}[beacon-tag-name=beacon-breadcrumbs] .beacon-breadcrumbs__popover-trigger [beacon-tag-name=beacon-icon]::part(internal--icon){block-size:var(--beacon-reference-space-4)}[beacon-tag-name=beacon-breadcrumbs]>ol{column-gap:var(--beacon-reference-space-3)}[beacon-tag-name=beacon-breadcrumbs]>ol>li{align-items:center;display:flex;flex-shrink:0;gap:var(--beacon-reference-space-3)}[beacon-tag-name=beacon-breadcrumbs]>ol>li:last-child{overflow-x:hidden;text-overflow:ellipsis;flex-shrink:1;font:var(--beacon-system-font-weight-bold) var(--beacon-system-font-size-sans-serif-caption-300)}[beacon-tag-name=beacon-breadcrumbs]>ol>li:last-child>a,[beacon-tag-name=beacon-breadcrumbs]>ol>li:last-child>span{overflow-x:hidden;text-overflow:ellipsis}[beacon-tag-name=beacon-breadcrumbs]>ol li>[beacon-tag-name=beacon-icon]{flex-shrink:0;stroke:var(--beacon-system-color-icon-standard)}[beacon-tag-name=beacon-breadcrumbs]>ol li>[beacon-tag-name=beacon-icon]::part(internal--icon){block-size:var(--beacon-reference-space-4)}@media (width < 640px){[beacon-tag-name=beacon-breadcrumbs]>ol>li:nth-last-child(2){overflow-x:hidden;text-overflow:ellipsis;flex-shrink:1}[beacon-tag-name=beacon-breadcrumbs]>ol>li:nth-last-child(2)>a{overflow-x:hidden;text-overflow:ellipsis}[beacon-tag-name=beacon-breadcrumbs]>ol>li:not(:nth-last-child(2)){display:none}[beacon-tag-name=beacon-breadcrumbs]>ol>li>[beacon-tag-name=beacon-icon]{transform:rotate(180deg)}}[beacon-tag-name=beacon-breadcrumbs]>ol:has(.beacon-breadcrumbs__popover-container)>li:not(:first-child,:last-child,:nth-child(2),:nth-last-child(2)){display:none}[beacon-tag-name=beacon-breadcrumbs] li:not(:last-child) a{color:var(--beacon-system-color-text-link)}[beacon-tag-name=beacon-breadcrumbs] a:not(:hover,:focus){text-decoration:none}[beacon-tag-name=beacon-breadcrumbs] [aria-current=page]{color:var(--beacon-system-color-text-standard)}@media (width >= 640px){[beacon-tag-name=beacon-breadcrumbs][use-extra-truncation-on-medium-breakpoint]>ol>.beacon-breadcrumbs__popover-container~li:nth-last-child(2){display:none}}@media (width >= 960px){[beacon-tag-name=beacon-breadcrumbs][use-extra-truncation-on-medium-breakpoint] [beacon-tag-name=beacon-menu]>ol>li:nth-last-child(1){display:none}[beacon-tag-name=beacon-breadcrumbs][use-extra-truncation-on-medium-breakpoint]>ol>.beacon-breadcrumbs__popover-container~li:nth-last-child(2){display:flex}[beacon-tag-name=beacon-breadcrumbs][use-extra-truncation-on-medium-breakpoint] li.minimal-breadcrumbs-popover{display:none}[beacon-tag-name=beacon-breadcrumbs][use-extra-truncation-on-medium-breakpoint] li.minimal-breadcrumbs-popover+li{display:flex}}`,S=u`::slotted(ol){align-items:center;display:flex;gap:var(--beacon-reference-space-3);white-space:nowrap}`;var n,M=Object.defineProperty,P=Object.getOwnPropertyDescriptor,t=(e,a,r,n)=>{for(var o,t=n>1?void 0:n?P(a,r):a,s=e.length-1;s>=0;s--)(o=e[s])&&(t=(n?o(a,r,t):o(t))||t);return n&&t&&M(a,r,t),t};const o=((n=class extends f{constructor(){super(...arguments),this.beaconTagName=d_beaconTagName,this.label="Breadcrumb",this.useExtraTruncationOnMediumBreakpoint=!1}static get styles(){return[super.styles,S]}static get lightDOMStyles(){return[super.lightDOMStyles,$]}get linkListItems(){return l(this,"_linkListItems",()=>Array.from(this.linkList.children).filter(e=>e instanceof HTMLLIElement).filter(e=>!e.classList.contains("beacon-breadcrumbs__popover-container")))}get links(){return l(this,"_links",()=>Array.from(this.querySelectorAll("a")))}get overflowListItems(){return l(this,"_overflowListItems",()=>{if(this.useExtraTruncationOnMediumBreakpoint){if(this.linkListItems.length>n.maxVisibleLinks-1)return this.linkListItems.slice(1,this.linkListItems.length-1)}else if(this.linkListItems.length>n.maxVisibleLinks)return this.linkListItems.slice(1,this.linkListItems.length-2);return[]})}createPopover(e){return k`
2      <button class="beacon-breadcrumbs__popover-trigger" id="menu" aria-label="Open nested links">

3        <span class="ellipses-wrapper">
4          <${this.createStaticTagFor("beacon-icon")} name='overflow_horizontal' scale='s'></${this.createStaticTagFor("beacon-icon")}>
5        </span>
6      </button>
7      <${this.createStaticTagFor("beacon-popover")} opens-by="#menu" class="beacon-breadcrumbs__popover" placement="bottom-start" .arrowPadding=${function(e){return 16*parseFloat(e)}(y)} .fallbackPlacements=${["top-start"]}>
8        <${this.createStaticTagFor("beacon-menu")}>
9          <ol class="beacon-breadcrumbs__popover-menu">
10            ${v(e,e=>p`${e.cloneNode(!0)}`)}
11          </ol>
12        </${this.createStaticTagFor("beacon-menu")}>
13      </${this.createStaticTagFor("beacon-popover")}>
14    `}insertPopover(){var e;this.overflowListItems.length>0&&(this.linkListItems[0].insertAdjacentHTML("afterend",`<li class="beacon-breadcrumbs__popover-container ${4===this.linkListItems.length?"minimal-breadcrumbs-popover":""}"></li>`),h(this.createPopover(this.overflowListItems),this.popoverContainer),null==(e=this.querySelector("button"))||e.insertAdjacentHTML("beforebegin",this.chevronIcon()))}addAriaCurrent(){this.links.length===this.linkListItems.length&&this.links[this.links.length-1].setAttribute("aria-current","page")}wrapLastNodeInSpan(){if(this.links.length!==this.linkListItems.length){const e=this.linkListItems[this.linkListItems.length-1];e.innerHTML=`<span>${e.innerHTML}</span>`}}injectSVGSeparators(){this.linkListItems.forEach(e=>{e.insertAdjacentHTML("afterbegin",this.chevronIcon())})}chevronIcon(){return`<${this.getScopedTagName("beacon-icon")} name='chevron_right_small' scale='s'></${this.getScopedTagName("beacon-icon")}>`}modifyDOMElements(){this.wrapLastNodeInSpan(),this.injectSVGSeparators(),this.addAriaCurrent(),this.insertPopover()}render(){return p`
15      <nav class="base" aria-label="${this.label}">
16        <slot @slotchange=${_()}></slot>
17      </nav>
18    `}}).nestedComponents=[I,w,L],n.tagName=d_beaconTagName,n.maxVisibleLinks=4,n);t([g()],o.prototype,"label",2);t([m(".beacon-breadcrumbs__popover")],o.prototype,"beaconPopover",2);t([m(".beacon-breadcrumbs__popover-container")],o.prototype,"popoverContainer",2);t([m("ol")],o.prototype,"linkList",2);t([g({type:Boolean,reflect:!0,attribute:"use-extra-truncation-on-medium-breakpoint"})],o.prototype,"useExtraTruncationOnMediumBreakpoint",2);t([x],o.prototype,"modifyDOMElements",1);let he=o;export{he as BeaconBreadcrumbs};