"use strict";(self.webpackChunk_surecart_blocks_next=self.webpackChunk_surecart_blocks_next||[]).push([[9077],{8603:function(s,t,r){function e(){return"rtl"===document.dir}r.d(t,{i:function(){return e}})},9077:function(s,t,r){r.r(t),r.d(t,{sc_empty:function(){return a},sc_stacked_list:function(){return o},sc_stacked_list_row:function(){return c}});var e=r(6892),i=r(8603);const a=class{constructor(s){(0,e.r)(this,s),this.icon=void 0}render(){return(0,e.h)("div",{key:"a9a79a6829a6b0c0cd813b34309c4f3dd1fcb509",part:"base",class:"empty"},!!this.icon&&(0,e.h)("sc-icon",{key:"4cab24882e6679e284f9a723aa5a4a4a69f3e663",exportparts:"base:icon",name:this.icon}),(0,e.h)("slot",{key:"a39dc8fb17cfa8b9d37a079d5e98f21d542ef336"}))}};a.style=":host{display:block}.empty{display:flex;flex-direction:column;align-items:center;padding:var(--sc-spacing-large);text-align:center;gap:var(--sc-spacing-small);color:var(--sc-empty-color, var(--sc-color-gray-500))}.empty sc-icon{font-size:var(--sc-font-size-xx-large);color:var(--sc-empty-icon-color, var(--sc-color-gray-700))}";const o=class{constructor(s){(0,e.r)(this,s)}render(){return(0,e.h)("slot",{key:"eeeaf6d6387ce34307c039747b18a53e5316348a"})}};o.style=":host{display:block;font-family:var(--sc-font-sans)}:slotted(*){margin:0}";const c=class{constructor(s){(0,e.r)(this,s),this.href=void 0,this.target="_self",this.mobileSize=600,this.width=void 0,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=!!Array.from(this.el.children).some((s=>"prefix"===s.slot)),this.hasSuffix=!!Array.from(this.el.children).some((s=>"suffix"===s.slot))}render(){const s=this.href?"a":"div";return(0,e.h)(s,{key:"51dbc98fdb58ab4646550ae92dfd8f05ffe483e9",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,"list-row--is-rtl":(0,i.i)()}},(0,e.h)("span",{key:"776c2821ce026f20568879895749fb8e51927070",class:"list-row__prefix"},(0,e.h)("slot",{key:"1fc6949ad596368503c9deee3870356e39f3c732",name:"prefix",onSlotchange:()=>this.handleSlotChange()})),(0,e.h)("slot",{key:"4c0cd2a16bb0ca9ba7cca72505f4dd307c97aa74",onSlotchange:()=>this.handleSlotChange()}),(0,e.h)("span",{key:"e178b122bedfd4b43ac27a6d0101c7b7a7186b81",class:"list-row__suffix"},(0,e.h)("slot",{key:"913427e71f661fc363e4676e5f9f88a754e384f9",name:"suffix",onSlotchange:()=>this.handleSlotChange()})))}get el(){return(0,e.a)(this)}};c.style=":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)}"}}]);