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
243 lines (240 loc) • 26.9 kB
JavaScript
import{b as Ee}from"./chunk-SQBBDTZO.js";import{b as Me}from"./chunk-KLZILXP3.js";import{a as Oe}from"./chunk-YBLUFXNR.js";import{c as ze}from"./chunk-3QQZQR3D.js";import{e as Pe}from"./chunk-TEXSADK3.js";import"./chunk-AN7C4JCR.js";import{a as xe,f as Re,j as De,v as we}from"./chunk-ICUC3WIE.js";import"./chunk-YA4NX3C4.js";import{a as qe}from"./chunk-R73GSFUT.js";import{d as Fe,e as Ae}from"./chunk-VMTBY4VN.js";import{b as Se,c as Te}from"./chunk-HFDIHHHN.js";import{a as fe,b as ge,d as ke,e as ye,f as Ie,g as Ce}from"./chunk-7JNYLOAK.js";import{$b as m,Bb as s,Ca as K,Cb as k,Cc as ae,Da as p,Db as b,Ec as re,Ed as me,Hb as Y,Ia as v,Ib as $,Id as ue,Ja as N,Jb as ee,Ka as Q,Kb as te,Kd as _e,Ld as be,Md as pe,Na as U,Nd as he,Pd as ve,Rd as Ge,T as O,Ub as ie,V as B,Vc as G,Wa as D,X as M,Z as l,Zb as S,ac as T,bb as u,bd as ne,cb as a,cd as de,db as r,eb as w,fa as V,gd as ce,hd as le,ja as x,jd as se,ka as L,lb as _,nb as H,ob as W,oc as oe,pb as Z,qb as J,ra as R,rb as X,sb as f,tb as g,xa as d,za as j,zb as E}from"./chunk-KQUCMSSK.js";import"./chunk-FCVD6SGJ.js";import{h as P}from"./chunk-O7S4L63H.js";var je=["input"],Ke=["formField"],Ne=["*"],y=class{source;value;constructor(C,e){this.source=C,this.value=e}},Qe={provide:xe,useExisting:O(()=>z),multi:!0},Be=new M("MatRadioGroup"),Ue=new M("mat-radio-default-options",{providedIn:"root",factory:()=>({color:"accent",disabledInteractive:!1})}),z=(()=>{class o{_changeDetector=l(S);_value=null;_name=l(G).getId("mat-radio-group-");_selected=null;_isInitialized=!1;_labelPosition="after";_disabled=!1;_required=!1;_buttonChanges;_controlValueAccessorChangeFn=()=>{};onTouched=()=>{};change=new x;_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=!0)}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=!1;constructor(){}ngAfterContentInit(){this._isInitialized=!0,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 y(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=Q({type:o,selectors:[["mat-radio-group"]],contentQueries:function(i,t,n){if(i&1&&J(n,I,5),i&2){let c;f(c=g())&&(t._radios=c)}},hostAttrs:["role","radiogroup",1,"mat-mdc-radio-group"],inputs:{color:"color",name:"name",labelPosition:"labelPosition",value:"value",selected:"selected",disabled:[2,"disabled","disabled",m],required:[2,"required","required",m],disabledInteractive:[2,"disabledInteractive","disabledInteractive",m]},outputs:{change:"change"},exportAs:["matRadioGroup"],features:[te([Qe,{provide:Be,useExisting:o}])]})}return o})(),I=(()=>{class o{_elementRef=l(R);_changeDetector=l(S);_focusMonitor=l(ae);_radioDispatcher=l(Me);_defaultOptions=l(Ue,{optional:!0});_ngZone=l(L);_renderer=l(K);_uniqueId=l(G).getId("mat-radio-");_cleanupClick;id=this._uniqueId;name;ariaLabel;ariaLabelledby;ariaDescribedby;disableRipple=!1;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 x;radioGroup;get inputId(){return`${this.id||this._uniqueId}-input`}_checked=!1;_disabled=!1;_required=!1;_value=null;_removeUniqueSelectionListener=()=>{};_previousTabIndex;_inputElement;_rippleTrigger;_noopAnimations=me();_injector=l(V);constructor(){l(re).load(_e);let e=l(Be,{optional:!0}),i=l(new ie("tabindex"),{optional:!0});this.radioGroup=e,this._disabledInteractive=this._defaultOptions?.disabledInteractive??!1,i&&(this.tabIndex=T(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=!1)})}ngDoCheck(){this._updateTabIndex()}ngAfterViewInit(){this._updateTabIndex(),this._focusMonitor.monitor(this._elementRef,!0).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 y(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=!0,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,j(()=>{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=v({type:o,selectors:[["mat-radio-button"]],viewQuery:function(i,t){if(i&1&&X(je,5)(Ke,7,R),i&2){let n;f(n=g())&&(t._inputElement=n.first),f(n=g())&&(t._rippleTrigger=n.first)}},hostAttrs:[1,"mat-mdc-radio-button"],hostVars:19,hostBindings:function(i,t){i&1&&_("focus",function(){return t._inputElement.nativeElement.focus()}),i&2&&(D("id",t.id)("tabindex",null)("aria-label",null)("aria-labelledby",null)("aria-describedby",null),E("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",m],tabIndex:[2,"tabIndex","tabIndex",e=>e==null?0:T(e)],checked:[2,"checked","checked",m],value:"value",labelPosition:"labelPosition",disabled:[2,"disabled","disabled",m],required:[2,"required","required",m],color:"color",disabledInteractive:[2,"disabledInteractive","disabledInteractive",m]},outputs:{change:"change"},exportAs:["matRadioButton"],ngContentSelectors:Ne,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&&(W(),a(0,"div",2,0)(2,"div",3)(3,"div",4),_("click",function(c){return t._onTouchTargetClick(c)}),r(),a(4,"input",5,1),_("change",function(c){return t._onInputInteraction(c)}),r(),a(6,"div",6),w(7,"div",7)(8,"div",8),r(),a(9,"div",9),w(10,"div",10),r()(),a(11,"label",11),Z(12),r()()),i&2&&(u("labelPosition",t.labelPosition),d(2),E("mdc-radio--disabled",t.disabled),d(2),u("id",t.inputId)("checked",t.checked)("disabled",t.disabled&&!t.disabledInteractive)("required",t.required),D("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),d(5),u("matRippleTrigger",t._rippleTrigger.nativeElement)("matRippleDisabled",t._isRippleDisabled())("matRippleCentered",!0),d(2),u("for",t.inputId))},dependencies:[ue,Oe],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,changeDetection:0})}return o})(),Ve=(()=>{class o{static \u0275fac=function(i){return new(i||o)};static \u0275mod=N({type:o});static \u0275inj=B({imports:[pe,I,ne]})}return o})();function We(o,C){if(o&1&&(a(0,"div",17)(1,"span",18),s(2),r(),a(3,"kbd",19),s(4),r()()),o&2){let e,i=C.$implicit,t=H();d(2),k(i.key),d(2),k(((e=t.strings().redisTypes)==null?null:e[i.type])||i.type)}}var Ft=(()=>{class o{dialogRef;data;i18n;socket;common;strings;conflictMode="overwrite";importing=!1;constructor(e,i,t,n,c){this.dialogRef=e,this.data=i,this.i18n=t,this.socket=n,this.common=c,this.strings=this.i18n.strings}trackByKey(e,i){return i.key}cancel(){this.dialogRef.close(null)}doImport(){return P(this,null,function*(){let e=this.data.keys,i=this.conflictMode;this.dialogRef.close({pending:!0,keys:e,conflictMode:i})})}static \u0275fac=function(i){return new(i||o)(p(fe),p(ge),p(Ge),p(ze),p(Pe))};static \u0275cmp=v({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){if(i&1&&(a(0,"mat-toolbar",0)(1,"span",1),s(2),r(),a(3,"button",2),_("click",function(){return t.cancel()}),a(4,"mat-icon"),s(5,"close"),r()()(),a(6,"mat-dialog-content",3)(7,"div",4)(8,"div",5)(9,"strong"),s(10),r(),a(11,"span",6),s(12),r()(),a(13,"cdk-virtual-scroll-viewport",7),U(14,We,5,2,"div",8),r(),a(15,"div",9)(16,"div",10),s(17),r(),a(18,"mat-radio-group",11),ee("ngModelChange",function(c){return $(t.conflictMode,c)||(t.conflictMode=c),c}),a(19,"mat-radio-button",12),s(20),r(),a(21,"mat-radio-button",13),s(22),r()()()()(),a(23,"mat-dialog-actions",14)(24,"p3xr-dialog-cancel",15),_("cancel",function(){return t.cancel()}),r(),a(25,"button",16),_("click",function(){return t.doImport()}),a(26,"mat-icon"),s(27,"file_upload"),r(),s(28),r()()),i&2){let n,c,F,A,q,h;d(2),b(" ",(n=t.strings().intention)==null?null:n.importKeys," "),d(8),k((c=t.strings().label)==null?null:c.importPreview),d(2),b(" (",t.data.keys.length,") "),d(2),u("cdkVirtualForOf",t.data.keys)("cdkVirtualForTrackBy",t.trackByKey),d(3),b(" ",(F=t.strings().label)==null?null:F.importConflict," "),d(),Y("ngModel",t.conflictMode),d(2),b(" ",(A=t.strings().label)==null?null:A.importOverwrite," "),d(2),b(" ",(q=t.strings().label)==null?null:q.importSkip," "),d(3),u("disabled",t.importing),d(3),b(" ",t.importing?(h=t.strings().label)==null?null:h.importProgress:(h=t.strings().intention)==null?null:h.importKeys," ")}},dependencies:[oe,we,Re,De,Ce,ke,Ie,ye,Ae,Fe,ve,he,be,Te,Se,Ee,Ve,z,I,se,de,le,ce,qe],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}"]})}return o})();export{Ft as KeyImportDialogComponent};