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

430 lines (419 loc) • 25 kB
import{a as $}from"./chunk-YBLUFXNR.js";import{a as U,c as Z}from"./chunk-ICUC3WIE.js";import{$b as s,Ab as q,Cc as X,Ec as B,Ed as N,Ia as z,Id as Q,Ja as C,Kb as P,Kd as H,T as w,Ub as O,V as v,Vc as j,Wa as h,X as f,Xa as x,Ya as R,Z as n,Zb as F,ac as V,bb as m,bd as G,cb as c,da as y,db as d,eb as r,ja as b,kb as D,lb as u,ob as S,pa as k,pb as T,ra as I,rb as E,sb as M,tb as L,xa as o,xb as A,zb as _}from"./chunk-KQUCMSSK.js";var J=["switch"],K=["*"];function W(i,p){i&1&&(c(0,"span",11),y(),c(1,"svg",13),r(2,"path",14),d(),c(3,"svg",15),r(4,"path",16),d()())}var ee=new f("mat-slide-toggle-default-options",{providedIn:"root",factory:()=>({disableToggleValue:!1,hideIcon:!1,disabledInteractive:!1})}),g=class{source;checked;constructor(p,e){this.source=p,this.checked=e}},te=(()=>{class i{_elementRef=n(I);_focusMonitor=n(X);_changeDetectorRef=n(F);defaults=n(ee);_onChange=e=>{};_onTouched=()=>{};_validatorOnChange=()=>{};_uniqueId;_checked=!1;_createChangeEvent(e){return new g(this,e)}_labelId;get buttonId(){return`${this.id||this._uniqueId}-button`}_switchElement;focus(){this._switchElement.nativeElement.focus()}_noopAnimations=N();_focused=!1;name=null;id;labelPosition="after";ariaLabel=null;ariaLabelledby=null;ariaDescribedby;required=!1;color;disabled=!1;disableRipple=!1;tabIndex=0;get checked(){return this._checked}set checked(e){this._checked=e,this._changeDetectorRef.markForCheck()}hideIcon;disabledInteractive;change=new b;toggleChange=new b;get inputId(){return`${this.id||this._uniqueId}-input`}constructor(){n(B).load(H);let e=n(new O("tabindex"),{optional:!0}),a=this.defaults;this.tabIndex=e==null?0:parseInt(e)||0,this.color=a.color||"accent",this.id=this._uniqueId=n(j).getId("mat-mdc-slide-toggle-"),this.hideIcon=a.hideIcon??!1,this.disabledInteractive=a.disabledInteractive??!1,this._labelId=this._uniqueId+"-label"}ngAfterContentInit(){this._focusMonitor.monitor(this._elementRef,!0).subscribe(e=>{e==="keyboard"||e==="program"?(this._focused=!0,this._changeDetectorRef.markForCheck()):e||Promise.resolve().then(()=>{this._focused=!1,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!==!0?{required:!0}: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=z({type:i,selectors:[["mat-slide-toggle"]],viewQuery:function(a,t){if(a&1&&E(J,5),a&2){let l;M(l=L())&&(t._switchElement=l.first)}},hostAttrs:[1,"mat-mdc-slide-toggle"],hostVars:13,hostBindings:function(a,t){a&2&&(D("id",t.id),h("tabindex",null)("aria-label",null)("name",null)("aria-labelledby",null),q(t.color?"mat-"+t.color:""),_("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",s],color:"color",disabled:[2,"disabled","disabled",s],disableRipple:[2,"disableRipple","disableRipple",s],tabIndex:[2,"tabIndex","tabIndex",e=>e==null?0:V(e)],checked:[2,"checked","checked",s],hideIcon:[2,"hideIcon","hideIcon",s],disabledInteractive:[2,"disabledInteractive","disabledInteractive",s]},outputs:{change:"change",toggleChange:"toggleChange"},exportAs:["matSlideToggle"],features:[P([{provide:U,useExisting:w(()=>i),multi:!0},{provide:Z,useExisting:i,multi:!0}]),k],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&&(S(),c(0,"div",1)(1,"button",2,0),u("click",function(){return t._handleClick()}),r(3,"div",3)(4,"span",4),c(5,"span",5)(6,"span",6)(7,"span",7),r(8,"span",8),d(),c(9,"span",9),r(10,"span",10),d(),x(11,W,5,0,"span",11),d()()(),c(12,"label",12),u("click",function(Y){return Y.stopPropagation()}),T(13),d()()),a&2){let l=A(2);m("labelPosition",t.labelPosition),o(),_("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),m("tabIndex",t.disabled&&!t.disabledInteractive?-1:t.tabIndex)("disabled",t.disabled&&!t.disabledInteractive),h("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),o(9),m("matRippleTrigger",l)("matRippleDisabled",t.disableRipple||t.disabled)("matRippleCentered",!0),o(),R(t.hideIcon?-1:11),o(),m("for",t.buttonId),h("id",t._labelId)}},dependencies:[Q,$],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,changeDetection:0})}return i})(),ve=(()=>{class i{static \u0275fac=function(a){return new(a||i)};static \u0275mod=C({type:i});static \u0275inj=v({imports:[te,G]})}return i})();export{te as a,ve as b};