@natec/mef-dev-ui-kit 20.1.9 → 20.1.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -4450,7 +4450,7 @@ class MDCard {
|
|
|
4450
4450
|
this.appearance = config?.appearance || 'outlined';
|
|
4451
4451
|
}
|
|
4452
4452
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4453
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: MDCard, isStandalone: true, selector: "md-card", inputs: { appearance: "appearance" }, host: { properties: { "class.mdc-card-outlined": "appearance === \"outlined\"", "class.mdc-card--outlined": "appearance === \"outlined\"", "class.mdc-card-filled": "appearance === \"filled\"", "class.mdc-card--filled": "appearance === \"filled\"" }, classAttribute: "mdc-card mdc-card" }, exportAs: ["mdCard"], ngImport: i0, template: "<ng-content></ng-content>", styles: ["div.jqxInGridLink{cursor:pointer;color:#00f;margin:2px;text-decoration:underline}div.jqxInGridLink :hover{color:#8a2be2}.pink-text{color:pink!important}.red-text{color:red!important}.turquoise-text{color:#03a796!important}.blue-text{color:#00f!important}.mdc-card{display:flex;flex-direction:column;box-sizing:border-box;position:relative;border-style:solid;border-width:0;background-color:#fdf1f2;border-color:#fdf1f2;border-radius:5px;box-shadow:none;padding:
|
|
4453
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: MDCard, isStandalone: true, selector: "md-card", inputs: { appearance: "appearance" }, host: { properties: { "class.mdc-card-outlined": "appearance === \"outlined\"", "class.mdc-card--outlined": "appearance === \"outlined\"", "class.mdc-card-filled": "appearance === \"filled\"", "class.mdc-card--filled": "appearance === \"filled\"" }, classAttribute: "mdc-card mdc-card" }, exportAs: ["mdCard"], ngImport: i0, template: "<ng-content></ng-content>", styles: ["div.jqxInGridLink{cursor:pointer;color:#00f;margin:2px;text-decoration:underline}div.jqxInGridLink :hover{color:#8a2be2}.pink-text{color:pink!important}.red-text{color:red!important}.turquoise-text{color:#03a796!important}.blue-text{color:#00f!important}.mdc-card{display:flex;flex-direction:column;box-sizing:border-box;position:relative;border-style:solid;border-width:0;background-color:#fdf1f2;border-color:#fdf1f2;border-radius:5px;box-shadow:none;padding:20px;font-family:Montserrat}.mdc-card:after{position:absolute;top:0;left:0;width:100%;height:100%;border:solid 1px transparent;content:\"\";display:block;pointer-events:none;box-sizing:border-box;border-radius:5px}.mdc-card-outlined{background-color:#eaeaea;border-radius:5px;border-width:1px;border-color:#f3f3f3}.mdc-card-outlined:after{border:none}.mdc-card-filled{background-color:#e3e2e6;border-radius:5px;box-shadow:none}.mdc-card__media{position:relative;box-sizing:border-box;background-repeat:no-repeat;background-position:center;background-size:cover}.mdc-card__media:before{display:block;content:\"\"}.mdc-card__media:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.mdc-card__media:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.mdc-card-actions{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;min-height:52px}.mdc-card-title{line-height:1.75rem;font-size:1.375rem;letter-spacing:0;font-weight:700}.mdc-card-subtitle{color:#201a1b;line-height:1.5rem;font-size:1rem;letter-spacing:.009rem;font-weight:500}.mdc-card-title,.mdc-card-subtitle{display:block;margin:0}.mdc-card-avatar~.mdc-card-header-text .mdc-card-title,.mdc-card-avatar~.mdc-card-header-text .mdc-card-subtitle{padding:16px 16px 0}.mdc-card-header{display:flex;min-height:64px}.mdc-card-content{display:block}.mdc-card-title-group{display:flex;justify-content:space-between;width:100%}.mdc-card-avatar{height:40px;width:40px;border-radius:50%;flex-shrink:0;margin-bottom:16px;object-fit:cover}.mdc-card-avatar~.mdc-card-header-text .mdc-card-subtitle,.mdc-card-avatar~.mdc-card-header-text .mdc-card-title{line-height:normal}.mdc-card-sm-image{width:80px;height:80px}.mdc-card-md-image{width:112px;height:112px}.mdc-card-lg-image{width:152px;height:152px}.mdc-card-xl-image{width:240px;height:240px}.mdc-card-subtitle~.mdc-card-title,.mdc-card-title~.mdc-card-subtitle,.mdc-card-header .mdc-card-header-text .mdc-card-title,.mdc-card-header .mdc-card-header-text .mdc-card-subtitle,.mdc-card-title-group .mdc-card-title,.mdc-card-title-group .mdc-card-subtitle{padding-top:0}.mdc-card-content>:last-child:not(.mdc-card-footer){margin-bottom:0}.mdc-card-actions-align-end{justify-content:flex-end}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4454
4454
|
}
|
|
4455
4455
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDCard, decorators: [{
|
|
4456
4456
|
type: Component,
|
|
@@ -4460,7 +4460,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
|
|
|
4460
4460
|
'[class.mdc-card--outlined]': 'appearance === "outlined"',
|
|
4461
4461
|
'[class.mdc-card-filled]': 'appearance === "filled"',
|
|
4462
4462
|
'[class.mdc-card--filled]': 'appearance === "filled"',
|
|
4463
|
-
}, exportAs: 'mdCard', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: ["div.jqxInGridLink{cursor:pointer;color:#00f;margin:2px;text-decoration:underline}div.jqxInGridLink :hover{color:#8a2be2}.pink-text{color:pink!important}.red-text{color:red!important}.turquoise-text{color:#03a796!important}.blue-text{color:#00f!important}.mdc-card{display:flex;flex-direction:column;box-sizing:border-box;position:relative;border-style:solid;border-width:0;background-color:#fdf1f2;border-color:#fdf1f2;border-radius:5px;box-shadow:none;padding:
|
|
4463
|
+
}, exportAs: 'mdCard', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: ["div.jqxInGridLink{cursor:pointer;color:#00f;margin:2px;text-decoration:underline}div.jqxInGridLink :hover{color:#8a2be2}.pink-text{color:pink!important}.red-text{color:red!important}.turquoise-text{color:#03a796!important}.blue-text{color:#00f!important}.mdc-card{display:flex;flex-direction:column;box-sizing:border-box;position:relative;border-style:solid;border-width:0;background-color:#fdf1f2;border-color:#fdf1f2;border-radius:5px;box-shadow:none;padding:20px;font-family:Montserrat}.mdc-card:after{position:absolute;top:0;left:0;width:100%;height:100%;border:solid 1px transparent;content:\"\";display:block;pointer-events:none;box-sizing:border-box;border-radius:5px}.mdc-card-outlined{background-color:#eaeaea;border-radius:5px;border-width:1px;border-color:#f3f3f3}.mdc-card-outlined:after{border:none}.mdc-card-filled{background-color:#e3e2e6;border-radius:5px;box-shadow:none}.mdc-card__media{position:relative;box-sizing:border-box;background-repeat:no-repeat;background-position:center;background-size:cover}.mdc-card__media:before{display:block;content:\"\"}.mdc-card__media:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.mdc-card__media:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.mdc-card-actions{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;min-height:52px}.mdc-card-title{line-height:1.75rem;font-size:1.375rem;letter-spacing:0;font-weight:700}.mdc-card-subtitle{color:#201a1b;line-height:1.5rem;font-size:1rem;letter-spacing:.009rem;font-weight:500}.mdc-card-title,.mdc-card-subtitle{display:block;margin:0}.mdc-card-avatar~.mdc-card-header-text .mdc-card-title,.mdc-card-avatar~.mdc-card-header-text .mdc-card-subtitle{padding:16px 16px 0}.mdc-card-header{display:flex;min-height:64px}.mdc-card-content{display:block}.mdc-card-title-group{display:flex;justify-content:space-between;width:100%}.mdc-card-avatar{height:40px;width:40px;border-radius:50%;flex-shrink:0;margin-bottom:16px;object-fit:cover}.mdc-card-avatar~.mdc-card-header-text .mdc-card-subtitle,.mdc-card-avatar~.mdc-card-header-text .mdc-card-title{line-height:normal}.mdc-card-sm-image{width:80px;height:80px}.mdc-card-md-image{width:112px;height:112px}.mdc-card-lg-image{width:152px;height:152px}.mdc-card-xl-image{width:240px;height:240px}.mdc-card-subtitle~.mdc-card-title,.mdc-card-title~.mdc-card-subtitle,.mdc-card-header .mdc-card-header-text .mdc-card-title,.mdc-card-header .mdc-card-header-text .mdc-card-subtitle,.mdc-card-title-group .mdc-card-title,.mdc-card-title-group .mdc-card-subtitle{padding-top:0}.mdc-card-content>:last-child:not(.mdc-card-footer){margin-bottom:0}.mdc-card-actions-align-end{justify-content:flex-end}\n"] }]
|
|
4464
4464
|
}], ctorParameters: () => [], propDecorators: { appearance: [{
|
|
4465
4465
|
type: Input
|
|
4466
4466
|
}] } });
|
|
@@ -11047,7 +11047,7 @@ class MDCheckBox {
|
|
|
11047
11047
|
useExisting: MDCheckBox,
|
|
11048
11048
|
multi: true,
|
|
11049
11049
|
},
|
|
11050
|
-
], viewQueries: [{ propertyName: "_inputElement", first: true, predicate: ["input"], descendants: true }, { propertyName: "_labelElement", first: true, predicate: ["label"], descendants: true }], exportAs: ["mdCheckbox"], usesOnChanges: true, ngImport: i0, template: "<div class=\"checkbox-internal-field\" (click)=\"_preventBubblingFromLabel($event)\">\r\n <div #checkbox class=\"mdc-checkbox\">\r\n <div class=\"mdc-checkbox-touch-target\" (click)=\"_onTouchTargetClick()\"></div>\r\n <input\r\n #input\r\n type=\"checkbox\"\r\n class=\"mdc-checkbox__native-control\"\r\n [class.mdc-checkbox--selected]=\"checked\"\r\n [attr.aria-label]=\"ariaLabel || null\"\r\n [attr.aria-labelledby]=\"ariaLabelledby\"\r\n [attr.aria-describedby]=\"ariaDescribedby\"\r\n [attr.aria-controls]=\"ariaControls\"\r\n [attr.aria-disabled]=\"disabled && disabledInteractive ? true : null\"\r\n [attr.aria-expanded]=\"ariaExpanded\"\r\n [attr.aria-owns]=\"ariaOwns\"\r\n [attr.name]=\"name\"\r\n [attr.value]=\"value\"\r\n [checked]=\"checked\"\r\n [disabled]=\"disabled && !disabledInteractive\"\r\n [id]=\"inputId\"\r\n [required]=\"required\"\r\n [tabIndex]=\"disabled && !disabledInteractive ? -1 : tabIndex\"\r\n (blur)=\"_onBlur()\"\r\n (click)=\"_onInputClick()\"\r\n (change)=\"_onInteractionEvent($event)\"\r\n />\r\n <div class=\"mdc-checkbox__background\">\r\n <svg class=\"mdc-checkbox__checkmark\" focusable=\"false\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path class=\"mdc-checkbox__checkmark-path\" fill=\"none\" d=\"M1.73,12.91 8.1,19.28 22.79,4.59\" />\r\n </svg>\r\n <div class=\"mdc-checkbox__mixedmark\"></div>\r\n </div>\r\n </div>\r\n\r\n <label class=\"mdc-label\" #label [for]=\"inputId\">\r\n <ng-content></ng-content>\r\n </label>\r\n</div>\r\n", styles: ["div.jqxInGridLink{cursor:pointer;color:#00f;margin:2px;text-decoration:underline}div.jqxInGridLink :hover{color:#8a2be2}.pink-text{color:pink!important}.red-text{color:red!important}.turquoise-text{color:#03a796!important}.blue-text{color:#00f!important}.md-mdc-checkbox{display:inline-block;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0)}.checkbox-internal-field{display:inline-flex;align-items:center;vertical-align:middle;line-height:1.25rem;font-family:Montserrat;font-size:.875rem;letter-spacing:.016rem;font-weight:400}.mdc-checkbox{display:inline-block;position:relative;-webkit-tap-highlight-color:transparent}.mdc-checkbox label{cursor:pointer}.mdc-checkbox.mdc-checkbox-disabled.mdc-checkbox-disabled-interactive{pointer-events:auto}.mdc-checkbox.mdc-checkbox-disabled.mdc-checkbox-disabled-interactive input{cursor:default}.mdc-checkbox.mdc-checkbox-disabled label{cursor:default;color:color-mix(in srgb,#000000 38%,transparent)}.mdc-checkbox label:empty{display:none}.mdc-checkbox-touch-target{position:absolute;top:50%;left:50%;height:48px;width:48px;transform:translate(-50%,-50%);display:block}.mdc-checkbox__native-control:focus~.focus-indicator:before{content:\"\"}.mdc-checkbox{display:inline-block;position:relative;flex:0 0 16px;box-sizing:content-box;width:16px;height:16px;line-height:0;white-space:nowrap;cursor:pointer;vertical-align:bottom;padding:12px;margin:0}.mdc-checkbox .mdc-checkbox__native-control{position:absolute;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1;width:40px;height:40px;top:0;right:0;left:0}.mdc-checkbox .mdc-checkbox__native-control:focus-visible~.mdc-checkbox__background{outline:1px solid #020617;outline-offset:2px}.mdc-checkbox--disabled{cursor:default;pointer-events:none}@media (forced-colors: active){.mdc-checkbox--disabled{opacity:.5}}.mdc-checkbox__background{display:inline-flex;position:absolute;align-items:center;justify-content:center;box-sizing:border-box;width:16px;height:16px;border:2px solid currentColor;border-radius:2px;background-color:transparent;pointer-events:none;will-change:background-color,border-color;transition:background-color 90ms cubic-bezier(.4,0,.6,1),border-color 90ms cubic-bezier(.4,0,.6,1);border-color:#514346;top:12px;left:12px}.mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background{border-color:#cf0106;background-color:#cf0106}.mdc-checkbox--disabled .mdc-checkbox__background{border-color:color-mix(in srgb,#000000 38%,transparent)}.mdc-checkbox__native-control:disabled:checked~.mdc-checkbox__background{background-color:color-mix(in srgb,#000000 38%,transparent);border-color:transparent}.mdc-checkbox:hover>.mdc-checkbox__native-control:not(:checked)~.mdc-checkbox__background{border-color:#000;background-color:transparent}.mdc-checkbox:hover>.mdc-checkbox__native-control:checked~.mdc-checkbox__background{border-color:#cf0106;background-color:#cf0106}.mdc-checkbox__native-control:focus:focus:not(:checked)~.mdc-checkbox__background{border-color:#000}.mdc-checkbox__native-control:focus:focus:checked~.mdc-checkbox__background{border-color:#cf0106;background-color:#cf0106}.mdc-checkbox--disabled.md-mdc-checkbox-disabled-interactive .mdc-checkbox:hover>.mdc-checkbox__native-control~.mdc-checkbox__background,.mdc-checkbox--disabled.md-mdc-checkbox-disabled-interactive .mdc-checkbox .mdc-checkbox__native-control:focus~.mdc-checkbox__background,.mdc-checkbox--disabled.md-mdc-checkbox-disabled-interactive .mdc-checkbox__background{border-color:color-mix(in srgb,#000000 38%,transparent)}.mdc-checkbox--disabled.md-mdc-checkbox-disabled-interactive .mdc-checkbox__native-control:checked~.mdc-checkbox__background{background-color:color-mix(in srgb,#000000 38%,transparent);border-color:transparent}.mdc-checkbox__checkmark{position:absolute;inset:0;width:100%;opacity:0;transition:opacity .18s cubic-bezier(.4,0,.6,1);color:#fff}@media (forced-colors: active){.mdc-checkbox__checkmark{color:CanvasText}}.mdc-checkbox--disabled .mdc-checkbox__checkmark{color:#fff8f8}@media (forced-colors: active){.mdc-checkbox--disabled .mdc-checkbox__checkmark{color:CanvasText}}.mdc-checkbox__checkmark-path{transition:stroke-dashoffset .18s cubic-bezier(.4,0,.6,1);stroke:currentColor;stroke-width:2.7733333333px;stroke-dashoffset:29.7833385;stroke-dasharray:29.7833385}.mdc-checkbox__mixedmark{width:100%;height:0;transform:scaleX(0) rotate(0);border-width:1px;border-style:solid;opacity:0;transition:opacity 90ms cubic-bezier(.4,0,.6,1),transform 90ms cubic-bezier(.4,0,.6,1);border-color:#fff}@media (forced-colors: active){.mdc-checkbox__mixedmark{margin:0 1px}}.mdc-checkbox--disabled .mdc-checkbox__mixedmark,.mdc-checkbox--disabled.md-mdc-checkbox-disabled-interactive .mdc-checkbox__mixedmark{border-color:#fff}.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background,.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background{animation-duration:.18s;animation-timing-function:linear}.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path{animation:mdc-checkbox-unchecked-checked-checkmark-path .18s linear;transition:none}.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path{animation:mdc-checkbox-checked-unchecked-checkmark-path 90ms linear;transition:none}.mdc-checkbox__native-control:checked~.mdc-checkbox__background{transition:border-color 90ms cubic-bezier(0,0,.2,1),background-color 90ms cubic-bezier(0,0,.2,1)}.mdc-checkbox__native-control:checked~.mdc-checkbox__background>.mdc-checkbox__checkmark>.mdc-checkbox__checkmark-path{stroke-dashoffset:0}.mdc-checkbox__native-control:checked~.mdc-checkbox__background>.mdc-checkbox__checkmark{transition:opacity .18s cubic-bezier(0,0,.2,1),transform .18s cubic-bezier(0,0,.2,1);opacity:1}.mdc-checkbox__native-control:checked~.mdc-checkbox__background>.mdc-checkbox__mixedmark{transform:scaleX(1) rotate(-45deg)}@keyframes mdc-checkbox-unchecked-checked-checkmark-path{0%,50%{stroke-dashoffset:29.7833385}50%{animation-timing-function:cubic-bezier(0,0,.2,1)}to{stroke-dashoffset:0}}@keyframes mdc-checkbox-checked-unchecked-checkmark-path{0%{animation-timing-function:cubic-bezier(.4,0,1,1);opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:-29.7833385}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
11050
|
+
], viewQueries: [{ propertyName: "_inputElement", first: true, predicate: ["input"], descendants: true }, { propertyName: "_labelElement", first: true, predicate: ["label"], descendants: true }], exportAs: ["mdCheckbox"], usesOnChanges: true, ngImport: i0, template: "<div class=\"checkbox-internal-field\" (click)=\"_preventBubblingFromLabel($event)\">\r\n <div #checkbox class=\"mdc-checkbox\">\r\n <div class=\"mdc-checkbox-touch-target\" (click)=\"_onTouchTargetClick()\"></div>\r\n <input\r\n #input\r\n type=\"checkbox\"\r\n class=\"mdc-checkbox__native-control\"\r\n [class.mdc-checkbox--selected]=\"checked\"\r\n [attr.aria-label]=\"ariaLabel || null\"\r\n [attr.aria-labelledby]=\"ariaLabelledby\"\r\n [attr.aria-describedby]=\"ariaDescribedby\"\r\n [attr.aria-controls]=\"ariaControls\"\r\n [attr.aria-disabled]=\"disabled && disabledInteractive ? true : null\"\r\n [attr.aria-expanded]=\"ariaExpanded\"\r\n [attr.aria-owns]=\"ariaOwns\"\r\n [attr.name]=\"name\"\r\n [attr.value]=\"value\"\r\n [checked]=\"checked\"\r\n [disabled]=\"disabled && !disabledInteractive\"\r\n [id]=\"inputId\"\r\n [required]=\"required\"\r\n [tabIndex]=\"disabled && !disabledInteractive ? -1 : tabIndex\"\r\n (blur)=\"_onBlur()\"\r\n (click)=\"_onInputClick()\"\r\n (change)=\"_onInteractionEvent($event)\"\r\n />\r\n <div class=\"mdc-checkbox__background\">\r\n <svg class=\"mdc-checkbox__checkmark\" focusable=\"false\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path class=\"mdc-checkbox__checkmark-path\" fill=\"none\" d=\"M1.73,12.91 8.1,19.28 22.79,4.59\" />\r\n </svg>\r\n <div class=\"mdc-checkbox__mixedmark\"></div>\r\n </div>\r\n </div>\r\n\r\n <label class=\"mdc-label\" #label [for]=\"inputId\">\r\n <ng-content></ng-content>\r\n </label>\r\n</div>\r\n", styles: ["div.jqxInGridLink{cursor:pointer;color:#00f;margin:2px;text-decoration:underline}div.jqxInGridLink :hover{color:#8a2be2}.pink-text{color:pink!important}.red-text{color:red!important}.turquoise-text{color:#03a796!important}.blue-text{color:#00f!important}.md-mdc-checkbox{display:inline-block;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0);padding:0}.checkbox-internal-field{display:inline-flex;align-items:center;vertical-align:middle;line-height:1.25rem;font-family:Montserrat;font-size:.875rem;letter-spacing:.016rem;font-weight:400}.mdc-checkbox{display:inline-block;position:relative;-webkit-tap-highlight-color:transparent}.mdc-checkbox label{cursor:pointer}.mdc-checkbox.mdc-checkbox-disabled.mdc-checkbox-disabled-interactive{pointer-events:auto}.mdc-checkbox.mdc-checkbox-disabled.mdc-checkbox-disabled-interactive input{cursor:default}.mdc-checkbox.mdc-checkbox-disabled label{cursor:default;color:color-mix(in srgb,#000000 38%,transparent)}.mdc-checkbox label:empty{display:none}.mdc-checkbox-touch-target{position:absolute;top:50%;left:50%;height:48px;width:48px;transform:translate(-50%,-50%);display:block}.mdc-checkbox__native-control:focus~.focus-indicator:before{content:\"\"}.mdc-checkbox{display:inline-block;position:relative;flex:0 0 16px;box-sizing:content-box;width:16px;height:16px;line-height:0;white-space:nowrap;cursor:pointer;vertical-align:bottom;padding:12px;margin:0}.mdc-checkbox .mdc-checkbox__native-control{position:absolute;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1;width:40px;height:40px;top:0;right:0;left:0}.mdc-checkbox .mdc-checkbox__native-control:focus-visible~.mdc-checkbox__background{outline:1px solid #020617;outline-offset:2px}.mdc-checkbox--disabled{cursor:default;pointer-events:none}@media (forced-colors: active){.mdc-checkbox--disabled{opacity:.5}}.mdc-checkbox__background{display:inline-flex;position:absolute;align-items:center;justify-content:center;box-sizing:border-box;width:16px;height:16px;border:2px solid currentColor;border-radius:2px;background-color:transparent;pointer-events:none;will-change:background-color,border-color;transition:background-color 90ms cubic-bezier(.4,0,.6,1),border-color 90ms cubic-bezier(.4,0,.6,1);border-color:#514346;top:12px;left:12px}.mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background{border-color:#cf0106;background-color:#cf0106}.mdc-checkbox--disabled .mdc-checkbox__background{border-color:color-mix(in srgb,#000000 38%,transparent)}.mdc-checkbox__native-control:disabled:checked~.mdc-checkbox__background{background-color:color-mix(in srgb,#000000 38%,transparent);border-color:transparent}.mdc-checkbox:hover>.mdc-checkbox__native-control:not(:checked)~.mdc-checkbox__background{border-color:#000;background-color:transparent}.mdc-checkbox:hover>.mdc-checkbox__native-control:checked~.mdc-checkbox__background{border-color:#cf0106;background-color:#cf0106}.mdc-checkbox__native-control:focus:focus:not(:checked)~.mdc-checkbox__background{border-color:#000}.mdc-checkbox__native-control:focus:focus:checked~.mdc-checkbox__background{border-color:#cf0106;background-color:#cf0106}.mdc-checkbox--disabled.md-mdc-checkbox-disabled-interactive .mdc-checkbox:hover>.mdc-checkbox__native-control~.mdc-checkbox__background,.mdc-checkbox--disabled.md-mdc-checkbox-disabled-interactive .mdc-checkbox .mdc-checkbox__native-control:focus~.mdc-checkbox__background,.mdc-checkbox--disabled.md-mdc-checkbox-disabled-interactive .mdc-checkbox__background{border-color:color-mix(in srgb,#000000 38%,transparent)}.mdc-checkbox--disabled.md-mdc-checkbox-disabled-interactive .mdc-checkbox__native-control:checked~.mdc-checkbox__background{background-color:color-mix(in srgb,#000000 38%,transparent);border-color:transparent}.mdc-checkbox__checkmark{position:absolute;inset:0;width:100%;opacity:0;transition:opacity .18s cubic-bezier(.4,0,.6,1);color:#fff}@media (forced-colors: active){.mdc-checkbox__checkmark{color:CanvasText}}.mdc-checkbox--disabled .mdc-checkbox__checkmark{color:#fff8f8}@media (forced-colors: active){.mdc-checkbox--disabled .mdc-checkbox__checkmark{color:CanvasText}}.mdc-checkbox__checkmark-path{transition:stroke-dashoffset .18s cubic-bezier(.4,0,.6,1);stroke:currentColor;stroke-width:2.7733333333px;stroke-dashoffset:29.7833385;stroke-dasharray:29.7833385}.mdc-checkbox__mixedmark{width:100%;height:0;transform:scaleX(0) rotate(0);border-width:1px;border-style:solid;opacity:0;transition:opacity 90ms cubic-bezier(.4,0,.6,1),transform 90ms cubic-bezier(.4,0,.6,1);border-color:#fff}@media (forced-colors: active){.mdc-checkbox__mixedmark{margin:0 1px}}.mdc-checkbox--disabled .mdc-checkbox__mixedmark,.mdc-checkbox--disabled.md-mdc-checkbox-disabled-interactive .mdc-checkbox__mixedmark{border-color:#fff}.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background,.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background{animation-duration:.18s;animation-timing-function:linear}.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path{animation:mdc-checkbox-unchecked-checked-checkmark-path .18s linear;transition:none}.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path{animation:mdc-checkbox-checked-unchecked-checkmark-path 90ms linear;transition:none}.mdc-checkbox__native-control:checked~.mdc-checkbox__background{transition:border-color 90ms cubic-bezier(0,0,.2,1),background-color 90ms cubic-bezier(0,0,.2,1)}.mdc-checkbox__native-control:checked~.mdc-checkbox__background>.mdc-checkbox__checkmark>.mdc-checkbox__checkmark-path{stroke-dashoffset:0}.mdc-checkbox__native-control:checked~.mdc-checkbox__background>.mdc-checkbox__checkmark{transition:opacity .18s cubic-bezier(0,0,.2,1),transform .18s cubic-bezier(0,0,.2,1);opacity:1}.mdc-checkbox__native-control:checked~.mdc-checkbox__background>.mdc-checkbox__mixedmark{transform:scaleX(1) rotate(-45deg)}@keyframes mdc-checkbox-unchecked-checked-checkmark-path{0%,50%{stroke-dashoffset:29.7833385}50%{animation-timing-function:cubic-bezier(0,0,.2,1)}to{stroke-dashoffset:0}}@keyframes mdc-checkbox-checked-unchecked-checkmark-path{0%{animation-timing-function:cubic-bezier(.4,0,1,1);opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:-29.7833385}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
11051
11051
|
}
|
|
11052
11052
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MDCheckBox, decorators: [{
|
|
11053
11053
|
type: Component,
|
|
@@ -11074,7 +11074,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
|
|
|
11074
11074
|
useExisting: MDCheckBox,
|
|
11075
11075
|
multi: true,
|
|
11076
11076
|
},
|
|
11077
|
-
], exportAs: 'mdCheckbox', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"checkbox-internal-field\" (click)=\"_preventBubblingFromLabel($event)\">\r\n <div #checkbox class=\"mdc-checkbox\">\r\n <div class=\"mdc-checkbox-touch-target\" (click)=\"_onTouchTargetClick()\"></div>\r\n <input\r\n #input\r\n type=\"checkbox\"\r\n class=\"mdc-checkbox__native-control\"\r\n [class.mdc-checkbox--selected]=\"checked\"\r\n [attr.aria-label]=\"ariaLabel || null\"\r\n [attr.aria-labelledby]=\"ariaLabelledby\"\r\n [attr.aria-describedby]=\"ariaDescribedby\"\r\n [attr.aria-controls]=\"ariaControls\"\r\n [attr.aria-disabled]=\"disabled && disabledInteractive ? true : null\"\r\n [attr.aria-expanded]=\"ariaExpanded\"\r\n [attr.aria-owns]=\"ariaOwns\"\r\n [attr.name]=\"name\"\r\n [attr.value]=\"value\"\r\n [checked]=\"checked\"\r\n [disabled]=\"disabled && !disabledInteractive\"\r\n [id]=\"inputId\"\r\n [required]=\"required\"\r\n [tabIndex]=\"disabled && !disabledInteractive ? -1 : tabIndex\"\r\n (blur)=\"_onBlur()\"\r\n (click)=\"_onInputClick()\"\r\n (change)=\"_onInteractionEvent($event)\"\r\n />\r\n <div class=\"mdc-checkbox__background\">\r\n <svg class=\"mdc-checkbox__checkmark\" focusable=\"false\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path class=\"mdc-checkbox__checkmark-path\" fill=\"none\" d=\"M1.73,12.91 8.1,19.28 22.79,4.59\" />\r\n </svg>\r\n <div class=\"mdc-checkbox__mixedmark\"></div>\r\n </div>\r\n </div>\r\n\r\n <label class=\"mdc-label\" #label [for]=\"inputId\">\r\n <ng-content></ng-content>\r\n </label>\r\n</div>\r\n", styles: ["div.jqxInGridLink{cursor:pointer;color:#00f;margin:2px;text-decoration:underline}div.jqxInGridLink :hover{color:#8a2be2}.pink-text{color:pink!important}.red-text{color:red!important}.turquoise-text{color:#03a796!important}.blue-text{color:#00f!important}.md-mdc-checkbox{display:inline-block;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0)}.checkbox-internal-field{display:inline-flex;align-items:center;vertical-align:middle;line-height:1.25rem;font-family:Montserrat;font-size:.875rem;letter-spacing:.016rem;font-weight:400}.mdc-checkbox{display:inline-block;position:relative;-webkit-tap-highlight-color:transparent}.mdc-checkbox label{cursor:pointer}.mdc-checkbox.mdc-checkbox-disabled.mdc-checkbox-disabled-interactive{pointer-events:auto}.mdc-checkbox.mdc-checkbox-disabled.mdc-checkbox-disabled-interactive input{cursor:default}.mdc-checkbox.mdc-checkbox-disabled label{cursor:default;color:color-mix(in srgb,#000000 38%,transparent)}.mdc-checkbox label:empty{display:none}.mdc-checkbox-touch-target{position:absolute;top:50%;left:50%;height:48px;width:48px;transform:translate(-50%,-50%);display:block}.mdc-checkbox__native-control:focus~.focus-indicator:before{content:\"\"}.mdc-checkbox{display:inline-block;position:relative;flex:0 0 16px;box-sizing:content-box;width:16px;height:16px;line-height:0;white-space:nowrap;cursor:pointer;vertical-align:bottom;padding:12px;margin:0}.mdc-checkbox .mdc-checkbox__native-control{position:absolute;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1;width:40px;height:40px;top:0;right:0;left:0}.mdc-checkbox .mdc-checkbox__native-control:focus-visible~.mdc-checkbox__background{outline:1px solid #020617;outline-offset:2px}.mdc-checkbox--disabled{cursor:default;pointer-events:none}@media (forced-colors: active){.mdc-checkbox--disabled{opacity:.5}}.mdc-checkbox__background{display:inline-flex;position:absolute;align-items:center;justify-content:center;box-sizing:border-box;width:16px;height:16px;border:2px solid currentColor;border-radius:2px;background-color:transparent;pointer-events:none;will-change:background-color,border-color;transition:background-color 90ms cubic-bezier(.4,0,.6,1),border-color 90ms cubic-bezier(.4,0,.6,1);border-color:#514346;top:12px;left:12px}.mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background{border-color:#cf0106;background-color:#cf0106}.mdc-checkbox--disabled .mdc-checkbox__background{border-color:color-mix(in srgb,#000000 38%,transparent)}.mdc-checkbox__native-control:disabled:checked~.mdc-checkbox__background{background-color:color-mix(in srgb,#000000 38%,transparent);border-color:transparent}.mdc-checkbox:hover>.mdc-checkbox__native-control:not(:checked)~.mdc-checkbox__background{border-color:#000;background-color:transparent}.mdc-checkbox:hover>.mdc-checkbox__native-control:checked~.mdc-checkbox__background{border-color:#cf0106;background-color:#cf0106}.mdc-checkbox__native-control:focus:focus:not(:checked)~.mdc-checkbox__background{border-color:#000}.mdc-checkbox__native-control:focus:focus:checked~.mdc-checkbox__background{border-color:#cf0106;background-color:#cf0106}.mdc-checkbox--disabled.md-mdc-checkbox-disabled-interactive .mdc-checkbox:hover>.mdc-checkbox__native-control~.mdc-checkbox__background,.mdc-checkbox--disabled.md-mdc-checkbox-disabled-interactive .mdc-checkbox .mdc-checkbox__native-control:focus~.mdc-checkbox__background,.mdc-checkbox--disabled.md-mdc-checkbox-disabled-interactive .mdc-checkbox__background{border-color:color-mix(in srgb,#000000 38%,transparent)}.mdc-checkbox--disabled.md-mdc-checkbox-disabled-interactive .mdc-checkbox__native-control:checked~.mdc-checkbox__background{background-color:color-mix(in srgb,#000000 38%,transparent);border-color:transparent}.mdc-checkbox__checkmark{position:absolute;inset:0;width:100%;opacity:0;transition:opacity .18s cubic-bezier(.4,0,.6,1);color:#fff}@media (forced-colors: active){.mdc-checkbox__checkmark{color:CanvasText}}.mdc-checkbox--disabled .mdc-checkbox__checkmark{color:#fff8f8}@media (forced-colors: active){.mdc-checkbox--disabled .mdc-checkbox__checkmark{color:CanvasText}}.mdc-checkbox__checkmark-path{transition:stroke-dashoffset .18s cubic-bezier(.4,0,.6,1);stroke:currentColor;stroke-width:2.7733333333px;stroke-dashoffset:29.7833385;stroke-dasharray:29.7833385}.mdc-checkbox__mixedmark{width:100%;height:0;transform:scaleX(0) rotate(0);border-width:1px;border-style:solid;opacity:0;transition:opacity 90ms cubic-bezier(.4,0,.6,1),transform 90ms cubic-bezier(.4,0,.6,1);border-color:#fff}@media (forced-colors: active){.mdc-checkbox__mixedmark{margin:0 1px}}.mdc-checkbox--disabled .mdc-checkbox__mixedmark,.mdc-checkbox--disabled.md-mdc-checkbox-disabled-interactive .mdc-checkbox__mixedmark{border-color:#fff}.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background,.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background{animation-duration:.18s;animation-timing-function:linear}.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path{animation:mdc-checkbox-unchecked-checked-checkmark-path .18s linear;transition:none}.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path{animation:mdc-checkbox-checked-unchecked-checkmark-path 90ms linear;transition:none}.mdc-checkbox__native-control:checked~.mdc-checkbox__background{transition:border-color 90ms cubic-bezier(0,0,.2,1),background-color 90ms cubic-bezier(0,0,.2,1)}.mdc-checkbox__native-control:checked~.mdc-checkbox__background>.mdc-checkbox__checkmark>.mdc-checkbox__checkmark-path{stroke-dashoffset:0}.mdc-checkbox__native-control:checked~.mdc-checkbox__background>.mdc-checkbox__checkmark{transition:opacity .18s cubic-bezier(0,0,.2,1),transform .18s cubic-bezier(0,0,.2,1);opacity:1}.mdc-checkbox__native-control:checked~.mdc-checkbox__background>.mdc-checkbox__mixedmark{transform:scaleX(1) rotate(-45deg)}@keyframes mdc-checkbox-unchecked-checked-checkmark-path{0%,50%{stroke-dashoffset:29.7833385}50%{animation-timing-function:cubic-bezier(0,0,.2,1)}to{stroke-dashoffset:0}}@keyframes mdc-checkbox-checked-unchecked-checkmark-path{0%{animation-timing-function:cubic-bezier(.4,0,1,1);opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:-29.7833385}}\n"] }]
|
|
11077
|
+
], exportAs: 'mdCheckbox', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"checkbox-internal-field\" (click)=\"_preventBubblingFromLabel($event)\">\r\n <div #checkbox class=\"mdc-checkbox\">\r\n <div class=\"mdc-checkbox-touch-target\" (click)=\"_onTouchTargetClick()\"></div>\r\n <input\r\n #input\r\n type=\"checkbox\"\r\n class=\"mdc-checkbox__native-control\"\r\n [class.mdc-checkbox--selected]=\"checked\"\r\n [attr.aria-label]=\"ariaLabel || null\"\r\n [attr.aria-labelledby]=\"ariaLabelledby\"\r\n [attr.aria-describedby]=\"ariaDescribedby\"\r\n [attr.aria-controls]=\"ariaControls\"\r\n [attr.aria-disabled]=\"disabled && disabledInteractive ? true : null\"\r\n [attr.aria-expanded]=\"ariaExpanded\"\r\n [attr.aria-owns]=\"ariaOwns\"\r\n [attr.name]=\"name\"\r\n [attr.value]=\"value\"\r\n [checked]=\"checked\"\r\n [disabled]=\"disabled && !disabledInteractive\"\r\n [id]=\"inputId\"\r\n [required]=\"required\"\r\n [tabIndex]=\"disabled && !disabledInteractive ? -1 : tabIndex\"\r\n (blur)=\"_onBlur()\"\r\n (click)=\"_onInputClick()\"\r\n (change)=\"_onInteractionEvent($event)\"\r\n />\r\n <div class=\"mdc-checkbox__background\">\r\n <svg class=\"mdc-checkbox__checkmark\" focusable=\"false\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path class=\"mdc-checkbox__checkmark-path\" fill=\"none\" d=\"M1.73,12.91 8.1,19.28 22.79,4.59\" />\r\n </svg>\r\n <div class=\"mdc-checkbox__mixedmark\"></div>\r\n </div>\r\n </div>\r\n\r\n <label class=\"mdc-label\" #label [for]=\"inputId\">\r\n <ng-content></ng-content>\r\n </label>\r\n</div>\r\n", styles: ["div.jqxInGridLink{cursor:pointer;color:#00f;margin:2px;text-decoration:underline}div.jqxInGridLink :hover{color:#8a2be2}.pink-text{color:pink!important}.red-text{color:red!important}.turquoise-text{color:#03a796!important}.blue-text{color:#00f!important}.md-mdc-checkbox{display:inline-block;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0);padding:0}.checkbox-internal-field{display:inline-flex;align-items:center;vertical-align:middle;line-height:1.25rem;font-family:Montserrat;font-size:.875rem;letter-spacing:.016rem;font-weight:400}.mdc-checkbox{display:inline-block;position:relative;-webkit-tap-highlight-color:transparent}.mdc-checkbox label{cursor:pointer}.mdc-checkbox.mdc-checkbox-disabled.mdc-checkbox-disabled-interactive{pointer-events:auto}.mdc-checkbox.mdc-checkbox-disabled.mdc-checkbox-disabled-interactive input{cursor:default}.mdc-checkbox.mdc-checkbox-disabled label{cursor:default;color:color-mix(in srgb,#000000 38%,transparent)}.mdc-checkbox label:empty{display:none}.mdc-checkbox-touch-target{position:absolute;top:50%;left:50%;height:48px;width:48px;transform:translate(-50%,-50%);display:block}.mdc-checkbox__native-control:focus~.focus-indicator:before{content:\"\"}.mdc-checkbox{display:inline-block;position:relative;flex:0 0 16px;box-sizing:content-box;width:16px;height:16px;line-height:0;white-space:nowrap;cursor:pointer;vertical-align:bottom;padding:12px;margin:0}.mdc-checkbox .mdc-checkbox__native-control{position:absolute;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1;width:40px;height:40px;top:0;right:0;left:0}.mdc-checkbox .mdc-checkbox__native-control:focus-visible~.mdc-checkbox__background{outline:1px solid #020617;outline-offset:2px}.mdc-checkbox--disabled{cursor:default;pointer-events:none}@media (forced-colors: active){.mdc-checkbox--disabled{opacity:.5}}.mdc-checkbox__background{display:inline-flex;position:absolute;align-items:center;justify-content:center;box-sizing:border-box;width:16px;height:16px;border:2px solid currentColor;border-radius:2px;background-color:transparent;pointer-events:none;will-change:background-color,border-color;transition:background-color 90ms cubic-bezier(.4,0,.6,1),border-color 90ms cubic-bezier(.4,0,.6,1);border-color:#514346;top:12px;left:12px}.mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background{border-color:#cf0106;background-color:#cf0106}.mdc-checkbox--disabled .mdc-checkbox__background{border-color:color-mix(in srgb,#000000 38%,transparent)}.mdc-checkbox__native-control:disabled:checked~.mdc-checkbox__background{background-color:color-mix(in srgb,#000000 38%,transparent);border-color:transparent}.mdc-checkbox:hover>.mdc-checkbox__native-control:not(:checked)~.mdc-checkbox__background{border-color:#000;background-color:transparent}.mdc-checkbox:hover>.mdc-checkbox__native-control:checked~.mdc-checkbox__background{border-color:#cf0106;background-color:#cf0106}.mdc-checkbox__native-control:focus:focus:not(:checked)~.mdc-checkbox__background{border-color:#000}.mdc-checkbox__native-control:focus:focus:checked~.mdc-checkbox__background{border-color:#cf0106;background-color:#cf0106}.mdc-checkbox--disabled.md-mdc-checkbox-disabled-interactive .mdc-checkbox:hover>.mdc-checkbox__native-control~.mdc-checkbox__background,.mdc-checkbox--disabled.md-mdc-checkbox-disabled-interactive .mdc-checkbox .mdc-checkbox__native-control:focus~.mdc-checkbox__background,.mdc-checkbox--disabled.md-mdc-checkbox-disabled-interactive .mdc-checkbox__background{border-color:color-mix(in srgb,#000000 38%,transparent)}.mdc-checkbox--disabled.md-mdc-checkbox-disabled-interactive .mdc-checkbox__native-control:checked~.mdc-checkbox__background{background-color:color-mix(in srgb,#000000 38%,transparent);border-color:transparent}.mdc-checkbox__checkmark{position:absolute;inset:0;width:100%;opacity:0;transition:opacity .18s cubic-bezier(.4,0,.6,1);color:#fff}@media (forced-colors: active){.mdc-checkbox__checkmark{color:CanvasText}}.mdc-checkbox--disabled .mdc-checkbox__checkmark{color:#fff8f8}@media (forced-colors: active){.mdc-checkbox--disabled .mdc-checkbox__checkmark{color:CanvasText}}.mdc-checkbox__checkmark-path{transition:stroke-dashoffset .18s cubic-bezier(.4,0,.6,1);stroke:currentColor;stroke-width:2.7733333333px;stroke-dashoffset:29.7833385;stroke-dasharray:29.7833385}.mdc-checkbox__mixedmark{width:100%;height:0;transform:scaleX(0) rotate(0);border-width:1px;border-style:solid;opacity:0;transition:opacity 90ms cubic-bezier(.4,0,.6,1),transform 90ms cubic-bezier(.4,0,.6,1);border-color:#fff}@media (forced-colors: active){.mdc-checkbox__mixedmark{margin:0 1px}}.mdc-checkbox--disabled .mdc-checkbox__mixedmark,.mdc-checkbox--disabled.md-mdc-checkbox-disabled-interactive .mdc-checkbox__mixedmark{border-color:#fff}.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background,.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background{animation-duration:.18s;animation-timing-function:linear}.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path{animation:mdc-checkbox-unchecked-checked-checkmark-path .18s linear;transition:none}.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path{animation:mdc-checkbox-checked-unchecked-checkmark-path 90ms linear;transition:none}.mdc-checkbox__native-control:checked~.mdc-checkbox__background{transition:border-color 90ms cubic-bezier(0,0,.2,1),background-color 90ms cubic-bezier(0,0,.2,1)}.mdc-checkbox__native-control:checked~.mdc-checkbox__background>.mdc-checkbox__checkmark>.mdc-checkbox__checkmark-path{stroke-dashoffset:0}.mdc-checkbox__native-control:checked~.mdc-checkbox__background>.mdc-checkbox__checkmark{transition:opacity .18s cubic-bezier(0,0,.2,1),transform .18s cubic-bezier(0,0,.2,1);opacity:1}.mdc-checkbox__native-control:checked~.mdc-checkbox__background>.mdc-checkbox__mixedmark{transform:scaleX(1) rotate(-45deg)}@keyframes mdc-checkbox-unchecked-checked-checkmark-path{0%,50%{stroke-dashoffset:29.7833385}50%{animation-timing-function:cubic-bezier(0,0,.2,1)}to{stroke-dashoffset:0}}@keyframes mdc-checkbox-checked-unchecked-checkmark-path{0%{animation-timing-function:cubic-bezier(.4,0,1,1);opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:-29.7833385}}\n"] }]
|
|
11078
11078
|
}], ctorParameters: () => [], propDecorators: { ariaLabel: [{
|
|
11079
11079
|
type: Input,
|
|
11080
11080
|
args: ['aria-label']
|