FileMaster

Edit File: p-cde924f6.entry.js

import{r as e,c as a,h as s,a as i}from"./p-e97fde0a.js";import{s as t,a as r,g as o,b as d,c}from"./p-94f536d6.js";import{i as n}from"./p-b0d8cd6e.js";import{s as l}from"./p-830ab1a3.js";const h=":host{display:block;font-family:var(--sc-font-sans);--sc-toggle-padding:var(--sc-spacing-medium)}::slotted([slot=summary]){display:flex;align-items:center;flex-direction:flex-start;gap:var(--sc-spacing-x-small)}.details{border-radius:var(--sc-border-radius-medium);background-color:var(--sc-toggle-background-color, var(--sc-color-white));overflow-anchor:none}.details__radio{flex:0 0 auto;position:relative;display:inline-flex;align-items:center;justify-content:center;background-color:var(--sc-input-background-color);color:transparent;border-radius:50%;border:solid var(--sc-toggle-border-width, var(--sc-input-border-width)) var(--sc-toggle-border-color, var(--sc-input-border-color));background-color:var(--sc-input-background-color);display:inline-flex;color:transparent;width:var(--sc-toggle-radio-size, var(--sc-radio-size));height:var(--sc-toggle-radio-size, var(--sc-radio-size));transition:var(--sc-input-transition, var(--sc-transition-medium)) border-color, var(--sc-input-transition, var(--sc-transition-medium)) background-color, var(--sc-input-transition, var(--sc-transition-medium)) color, var(--sc-input-transition, var(--sc-transition-medium)) box-shadow}.details__radio svg{width:100%;height:100%}.details--open .details__radio{color:var(--sc-color-white);border-color:var(--sc-color-primary-500);background-color:var(--sc-color-primary-500)}.details:not(.details--borderless){border:solid 1px var(--sc-toggle-border-color, var(--sc-color-gray-200))}.details--disabled{opacity:0.5}.details__header{display:flex;align-items:center;border-radius:inherit;padding:var(--sc-toggle-header-padding, var(--sc-toggle-padding));user-select:none;cursor:pointer;color:var(--sc-toggle-header-color, var(--sc-input-label-color));gap:0.75em}.details__header:focus{box-shadow:var(--sc-focus-ring)}.details__header:focus-visible{box-shadow:var(--sc-focus-ring)}.details--disabled .details__header{cursor:not-allowed}.details--disabled .details__header:focus-visible{outline:none;box-shadow:none}.details__summary{flex:1 1 auto;display:flex;align-items:center}.details__summary-icon{flex:0 0 auto;display:flex;align-items:center;transition:var(--sc-transition-medium) transform ease}.details--open .details__summary-icon{transform:rotate(90deg)}.details__content{padding:var(--sc-toggle-content-padding, var(--sc-toggle-padding));padding-top:calc(var(--sc-toggle-content-padding, var(--sc-toggle-padding)) / 4)}.details--shady .details__body{border-top:solid var(--sc-input-border-width) var(--sc-input-border-color);background:var(--sc-toggle-shady-color, var(--sc-color-gray-50))}.details--shady .details__content{padding-top:var(--sc-toggle-content-padding, var(--sc-toggle-padding))}";const g=h;const f=class{constructor(s){e(this,s);this.scShow=a(this,"scShow",7);this.scHide=a(this,"scHide",7);this.open=false;this.summary=undefined;this.disabled=false;this.borderless=false;this.shady=false;this.showControl=false;this.showIcon=true;this.collapsible=true}componentDidLoad(){this.body.hidden=!this.open;this.body.style.height=this.open?"auto":"0"}async show(){if(this.open||this.disabled){return undefined}this.open=true;l(wp.i18n.__("Summary Shown","surecart"))}async hide(){if(!this.open||this.disabled||!this.collapsible){return undefined}this.open=false;l(wp.i18n.__("Summary Hidden","surecart"))}handleSummaryClick(){if(!this.disabled){if(this.open){this.hide()}else{this.show()}this.header.focus()}}handleSummaryKeyDown(e){if(e.key==="Enter"||e.key===" "){e.preventDefault();if(this.open){this.hide()}else{this.show()}}if(e.key==="ArrowUp"||e.key==="ArrowLeft"){e.preventDefault();this.hide()}if(e.key==="ArrowDown"||e.key==="ArrowRight"){e.preventDefault();this.show()}}async handleOpenChange(){if(this.open){this.scShow.emit();await r(this.body);this.body.hidden=false;this.body.style.overflow="hidden";const{keyframes:e,options:a}=o(this.el,"details.show");await d(this.body,c(e,this.body.scrollHeight),a);this.body.style.height="auto";this.body.style.overflow="visible"}else{this.scHide.emit();await r(this.body);this.body.style.overflow="hidden";const{keyframes:e,options:a}=o(this.el,"details.hide");await d(this.body,c(e,this.body.scrollHeight),a);this.body.hidden=true;this.body.style.height="auto";this.body.style.overflow="visible"}}render(){return s("div",{key:"6b8cee63da7271b88acf61acd4cbf52e9ae27170",part:"base",class:{details:true,"details--open":this.open,"details--disabled":this.disabled,"details--borderless":this.borderless,"details--shady":this.shady,"details--is-rtl":n()}},s("header",{key:"cbd92c91453d2591d739737a19e7ad785dd75355",ref:e=>this.header=e,part:"header",id:"header",class:"details__header",role:"button","aria-expanded":this.open?"true":"false","aria-controls":"content","aria-disabled":this.disabled?"true":"false",tabindex:this.disabled?"-1":"0",onClick:()=>this.handleSummaryClick(),onKeyDown:e=>this.handleSummaryKeyDown(e)},this.showControl&&s("span",{key:"15e3866f27132cd199786cdc1ea55cc22e439584",part:"radio",class:"details__radio"},s("svg",{key:"76048f363412063f4382374198df53ea9bc829ef",viewBox:"0 0 16 16"},s("g",{key:"7d35f9ed3ed8802a5b652973b589c6d3648f8b48",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},s("g",{key:"dade30f712cff6809c65e9bb065f45fa55dbf259",fill:"currentColor"},s("circle",{key:"8b26c1016eab68c45476f943e8694ce0d7fcf8fd",cx:"8",cy:"8",r:"3.42857143"}))))),s("div",{key:"283973f95d179ae62589a599886fa991de83ee58",part:"summary",class:"details__summary"},s("slot",{key:"4bd06b0fec270ad2d1f3d5164b0590cd97ce70ea",name:"summary"},this.summary)),this.showIcon&&s("span",{key:"16dbb4320e66c3e627aabd109e062d7d2e215af3",part:"summary-icon",class:"details__summary-icon"},s("slot",{key:"c6eb55da07698da902976c6b33ed3b7f5c43a991",name:"icon"},s("sc-icon",{key:"4fc447be65a932455b85400601b4424b70acedc6",name:"chevron-right"})))),s("div",{key:"7868949412abd50db33cb5dd22f1550da0819d61",class:"details__body",ref:e=>this.body=e,part:"body"},s("div",{key:"13987f7ac5a32113bd74389209d0c7bc94794821",part:"content",id:"content",class:"details__content",role:"region","aria-labelledby":"header"},s("slot",{key:"3c04b9e903d5ea368d183e27df64aa0496a20e85"}))))}get el(){return i(this)}static get watchers(){return{open:["handleOpenChange"]}}};t("details.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:250,easing:"ease"}});t("details.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:250,easing:"ease"}});f.style=g;export{f as sc_toggle};
//# sourceMappingURL=p-cde924f6.entry.js.map

Back