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

240 lines (238 loc) • 27 kB
import{d as L}from"./main-OCJB5534.js";import{Di as wf,Dn as _y,Dt as Qe,F as HY,Fi as xi,H as In,Hr as nn,In as by,It as Sn,Lt as Sy,Mi as x_,P as HT,Pi as xf,Pr as mc,Qn as fp,Qr as qC,S as Do,T as Ee,Tr as le,Vt as Te,W as J,Wn as d0,Wr as o0,Wt as Ty,X as Jy,Xt as Uy,Zr as q,Zt as V,_ as Cf,_i as uY,bt as Pc,dn as Xe,ei as qT,er as gT,f as Br,gi as u0,gn as Z,gr as jf,gt as O,in as Wa,ir as h,k as G0,lr as hy,mi as te,mn as YQ,mt as Ni,pt as Nf,qr as oe,rn as WC,s as $y,si as rt,t as $Y,ti as qi,ut as N_,vr as jy,w as Eb,wi as vt,wr as lc,xi as v,y as Cn}from"./chunk-CHqDEyfr.js";import{t as f}from"./chunk-DolM25Wu.js";import{n as o}from"./chunk-CPClUPec.js";import{t as m}from"./chunk-BRxf0Wo1.js";import"./chunk-CyniViPG.js";import{n as bi}from"./chunk-DjVJBOYc.js";import"./chunk-CWEwaFv9.js";import{a as jt,i as Vt,o as z,r as Ue$1,s as zt,t as Bt}from"./chunk-CyaMV1f5.js";import{t as It}from"./chunk-BM0xjj91.js";import{C as xn,i as Gn,l as S$1,y as on}from"./chunk-B_FU7ynV.js";import{a as se,n as ae}from"./chunk-CNSP-oVC.js";import{n as wt,r as yt}from"./chunk-CGgWGJ3E.js";import{t as Q}from"./chunk-D56BNEWf.js";var Be=[`input`];var Ve=[`formField`];var Le=[`*`];var y=class{source;value;constructor(I,e){this.source=I,this.value=e}};var je={provide:S$1,useExisting:Br(()=>G),multi:!0};var qe=new v(`MatRadioGroup`);var Ke=new v(`mat-radio-default-options`,{providedIn:`root`,factory:()=>({color:`accent`,disabledInteractive:!1})});var G=(()=>{class o{_changeDetector=h(mc);_value=null;_name=h(qi).getId(`mat-radio-group-`);_selected=null;_isInitialized=!1;_labelPosition=`after`;_disabled=!1;_required=!1;_buttonChanges;_controlValueAccessorChangeFn=()=>{};onTouched=()=>{};change=new J;_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;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 ɵfac=function(i){return new(i||o)};static ɵdir=Z({type:o,selectors:[[`mat-radio-group`]],contentQueries:function(i,t,c){if(i&1&&Ty(c,S,5),i&2){let s;Cf(s=xf())&&(t._radios=s)}},hostAttrs:[`role`,`radiogroup`,1,`mat-mdc-radio-group`],inputs:{color:`color`,name:`name`,labelPosition:`labelPosition`,value:`value`,selected:`selected`,disabled:[2,`disabled`,`disabled`,le],required:[2,`required`,`required`,le],disabledInteractive:[2,`disabledInteractive`,`disabledInteractive`,le]},outputs:{change:`change`},exportAs:[`matRadioGroup`],features:[Ni([je,{provide:qe,useExisting:o}])]})}return o})();var S=(()=>{class o$1{_elementRef=h(q);_changeDetector=h(mc);_focusMonitor=h(Pc);_radioDispatcher=h(o);_defaultOptions=h(Ke,{optional:!0});_ngZone=h(O);_renderer=h(Xe);_uniqueId=h(qi).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 J;radioGroup;get inputId(){return`${this.id||this._uniqueId}-input`}_checked=!1;_disabled=!1;_required=!1;_value=null;_removeUniqueSelectionListener=()=>{};_previousTabIndex;_inputElement;_rippleTrigger;_noopAnimations=Do();_injector=h(V);constructor(){h(rt).load(x_);let e=h(qe,{optional:!0}),i=h(new Jy(`tabindex`),{optional:!0});this.radioGroup=e,this._disabledInteractive=this._defaultOptions?.disabledInteractive??!1,i&&(this.tabIndex=jf(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())}}_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,In(()=>{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 ɵfac=function(i){return new(i||o$1)};static ɵcmp=Ee({type:o$1,selectors:[[`mat-radio-button`]],viewQuery:function(i,t){if(i&1&&lc(Be,5)(Ve,7,q),i&2){let c;Cf(c=xf())&&(t._inputElement=c.first),Cf(c=xf())&&(t._rippleTrigger=c.first)}},hostAttrs:[1,`mat-mdc-radio-button`],hostVars:19,hostBindings:function(i,t){i&1&&Sy(`focus`,function(){return t._inputElement.nativeElement.focus()}),i&2&&(xi(`id`,t.id)(`tabindex`,null)(`aria-label`,null)(`aria-labelledby`,null)(`aria-describedby`,null),vt(`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`,le],tabIndex:[2,`tabIndex`,`tabIndex`,e=>e==null?0:jf(e)],checked:[2,`checked`,`checked`,le],value:`value`,labelPosition:`labelPosition`,disabled:[2,`disabled`,`disabled`,le],required:[2,`required`,`required`,le],color:`color`,disabledInteractive:[2,`disabledInteractive`,`disabledInteractive`,le]},outputs:{change:`change`},exportAs:[`matRadioButton`],ngContentSelectors:Le,decls:13,vars:17,consts:[[`formField`,``],[`input`,``],[`mat-internal-form-field`,``,3,`labelPosition`,`for`],[1,`mdc-radio`],[1,`mat-mdc-radio-touch-target`],[`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,`mat-internal-form-field-label`,`mdc-label`]],template:function(i,t){i&1&&(Cn(),Wa(0,`label`,2,0)(2,`span`,3),_y(3,`span`,4),Wa(4,`input`,5,1),Sy(`change`,function(s){return t._onInputInteraction(s)}),wf(),Wa(6,`span`,6),_y(7,`span`,7)(8,`span`,8),wf(),Wa(9,`span`,9),_y(10,`span`,10),wf()(),Wa(11,`span`,11),Te(12),wf()()),i&2&&(by(`labelPosition`,t.labelPosition)(`for`,t.inputId),Sn(2),vt(`mdc-radio--disabled`,t.disabled),Sn(2),by(`id`,t.inputId)(`checked`,t.checked)(`disabled`,t.disabled&&!t.disabledInteractive)(`required`,t.required),xi(`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),Sn(5),by(`matRippleTrigger`,t._rippleTrigger.nativeElement)(`matRippleDisabled`,t._isRippleDisabled())(`matRippleCentered`,!0))},dependencies:[uY,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; will-change: opacity, transform, border-color, color; padding: calc((var(--%NS%mat-radio-state-layer-size, 40px) - 20px) / 2); cursor: pointer; } .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(--%NS%mat-radio-unselected-hover-icon-color, var(--%NS%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(--%NS%mat-radio-selected-hover-icon-color, var(--%NS%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(--%NS%mat-radio-selected-hover-icon-color, var(--%NS%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(--%NS%mat-radio-unselected-pressed-icon-color, var(--%NS%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(--%NS%mat-radio-selected-pressed-icon-color, var(--%NS%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(--%NS%mat-radio-selected-pressed-icon-color, var(--%NS%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(--%NS%mat-radio-state-layer-size, 40px); height: var(--%NS%mat-radio-state-layer-size, 40px); top: calc(-1 * (var(--%NS%mat-radio-state-layer-size, 40px) - 20px) / 2); left: calc(-1 * (var(--%NS%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); } @media (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(--%NS%mat-radio-state-layer-size, 40px); height: var(--%NS%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(--%NS%mat-radio-disabled-unselected-icon-color, var(--%NS%mat-sys-on-surface)); opacity: var(--%NS%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(--%NS%mat-radio-disabled-selected-icon-color, var(--%NS%mat-sys-on-surface)); opacity: var(--%NS%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(--%NS%mat-radio-disabled-selected-icon-color, var(--%NS%mat-sys-on-surface, currentColor)); opacity: var(--%NS%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(--%NS%mat-radio-unselected-icon-color, var(--%NS%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(--%NS%mat-radio-selected-icon-color, var(--%NS%mat-sys-primary)); } .mat-mdc-radio-button .mdc-radio__native-control:enabled:checked + .mdc-radio__background > .mdc-radio__inner-circle { background-color: var(--%NS%mat-radio-selected-icon-color, var(--%NS%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(--%NS%mat-radio-selected-focus-icon-color, var(--%NS%mat-sys-primary)); } .mat-mdc-radio-button .mdc-radio__native-control:enabled:focus:checked + .mdc-radio__background > .mdc-radio__inner-circle { background-color: var(--%NS%mat-radio-selected-focus-icon-color, var(--%NS%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(--%NS%mat-radio-disabled-unselected-icon-color, var(--%NS%mat-sys-on-surface)); opacity: var(--%NS%mat-radio-disabled-unselected-icon-opacity, 0.38); } .mat-mdc-radio-button.mat-mdc-radio-disabled-interactive .mdc-radio--%NS%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(--%NS%mat-radio-disabled-selected-icon-color, var(--%NS%mat-sys-on-surface)); opacity: var(--%NS%mat-radio-disabled-selected-icon-opacity, 0.38); } .mat-mdc-radio-button.mat-mdc-radio-disabled-interactive .mdc-radio--%NS%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(--%NS%mat-radio-disabled-selected-icon-color, var(--%NS%mat-sys-on-surface, currentColor)); opacity: var(--%NS%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 .mat-internal-form-field-label:empty { display: none; } .mat-mdc-radio-button .mdc-radio__background::before { background-color: var(--%NS%mat-radio-ripple-color, var(--%NS%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(--%NS%mat-radio-checked-ripple-color, var(--%NS%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(--%NS%mat-radio-ripple-color, var(--%NS%mat-sys-on-surface)); } .mat-mdc-radio-button .mat-internal-form-field { color: var(--%NS%mat-radio-label-text-color, var(--%NS%mat-sys-on-surface)); font-family: var(--%NS%mat-radio-label-text-font, var(--%NS%mat-sys-body-medium-font)); line-height: var(--%NS%mat-radio-label-text-line-height, var(--%NS%mat-sys-body-medium-line-height)); font-size: var(--%NS%mat-radio-label-text-size, var(--%NS%mat-sys-body-medium-size)); letter-spacing: var(--%NS%mat-radio-label-text-tracking, var(--%NS%mat-sys-body-medium-tracking)); font-weight: var(--%NS%mat-radio-label-text-weight, var(--%NS%mat-sys-body-medium-weight)); cursor: pointer; } .mat-mdc-radio-button .mdc-radio--disabled + .mat-internal-form-field-label { color: var(--%NS%mat-radio-disabled-label-color, color-mix(in srgb, var(--%NS%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(--%NS%mat-radio-unselected-focus-icon-color, var(--%NS%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(--%NS%mat-radio-touch-target-size, 48px); width: var(--%NS%mat-radio-touch-target-size, 48px); transform: translate(-50%, -50%); display: var(--%NS%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$1})();var Pe=(()=>{class o{static ɵfac=function(i){return new(i||o)};static ɵmod=oe({type:o});static ɵinj=te({imports:[N_,S,nn]})}return o})();function Ue(o,I){if(o&1&&(Wa(0,`div`,17)(1,`span`,18),HT(2),wf(),Wa(3,`kbd`,19),HT(4),wf()()),o&2){let e=I.$implicit,i=gT();Sn(2),jy(e.key),Sn(2),jy(i.strings().redisTypes?.[e.type]||e.type)}}var Et=(()=>{class o{dialogRef;data;i18n;socket;common;strings;conflictMode=`overwrite`;importing=!1;constructor(e,i,t,c,s){this.dialogRef=e,this.data=i,this.i18n=t,this.socket=c,this.common=s,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:!0,keys:e,conflictMode:i})})}static ɵfac=function(i){return new(i||o)(Qe(z),Qe(Ue$1),Qe(YQ),Qe(bi),Qe(It))};static ɵcmp=Ee({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&&(Wa(0,`mat-toolbar`,0)(1,`span`,1),HT(2),wf(),Wa(3,`button`,2),Sy(`click`,function(){return t.cancel()}),Wa(4,`mat-icon`),HT(5,`close`),wf()()(),Wa(6,`mat-dialog-content`,3)(7,`div`,4)(8,`div`,5)(9,`strong`),HT(10),wf(),Wa(11,`span`,6),HT(12),wf()(),Wa(13,`cdk-virtual-scroll-viewport`,7),hy(14,Ue,5,2,`div`,8),wf(),Wa(15,`div`,9)(16,`div`,10),HT(17),wf(),Wa(18,`mat-radio-group`,11),$y(`ngModelChange`,function(s){return qT(t.conflictMode,s)||(t.conflictMode=s),s}),Wa(19,`mat-radio-button`,12),HT(20),wf(),Wa(21,`mat-radio-button`,13),HT(22),wf()(),WC(),wf()()(),Wa(23,`mat-dialog-actions`,14)(24,`p3xr-dialog-cancel`,15),Sy(`cancel`,function(){return t.cancel()}),wf(),Wa(25,`button`,16),Sy(`click`,function(){return t.doImport()}),Wa(26,`mat-icon`),HT(27,`file_upload`),wf(),HT(28),wf()()),i&2&&(Sn(2),Nf(` `,t.strings().intention?.importKeys,` `),Sn(8),jy(t.strings().label?.importPreview),Sn(2),Nf(` (`,t.data.keys.length,`) `),Sn(2),by(`cdkVirtualForOf`,t.data.keys)(`cdkVirtualForTrackBy`,t.trackByKey),Sn(3),Nf(` `,t.strings().label?.importConflict,` `),Sn(),Uy(`ngModel`,t.conflictMode),qC(),Sn(2),Nf(` `,t.strings().label?.importOverwrite,` `),Sn(2),Nf(` `,t.strings().label?.importSkip,` `),Sn(3),by(`disabled`,t.importing),Sn(3),Nf(` `,t.importing?t.strings().label?.importProgress:t.strings().intention?.importKeys,` `))},dependencies:[Eb,Gn,xn,on,zt,Bt,Vt,jt,ae,se,$Y,HY,G0,yt,wt,f,Pe,G,S,fp,o0,d0,u0,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(--%NS%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{Et as KeyImportDialogComponent};