UNPKG

p3x-redis-ui-material

Version:

💿 P3X Redis UI triple frontend — Angular + React/MUI + Vue/Vuetify with 54 languages, 7 themes, Socket.IO, desktop notifications, and full feature parity

429 lines (419 loc) • 25.2 kB
import {m}from'./chunk-BqyDblvT.js';import {a8 as y,T as p,a9 as q,aP as Nc,L as uc,aQ as yo,ae as Q$1,a0 as nt,aR as v_,aS as Gv,ao as Hi,_ as _e,aG as Dn,aF as Ii,aT as I,aU as D,aV as kr,ar as re,as as ee$1,aW as tn,aX as S9,aE as ce,C as Cn,B as Ba,k as bv,h as hv,v as vf,n as no,l as Ce,aY as rS,p as pv,c as In,o as mt,aI as Ei,r as ro,aH as Of,aZ as yv,a_ as wf,a$ as rc,b0 as Df,b1 as Ef,b2 as Cm}from'./chunk-BwlFOdbx.js';var J=["switch"],K=["*"];function W(i,p){i&1&&(Ba(0,"span",11),Cm(),Ba(1,"svg",13),hv(2,"path",14),vf(),Ba(3,"svg",15),hv(4,"path",16),vf()());}var ee=new y("mat-slide-toggle-default-options",{providedIn:"root",factory:()=>({disableToggleValue:false,hideIcon:false,disabledInteractive:false})}),g=class{source;checked;constructor(p,e){this.source=p,this.checked=e;}},te=(()=>{class i{_elementRef=p(q);_focusMonitor=p(Nc);_changeDetectorRef=p(uc);defaults=p(ee);_onChange=e=>{};_onTouched=()=>{};_validatorOnChange=()=>{};_uniqueId;_checked=false;_createChangeEvent(e){return new g(this,e)}_labelId;get buttonId(){return `${this.id||this._uniqueId}-button`}_switchElement;focus(){this._switchElement.nativeElement.focus();}_noopAnimations=yo();_focused=false;name=null;id;labelPosition="after";ariaLabel=null;ariaLabelledby=null;ariaDescribedby;required=false;color;disabled=false;disableRipple=false;tabIndex=0;get checked(){return this._checked}set checked(e){this._checked=e,this._changeDetectorRef.markForCheck();}hideIcon;disabledInteractive;change=new Q$1;toggleChange=new Q$1;get inputId(){return `${this.id||this._uniqueId}-input`}constructor(){p(nt).load(v_);let e=p(new Gv("tabindex"),{optional:true}),a=this.defaults;this.tabIndex=e==null?0:parseInt(e)||0,this.color=a.color||"accent",this.id=this._uniqueId=p(Hi).getId("mat-mdc-slide-toggle-"),this.hideIcon=a.hideIcon??false,this.disabledInteractive=a.disabledInteractive??false,this._labelId=this._uniqueId+"-label";}ngAfterContentInit(){this._focusMonitor.monitor(this._elementRef,true).subscribe(e=>{e==="keyboard"||e==="program"?(this._focused=true,this._changeDetectorRef.markForCheck()):e||Promise.resolve().then(()=>{this._focused=false,this._onTouched(),this._changeDetectorRef.markForCheck();});});}ngOnChanges(e){e.required&&this._validatorOnChange();}ngOnDestroy(){this._focusMonitor.stopMonitoring(this._elementRef);}writeValue(e){this.checked=!!e;}registerOnChange(e){this._onChange=e;}registerOnTouched(e){this._onTouched=e;}validate(e){return this.required&&e.value!==true?{required:true}:null}registerOnValidatorChange(e){this._validatorOnChange=e;}setDisabledState(e){this.disabled=e,this._changeDetectorRef.markForCheck();}toggle(){this.checked=!this.checked,this._onChange(this.checked);}_emitChangeEvent(){this._onChange(this.checked),this.change.emit(this._createChangeEvent(this.checked));}_handleClick(){this.disabled||(this.toggleChange.emit(),this.defaults.disableToggleValue||(this.checked=!this.checked,this._onChange(this.checked),this.change.emit(new g(this,this.checked))));}_getAriaLabelledBy(){return this.ariaLabelledby?this.ariaLabelledby:this.ariaLabel?null:this._labelId}static \u0275fac=function(a){return new(a||i)};static \u0275cmp=_e({type:i,selectors:[["mat-slide-toggle"]],viewQuery:function(a,t){if(a&1&&rc(J,5),a&2){let l;Df(l=Ef())&&(t._switchElement=l.first);}},hostAttrs:[1,"mat-mdc-slide-toggle"],hostVars:13,hostBindings:function(a,t){a&2&&(yv("id",t.id),Ei("tabindex",null)("aria-label",null)("name",null)("aria-labelledby",null),wf(t.color?"mat-"+t.color:""),mt("mat-mdc-slide-toggle-focused",t._focused)("mat-mdc-slide-toggle-checked",t.checked)("_mat-animation-noopable",t._noopAnimations));},inputs:{name:"name",id:"id",labelPosition:"labelPosition",ariaLabel:[0,"aria-label","ariaLabel"],ariaLabelledby:[0,"aria-labelledby","ariaLabelledby"],ariaDescribedby:[0,"aria-describedby","ariaDescribedby"],required:[2,"required","required",ce],color:"color",disabled:[2,"disabled","disabled",ce],disableRipple:[2,"disableRipple","disableRipple",ce],tabIndex:[2,"tabIndex","tabIndex",e=>e==null?0:Of(e)],checked:[2,"checked","checked",ce],hideIcon:[2,"hideIcon","hideIcon",ce],disabledInteractive:[2,"disabledInteractive","disabledInteractive",ce]},outputs:{change:"change",toggleChange:"toggleChange"},exportAs:["matSlideToggle"],features:[Ii([{provide:I,useExisting:kr(()=>i),multi:true},{provide:D,useExisting:i,multi:true}]),Dn],ngContentSelectors:K,decls:14,vars:27,consts:[["switch",""],["mat-internal-form-field","",3,"labelPosition"],["role","switch","type","button",1,"mdc-switch",3,"click","tabIndex","disabled"],[1,"mat-mdc-slide-toggle-touch-target"],[1,"mdc-switch__track"],[1,"mdc-switch__handle-track"],[1,"mdc-switch__handle"],[1,"mdc-switch__shadow"],[1,"mdc-elevation-overlay"],[1,"mdc-switch__ripple"],["mat-ripple","",1,"mat-mdc-slide-toggle-ripple","mat-focus-indicator",3,"matRippleTrigger","matRippleDisabled","matRippleCentered"],[1,"mdc-switch__icons"],[1,"mdc-label",3,"click","for"],["viewBox","0 0 24 24","aria-hidden","true",1,"mdc-switch__icon","mdc-switch__icon--on"],["d","M19.69,5.23L8.96,15.96l-4.23-4.23L2.96,13.5l6,6L21.46,7L19.69,5.23z"],["viewBox","0 0 24 24","aria-hidden","true",1,"mdc-switch__icon","mdc-switch__icon--off"],["d","M20 13H4v-2h16v2z"]],template:function(a,t){if(a&1&&(Cn(),Ba(0,"div",1)(1,"button",2,0),bv("click",function(){return t._handleClick()}),hv(3,"div",3)(4,"span",4),Ba(5,"span",5)(6,"span",6)(7,"span",7),hv(8,"span",8),vf(),Ba(9,"span",9),hv(10,"span",10),vf(),no(11,W,5,0,"span",11),vf()()(),Ba(12,"label",12),bv("click",function(Y){return Y.stopPropagation()}),Ce(13),vf()()),a&2){let l=rS(2);pv("labelPosition",t.labelPosition),In(),mt("mdc-switch--selected",t.checked)("mdc-switch--unselected",!t.checked)("mdc-switch--checked",t.checked)("mdc-switch--disabled",t.disabled)("mat-mdc-slide-toggle-disabled-interactive",t.disabledInteractive),pv("tabIndex",t.disabled&&!t.disabledInteractive?-1:t.tabIndex)("disabled",t.disabled&&!t.disabledInteractive),Ei("id",t.buttonId)("name",t.name)("aria-label",t.ariaLabel)("aria-labelledby",t._getAriaLabelledBy())("aria-describedby",t.ariaDescribedby)("aria-required",t.required||null)("aria-checked",t.checked)("aria-disabled",t.disabled&&t.disabledInteractive?"true":null),In(9),pv("matRippleTrigger",l)("matRippleDisabled",t.disableRipple||t.disabled)("matRippleCentered",true),In(),ro(t.hideIcon?-1:11),In(),pv("for",t.buttonId),Ei("id",t._labelId);}},dependencies:[S9,m],styles:[`.mdc-switch { align-items: center; background: none; border: none; cursor: pointer; display: inline-flex; flex-shrink: 0; margin: 0; outline: none; overflow: visible; padding: 0; position: relative; width: var(--mat-slide-toggle-track-width, 52px); } .mdc-switch.mdc-switch--disabled { cursor: default; pointer-events: none; } .mdc-switch.mat-mdc-slide-toggle-disabled-interactive { pointer-events: auto; } .mdc-switch__track { overflow: hidden; position: relative; width: 100%; height: var(--mat-slide-toggle-track-height, 32px); border-radius: var(--mat-slide-toggle-track-shape, var(--mat-sys-corner-full)); } .mdc-switch--disabled.mdc-switch .mdc-switch__track { opacity: var(--mat-slide-toggle-disabled-track-opacity, 0.12); } .mdc-switch__track::before, .mdc-switch__track::after { border: 1px solid transparent; border-radius: inherit; box-sizing: border-box; content: ""; height: 100%; left: 0; position: absolute; width: 100%; border-width: var(--mat-slide-toggle-track-outline-width, 2px); border-color: var(--mat-slide-toggle-track-outline-color, var(--mat-sys-outline)); } .mdc-switch--selected .mdc-switch__track::before, .mdc-switch--selected .mdc-switch__track::after { border-width: var(--mat-slide-toggle-selected-track-outline-width, 2px); border-color: var(--mat-slide-toggle-selected-track-outline-color, transparent); } .mdc-switch--disabled .mdc-switch__track::before, .mdc-switch--disabled .mdc-switch__track::after { border-width: var(--mat-slide-toggle-disabled-unselected-track-outline-width, 2px); border-color: var(--mat-slide-toggle-disabled-unselected-track-outline-color, var(--mat-sys-on-surface)); } @media (forced-colors: active) { .mdc-switch__track { border-color: currentColor; } } .mdc-switch__track::before { transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1); transform: translateX(0); background: var(--mat-slide-toggle-unselected-track-color, var(--mat-sys-surface-variant)); } .mdc-switch--selected .mdc-switch__track::before { transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1); transform: translateX(100%); } [dir=rtl] .mdc-switch--selected .mdc-switch--selected .mdc-switch__track::before { transform: translateX(-100%); } .mdc-switch--selected .mdc-switch__track::before { opacity: var(--mat-slide-toggle-hidden-track-opacity, 0); transition: var(--mat-slide-toggle-hidden-track-transition, opacity 75ms); } .mdc-switch--unselected .mdc-switch__track::before { opacity: var(--mat-slide-toggle-visible-track-opacity, 1); transition: var(--mat-slide-toggle-visible-track-transition, opacity 75ms); } .mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track::before { background: var(--mat-slide-toggle-unselected-hover-track-color, var(--mat-sys-surface-variant)); } .mdc-switch:enabled:focus:not(:active) .mdc-switch__track::before { background: var(--mat-slide-toggle-unselected-focus-track-color, var(--mat-sys-surface-variant)); } .mdc-switch:enabled:active .mdc-switch__track::before { background: var(--mat-slide-toggle-unselected-pressed-track-color, var(--mat-sys-surface-variant)); } .mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:hover:not(:focus):not(:active) .mdc-switch__track::before, .mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:focus:not(:active) .mdc-switch__track::before, .mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:active .mdc-switch__track::before, .mdc-switch.mdc-switch--disabled .mdc-switch__track::before { background: var(--mat-slide-toggle-disabled-unselected-track-color, var(--mat-sys-surface-variant)); } .mdc-switch__track::after { transform: translateX(-100%); background: var(--mat-slide-toggle-selected-track-color, var(--mat-sys-primary)); } [dir=rtl] .mdc-switch__track::after { transform: translateX(100%); } .mdc-switch--selected .mdc-switch__track::after { transform: translateX(0); } .mdc-switch--selected .mdc-switch__track::after { opacity: var(--mat-slide-toggle-visible-track-opacity, 1); transition: var(--mat-slide-toggle-visible-track-transition, opacity 75ms); } .mdc-switch--unselected .mdc-switch__track::after { opacity: var(--mat-slide-toggle-hidden-track-opacity, 0); transition: var(--mat-slide-toggle-hidden-track-transition, opacity 75ms); } .mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track::after { background: var(--mat-slide-toggle-selected-hover-track-color, var(--mat-sys-primary)); } .mdc-switch:enabled:focus:not(:active) .mdc-switch__track::after { background: var(--mat-slide-toggle-selected-focus-track-color, var(--mat-sys-primary)); } .mdc-switch:enabled:active .mdc-switch__track::after { background: var(--mat-slide-toggle-selected-pressed-track-color, var(--mat-sys-primary)); } .mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:hover:not(:focus):not(:active) .mdc-switch__track::after, .mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:focus:not(:active) .mdc-switch__track::after, .mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:active .mdc-switch__track::after, .mdc-switch.mdc-switch--disabled .mdc-switch__track::after { background: var(--mat-slide-toggle-disabled-selected-track-color, var(--mat-sys-on-surface)); } .mdc-switch__handle-track { height: 100%; pointer-events: none; position: absolute; top: 0; transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1); left: 0; right: auto; transform: translateX(0); width: calc(100% - var(--mat-slide-toggle-handle-width)); } [dir=rtl] .mdc-switch__handle-track { left: auto; right: 0; } .mdc-switch--selected .mdc-switch__handle-track { transform: translateX(100%); } [dir=rtl] .mdc-switch--selected .mdc-switch__handle-track { transform: translateX(-100%); } .mdc-switch__handle { display: flex; pointer-events: auto; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: auto; transition: width 75ms cubic-bezier(0.4, 0, 0.2, 1), height 75ms cubic-bezier(0.4, 0, 0.2, 1), margin 75ms cubic-bezier(0.4, 0, 0.2, 1); width: var(--mat-slide-toggle-handle-width); height: var(--mat-slide-toggle-handle-height); border-radius: var(--mat-slide-toggle-handle-shape, var(--mat-sys-corner-full)); } [dir=rtl] .mdc-switch__handle { left: auto; right: 0; } .mat-mdc-slide-toggle .mdc-switch--unselected .mdc-switch__handle { width: var(--mat-slide-toggle-unselected-handle-size, 16px); height: var(--mat-slide-toggle-unselected-handle-size, 16px); margin: var(--mat-slide-toggle-unselected-handle-horizontal-margin, 0 8px); } .mat-mdc-slide-toggle .mdc-switch--unselected .mdc-switch__handle:has(.mdc-switch__icons) { margin: var(--mat-slide-toggle-unselected-with-icon-handle-horizontal-margin, 0 4px); } .mat-mdc-slide-toggle .mdc-switch--selected .mdc-switch__handle { width: var(--mat-slide-toggle-selected-handle-size, 24px); height: var(--mat-slide-toggle-selected-handle-size, 24px); margin: var(--mat-slide-toggle-selected-handle-horizontal-margin, 0 24px); } .mat-mdc-slide-toggle .mdc-switch--selected .mdc-switch__handle:has(.mdc-switch__icons) { margin: var(--mat-slide-toggle-selected-with-icon-handle-horizontal-margin, 0 24px); } .mat-mdc-slide-toggle .mdc-switch__handle:has(.mdc-switch__icons) { width: var(--mat-slide-toggle-with-icon-handle-size, 24px); height: var(--mat-slide-toggle-with-icon-handle-size, 24px); } .mat-mdc-slide-toggle .mdc-switch:active:not(.mdc-switch--disabled) .mdc-switch__handle { width: var(--mat-slide-toggle-pressed-handle-size, 28px); height: var(--mat-slide-toggle-pressed-handle-size, 28px); } .mat-mdc-slide-toggle .mdc-switch--selected:active:not(.mdc-switch--disabled) .mdc-switch__handle { margin: var(--mat-slide-toggle-selected-pressed-handle-horizontal-margin, 0 22px); } .mat-mdc-slide-toggle .mdc-switch--unselected:active:not(.mdc-switch--disabled) .mdc-switch__handle { margin: var(--mat-slide-toggle-unselected-pressed-handle-horizontal-margin, 0 2px); } .mdc-switch--disabled.mdc-switch--selected .mdc-switch__handle::after { opacity: var(--mat-slide-toggle-disabled-selected-handle-opacity, 1); } .mdc-switch--disabled.mdc-switch--unselected .mdc-switch__handle::after { opacity: var(--mat-slide-toggle-disabled-unselected-handle-opacity, 0.38); } .mdc-switch__handle::before, .mdc-switch__handle::after { border: 1px solid transparent; border-radius: inherit; box-sizing: border-box; content: ""; width: 100%; height: 100%; left: 0; position: absolute; top: 0; transition: background-color 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1), border-color 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1); z-index: -1; } @media (forced-colors: active) { .mdc-switch__handle::before, .mdc-switch__handle::after { border-color: currentColor; } } .mdc-switch--selected:enabled .mdc-switch__handle::after { background: var(--mat-slide-toggle-selected-handle-color, var(--mat-sys-on-primary)); } .mdc-switch--selected:enabled:hover:not(:focus):not(:active) .mdc-switch__handle::after { background: var(--mat-slide-toggle-selected-hover-handle-color, var(--mat-sys-primary-container)); } .mdc-switch--selected:enabled:focus:not(:active) .mdc-switch__handle::after { background: var(--mat-slide-toggle-selected-focus-handle-color, var(--mat-sys-primary-container)); } .mdc-switch--selected:enabled:active .mdc-switch__handle::after { background: var(--mat-slide-toggle-selected-pressed-handle-color, var(--mat-sys-primary-container)); } .mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled.mdc-switch--selected:hover:not(:focus):not(:active) .mdc-switch__handle::after, .mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled.mdc-switch--selected:focus:not(:active) .mdc-switch__handle::after, .mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled.mdc-switch--selected:active .mdc-switch__handle::after, .mdc-switch--selected.mdc-switch--disabled .mdc-switch__handle::after { background: var(--mat-slide-toggle-disabled-selected-handle-color, var(--mat-sys-surface)); } .mdc-switch--unselected:enabled .mdc-switch__handle::after { background: var(--mat-slide-toggle-unselected-handle-color, var(--mat-sys-outline)); } .mdc-switch--unselected:enabled:hover:not(:focus):not(:active) .mdc-switch__handle::after { background: var(--mat-slide-toggle-unselected-hover-handle-color, var(--mat-sys-on-surface-variant)); } .mdc-switch--unselected:enabled:focus:not(:active) .mdc-switch__handle::after { background: var(--mat-slide-toggle-unselected-focus-handle-color, var(--mat-sys-on-surface-variant)); } .mdc-switch--unselected:enabled:active .mdc-switch__handle::after { background: var(--mat-slide-toggle-unselected-pressed-handle-color, var(--mat-sys-on-surface-variant)); } .mdc-switch--unselected.mdc-switch--disabled .mdc-switch__handle::after { background: var(--mat-slide-toggle-disabled-unselected-handle-color, var(--mat-sys-on-surface)); } .mdc-switch__handle::before { background: var(--mat-slide-toggle-handle-surface-color); } .mdc-switch__shadow { border-radius: inherit; bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .mdc-switch:enabled .mdc-switch__shadow { box-shadow: var(--mat-slide-toggle-handle-elevation-shadow); } .mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:hover:not(:focus):not(:active) .mdc-switch__shadow, .mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:focus:not(:active) .mdc-switch__shadow, .mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:active .mdc-switch__shadow, .mdc-switch.mdc-switch--disabled .mdc-switch__shadow { box-shadow: var(--mat-slide-toggle-disabled-handle-elevation-shadow); } .mdc-switch__ripple { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: -1; width: var(--mat-slide-toggle-state-layer-size, 40px); height: var(--mat-slide-toggle-state-layer-size, 40px); } .mdc-switch__ripple::after { content: ""; opacity: 0; } .mdc-switch--disabled .mdc-switch__ripple::after { display: none; } .mat-mdc-slide-toggle-disabled-interactive .mdc-switch__ripple::after { display: block; } .mdc-switch:hover .mdc-switch__ripple::after { transition: 75ms opacity cubic-bezier(0, 0, 0.2, 1); } .mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:enabled:focus .mdc-switch__ripple::after, .mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:enabled:active .mdc-switch__ripple::after, .mat-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:enabled:hover:not(:focus) .mdc-switch__ripple::after, .mdc-switch--unselected:enabled:hover:not(:focus) .mdc-switch__ripple::after { background: var(--mat-slide-toggle-unselected-hover-state-layer-color, var(--mat-sys-on-surface)); opacity: var(--mat-slide-toggle-unselected-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)); } .mdc-switch--unselected:enabled:focus .mdc-switch__ripple::after { background: var(--mat-slide-toggle-unselected-focus-state-layer-color, var(--mat-sys-on-surface)); opacity: var(--mat-slide-toggle-unselected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)); } .mdc-switch--unselected:enabled:active .mdc-switch__ripple::after { background: var(--mat-slide-toggle-unselected-pressed-state-layer-color, var(--mat-sys-on-surface)); opacity: var(--mat-slide-toggle-unselected-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity)); transition: opacity 75ms linear; } .mdc-switch--selected:enabled:hover:not(:focus) .mdc-switch__ripple::after { background: var(--mat-slide-toggle-selected-hover-state-layer-color, var(--mat-sys-primary)); opacity: var(--mat-slide-toggle-selected-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)); } .mdc-switch--selected:enabled:focus .mdc-switch__ripple::after { background: var(--mat-slide-toggle-selected-focus-state-layer-color, var(--mat-sys-primary)); opacity: var(--mat-slide-toggle-selected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)); } .mdc-switch--selected:enabled:active .mdc-switch__ripple::after { background: var(--mat-slide-toggle-selected-pressed-state-layer-color, var(--mat-sys-primary)); opacity: var(--mat-slide-toggle-selected-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity)); transition: opacity 75ms linear; } .mdc-switch__icons { position: relative; height: 100%; width: 100%; z-index: 1; transform: translateZ(0); } .mdc-switch--disabled.mdc-switch--unselected .mdc-switch__icons { opacity: var(--mat-slide-toggle-disabled-unselected-icon-opacity, 0.38); } .mdc-switch--disabled.mdc-switch--selected .mdc-switch__icons { opacity: var(--mat-slide-toggle-disabled-selected-icon-opacity, 0.38); } .mdc-switch__icon { bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; opacity: 0; transition: opacity 30ms 0ms cubic-bezier(0.4, 0, 1, 1); } .mdc-switch--unselected .mdc-switch__icon { width: var(--mat-slide-toggle-unselected-icon-size, 16px); height: var(--mat-slide-toggle-unselected-icon-size, 16px); fill: var(--mat-slide-toggle-unselected-icon-color, var(--mat-sys-surface-variant)); } .mdc-switch--unselected.mdc-switch--disabled .mdc-switch__icon { fill: var(--mat-slide-toggle-disabled-unselected-icon-color, var(--mat-sys-surface-variant)); } .mdc-switch--selected .mdc-switch__icon { width: var(--mat-slide-toggle-selected-icon-size, 16px); height: var(--mat-slide-toggle-selected-icon-size, 16px); fill: var(--mat-slide-toggle-selected-icon-color, var(--mat-sys-on-primary-container)); } .mdc-switch--selected.mdc-switch--disabled .mdc-switch__icon { fill: var(--mat-slide-toggle-disabled-selected-icon-color, var(--mat-sys-on-surface)); } .mdc-switch--selected .mdc-switch__icon--on, .mdc-switch--unselected .mdc-switch__icon--off { opacity: 1; transition: opacity 45ms 30ms cubic-bezier(0, 0, 0.2, 1); } .mat-mdc-slide-toggle { -webkit-user-select: none; user-select: none; display: inline-block; -webkit-tap-highlight-color: transparent; outline: 0; } .mat-mdc-slide-toggle .mat-mdc-slide-toggle-ripple, .mat-mdc-slide-toggle .mdc-switch__ripple::after { top: 0; left: 0; right: 0; bottom: 0; position: absolute; border-radius: 50%; pointer-events: none; } .mat-mdc-slide-toggle .mat-mdc-slide-toggle-ripple:not(:empty), .mat-mdc-slide-toggle .mdc-switch__ripple::after:not(:empty) { transform: translateZ(0); } .mat-mdc-slide-toggle.mat-mdc-slide-toggle-focused .mat-focus-indicator::before { content: ""; } .mat-mdc-slide-toggle .mat-internal-form-field { color: var(--mat-slide-toggle-label-text-color, var(--mat-sys-on-surface)); font-family: var(--mat-slide-toggle-label-text-font, var(--mat-sys-body-medium-font)); line-height: var(--mat-slide-toggle-label-text-line-height, var(--mat-sys-body-medium-line-height)); font-size: var(--mat-slide-toggle-label-text-size, var(--mat-sys-body-medium-size)); letter-spacing: var(--mat-slide-toggle-label-text-tracking, var(--mat-sys-body-medium-tracking)); font-weight: var(--mat-slide-toggle-label-text-weight, var(--mat-sys-body-medium-weight)); } .mat-mdc-slide-toggle .mat-ripple-element { opacity: 0.12; } .mat-mdc-slide-toggle .mat-focus-indicator::before { border-radius: 50%; } .mat-mdc-slide-toggle._mat-animation-noopable .mdc-switch__handle-track, .mat-mdc-slide-toggle._mat-animation-noopable .mdc-switch__icon, .mat-mdc-slide-toggle._mat-animation-noopable .mdc-switch__handle::before, .mat-mdc-slide-toggle._mat-animation-noopable .mdc-switch__handle::after, .mat-mdc-slide-toggle._mat-animation-noopable .mdc-switch__track::before, .mat-mdc-slide-toggle._mat-animation-noopable .mdc-switch__track::after { transition: none; } .mat-mdc-slide-toggle .mdc-switch:enabled + .mdc-label { cursor: pointer; } .mat-mdc-slide-toggle .mdc-switch--disabled + label { color: var(--mat-slide-toggle-disabled-label-text-color, var(--mat-sys-on-surface)); } .mat-mdc-slide-toggle label:empty { display: none; } .mat-mdc-slide-toggle-touch-target { position: absolute; top: 50%; left: 50%; height: var(--mat-slide-toggle-touch-target-size, 48px); width: 100%; transform: translate(-50%, -50%); display: var(--mat-slide-toggle-touch-target-display, block); } [dir=rtl] .mat-mdc-slide-toggle-touch-target { left: auto; right: 50%; transform: translate(50%, -50%); } `],encapsulation:2})}return i})(),we=(()=>{class i{static \u0275fac=function(a){return new(a||i)};static \u0275mod=re({type:i});static \u0275inj=ee$1({imports:[te,tn]})}return i})();export{te as t,we as w};