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
108 lines (99 loc) • 4.53 kB
JavaScript
import{Ed as r,Ia as t,zb as c}from"./chunk-KQUCMSSK.js";var i=(()=>{class o{_animationsDisabled=r();state="unchecked";disabled=!1;appearance="full";constructor(){}static \u0275fac=function(n){return new(n||o)};static \u0275cmp=t({type:o,selectors:[["mat-pseudo-checkbox"]],hostAttrs:[1,"mat-pseudo-checkbox"],hostVars:12,hostBindings:function(n,e){n&2&&c("mat-pseudo-checkbox-indeterminate",e.state==="indeterminate")("mat-pseudo-checkbox-checked",e.state==="checked")("mat-pseudo-checkbox-disabled",e.disabled)("mat-pseudo-checkbox-minimal",e.appearance==="minimal")("mat-pseudo-checkbox-full",e.appearance==="full")("_mat-animation-noopable",e._animationsDisabled)},inputs:{state:"state",disabled:"disabled",appearance:"appearance"},decls:0,vars:0,template:function(n,e){},styles:[`.mat-pseudo-checkbox {
border-radius: 2px;
cursor: pointer;
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
position: relative;
flex-shrink: 0;
transition: border-color 90ms cubic-bezier(0, 0, 0.2, 0.1), background-color 90ms cubic-bezier(0, 0, 0.2, 0.1);
}
.mat-pseudo-checkbox::after {
position: absolute;
opacity: 0;
content: "";
border-bottom: 2px solid currentColor;
transition: opacity 90ms cubic-bezier(0, 0, 0.2, 0.1);
}
.mat-pseudo-checkbox._mat-animation-noopable {
transition: none !important;
animation: none !important;
}
.mat-pseudo-checkbox._mat-animation-noopable::after {
transition: none;
}
.mat-pseudo-checkbox-disabled {
cursor: default;
}
.mat-pseudo-checkbox-indeterminate::after {
left: 1px;
opacity: 1;
border-radius: 2px;
}
.mat-pseudo-checkbox-checked::after {
left: 1px;
border-left: 2px solid currentColor;
transform: rotate(-45deg);
opacity: 1;
box-sizing: content-box;
}
.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after, .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate::after {
color: var(--mat-pseudo-checkbox-minimal-selected-checkmark-color, var(--mat-sys-primary));
}
.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled::after, .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled::after {
color: var(--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
}
.mat-pseudo-checkbox-full {
border-color: var(--mat-pseudo-checkbox-full-unselected-icon-color, var(--mat-sys-on-surface-variant));
border-width: 2px;
border-style: solid;
}
.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled {
border-color: var(--mat-pseudo-checkbox-full-disabled-unselected-icon-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
}
.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked, .mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate {
background-color: var(--mat-pseudo-checkbox-full-selected-icon-color, var(--mat-sys-primary));
border-color: transparent;
}
.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after, .mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate::after {
color: var(--mat-pseudo-checkbox-full-selected-checkmark-color, var(--mat-sys-on-primary));
}
.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
background-color: var(--mat-pseudo-checkbox-full-disabled-selected-icon-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
}
.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled::after, .mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled::after {
color: var(--mat-pseudo-checkbox-full-disabled-selected-checkmark-color, var(--mat-sys-surface));
}
.mat-pseudo-checkbox {
width: 18px;
height: 18px;
}
.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after {
width: 14px;
height: 6px;
transform-origin: center;
top: -4.2426406871px;
left: 0;
bottom: 0;
right: 0;
margin: auto;
}
.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate::after {
top: 8px;
width: 16px;
}
.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after {
width: 10px;
height: 4px;
transform-origin: center;
top: -2.8284271247px;
left: 0;
bottom: 0;
right: 0;
margin: auto;
}
.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate::after {
top: 6px;
width: 12px;
}
`],encapsulation:2,changeDetection:0})}return o})();export{i as a};