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
242 lines (240 loc) • 26.7 kB
JavaScript
import {X as Xe,cV as z,d1 as Ue$1,f as fQ,b as bi,G as It,_ as _e,aV as kr,a8 as y$1,T as p,L as uc,ao as Hi,ae as Q$1,aa as Z,a9 as q,aP as Nc,di as c,V as N,au as Ot,aQ as yo,a7 as B,a0 as nt,aR as v_,aS as Gv,aH as Of,ah as wn,ar as re,as as ee,cG as __,aW as tn,aE as ce,aF as Ii,aT as I,bR as Ev,b0 as Df,b1 as Ef,aX as S9,C as Cn,B as Ba,k as bv,v as vf,h as hv,l as Ce,p as pv,c as In,o as mt,aI as Ei,a$ as rc,m as mb,aJ as jn,bd as On,be as tn$1,cW as zt,cX as jt,cY as Vt,cZ as Nt,d as ae,s as se,e as aY,aK as iY,g as _A,y as yt,w as wt,a as f,bm as cp,bn as R0,bo as B0,bp as j0,I as IS,bq as cv,cr as Lv,bj as Mx,t as If,R as Rv,cs as Fv,bk as Nx,J as JT,cu as AS}from'./chunk-BwlFOdbx.js';import {m}from'./chunk-BqyDblvT.js';import {L}from'./main-HNF44SV3.js';import {Q}from'./chunk-BnyV8OX_.js';var Ve=["input"],Le=["formField"],je=["*"],k=class{source;value;constructor(I,e){this.source=I,this.value=e;}},Ke={provide:I,useExisting:kr(()=>G),multi:true},Pe=new y$1("MatRadioGroup"),Ne=new y$1("mat-radio-default-options",{providedIn:"root",factory:()=>({color:"accent",disabledInteractive:false})}),G=(()=>{class o{_changeDetector=p(uc);_value=null;_name=p(Hi).getId("mat-radio-group-");_selected=null;_isInitialized=false;_labelPosition="after";_disabled=false;_required=false;_buttonChanges;_controlValueAccessorChangeFn=()=>{};onTouched=()=>{};change=new Q$1;_radios;color;get name(){return this._name}set name(e){this._name=e,this._updateRadioButtonNames();}get labelPosition(){return this._labelPosition}set labelPosition(e){this._labelPosition=e==="before"?"before":"after",this._markRadiosForCheck();}get value(){return this._value}set value(e){this._value!==e&&(this._value=e,this._updateSelectedRadioFromValue(),this._checkSelectedRadioButton());}_checkSelectedRadioButton(){this._selected&&!this._selected.checked&&(this._selected.checked=true);}get selected(){return this._selected}set selected(e){this._selected=e,this.value=e?e.value:null,this._checkSelectedRadioButton();}get disabled(){return this._disabled}set disabled(e){this._disabled=e,this._markRadiosForCheck();}get required(){return this._required}set required(e){this._required=e,this._markRadiosForCheck();}get disabledInteractive(){return this._disabledInteractive}set disabledInteractive(e){this._disabledInteractive=e,this._markRadiosForCheck();}_disabledInteractive=false;ngAfterContentInit(){this._isInitialized=true,this._buttonChanges=this._radios.changes.subscribe(()=>{this.selected&&!this._radios.find(e=>e===this.selected)&&(this._selected=null);});}ngOnDestroy(){this._buttonChanges?.unsubscribe();}_touch(){this.onTouched&&this.onTouched();}_updateRadioButtonNames(){this._radios&&this._radios.forEach(e=>{e.name=this.name,e._markForCheck();});}_updateSelectedRadioFromValue(){let e=this._selected!==null&&this._selected.value===this._value;this._radios&&!e&&(this._selected=null,this._radios.forEach(i=>{i.checked=this.value===i.value,i.checked&&(this._selected=i);}));}_emitChangeEvent(){this._isInitialized&&this.change.emit(new k(this._selected,this._value));}_markRadiosForCheck(){this._radios&&this._radios.forEach(e=>e._markForCheck());}writeValue(e){this.value=e,this._changeDetector.markForCheck();}registerOnChange(e){this._controlValueAccessorChangeFn=e;}registerOnTouched(e){this.onTouched=e;}setDisabledState(e){this.disabled=e,this._changeDetector.markForCheck();}static \u0275fac=function(i){return new(i||o)};static \u0275dir=Z({type:o,selectors:[["mat-radio-group"]],contentQueries:function(i,t,d){if(i&1&&Ev(d,y,5),i&2){let l;Df(l=Ef())&&(t._radios=l);}},hostAttrs:["role","radiogroup",1,"mat-mdc-radio-group"],inputs:{color:"color",name:"name",labelPosition:"labelPosition",value:"value",selected:"selected",disabled:[2,"disabled","disabled",ce],required:[2,"required","required",ce],disabledInteractive:[2,"disabledInteractive","disabledInteractive",ce]},outputs:{change:"change"},exportAs:["matRadioGroup"],features:[Ii([Ke,{provide:Pe,useExisting:o}])]})}return o})(),y=(()=>{class o{_elementRef=p(q);_changeDetector=p(uc);_focusMonitor=p(Nc);_radioDispatcher=p(c);_defaultOptions=p(Ne,{optional:true});_ngZone=p(N);_renderer=p(Ot);_uniqueId=p(Hi).getId("mat-radio-");_cleanupClick;id=this._uniqueId;name;ariaLabel;ariaLabelledby;ariaDescribedby;disableRipple=false;tabIndex=0;get checked(){return this._checked}set checked(e){this._checked!==e&&(this._checked=e,e&&this.radioGroup&&this.radioGroup.value!==this.value?this.radioGroup.selected=this:!e&&this.radioGroup&&this.radioGroup.value===this.value&&(this.radioGroup.selected=null),e&&this._radioDispatcher.notify(this.id,this.name),this._changeDetector.markForCheck());}get value(){return this._value}set value(e){this._value!==e&&(this._value=e,this.radioGroup!==null&&(this.checked||(this.checked=this.radioGroup.value===e),this.checked&&(this.radioGroup.selected=this)));}get labelPosition(){return this._labelPosition||this.radioGroup&&this.radioGroup.labelPosition||"after"}set labelPosition(e){this._labelPosition=e;}_labelPosition;get disabled(){return this._disabled||this.radioGroup!==null&&this.radioGroup.disabled}set disabled(e){this._setDisabled(e);}get required(){return this._required||this.radioGroup&&this.radioGroup.required}set required(e){e!==this._required&&this._changeDetector.markForCheck(),this._required=e;}get color(){return this._color||this.radioGroup&&this.radioGroup.color||this._defaultOptions&&this._defaultOptions.color||"accent"}set color(e){this._color=e;}_color;get disabledInteractive(){return this._disabledInteractive||this.radioGroup!==null&&this.radioGroup.disabledInteractive}set disabledInteractive(e){this._disabledInteractive=e;}_disabledInteractive;change=new Q$1;radioGroup;get inputId(){return `${this.id||this._uniqueId}-input`}_checked=false;_disabled=false;_required=false;_value=null;_removeUniqueSelectionListener=()=>{};_previousTabIndex;_inputElement;_rippleTrigger;_noopAnimations=yo();_injector=p(B);constructor(){p(nt).load(v_);let e=p(Pe,{optional:true}),i=p(new Gv("tabindex"),{optional:true});this.radioGroup=e,this._disabledInteractive=this._defaultOptions?.disabledInteractive??false,i&&(this.tabIndex=Of(i,0));}focus(e,i){i?this._focusMonitor.focusVia(this._inputElement,i,e):this._inputElement.nativeElement.focus(e);}_markForCheck(){this._changeDetector.markForCheck();}ngOnInit(){this.radioGroup&&(this.checked=this.radioGroup.value===this._value,this.checked&&(this.radioGroup.selected=this),this.name=this.radioGroup.name),this._removeUniqueSelectionListener=this._radioDispatcher.listen((e,i)=>{e!==this.id&&i===this.name&&(this.checked=false);});}ngDoCheck(){this._updateTabIndex();}ngAfterViewInit(){this._updateTabIndex(),this._focusMonitor.monitor(this._elementRef,true).subscribe(e=>{!e&&this.radioGroup&&this.radioGroup._touch();}),this._ngZone.runOutsideAngular(()=>{this._cleanupClick=this._renderer.listen(this._inputElement.nativeElement,"click",this._onInputClick);});}ngOnDestroy(){this._cleanupClick?.(),this._focusMonitor.stopMonitoring(this._elementRef),this._removeUniqueSelectionListener();}_emitChangeEvent(){this.change.emit(new k(this,this._value));}_isRippleDisabled(){return this.disableRipple||this.disabled}_onInputInteraction(e){if(e.stopPropagation(),!this.checked&&!this.disabled){let i=this.radioGroup&&this.value!==this.radioGroup.value;this.checked=true,this._emitChangeEvent(),this.radioGroup&&(this.radioGroup._controlValueAccessorChangeFn(this.value),i&&this.radioGroup._emitChangeEvent());}}_onTouchTargetClick(e){this._onInputInteraction(e),(!this.disabled||this.disabledInteractive)&&this._inputElement?.nativeElement.focus();}_setDisabled(e){this._disabled!==e&&(this._disabled=e,this._changeDetector.markForCheck());}_onInputClick=e=>{this.disabled&&this.disabledInteractive&&e.preventDefault();};_updateTabIndex(){let e=this.radioGroup,i;if(!e||!e.selected||this.disabled?i=this.tabIndex:i=e.selected===this?this.tabIndex:-1,i!==this._previousTabIndex){let t=this._inputElement?.nativeElement;t&&(t.setAttribute("tabindex",i+""),this._previousTabIndex=i,wn(()=>{queueMicrotask(()=>{e&&e.selected&&e.selected!==this&&document.activeElement===t&&(e.selected?._inputElement.nativeElement.focus(),document.activeElement===t&&this._inputElement.nativeElement.blur());});},{injector:this._injector}));}}static \u0275fac=function(i){return new(i||o)};static \u0275cmp=_e({type:o,selectors:[["mat-radio-button"]],viewQuery:function(i,t){if(i&1&&rc(Ve,5)(Le,7,q),i&2){let d;Df(d=Ef())&&(t._inputElement=d.first),Df(d=Ef())&&(t._rippleTrigger=d.first);}},hostAttrs:[1,"mat-mdc-radio-button"],hostVars:19,hostBindings:function(i,t){i&1&&bv("focus",function(){return t._inputElement.nativeElement.focus()}),i&2&&(Ei("id",t.id)("tabindex",null)("aria-label",null)("aria-labelledby",null)("aria-describedby",null),mt("mat-primary",t.color==="primary")("mat-accent",t.color==="accent")("mat-warn",t.color==="warn")("mat-mdc-radio-checked",t.checked)("mat-mdc-radio-disabled",t.disabled)("mat-mdc-radio-disabled-interactive",t.disabledInteractive)("_mat-animation-noopable",t._noopAnimations));},inputs:{id:"id",name:"name",ariaLabel:[0,"aria-label","ariaLabel"],ariaLabelledby:[0,"aria-labelledby","ariaLabelledby"],ariaDescribedby:[0,"aria-describedby","ariaDescribedby"],disableRipple:[2,"disableRipple","disableRipple",ce],tabIndex:[2,"tabIndex","tabIndex",e=>e==null?0:Of(e)],checked:[2,"checked","checked",ce],value:"value",labelPosition:"labelPosition",disabled:[2,"disabled","disabled",ce],required:[2,"required","required",ce],color:"color",disabledInteractive:[2,"disabledInteractive","disabledInteractive",ce]},outputs:{change:"change"},exportAs:["matRadioButton"],ngContentSelectors:je,decls:13,vars:17,consts:[["formField",""],["input",""],["mat-internal-form-field","",3,"labelPosition"],[1,"mdc-radio"],["aria-hidden","true",1,"mat-mdc-radio-touch-target",3,"click"],["type","radio","aria-invalid","false",1,"mdc-radio__native-control",3,"change","id","checked","disabled","required"],["aria-hidden","true",1,"mdc-radio__background"],[1,"mdc-radio__outer-circle"],[1,"mdc-radio__inner-circle"],["mat-ripple","","aria-hidden","true",1,"mat-radio-ripple","mat-focus-indicator",3,"matRippleTrigger","matRippleDisabled","matRippleCentered"],[1,"mat-ripple-element","mat-radio-persistent-ripple"],[1,"mdc-label",3,"for"]],template:function(i,t){i&1&&(Cn(),Ba(0,"div",2,0)(2,"div",3)(3,"div",4),bv("click",function(l){return t._onTouchTargetClick(l)}),vf(),Ba(4,"input",5,1),bv("change",function(l){return t._onInputInteraction(l)}),vf(),Ba(6,"div",6),hv(7,"div",7)(8,"div",8),vf(),Ba(9,"div",9),hv(10,"div",10),vf()(),Ba(11,"label",11),Ce(12),vf()()),i&2&&(pv("labelPosition",t.labelPosition),In(2),mt("mdc-radio--disabled",t.disabled),In(2),pv("id",t.inputId)("checked",t.checked)("disabled",t.disabled&&!t.disabledInteractive)("required",t.required),Ei("name",t.name)("value",t.value)("aria-label",t.ariaLabel)("aria-labelledby",t.ariaLabelledby)("aria-describedby",t.ariaDescribedby)("aria-disabled",t.disabled&&t.disabledInteractive?"true":null),In(5),pv("matRippleTrigger",t._rippleTrigger.nativeElement)("matRippleDisabled",t._isRippleDisabled())("matRippleCentered",true),In(2),pv("for",t.inputId));},dependencies:[S9,m],styles:[`.mat-mdc-radio-button {
-webkit-tap-highlight-color: transparent;
}
.mat-mdc-radio-button .mdc-radio {
display: inline-block;
position: relative;
flex: 0 0 auto;
box-sizing: content-box;
width: 20px;
height: 20px;
cursor: pointer;
will-change: opacity, transform, border-color, color;
padding: calc((var(--mat-radio-state-layer-size, 40px) - 20px) / 2);
}
.mat-mdc-radio-button .mdc-radio:hover > .mdc-radio__native-control:not([disabled]):not(:focus) ~ .mdc-radio__background::before {
opacity: 0.04;
transform: scale(1);
}
.mat-mdc-radio-button .mdc-radio:hover > .mdc-radio__native-control:not([disabled]) ~ .mdc-radio__background > .mdc-radio__outer-circle {
border-color: var(--mat-radio-unselected-hover-icon-color, var(--mat-sys-on-surface));
}
.mat-mdc-radio-button .mdc-radio:hover > .mdc-radio__native-control:enabled:checked + .mdc-radio__background > .mdc-radio__outer-circle {
border-color: var(--mat-radio-selected-hover-icon-color, var(--mat-sys-primary));
}
.mat-mdc-radio-button .mdc-radio:hover > .mdc-radio__native-control:enabled:checked + .mdc-radio__background > .mdc-radio__inner-circle {
background-color: var(--mat-radio-selected-hover-icon-color, var(--mat-sys-primary, currentColor));
}
.mat-mdc-radio-button .mdc-radio:active > .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background > .mdc-radio__outer-circle {
border-color: var(--mat-radio-unselected-pressed-icon-color, var(--mat-sys-on-surface));
}
.mat-mdc-radio-button .mdc-radio:active > .mdc-radio__native-control:enabled:checked + .mdc-radio__background > .mdc-radio__outer-circle {
border-color: var(--mat-radio-selected-pressed-icon-color, var(--mat-sys-primary));
}
.mat-mdc-radio-button .mdc-radio:active > .mdc-radio__native-control:enabled:checked + .mdc-radio__background > .mdc-radio__inner-circle {
background-color: var(--mat-radio-selected-pressed-icon-color, var(--mat-sys-primary, currentColor));
}
.mat-mdc-radio-button .mdc-radio__background {
display: inline-block;
position: relative;
box-sizing: border-box;
width: 20px;
height: 20px;
}
.mat-mdc-radio-button .mdc-radio__background::before {
position: absolute;
transform: scale(0, 0);
border-radius: 50%;
opacity: 0;
pointer-events: none;
content: "";
transition: opacity 90ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms cubic-bezier(0.4, 0, 0.6, 1);
width: var(--mat-radio-state-layer-size, 40px);
height: var(--mat-radio-state-layer-size, 40px);
top: calc(-1 * (var(--mat-radio-state-layer-size, 40px) - 20px) / 2);
left: calc(-1 * (var(--mat-radio-state-layer-size, 40px) - 20px) / 2);
}
.mat-mdc-radio-button .mdc-radio__outer-circle {
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
width: 100%;
height: 100%;
border-width: 2px;
border-style: solid;
border-radius: 50%;
transition: border-color 90ms cubic-bezier(0.4, 0, 0.6, 1);
}
.mat-mdc-radio-button .mdc-radio__inner-circle {
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
width: 100%;
height: 100%;
transform: scale(0);
border-radius: 50%;
transition: transform 90ms cubic-bezier(0.4, 0, 0.6, 1), background-color 90ms cubic-bezier(0.4, 0, 0.6, 1);
}
(forced-colors: active) {
.mat-mdc-radio-button .mdc-radio__inner-circle {
background-color: CanvasText !important;
}
}
.mat-mdc-radio-button .mdc-radio__native-control {
position: absolute;
margin: 0;
padding: 0;
opacity: 0;
top: 0;
right: 0;
left: 0;
cursor: inherit;
z-index: 1;
width: var(--mat-radio-state-layer-size, 40px);
height: var(--mat-radio-state-layer-size, 40px);
}
.mat-mdc-radio-button .mdc-radio__native-control:checked + .mdc-radio__background, .mat-mdc-radio-button .mdc-radio__native-control:disabled + .mdc-radio__background {
transition: opacity 90ms cubic-bezier(0, 0, 0.2, 1), transform 90ms cubic-bezier(0, 0, 0.2, 1);
}
.mat-mdc-radio-button .mdc-radio__native-control:checked + .mdc-radio__background > .mdc-radio__outer-circle, .mat-mdc-radio-button .mdc-radio__native-control:disabled + .mdc-radio__background > .mdc-radio__outer-circle {
transition: border-color 90ms cubic-bezier(0, 0, 0.2, 1);
}
.mat-mdc-radio-button .mdc-radio__native-control:checked + .mdc-radio__background > .mdc-radio__inner-circle, .mat-mdc-radio-button .mdc-radio__native-control:disabled + .mdc-radio__background > .mdc-radio__inner-circle {
transition: transform 90ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms cubic-bezier(0, 0, 0.2, 1);
}
.mat-mdc-radio-button .mdc-radio__native-control:focus + .mdc-radio__background::before {
transform: scale(1);
opacity: 0.12;
transition: opacity 90ms cubic-bezier(0, 0, 0.2, 1), transform 90ms cubic-bezier(0, 0, 0.2, 1);
}
.mat-mdc-radio-button .mdc-radio__native-control:disabled:not(:checked) + .mdc-radio__background > .mdc-radio__outer-circle {
border-color: var(--mat-radio-disabled-unselected-icon-color, var(--mat-sys-on-surface));
opacity: var(--mat-radio-disabled-unselected-icon-opacity, 0.38);
}
.mat-mdc-radio-button .mdc-radio__native-control:disabled + .mdc-radio__background {
cursor: default;
}
.mat-mdc-radio-button .mdc-radio__native-control:disabled + .mdc-radio__background > .mdc-radio__outer-circle {
border-color: var(--mat-radio-disabled-selected-icon-color, var(--mat-sys-on-surface));
opacity: var(--mat-radio-disabled-selected-icon-opacity, 0.38);
}
.mat-mdc-radio-button .mdc-radio__native-control:disabled + .mdc-radio__background > .mdc-radio__inner-circle {
background-color: var(--mat-radio-disabled-selected-icon-color, var(--mat-sys-on-surface, currentColor));
opacity: var(--mat-radio-disabled-selected-icon-opacity, 0.38);
}
.mat-mdc-radio-button .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background > .mdc-radio__outer-circle {
border-color: var(--mat-radio-unselected-icon-color, var(--mat-sys-on-surface-variant));
}
.mat-mdc-radio-button .mdc-radio__native-control:enabled:checked + .mdc-radio__background > .mdc-radio__outer-circle {
border-color: var(--mat-radio-selected-icon-color, var(--mat-sys-primary));
}
.mat-mdc-radio-button .mdc-radio__native-control:enabled:checked + .mdc-radio__background > .mdc-radio__inner-circle {
background-color: var(--mat-radio-selected-icon-color, var(--mat-sys-primary, currentColor));
}
.mat-mdc-radio-button .mdc-radio__native-control:enabled:focus:checked + .mdc-radio__background > .mdc-radio__outer-circle {
border-color: var(--mat-radio-selected-focus-icon-color, var(--mat-sys-primary));
}
.mat-mdc-radio-button .mdc-radio__native-control:enabled:focus:checked + .mdc-radio__background > .mdc-radio__inner-circle {
background-color: var(--mat-radio-selected-focus-icon-color, var(--mat-sys-primary, currentColor));
}
.mat-mdc-radio-button .mdc-radio__native-control:checked + .mdc-radio__background > .mdc-radio__inner-circle {
transform: scale(0.5);
transition: transform 90ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms cubic-bezier(0, 0, 0.2, 1);
}
.mat-mdc-radio-button.mat-mdc-radio-disabled-interactive .mdc-radio--disabled {
pointer-events: auto;
}
.mat-mdc-radio-button.mat-mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control:not(:checked) + .mdc-radio__background > .mdc-radio__outer-circle {
border-color: var(--mat-radio-disabled-unselected-icon-color, var(--mat-sys-on-surface));
opacity: var(--mat-radio-disabled-unselected-icon-opacity, 0.38);
}
.mat-mdc-radio-button.mat-mdc-radio-disabled-interactive .mdc-radio--disabled:hover .mdc-radio__native-control:checked + .mdc-radio__background > .mdc-radio__outer-circle,
.mat-mdc-radio-button.mat-mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control:checked:focus + .mdc-radio__background > .mdc-radio__outer-circle,
.mat-mdc-radio-button.mat-mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control + .mdc-radio__background > .mdc-radio__outer-circle {
border-color: var(--mat-radio-disabled-selected-icon-color, var(--mat-sys-on-surface));
opacity: var(--mat-radio-disabled-selected-icon-opacity, 0.38);
}
.mat-mdc-radio-button.mat-mdc-radio-disabled-interactive .mdc-radio--disabled:hover .mdc-radio__native-control:checked + .mdc-radio__background > .mdc-radio__inner-circle,
.mat-mdc-radio-button.mat-mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control:checked:focus + .mdc-radio__background > .mdc-radio__inner-circle,
.mat-mdc-radio-button.mat-mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control + .mdc-radio__background > .mdc-radio__inner-circle {
background-color: var(--mat-radio-disabled-selected-icon-color, var(--mat-sys-on-surface, currentColor));
opacity: var(--mat-radio-disabled-selected-icon-opacity, 0.38);
}
.mat-mdc-radio-button._mat-animation-noopable .mdc-radio__background::before,
.mat-mdc-radio-button._mat-animation-noopable .mdc-radio__outer-circle,
.mat-mdc-radio-button._mat-animation-noopable .mdc-radio__inner-circle {
transition: none !important;
}
.mat-mdc-radio-button label {
cursor: pointer;
}
.mat-mdc-radio-button label:empty {
display: none;
}
.mat-mdc-radio-button .mdc-radio__background::before {
background-color: var(--mat-radio-ripple-color, var(--mat-sys-on-surface));
}
.mat-mdc-radio-button.mat-mdc-radio-checked .mat-ripple-element,
.mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__background::before {
background-color: var(--mat-radio-checked-ripple-color, var(--mat-sys-primary));
}
.mat-mdc-radio-button.mat-mdc-radio-disabled-interactive .mdc-radio--disabled .mat-ripple-element,
.mat-mdc-radio-button.mat-mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__background::before {
background-color: var(--mat-radio-ripple-color, var(--mat-sys-on-surface));
}
.mat-mdc-radio-button .mat-internal-form-field {
color: var(--mat-radio-label-text-color, var(--mat-sys-on-surface));
font-family: var(--mat-radio-label-text-font, var(--mat-sys-body-medium-font));
line-height: var(--mat-radio-label-text-line-height, var(--mat-sys-body-medium-line-height));
font-size: var(--mat-radio-label-text-size, var(--mat-sys-body-medium-size));
letter-spacing: var(--mat-radio-label-text-tracking, var(--mat-sys-body-medium-tracking));
font-weight: var(--mat-radio-label-text-weight, var(--mat-sys-body-medium-weight));
}
.mat-mdc-radio-button .mdc-radio--disabled + label {
color: var(--mat-radio-disabled-label-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
}
.mat-mdc-radio-button .mat-radio-ripple {
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
pointer-events: none;
border-radius: 50%;
}
.mat-mdc-radio-button .mat-radio-ripple > .mat-ripple-element {
opacity: 0.14;
}
.mat-mdc-radio-button .mat-radio-ripple::before {
border-radius: 50%;
}
.mat-mdc-radio-button .mdc-radio > .mdc-radio__native-control:focus:enabled:not(:checked) ~ .mdc-radio__background > .mdc-radio__outer-circle {
border-color: var(--mat-radio-unselected-focus-icon-color, var(--mat-sys-on-surface));
}
.mat-mdc-radio-button.cdk-focused .mat-focus-indicator::before {
content: "";
}
.mat-mdc-radio-disabled {
cursor: default;
pointer-events: none;
}
.mat-mdc-radio-disabled.mat-mdc-radio-disabled-interactive {
pointer-events: auto;
}
.mat-mdc-radio-touch-target {
position: absolute;
top: 50%;
left: 50%;
height: var(--mat-radio-touch-target-size, 48px);
width: var(--mat-radio-touch-target-size, 48px);
transform: translate(-50%, -50%);
display: var(--mat-radio-touch-target-display, block);
}
[dir=rtl] .mat-mdc-radio-touch-target {
left: auto;
right: 50%;
transform: translate(50%, -50%);
}
`],encapsulation:2})}return o})(),Oe=(()=>{class o{static \u0275fac=function(i){return new(i||o)};static \u0275mod=re({type:o});static \u0275inj=ee({imports:[__,y,tn]})}return o})();function Ue(o,I){if(o&1&&(Ba(0,"div",17)(1,"span",18),IS(2),vf(),Ba(3,"kbd",19),IS(4),vf()()),o&2){let e=I.$implicit,i=JT();In(2),Rv(e.key),In(2),Rv(i.strings().redisTypes?.[e.type]||e.type);}}var Tt=(()=>{class o{dialogRef;data;i18n;socket;common;strings;conflictMode="overwrite";importing=false;constructor(e,i,t,d,l){this.dialogRef=e,this.data=i,this.i18n=t,this.socket=d,this.common=l,this.strings=this.i18n.strings;}trackByKey(e,i){return i.key}cancel(){this.dialogRef.close(null);}doImport(){return L(this,null,function*(){let e=this.data.keys,i=this.conflictMode;this.dialogRef.close({pending:true,keys:e,conflictMode:i});})}static \u0275fac=function(i){return new(i||o)(Xe(z),Xe(Ue$1),Xe(fQ),Xe(bi),Xe(It))};static \u0275cmp=_e({type:o,selectors:[["p3xr-key-import-dialog"]],decls:29,vars:11,consts:[[1,"p3xr-dialog-toolbar","p3xr-mat-layout-strong"],["mat-dialog-title","",1,"p3xr-dialog-title"],["mat-icon-button","","type","button",3,"click"],[1,"p3xr-dialog-content"],[1,"p3xr-padding"],[2,"margin-bottom","16px"],[2,"opacity","0.7","margin-left","8px"],["itemSize","40",1,"p3xr-import-preview-list"],["class","p3xr-import-preview-row",4,"cdkVirtualFor","cdkVirtualForOf","cdkVirtualForTrackBy"],[2,"margin-top","16px"],[2,"margin-bottom","8px","font-weight","500"],[3,"ngModelChange","ngModel"],["value","overwrite",2,"margin-right","16px"],["value","skip"],[1,"p3xr-dialog-actions"],[3,"cancel"],["mat-raised-button","",1,"btn-primary",3,"click","disabled"],[1,"p3xr-import-preview-row"],[1,"p3xr-import-key-name"],[1,"p3xr-kbd","p3xr-kbd-small"]],template:function(i,t){i&1&&(Ba(0,"mat-toolbar",0)(1,"span",1),IS(2),vf(),Ba(3,"button",2),bv("click",function(){return t.cancel()}),Ba(4,"mat-icon"),IS(5,"close"),vf()()(),Ba(6,"mat-dialog-content",3)(7,"div",4)(8,"div",5)(9,"strong"),IS(10),vf(),Ba(11,"span",6),IS(12),vf()(),Ba(13,"cdk-virtual-scroll-viewport",7),cv(14,Ue,5,2,"div",8),vf(),Ba(15,"div",9)(16,"div",10),IS(17),vf(),Ba(18,"mat-radio-group",11),Lv("ngModelChange",function(l){return AS(t.conflictMode,l)||(t.conflictMode=l),l}),Ba(19,"mat-radio-button",12),IS(20),vf(),Ba(21,"mat-radio-button",13),IS(22),vf()(),Mx(),vf()()(),Ba(23,"mat-dialog-actions",14)(24,"p3xr-dialog-cancel",15),bv("cancel",function(){return t.cancel()}),vf(),Ba(25,"button",16),bv("click",function(){return t.doImport()}),Ba(26,"mat-icon"),IS(27,"file_upload"),vf(),IS(28),vf()()),i&2&&(In(2),If(" ",t.strings().intention?.importKeys," "),In(8),Rv(t.strings().label?.importPreview),In(2),If(" (",t.data.keys.length,") "),In(2),pv("cdkVirtualForOf",t.data.keys)("cdkVirtualForTrackBy",t.trackByKey),In(3),If(" ",t.strings().label?.importConflict," "),In(),Fv("ngModel",t.conflictMode),Nx(),In(2),If(" ",t.strings().label?.importOverwrite," "),In(2),If(" ",t.strings().label?.importSkip," "),In(3),pv("disabled",t.importing),In(3),If(" ",t.importing?t.strings().label?.importProgress:t.strings().intention?.importKeys," "));},dependencies:[mb,jn,On,tn$1,zt,jt,Vt,Nt,ae,se,aY,iY,_A,yt,wt,f,Oe,G,y,cp,R0,B0,j0,Q],styles:[".p3xr-import-preview-list[_ngcontent-%COMP%]{height:300px}.p3xr-import-preview-row[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px;height:40px;padding:0 16px;box-sizing:border-box;border-bottom:1px solid var(--p3xr-list-border, rgba(0,0,0,.12))}.p3xr-import-key-name[_ngcontent-%COMP%]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Roboto Mono,monospace;font-size:13px}"],changeDetection:1})}return o})();export{Tt as KeyImportDialogComponent};