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
107 lines (99 loc) • 4.56 kB
JavaScript
import{S as Do,T as Ee,wi as vt}from"./chunk-CHqDEyfr.js";var i=(()=>{class o{_animationsDisabled=Do();state=`unchecked`;disabled=!1;appearance=`full`;static ɵfac=function(a){return new(a||o)};static ɵcmp=Ee({type:o,selectors:[[`mat-pseudo-checkbox`]],hostAttrs:[1,`mat-pseudo-checkbox`],hostVars:12,hostBindings:function(a,e){a&2&&vt(`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(a,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(--%NS%mat-pseudo-checkbox-minimal-selected-checkmark-color, var(--%NS%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(--%NS%mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color, color-mix(in srgb, var(--%NS%mat-sys-on-surface) 38%, transparent));
}
.mat-pseudo-checkbox-full {
border-color: var(--%NS%mat-pseudo-checkbox-full-unselected-icon-color, var(--%NS%mat-sys-on-surface-variant));
border-width: 2px;
border-style: solid;
}
.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled {
border-color: var(--%NS%mat-pseudo-checkbox-full-disabled-unselected-icon-color, color-mix(in srgb, var(--%NS%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(--%NS%mat-pseudo-checkbox-full-selected-icon-color, var(--%NS%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(--%NS%mat-pseudo-checkbox-full-selected-checkmark-color, var(--%NS%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(--%NS%mat-pseudo-checkbox-full-disabled-selected-icon-color, color-mix(in srgb, var(--%NS%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(--%NS%mat-pseudo-checkbox-full-disabled-selected-checkmark-color, var(--%NS%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})}return o})();export{i as t};