FileMaster

Edit File: p-f89b9bb8.entry.js

import{r as t,c as i,h as c,a as r}from"./p-e97fde0a.js";import{F as s}from"./p-8b323bfb.js";const o=':host{--height:var(--sc-toggle-size);--thumb-size:calc(var(--sc-toggle-size) - 2px);--width:calc(var(--height) * 2);display:block}.switch{display:inline-flex;align-items:flex-start;gap:0.7em;font-family:var(--sc-input-font-family);font-size:var(--sc-input-font-size-medium);font-weight:var(--sc-input-font-weight);color:var(--sc-input-color);vertical-align:middle;cursor:pointer}.switch--reversed{flex-direction:row-reverse}.switch--editing{cursor:initial}.switch__control{flex:0 0 auto;position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--width);height:var(--height);background-color:var(--sc-switch-control-background-color, var(--sc-color-gray-300));border:solid var(--sc-input-border-width) var(--sc-switch-border-color, var(--sc-color-gray-300));border-radius:var(--height);transition:var(--sc-input-transition, var(--sc-transition-medium)) border-color, var(--sc-input-transition, var(--sc-transition-medium)) background-color}.switch__control .switch__thumb{width:var(--thumb-size);height:var(--thumb-size);background-color:var(--sc-switch-thumb-background-color, var(--sc-color-white));border-radius:50%;border:solid var(--sc-input-border-width) var(--sc-input-border-color);transform:translateX(calc(var(--width) / -2 + var(--thumb-size) / 2 - (var(--thumb-size) - var(--height)) / 2));transition:var(--sc-input-transition, var(--sc-transition-medium)) transform ease, var(--sc-input-transition, var(--sc-transition-medium)) background-color, var(--sc-input-transition, var(--sc-transition-medium)) border-color, var(--sc-input-transition, var(--sc-transition-medium)) box-shadow}.switch__control input[type=checkbox]{position:absolute;opacity:0;padding:0;margin:0;pointer-events:none}.switch__control:has(:focus-visible){outline:2px solid var(--sc-focus-ring-color-primary);outline-offset:2px}.switch:not(.switch--checked):not(.switch--disabled) .switch__control:hover{background-color:var(--sc-switch-control-hover-background-color, var(--sc-color-gray-200));border-color:var(--sc-switch-control-hover-border-color, var(--sc-color-gray-200))}.switch:not(.switch--checked):not(.switch--disabled) .switch__control:hover .switch__thumb{background-color:var(--sc-switch-background-thumb-hover-color, var(--sc-color-white));border-color:var(--sc-switch-thumb-border-color, var(--sc-input-border-color))}.switch.switch--focused:not(.switch--checked):not(.switch--disabled) .switch__control{background-color:var(--sc-switch-control-hover-background-color, var(--sc-color-gray-200));border-color:var(--sc-switch-control-hover-border-color, var(--sc-color-gray-200))}.switch.switch--focused:not(.switch--checked):not(.switch--disabled) .switch__control .switch__thumb{background-color:var(--sc-color-white);border-color:var(--sc-color-gray-300);box-shadow:0 0 0 1px var(--sc-color-gray-300)}.switch--checked .switch__control{background-color:var(--sc-switch-checked-control-background-color, var(--sc-color-primary-500));border-color:var(--sc-switch-checked-control-border-color, var(--sc-color-primary-500))}.switch--checked .switch__control .switch__thumb{background-color:var(--sc-color-white);border-color:var(--sc-color-primary-500);transform:translateX(calc(var(--width) / 2 - var(--thumb-size) / 2 + (var(--thumb-size) - var(--height)) / 2))}.switch.switch--checked:not(.switch--disabled) .switch__control:hover{opacity:0.8}.switch.switch--checked:not(.switch--disabled) .switch__control:hover .switch__thumb{background-color:var(--sc-color-white);border-color:var(--sc-color-primary-500)}.switch.switch--checked:not(.switch--disabled).switch--focused .switch__control .switch__thumb{background-color:var(--sc-color-white);border-color:var(--sc-color-primary-500);box-shadow:0 0 0 1px var(--sc-focus-ring-color-primary)}.switch--disabled{opacity:0.5;cursor:not-allowed}.switch__label{user-select:none;line-height:var(--height)}.switch--is-required .switch__title:after{content:" *";color:var(--sc-color-danger-500)}.switch__title{color:var(--sc-swith-label-color, var(--sc-input-label-color));font-weight:var(--sc-input-label-font-weight);font-size:var(--sc-input-label-font-size-medium)}.switch__description{display:none;color:var(--sc-switch-description-color, var(--sc-color-gray-500));line-height:var(--sc-line-height-dense);margin:0.5em 0 0;font-size:var(--sc-font-size-small)}.switch--has-description .switch__description{display:block}slot[name=description]::slotted(*){margin:0.75em 0;line-height:var(--sc-line-height-dense);vertical-align:center}';const e=o;let a=0;const h=class{constructor(c){t(this,c);this.scBlur=i(this,"scBlur",7);this.scChange=i(this,"scChange",7);this.scFocus=i(this,"scFocus",7);this.switchId=`switch-${++a}`;this.labelId=`switch-label-${a}`;this.hasDescription=undefined;this.hasFocus=false;this.name=undefined;this.value=undefined;this.disabled=false;this.required=false;this.checked=false;this.invalid=false;this.reversed=undefined;this.edit=false}async reportValidity(){this.invalid=!this.input.checkValidity();return this.input.reportValidity()}handleClick(){this.checked=!this.checked;this.scChange.emit()}handleBlur(){this.hasFocus=false;this.scBlur.emit()}handleFocus(){this.hasFocus=true;this.scFocus.emit()}handleKeyDown(t){if(this.edit)return true;if(t.key==="ArrowLeft"){t.preventDefault();this.checked=false;this.scChange.emit()}if(t.key==="ArrowRight"){t.preventDefault();this.checked=true;this.scChange.emit()}if(t.key===" "||t.key==="Enter"){t.preventDefault();this.handleClick()}}handleMouseDown(t){if(this.edit)return true;t.preventDefault();this.input.focus()}handleCheckedChange(){if(this.input){this.input.checked=this.checked;this.invalid=!this.input.checkValidity()}}componentWillLoad(){this.hasDescription=!!this.el.querySelector('[slot="description"]')}componentDidLoad(){this.formController=new s(this.el,{value:t=>t.checked?t.value:undefined}).addFormData()}disconnectedCallback(){var t;(t=this.formController)===null||t===void 0?void 0:t.removeFormData()}render(){const t=this.edit?"div":"label";return c(t,{key:"33a9fa88f5b855e4e8eb83c0ce5b5fe0cbae83bb",part:"base",htmlFor:this.switchId,class:{switch:true,"switch--is-required":this.required,"switch--checked":this.checked,"switch--disabled":this.disabled,"switch--focused":this.hasFocus,"switch--reversed":this.reversed,"switch--editing":this.edit,"switch--has-description":this.hasDescription},onMouseDown:t=>this.handleMouseDown(t)},c("span",{key:"4c3f96c2fad6efdbbc30fa3e696ed90cc4e3e232",part:"control",class:"switch__control"},c("span",{key:"7174406ae46eac1fcbfbf3c6266b062fdfb27aec",part:"thumb",class:"switch__thumb"}),c("input",{key:"4e1b8763cc744017160efeed786919709ab92e9f",ref:t=>this.input=t,id:this.switchId,type:"checkbox",role:"switch",name:this.name,value:this.value||"on",checked:this.checked,disabled:this.disabled,required:this.required,"aria-checked":this.checked?"true":"false","aria-labelledby":this.labelId,onClick:()=>this.handleClick(),onBlur:()=>this.handleBlur(),onFocus:()=>this.handleFocus(),onKeyDown:t=>this.handleKeyDown(t)})),c("span",{key:"d9eccee07e1358ceacab6e86dfff93112689235c",class:"switch__label",part:"label"},c("span",{key:"c8dc21e4254099103baf0cbbd28fe3c1c0fb9989",part:"title",id:this.labelId,class:"switch__title"},c("slot",{key:"586be2f69203bc370be78a6e09d5486fbfef8817"})),c("span",{key:"6696f2f9b944f3d18cadcc3b1bd5532bd3152966",class:"switch__description",part:"description"},c("slot",{key:"c6a24842971d8897aae00bb99eb1a1e4807eed68",name:"description"}))))}get el(){return r(this)}static get watchers(){return{checked:["handleCheckedChange"]}}};h.style=e;export{h as sc_switch};
//# sourceMappingURL=p-f89b9bb8.entry.js.map

Back