import{r as s,h as t,a as i}from"./p-e97fde0a.js";import{i as r}from"./p-b0d8cd6e.js";const a=":host{display:block;font-family:var(--sc-font-sans)}:slotted(*){margin:0}";const e=a;const o=class{constructor(t){s(this,t)}render(){return t("slot",{key:"57b8eee5739ee77da6555fb298816b8122eb2167"})}};o.style=e;const l=":host{display:block;--column-width-min:125px;position:relative}:host(:not(:last-child)){border-bottom:1px solid var(--sc-stacked-list-border-color, var(--sc-color-gray-200))}:host(:focus-within){z-index:2}.list-row{background:var(--sc-list-row-background-color, var(--sc-color-white));color:var(--sc-list-row-color, var(--sc-color-gray-800));text-decoration:none;display:grid;justify-content:var(--sc-stacked-list-row-justify-content, space-between);align-items:var(--sc-stacked-list-row-align-items, start);grid-template-columns:repeat(auto-fit, minmax(100%, 1fr));gap:var(--sc-spacing-xx-small);padding:var(--sc-spacing-medium) var(--sc-spacing-large);transition:background-color var(--sc-transition-fast) ease;border-radius:var(--sc-input-border-radius-medium);min-width:0px;min-height:0px}.list-row[href]:hover{background:var(--sc-stacked-list-row-hover-color, var(--sc-color-gray-50))}.list-row__prefix,.list-row__suffix{position:absolute;top:50%;transform:translateY(-50%);z-index:1}.list-row__prefix{left:var(--sc-spacing-large)}.list-row__suffix{right:var(--sc-spacing-large)}.list-row--has-prefix{padding-left:3.5em}.list-row--has-suffix{padding-right:3.5em;gap:var(--sc-spacing-xxxx-large)}.list-row.breakpoint-lg{grid-template-columns:repeat(calc(var(--columns) - 1), 1fr) 1fr;gap:var(--sc-spacing-large)}.list-row.breakpoint-lg ::slotted(:last-child:not(:first-child)){display:flex;justify-content:flex-end}.list-row--is-rtl.list-row__prefix,.list-row--is-rtl.list-row__suffix{left:20px;width:20px;transform:rotate(180deg)}.list-row--is-rtl.list-row__suffix{right:auto}.list-row--is-rtl.list-row--has-suffix{gap:var(--sc-spacing-large)}";const c=l;const n=class{constructor(t){s(this,t);this.href=undefined;this.target="_self";this.mobileSize=600;this.width=undefined;this.hasPrefix=false;this.hasSuffix=false}componentDidLoad(){if("ResizeObserver"in window){var s=new window.ResizeObserver((s=>{s.forEach((s=>{this.width=s.contentRect.width}))}));s.observe(this.el)}}handleSlotChange(){this.hasPrefix=!!Array.from(this.el.children).some((s=>s.slot==="prefix"));this.hasSuffix=!!Array.from(this.el.children).some((s=>s.slot==="suffix"))}render(){const s=this.href?"a":"div";return t(s,{key:"d067eb96bb3c94f1da3bf09b00d220130d507080",href:this.href,target:this.target,part:"base",class:{"list-row":true,"list-row--has-prefix":this.hasPrefix,"list-row--has-suffix":this.hasSuffix,"breakpoint-lg":this.width>=this.mobileSize,"list-row--is-rtl":r()}},t("span",{key:"327a49e1bb71b3680cf7faddae838a32f60d15ce",class:"list-row__prefix"},t("slot",{key:"d2cd53273ed1367713a15e259d767f0449fd4de3",name:"prefix",onSlotchange:()=>this.handleSlotChange()})),t("slot",{key:"d7b25cf9c8bd2cf1089ae8c5074741e7b62d5371",onSlotchange:()=>this.handleSlotChange()}),t("span",{key:"d367675045c77cf7ec410beda39e77714c557f22",class:"list-row__suffix"},t("slot",{key:"b8b34764c0cac1a71f76455ca24914f068baf1d3",name:"suffix",onSlotchange:()=>this.handleSlotChange()})))}get el(){return i(this)}};n.style=c;export{o as sc_stacked_list,n as sc_stacked_list_row};
//# sourceMappingURL=p-da554ca5.entry.js.map