import{r as s,h as t,g as i}from"./p-b891c2f1.js";const r=class{constructor(t){s(this,t)}render(){return t("slot",null)}};r.style=":host{display:block;font-family:var(--sc-font-sans)}:slotted(*){margin:0}";const a=class{constructor(t){s(this,t),this.target="_self",this.mobileSize=600,this.hasPrefix=!1,this.hasSuffix=!1}componentDidLoad(){"ResizeObserver"in window&&new window.ResizeObserver((s=>{s.forEach((s=>{this.width=s.contentRect.width}))})).observe(this.el)}handleSlotChange(){this.hasPrefix=!!this.el.querySelector('.list-row__prefix [slot="prefix"]'),this.hasSuffix=!!this.el.querySelector('[slot="suffix"]')}render(){return t(this.href?"a":"div",{href:this.href,target:this.target,part:"base",class:{"list-row":!0,"list-row--has-prefix":this.hasPrefix,"list-row--has-suffix":this.hasSuffix,"breakpoint-lg":this.width>=this.mobileSize}},t("span",{class:"list-row__prefix"},t("slot",{name:"prefix",onSlotchange:()=>this.handleSlotChange()})),t("slot",{onSlotchange:()=>this.handleSlotChange()}),t("span",{class:"list-row__suffix"},t("slot",{name:"suffix",onSlotchange:()=>this.handleSlotChange()})))}get el(){return i(this)}};a.style=':host{display:block;--column-width-min:125px;position:relative}:host(:not(:last-child)){border-bottom:1px solid 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-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;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:var(--sc-spacing-xxxx-large)}.list-row--has-suffix{padding-right:var(--sc-spacing-xxxx-large)}.list-row.breakpoint-lg{grid-template-columns:repeat(calc(var(--columns) - 1), 1fr) 0.5fr;gap:var(--sc-spacing-large)}.list-row.breakpoint-lg ::slotted(:last-child:not(:first-child)){display:flex;justify-content:flex-end}';export{r as sc_stacked_list,a as sc_stacked_list_row}