FileMaster

Edit File: sc-stacked-list-row2.js

import{proxyCustomElement,HTMLElement,h}from"@stencil/core/internal/client";import{i as isRtl}from"./page-align.js";const scStackedListRowCss=":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-stacked-list-row-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)}",ScStackedListRowStyle0=scStackedListRowCss,ScStackedListRow=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),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((t=>{t.forEach((t=>{this.width=t.contentRect.width}))})).observe(this.el)}handleSlotChange(){this.hasPrefix=!!Array.from(this.el.children).some((t=>"prefix"===t.slot)),this.hasSuffix=!!Array.from(this.el.children).some((t=>"suffix"===t.slot))}render(){const t=this.href?"a":"div";return h(t,{key:"8c9c116e0f0ea929bad1080bf2a5d4e663d947e8",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":isRtl()}},h("span",{key:"c16c3bac56ff8164d85aa231564803467ed87c07",class:"list-row__prefix"},h("slot",{key:"78babb939b03d45adadb4bb202935ac1f41f0e82",name:"prefix",onSlotchange:()=>this.handleSlotChange()})),h("slot",{key:"9e1531a4bb8b5359ce6619df163a643e455e59e3",onSlotchange:()=>this.handleSlotChange()}),h("span",{key:"9368fc7b2dabad0a04fc61c6538bb49f6b142344",class:"list-row__suffix"},h("slot",{key:"11ea3e46fe3cb4192cf4a0ef2fab43c030df9fb2",name:"suffix",onSlotchange:()=>this.handleSlotChange()})))}get el(){return this}static get style(){return ScStackedListRowStyle0}},[1,"sc-stacked-list-row",{href:[1],target:[1],mobileSize:[2,"mobile-size"],width:[32],hasPrefix:[32],hasSuffix:[32]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["sc-stacked-list-row"].forEach((t=>{"sc-stacked-list-row"===t&&(customElements.get(t)||customElements.define(t,ScStackedListRow))}))}export{ScStackedListRow as S,defineCustomElement as d};

Back