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
JavaScript
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));
}
(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;
}
(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};