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

277 lines (260 loc) • 23 kB
import{a as J}from"./chunk-KLZILXP3.js";import{a as Y}from"./chunk-IDORGLM3.js";import{a as X}from"./chunk-ICUC3WIE.js";import{$b as r,Cc as U,Ec as H,Ed as q,Ia as G,Id as K,Ja as C,Ka as R,Kb as z,Kd as Z,Md as $,Qc as Q,T as S,Ub as P,V as M,Vc as T,Wa as c,X as h,Xa as E,Ya as A,Z as i,Zb as x,_c as j,bb as u,bd as W,cb as b,db as f,eb as v,ja as g,lb as p,na as w,nb as D,ob as O,pb as V,qb as F,ra as B,rb as L,sb as _,tb as y,xa as d,xb as N,zb as k}from"./chunk-KQUCMSSK.js";var gt=["button"],dt=["*"];function ct(o,I){if(o&1&&(b(0,"div",2),v(1,"mat-pseudo-checkbox",6),f()),o&2){let t=D();d(),u("disabled",t.disabled)}}var tt=new h("MAT_BUTTON_TOGGLE_DEFAULT_OPTIONS",{providedIn:"root",factory:()=>({hideSingleSelectionIndicator:!1,hideMultipleSelectionIndicator:!1,disabledInteractive:!1})}),et=new h("MatButtonToggleGroup"),ut={provide:X,useExisting:S(()=>bt),multi:!0},m=class{source;value;constructor(I,t){this.source=I,this.value=t}},bt=(()=>{class o{_changeDetector=i(x);_dir=i(j,{optional:!0});_multiple=!1;_disabled=!1;_disabledInteractive=!1;_selectionModel;_rawValue;_controlValueAccessorChangeFn=()=>{};_onTouched=()=>{};_buttonToggles;appearance;get name(){return this._name}set name(t){this._name=t,this._markButtonsForCheck()}_name=i(T).getId("mat-button-toggle-group-");vertical=!1;get value(){let t=this._selectionModel?this._selectionModel.selected:[];return this.multiple?t.map(n=>n.value):t[0]?t[0].value:void 0}set value(t){this._setSelectionByValue(t),this.valueChange.emit(this.value)}valueChange=new g;get selected(){let t=this._selectionModel?this._selectionModel.selected:[];return this.multiple?t:t[0]||null}get multiple(){return this._multiple}set multiple(t){this._multiple=t,this._markButtonsForCheck()}get disabled(){return this._disabled}set disabled(t){this._disabled=t,this._markButtonsForCheck()}get disabledInteractive(){return this._disabledInteractive}set disabledInteractive(t){this._disabledInteractive=t,this._markButtonsForCheck()}get dir(){return this._dir&&this._dir.value==="rtl"?"rtl":"ltr"}change=new g;get hideSingleSelectionIndicator(){return this._hideSingleSelectionIndicator}set hideSingleSelectionIndicator(t){this._hideSingleSelectionIndicator=t,this._markButtonsForCheck()}_hideSingleSelectionIndicator;get hideMultipleSelectionIndicator(){return this._hideMultipleSelectionIndicator}set hideMultipleSelectionIndicator(t){this._hideMultipleSelectionIndicator=t,this._markButtonsForCheck()}_hideMultipleSelectionIndicator;constructor(){let t=i(tt,{optional:!0});this.appearance=t&&t.appearance?t.appearance:"standard",this._hideSingleSelectionIndicator=t?.hideSingleSelectionIndicator??!1,this._hideMultipleSelectionIndicator=t?.hideMultipleSelectionIndicator??!1}ngOnInit(){this._selectionModel=new J(this.multiple,void 0,!1)}ngAfterContentInit(){this._selectionModel.select(...this._buttonToggles.filter(t=>t.checked)),this.multiple||this._initializeTabIndex()}writeValue(t){this.value=t,this._changeDetector.markForCheck()}registerOnChange(t){this._controlValueAccessorChangeFn=t}registerOnTouched(t){this._onTouched=t}setDisabledState(t){this.disabled=t}_keydown(t){if(this.multiple||this.disabled||Q(t))return;let e=t.target.id,a=this._buttonToggles.toArray().findIndex(s=>s.buttonId===e),l=null;switch(t.keyCode){case 32:case 13:l=this._buttonToggles.get(a)||null;break;case 38:l=this._getNextButton(a,-1);break;case 37:l=this._getNextButton(a,this.dir==="ltr"?-1:1);break;case 40:l=this._getNextButton(a,1);break;case 39:l=this._getNextButton(a,this.dir==="ltr"?1:-1);break;default:return}l&&(t.preventDefault(),l._onButtonClick(),l.focus())}_emitChangeEvent(t){let n=new m(t,this.value);this._rawValue=n.value,this._controlValueAccessorChangeFn(n.value),this.change.emit(n)}_syncButtonToggle(t,n,e=!1,a=!1){!this.multiple&&this.selected&&!t.checked&&(this.selected.checked=!1),this._selectionModel?n?this._selectionModel.select(t):this._selectionModel.deselect(t):a=!0,a?Promise.resolve().then(()=>this._updateModelValue(t,e)):this._updateModelValue(t,e)}_isSelected(t){return this._selectionModel&&this._selectionModel.isSelected(t)}_isPrechecked(t){return typeof this._rawValue>"u"?!1:this.multiple&&Array.isArray(this._rawValue)?this._rawValue.some(n=>t.value!=null&&n===t.value):t.value===this._rawValue}_initializeTabIndex(){if(this._buttonToggles.forEach(t=>{t.tabIndex=-1}),this.selected)this.selected.tabIndex=0;else for(let t=0;t<this._buttonToggles.length;t++){let n=this._buttonToggles.get(t);if(!n.disabled){n.tabIndex=0;break}}}_getNextButton(t,n){let e=this._buttonToggles;for(let a=1;a<=e.length;a++){let l=(t+n*a+e.length)%e.length,s=e.get(l);if(s&&!s.disabled)return s}return null}_setSelectionByValue(t){if(this._rawValue=t,!this._buttonToggles)return;let n=this._buttonToggles.toArray();if(this.multiple&&t?(Array.isArray(t),this._clearSelection(),t.forEach(e=>this._selectValue(e,n))):(this._clearSelection(),this._selectValue(t,n)),!this.multiple&&n.every(e=>e.tabIndex===-1)){for(let e of n)if(!e.disabled){e.tabIndex=0;break}}}_clearSelection(){this._selectionModel.clear(),this._buttonToggles.forEach(t=>{t.checked=!1,this.multiple||(t.tabIndex=-1)})}_selectValue(t,n){for(let e of n)if(e.value===t){e.checked=!0,this._selectionModel.select(e),this.multiple||(e.tabIndex=0);break}}_updateModelValue(t,n){n&&this._emitChangeEvent(t),this.valueChange.emit(this.value)}_markButtonsForCheck(){this._buttonToggles?.forEach(t=>t._markForCheck())}static \u0275fac=function(n){return new(n||o)};static \u0275dir=R({type:o,selectors:[["mat-button-toggle-group"]],contentQueries:function(n,e,a){if(n&1&&F(a,nt,5),n&2){let l;_(l=y())&&(e._buttonToggles=l)}},hostAttrs:[1,"mat-button-toggle-group"],hostVars:6,hostBindings:function(n,e){n&1&&p("keydown",function(l){return e._keydown(l)}),n&2&&(c("role",e.multiple?"group":"radiogroup")("aria-disabled",e.disabled),k("mat-button-toggle-vertical",e.vertical)("mat-button-toggle-group-appearance-standard",e.appearance==="standard"))},inputs:{appearance:"appearance",name:"name",vertical:[2,"vertical","vertical",r],value:"value",multiple:[2,"multiple","multiple",r],disabled:[2,"disabled","disabled",r],disabledInteractive:[2,"disabledInteractive","disabledInteractive",r],hideSingleSelectionIndicator:[2,"hideSingleSelectionIndicator","hideSingleSelectionIndicator",r],hideMultipleSelectionIndicator:[2,"hideMultipleSelectionIndicator","hideMultipleSelectionIndicator",r]},outputs:{valueChange:"valueChange",change:"change"},exportAs:["matButtonToggleGroup"],features:[z([ut,{provide:et,useExisting:o}])]})}return o})(),nt=(()=>{class o{_changeDetectorRef=i(x);_elementRef=i(B);_focusMonitor=i(U);_idGenerator=i(T);_animationDisabled=q();_checked=!1;ariaLabel;ariaLabelledby=null;_buttonElement;buttonToggleGroup;get buttonId(){return`${this.id}-button`}id;name;value;get tabIndex(){return this._tabIndex()}set tabIndex(t){this._tabIndex.set(t)}_tabIndex;disableRipple=!1;get appearance(){return this.buttonToggleGroup?this.buttonToggleGroup.appearance:this._appearance}set appearance(t){this._appearance=t}_appearance;get checked(){return this.buttonToggleGroup?this.buttonToggleGroup._isSelected(this):this._checked}set checked(t){t!==this._checked&&(this._checked=t,this.buttonToggleGroup&&this.buttonToggleGroup._syncButtonToggle(this,this._checked),this._changeDetectorRef.markForCheck())}get disabled(){return this._disabled||this.buttonToggleGroup&&this.buttonToggleGroup.disabled}set disabled(t){this._disabled=t}_disabled=!1;get disabledInteractive(){return this._disabledInteractive||this.buttonToggleGroup!==null&&this.buttonToggleGroup.disabledInteractive}set disabledInteractive(t){this._disabledInteractive=t}_disabledInteractive;change=new g;constructor(){i(H).load(Z);let t=i(et,{optional:!0}),n=i(new P("tabindex"),{optional:!0})||"",e=i(tt,{optional:!0});this._tabIndex=w(parseInt(n)||0),this.buttonToggleGroup=t,this._appearance=e&&e.appearance?e.appearance:"standard",this._disabledInteractive=e?.disabledInteractive??!1}ngOnInit(){let t=this.buttonToggleGroup;this.id=this.id||this._idGenerator.getId("mat-button-toggle-"),t&&(t._isPrechecked(this)?this.checked=!0:t._isSelected(this)!==this._checked&&t._syncButtonToggle(this,this._checked))}ngAfterViewInit(){this._animationDisabled||this._elementRef.nativeElement.classList.add("mat-button-toggle-animations-enabled"),this._focusMonitor.monitor(this._elementRef,!0)}ngOnDestroy(){let t=this.buttonToggleGroup;this._focusMonitor.stopMonitoring(this._elementRef),t&&t._isSelected(this)&&t._syncButtonToggle(this,!1,!1,!0)}focus(t){this._buttonElement.nativeElement.focus(t)}_onButtonClick(){if(this.disabled)return;let t=this.isSingleSelector()?!0:!this._checked;if(t!==this._checked&&(this._checked=t,this.buttonToggleGroup&&(this.buttonToggleGroup._syncButtonToggle(this,this._checked,!0),this.buttonToggleGroup._onTouched())),this.isSingleSelector()){let n=this.buttonToggleGroup._buttonToggles.find(e=>e.tabIndex===0);n&&(n.tabIndex=-1),this.tabIndex=0}this.change.emit(new m(this,this.value))}_markForCheck(){this._changeDetectorRef.markForCheck()}_getButtonName(){return this.isSingleSelector()?this.buttonToggleGroup.name:this.name||null}isSingleSelector(){return this.buttonToggleGroup&&!this.buttonToggleGroup.multiple}static \u0275fac=function(n){return new(n||o)};static \u0275cmp=G({type:o,selectors:[["mat-button-toggle"]],viewQuery:function(n,e){if(n&1&&L(gt,5),n&2){let a;_(a=y())&&(e._buttonElement=a.first)}},hostAttrs:["role","presentation",1,"mat-button-toggle"],hostVars:14,hostBindings:function(n,e){n&1&&p("focus",function(){return e.focus()}),n&2&&(c("aria-label",null)("aria-labelledby",null)("id",e.id)("name",null),k("mat-button-toggle-standalone",!e.buttonToggleGroup)("mat-button-toggle-checked",e.checked)("mat-button-toggle-disabled",e.disabled)("mat-button-toggle-disabled-interactive",e.disabledInteractive)("mat-button-toggle-appearance-standard",e.appearance==="standard"))},inputs:{ariaLabel:[0,"aria-label","ariaLabel"],ariaLabelledby:[0,"aria-labelledby","ariaLabelledby"],id:"id",name:"name",value:"value",tabIndex:"tabIndex",disableRipple:[2,"disableRipple","disableRipple",r],appearance:"appearance",checked:[2,"checked","checked",r],disabled:[2,"disabled","disabled",r],disabledInteractive:[2,"disabledInteractive","disabledInteractive",r]},outputs:{change:"change"},exportAs:["matButtonToggle"],ngContentSelectors:dt,decls:7,vars:13,consts:[["button",""],["type","button",1,"mat-button-toggle-button","mat-focus-indicator",3,"click","id","disabled"],[1,"mat-button-toggle-checkbox-wrapper"],[1,"mat-button-toggle-label-content"],[1,"mat-button-toggle-focus-overlay"],["matRipple","",1,"mat-button-toggle-ripple",3,"matRippleTrigger","matRippleDisabled"],["state","checked","aria-hidden","true","appearance","minimal",3,"disabled"]],template:function(n,e){if(n&1&&(O(),b(0,"button",1,0),p("click",function(){return e._onButtonClick()}),E(2,ct,2,1,"div",2),b(3,"span",3),V(4),f()(),v(5,"span",4)(6,"span",5)),n&2){let a=N(1);u("id",e.buttonId)("disabled",e.disabled&&!e.disabledInteractive||null),c("role",e.isSingleSelector()?"radio":"button")("tabindex",e.disabled&&!e.disabledInteractive?-1:e.tabIndex)("aria-pressed",e.isSingleSelector()?null:e.checked)("aria-checked",e.isSingleSelector()?e.checked:null)("name",e._getButtonName())("aria-label",e.ariaLabel)("aria-labelledby",e.ariaLabelledby)("aria-disabled",e.disabled&&e.disabledInteractive?"true":null),d(2),A(e.buttonToggleGroup&&(!e.buttonToggleGroup.multiple&&!e.buttonToggleGroup.hideSingleSelectionIndicator||e.buttonToggleGroup.multiple&&!e.buttonToggleGroup.hideMultipleSelectionIndicator)?2:-1),d(4),u("matRippleTrigger",a)("matRippleDisabled",e.disableRipple||e.disabled)}},dependencies:[K,Y],styles:[`.mat-button-toggle-standalone, .mat-button-toggle-group { position: relative; display: inline-flex; flex-direction: row; white-space: nowrap; overflow: hidden; -webkit-tap-highlight-color: transparent; border-radius: var(--mat-button-toggle-legacy-shape); transform: translateZ(0); } .mat-button-toggle-standalone:not([class*=mat-elevation-z]), .mat-button-toggle-group:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } @media (forced-colors: active) { .mat-button-toggle-standalone, .mat-button-toggle-group { outline: solid 1px; } } .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, .mat-button-toggle-group-appearance-standard { border-radius: var(--mat-button-toggle-shape, var(--mat-sys-corner-extra-large)); border: solid 1px var(--mat-button-toggle-divider-color, var(--mat-sys-outline)); } .mat-button-toggle-standalone.mat-button-toggle-appearance-standard .mat-pseudo-checkbox, .mat-button-toggle-group-appearance-standard .mat-pseudo-checkbox { --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--mat-button-toggle-selected-state-text-color, var(--mat-sys-on-secondary-container)); } .mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]), .mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) { box-shadow: none; } @media (forced-colors: active) { .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, .mat-button-toggle-group-appearance-standard { outline: 0; } } .mat-button-toggle-vertical { flex-direction: column; } .mat-button-toggle-vertical .mat-button-toggle-label-content { display: block; } .mat-button-toggle { white-space: nowrap; position: relative; color: var(--mat-button-toggle-legacy-text-color); font-family: var(--mat-button-toggle-legacy-label-text-font); font-size: var(--mat-button-toggle-legacy-label-text-size); line-height: var(--mat-button-toggle-legacy-label-text-line-height); font-weight: var(--mat-button-toggle-legacy-label-text-weight); letter-spacing: var(--mat-button-toggle-legacy-label-text-tracking); --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--mat-button-toggle-legacy-selected-state-text-color); } .mat-button-toggle.cdk-keyboard-focused .mat-button-toggle-focus-overlay { opacity: var(--mat-button-toggle-legacy-focus-state-layer-opacity); } .mat-button-toggle .mat-icon svg { vertical-align: top; } .mat-button-toggle-checkbox-wrapper { display: inline-block; justify-content: flex-start; align-items: center; width: 0; height: 18px; line-height: 18px; overflow: hidden; box-sizing: border-box; position: absolute; top: 50%; left: 16px; transform: translate3d(0, -50%, 0); } [dir=rtl] .mat-button-toggle-checkbox-wrapper { left: auto; right: 16px; } .mat-button-toggle-appearance-standard .mat-button-toggle-checkbox-wrapper { left: 12px; } [dir=rtl] .mat-button-toggle-appearance-standard .mat-button-toggle-checkbox-wrapper { left: auto; right: 12px; } .mat-button-toggle-checked .mat-button-toggle-checkbox-wrapper { width: 18px; } .mat-button-toggle-animations-enabled .mat-button-toggle-checkbox-wrapper { transition: width 150ms 45ms cubic-bezier(0.4, 0, 0.2, 1); } .mat-button-toggle-vertical .mat-button-toggle-checkbox-wrapper { transition: none; } .mat-button-toggle-checked { color: var(--mat-button-toggle-legacy-selected-state-text-color); background-color: var(--mat-button-toggle-legacy-selected-state-background-color); } .mat-button-toggle-disabled { pointer-events: none; color: var(--mat-button-toggle-legacy-disabled-state-text-color); background-color: var(--mat-button-toggle-legacy-disabled-state-background-color); --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: var(--mat-button-toggle-legacy-disabled-state-text-color); } .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: var(--mat-button-toggle-legacy-disabled-selected-state-background-color); } .mat-button-toggle-disabled-interactive { pointer-events: auto; } .mat-button-toggle-appearance-standard { color: var(--mat-button-toggle-text-color, var(--mat-sys-on-surface)); background-color: var(--mat-button-toggle-background-color, transparent); font-family: var(--mat-button-toggle-label-text-font, var(--mat-sys-label-large-font)); font-size: var(--mat-button-toggle-label-text-size, var(--mat-sys-label-large-size)); line-height: var(--mat-button-toggle-label-text-line-height, var(--mat-sys-label-large-line-height)); font-weight: var(--mat-button-toggle-label-text-weight, var(--mat-sys-label-large-weight)); letter-spacing: var(--mat-button-toggle-label-text-tracking, var(--mat-sys-label-large-tracking)); } .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard + .mat-button-toggle-appearance-standard { border-left: solid 1px var(--mat-button-toggle-divider-color, var(--mat-sys-outline)); } [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard + .mat-button-toggle-appearance-standard { border-left: none; border-right: solid 1px var(--mat-button-toggle-divider-color, var(--mat-sys-outline)); } .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle-appearance-standard + .mat-button-toggle-appearance-standard { border-left: none; border-right: none; border-top: solid 1px var(--mat-button-toggle-divider-color, var(--mat-sys-outline)); } .mat-button-toggle-appearance-standard.mat-button-toggle-checked { color: var(--mat-button-toggle-selected-state-text-color, var(--mat-sys-on-secondary-container)); background-color: var(--mat-button-toggle-selected-state-background-color, var(--mat-sys-secondary-container)); } .mat-button-toggle-appearance-standard.mat-button-toggle-disabled { color: var(--mat-button-toggle-disabled-state-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); background-color: var(--mat-button-toggle-disabled-state-background-color, transparent); } .mat-button-toggle-appearance-standard.mat-button-toggle-disabled .mat-pseudo-checkbox { --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: var(--mat-button-toggle-disabled-selected-state-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); } .mat-button-toggle-appearance-standard.mat-button-toggle-disabled.mat-button-toggle-checked { color: var(--mat-button-toggle-disabled-selected-state-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); background-color: var(--mat-button-toggle-disabled-selected-state-background-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent)); } .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: var(--mat-button-toggle-state-layer-color, var(--mat-sys-on-surface)); } .mat-button-toggle-appearance-standard:hover .mat-button-toggle-focus-overlay { opacity: var(--mat-button-toggle-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)); } .mat-button-toggle-appearance-standard.cdk-keyboard-focused .mat-button-toggle-focus-overlay { opacity: var(--mat-button-toggle-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)); } @media (hover: none) { .mat-button-toggle-appearance-standard:hover .mat-button-toggle-focus-overlay { display: none; } } .mat-button-toggle-label-content { -webkit-user-select: none; user-select: none; display: inline-block; padding: 0 16px; line-height: var(--mat-button-toggle-legacy-height); position: relative; } .mat-button-toggle-appearance-standard .mat-button-toggle-label-content { padding: 0 12px; line-height: var(--mat-button-toggle-height, 40px); } .mat-button-toggle-label-content > * { vertical-align: middle; } .mat-button-toggle-focus-overlay { top: 0; left: 0; right: 0; bottom: 0; position: absolute; border-radius: inherit; pointer-events: none; opacity: 0; background-color: var(--mat-button-toggle-legacy-state-layer-color); } @media (forced-colors: active) { .mat-button-toggle-checked .mat-button-toggle-focus-overlay { border-bottom: solid 500px; opacity: 0.5; height: 0; } .mat-button-toggle-checked:hover .mat-button-toggle-focus-overlay { opacity: 0.6; } .mat-button-toggle-checked.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { border-bottom: solid 500px; } } .mat-button-toggle .mat-button-toggle-ripple { top: 0; left: 0; right: 0; bottom: 0; position: absolute; pointer-events: none; } .mat-button-toggle-button { border: 0; background: none; color: inherit; padding: 0; margin: 0; font: inherit; outline: none; width: 100%; cursor: pointer; } .mat-button-toggle-animations-enabled .mat-button-toggle-button { transition: padding 150ms 45ms cubic-bezier(0.4, 0, 0.2, 1); } .mat-button-toggle-vertical .mat-button-toggle-button { transition: none; } .mat-button-toggle-disabled .mat-button-toggle-button { cursor: default; } .mat-button-toggle-button::-moz-focus-inner { border: 0; } .mat-button-toggle-checked .mat-button-toggle-button:has(.mat-button-toggle-checkbox-wrapper) { padding-left: 30px; } [dir=rtl] .mat-button-toggle-checked .mat-button-toggle-button:has(.mat-button-toggle-checkbox-wrapper) { padding-left: 0; padding-right: 30px; } .mat-button-toggle-standalone.mat-button-toggle-appearance-standard { --mat-focus-indicator-border-radius: var(--mat-button-toggle-shape, var(--mat-sys-corner-extra-large)); } .mat-button-toggle-group-appearance-standard:not(.mat-button-toggle-vertical) .mat-button-toggle:last-of-type .mat-button-toggle-button::before { border-top-right-radius: var(--mat-button-toggle-shape, var(--mat-sys-corner-extra-large)); border-bottom-right-radius: var(--mat-button-toggle-shape, var(--mat-sys-corner-extra-large)); } .mat-button-toggle-group-appearance-standard:not(.mat-button-toggle-vertical) .mat-button-toggle:first-of-type .mat-button-toggle-button::before { border-top-left-radius: var(--mat-button-toggle-shape, var(--mat-sys-corner-extra-large)); border-bottom-left-radius: var(--mat-button-toggle-shape, var(--mat-sys-corner-extra-large)); } .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle:last-of-type .mat-button-toggle-button::before { border-bottom-right-radius: var(--mat-button-toggle-shape, var(--mat-sys-corner-extra-large)); border-bottom-left-radius: var(--mat-button-toggle-shape, var(--mat-sys-corner-extra-large)); } .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle:first-of-type .mat-button-toggle-button::before { border-top-right-radius: var(--mat-button-toggle-shape, var(--mat-sys-corner-extra-large)); border-top-left-radius: var(--mat-button-toggle-shape, var(--mat-sys-corner-extra-large)); } `],encapsulation:2,changeDetection:0})}return o})(),Vt=(()=>{class o{static \u0275fac=function(n){return new(n||o)};static \u0275mod=C({type:o});static \u0275inj=M({imports:[$,nt,W]})}return o})();export{bt as a,nt as b,Vt as c};