UNPKG

ng-devui

Version:

DevUI components based on Angular

134 lines 37.4 kB
import { __decorate, __metadata } from "tslib"; import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, forwardRef, HostBinding, Input, Output, TemplateRef } from '@angular/core'; import { NG_VALUE_ACCESSOR } from '@angular/forms'; import { DevConfigService, WithConfig } from 'ng-devui/utils'; import * as i0 from "@angular/core"; import * as i1 from "ng-devui/utils"; import * as i2 from "@angular/common"; export class CheckBoxComponent { static { this.ID_SEED = 0; } get hasGlowStyle() { return this.showGlowStyle; } constructor(changeDetectorRef, devConfigService, el) { this.changeDetectorRef = changeDetectorRef; this.devConfigService = devConfigService; this.el = el; this.disabled = false; this.isShowTitle = true; this.halfchecked = false; this.showAnimation = true; this.showGlowStyle = true; this.change = new EventEmitter(); this.onChange = (_) => null; this.onTouch = () => null; this.id = CheckBoxComponent.ID_SEED++; } ngAfterViewInit() { if (this.showGlowStyle) { const glowBox = this.el.nativeElement.querySelector('.devui-checkbox > .devui-checkbox-glow-box'); const labelDom = this.el.nativeElement.querySelector('.devui-checkbox > label'); const labelHeight = labelDom && getComputedStyle(labelDom).height; if (glowBox && labelHeight && labelHeight !== '16px') { glowBox.style.height = labelHeight; } } } writeValue(checked) { if (checked !== null) { this.checked = !!checked; this.changeDetectorRef.markForCheck(); } } registerOnChange(fn) { this.onChange = fn; } registerOnTouched(fn) { this.onTouch = fn; } toggle($event) { this.canChange().then((val) => { if (this.disabled || !val) { return; } this.checked = !this.checked; this.onChange(this.checked); this.change.next(this.checked); this.onTouch(); }); } canChange() { let changeResult = Promise.resolve(true); if (this.beforeChange) { const result = this.beforeChange(this.label); if (typeof result !== 'undefined') { if (result.then) { changeResult = result; } else if (result.subscribe) { changeResult = result.toPromise(); } else { changeResult = Promise.resolve(result); } } } return changeResult; } static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CheckBoxComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.DevConfigService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); } static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CheckBoxComponent, selector: "d-checkbox", inputs: { name: "name", label: "label", cssClass: "cssClass", color: "color", disabled: "disabled", isShowTitle: "isShowTitle", title: "title", labelTemplate: "labelTemplate", halfchecked: "halfchecked", showAnimation: "showAnimation", showGlowStyle: "showGlowStyle", beforeChange: "beforeChange" }, outputs: { change: "change" }, host: { properties: { "class.devui-glow-style": "this.hasGlowStyle" } }, providers: [ { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => CheckBoxComponent), multi: true, }, ], ngImport: i0, template: "<div\n class=\"devui-checkbox {{ cssClass }}\"\n [ngClass]=\"{\n active: checked,\n halfchecked: halfchecked,\n disabled: disabled,\n unchecked: !checked\n }\"\n>\n <div *ngIf=\"showGlowStyle\" class=\"devui-checkbox-glow-box\">\n <span *ngIf=\"showAnimation\" class=\"devui-checkbox-glow-bg\"></span>\n </div>\n <label title=\"{{ isShowTitle ? title || label : '' }}\" (click)=\"toggle($event)\">\n <input\n [name]=\"name || 'checkbox-' + id\"\n class=\"devui-checkbox-input\"\n type=\"checkbox\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [indeterminate]=\"halfchecked\"\n (click)=\"$event.stopPropagation()\"\n (change)=\"$event.stopPropagation()\"\n />\n <span\n class=\"devui-checkbox-material\"\n [ngStyle]=\"{\n 'border-color': (checked || halfchecked) && color ? color : '',\n 'background-image': (color && halfchecked) || color ? 'linear-gradient(' + color + ', ' + color + ')' : '',\n 'background-color': color && halfchecked ? color : ''\n }\"\n [ngClass]=\"{\n 'custom-color': color,\n 'devui-checkbox-no-label': !label && !labelTemplate,\n 'devui-no-animation': !showAnimation,\n 'devui-checkbox-default-background': !halfchecked\n }\"\n >\n <span class=\"devui-checkbox-halfchecked-bg\"></span>\n <svg viewBox=\"0 0 14 14\" width=\"14\" height=\"14\" class=\"devui-checkbox-tick\">\n <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <path\n class=\"devui-tick\"\n [ngClass]=\"{\n 'devui-no-animation': !showAnimation\n }\"\n d=\"M 2.3 7.0 5.6 9.6 11.4 3.5\"\n stroke=\"#fff\"\n stroke-width=\"1.5\"\n fill=\"none\"\n />\n </g>\n </svg>\n </span>\n <ng-template [ngIf]=\"!!label && !labelTemplate\">{{ label }}</ng-template>\n <ng-template\n [ngIf]=\"!!labelTemplate\"\n [ngTemplateOutlet]=\"labelTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: this, checked: checked, halfchecked: halfchecked, disabled: disabled, label: label }\"\n >\n </ng-template>\n </label>\n</div>\n", styles: [".devui-font-size-base{font-size:var(--devui-font-size, 12px)}.devui-font-base{font-size:var(--devui-font-size, 12px);font-weight:var(--devui-font-content-weight, normal);line-height:var(--devui-line-height-base, 1.5)}.devui-font-size-modal-title{font-size:var(--devui-font-size-modal-title, 18px)}.devui-font-modal-title{font-size:var(--devui-font-size-modal-title, 18px);font-weight:var(--devui-font-title-weight, bold);line-height:var(--devui-line-height-base, 1.5)}.devui-font-size-page-title{font-size:var(--devui-font-size-page-title, 16px)}.devui-font-page-title{font-size:var(--devui-font-size-page-title, 16px);font-weight:var(--devui-font-title-weight, bold);line-height:var(--devui-line-height-base, 1.5)}.devui-font-size-secondary-title{font-size:var(--devui-font-size-card-title, 14px)}.devui-font-secondary-title{font-size:var(--devui-font-size-card-title, 14px);font-weight:var(--devui-font-title-weight, bold);line-height:var(--devui-line-height-base, 1.5)}.devui-checkbox{position:relative;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;height:100%;margin:0}.devui-checkbox .devui-checkbox-tick{position:absolute}.devui-checkbox .devui-checkbox-tick .devui-tick{stroke:var(--devui-light-text, #ffffff);stroke-dasharray:13 13;stroke-dashoffset:13;opacity:0;transform:scale(0);transform-origin:50% 50%;transition:stroke-dashoffset var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95)),opacity var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95)),transform var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95))}.devui-checkbox.active:not(.halfchecked) .devui-tick{opacity:1;stroke-dashoffset:0;transform:scale(1);transition:stroke-dashoffset var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in, cubic-bezier(.5, 0, .84, .25)),opacity var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95))}.devui-checkbox.active:not(.disabled) .devui-checkbox-material:not(.custom-color),.devui-checkbox.halfchecked:not(.disabled) .devui-checkbox-material:not(.custom-color){border-color:var(--devui-brand, #0a59f7)}.devui-checkbox.active:not(.disabled) .devui-checkbox-material{background-size:100% 100%;transition:border-color var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95))}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox-material:not(.custom-color){background-size:0% 0%;transition:background-size var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95)),border-color var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95))}.devui-checkbox.unchecked:not(.disabled):hover .devui-checkbox-material:not(.custom-color){border-color:var(--devui-brand, #0a59f7)}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox-material.custom-color{background-size:0% 0%;transition:border-color var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95))}.devui-checkbox.halfchecked .devui-checkbox-material:not(.custom-color){background-color:var(--devui-brand, #0a59f7)}.devui-checkbox.halfchecked .devui-checkbox-material:not(.custom-color)>.devui-checkbox-halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95));background-color:var(--devui-light-text, #ffffff)}.devui-checkbox.halfchecked .devui-checkbox-material.custom-color>.devui-checkbox-halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95));background-color:var(--devui-light-text, #ffffff)}.devui-checkbox .devui-checkbox-material{text-align:initial;height:14px;width:14px;position:relative;-webkit-user-select:none;user-select:none;border:1px solid var(--devui-line, #dbdbdb);border-radius:var(--devui-border-radius, 2px);background:linear-gradient(var(--devui-brand, #0a59f7),var(--devui-brand, #0a59f7)) no-repeat center/0%;margin-right:8px;vertical-align:text-bottom}.devui-checkbox .devui-checkbox-material.devui-checkbox-default-background{background-color:var(--devui-base-bg, #ffffff)}.devui-checkbox .devui-checkbox-material.devui-checkbox-no-label{margin-right:0}.devui-checkbox .devui-checkbox-material>.devui-checkbox-halfchecked-bg{display:inline-block;position:absolute;content:\"\";background-color:var(--devui-light-text, #ffffff);top:0;left:0;height:100%;width:100%;transform:scale(1);opacity:0}.devui-checkbox .devui-checkbox-material>svg{width:14px;height:14px}.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):focus,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):active,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):hover{background-color:var(--devui-brand, #0a59f7)}.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):active,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):focus,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):hover:active,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):hover:focus{background-color:var(--devui-brand-active, #0950de)}.devui-checkbox-input{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.devui-checkbox label{position:relative;font-size:var(--devui-font-size, 12px);font-weight:400;height:16px;line-height:16px;cursor:pointer;color:var(--devui-text, #191919);margin:0;display:block;flex:1}.devui-checkbox label>span{display:inline-block;box-sizing:content-box;vertical-align:top}.devui-checkbox.disabled label{cursor:not-allowed;color:var(--devui-disabled-text, #c2c2c2)}.devui-checkbox.disabled .devui-checkbox-material{border-color:var(--devui-icon-fill-active-disabled, #9dbdfc);background-color:var(--devui-icon-fill-active-disabled, #9dbdfc)}.devui-checkbox.disabled.unchecked .devui-checkbox-material{border-color:var(--devui-disabled-line, #e6e6e6);background-color:var(--devui-disabled-bg, #f3f3f3)}.devui-checkbox.disabled.halfchecked .devui-checkbox-material{background-color:var(--devui-icon-fill-active-disabled, #9dbdfc)}.devui-checkbox.disabled.active svg polygon{fill:var(--devui-light-text, #ffffff)}::ng-deep :root .devui-glow-style .devui-checkbox .devui-checkbox-glow-box{position:absolute;width:16px;height:16px}::ng-deep :root .devui-glow-style .devui-checkbox .devui-checkbox-glow-box .devui-checkbox-glow-bg{display:block;width:16px;height:16px;-webkit-user-select:none;user-select:none;border-radius:var(--devui-border-radius, 2px);box-shadow:none;transition:box-shadow var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}::ng-deep :root .devui-glow-style .devui-checkbox:not(.disabled):hover .devui-checkbox-glow-bg{box-shadow:0 0 0 6px var(--devui-range-item-hover-bg, #cedefd)}.devui-no-animation{transition:none!important}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); } } __decorate([ WithConfig(), __metadata("design:type", Object) ], CheckBoxComponent.prototype, "showAnimation", void 0); __decorate([ WithConfig(), __metadata("design:type", Object) ], CheckBoxComponent.prototype, "showGlowStyle", void 0); i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CheckBoxComponent, decorators: [{ type: Component, args: [{ selector: 'd-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, providers: [ { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => CheckBoxComponent), multi: true, }, ], preserveWhitespaces: false, template: "<div\n class=\"devui-checkbox {{ cssClass }}\"\n [ngClass]=\"{\n active: checked,\n halfchecked: halfchecked,\n disabled: disabled,\n unchecked: !checked\n }\"\n>\n <div *ngIf=\"showGlowStyle\" class=\"devui-checkbox-glow-box\">\n <span *ngIf=\"showAnimation\" class=\"devui-checkbox-glow-bg\"></span>\n </div>\n <label title=\"{{ isShowTitle ? title || label : '' }}\" (click)=\"toggle($event)\">\n <input\n [name]=\"name || 'checkbox-' + id\"\n class=\"devui-checkbox-input\"\n type=\"checkbox\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [indeterminate]=\"halfchecked\"\n (click)=\"$event.stopPropagation()\"\n (change)=\"$event.stopPropagation()\"\n />\n <span\n class=\"devui-checkbox-material\"\n [ngStyle]=\"{\n 'border-color': (checked || halfchecked) && color ? color : '',\n 'background-image': (color && halfchecked) || color ? 'linear-gradient(' + color + ', ' + color + ')' : '',\n 'background-color': color && halfchecked ? color : ''\n }\"\n [ngClass]=\"{\n 'custom-color': color,\n 'devui-checkbox-no-label': !label && !labelTemplate,\n 'devui-no-animation': !showAnimation,\n 'devui-checkbox-default-background': !halfchecked\n }\"\n >\n <span class=\"devui-checkbox-halfchecked-bg\"></span>\n <svg viewBox=\"0 0 14 14\" width=\"14\" height=\"14\" class=\"devui-checkbox-tick\">\n <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <path\n class=\"devui-tick\"\n [ngClass]=\"{\n 'devui-no-animation': !showAnimation\n }\"\n d=\"M 2.3 7.0 5.6 9.6 11.4 3.5\"\n stroke=\"#fff\"\n stroke-width=\"1.5\"\n fill=\"none\"\n />\n </g>\n </svg>\n </span>\n <ng-template [ngIf]=\"!!label && !labelTemplate\">{{ label }}</ng-template>\n <ng-template\n [ngIf]=\"!!labelTemplate\"\n [ngTemplateOutlet]=\"labelTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: this, checked: checked, halfchecked: halfchecked, disabled: disabled, label: label }\"\n >\n </ng-template>\n </label>\n</div>\n", styles: [".devui-font-size-base{font-size:var(--devui-font-size, 12px)}.devui-font-base{font-size:var(--devui-font-size, 12px);font-weight:var(--devui-font-content-weight, normal);line-height:var(--devui-line-height-base, 1.5)}.devui-font-size-modal-title{font-size:var(--devui-font-size-modal-title, 18px)}.devui-font-modal-title{font-size:var(--devui-font-size-modal-title, 18px);font-weight:var(--devui-font-title-weight, bold);line-height:var(--devui-line-height-base, 1.5)}.devui-font-size-page-title{font-size:var(--devui-font-size-page-title, 16px)}.devui-font-page-title{font-size:var(--devui-font-size-page-title, 16px);font-weight:var(--devui-font-title-weight, bold);line-height:var(--devui-line-height-base, 1.5)}.devui-font-size-secondary-title{font-size:var(--devui-font-size-card-title, 14px)}.devui-font-secondary-title{font-size:var(--devui-font-size-card-title, 14px);font-weight:var(--devui-font-title-weight, bold);line-height:var(--devui-line-height-base, 1.5)}.devui-checkbox{position:relative;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;height:100%;margin:0}.devui-checkbox .devui-checkbox-tick{position:absolute}.devui-checkbox .devui-checkbox-tick .devui-tick{stroke:var(--devui-light-text, #ffffff);stroke-dasharray:13 13;stroke-dashoffset:13;opacity:0;transform:scale(0);transform-origin:50% 50%;transition:stroke-dashoffset var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95)),opacity var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95)),transform var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95))}.devui-checkbox.active:not(.halfchecked) .devui-tick{opacity:1;stroke-dashoffset:0;transform:scale(1);transition:stroke-dashoffset var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in, cubic-bezier(.5, 0, .84, .25)),opacity var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95))}.devui-checkbox.active:not(.disabled) .devui-checkbox-material:not(.custom-color),.devui-checkbox.halfchecked:not(.disabled) .devui-checkbox-material:not(.custom-color){border-color:var(--devui-brand, #0a59f7)}.devui-checkbox.active:not(.disabled) .devui-checkbox-material{background-size:100% 100%;transition:border-color var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95))}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox-material:not(.custom-color){background-size:0% 0%;transition:background-size var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95)),border-color var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95))}.devui-checkbox.unchecked:not(.disabled):hover .devui-checkbox-material:not(.custom-color){border-color:var(--devui-brand, #0a59f7)}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox-material.custom-color{background-size:0% 0%;transition:border-color var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95))}.devui-checkbox.halfchecked .devui-checkbox-material:not(.custom-color){background-color:var(--devui-brand, #0a59f7)}.devui-checkbox.halfchecked .devui-checkbox-material:not(.custom-color)>.devui-checkbox-halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95));background-color:var(--devui-light-text, #ffffff)}.devui-checkbox.halfchecked .devui-checkbox-material.custom-color>.devui-checkbox-halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95));background-color:var(--devui-light-text, #ffffff)}.devui-checkbox .devui-checkbox-material{text-align:initial;height:14px;width:14px;position:relative;-webkit-user-select:none;user-select:none;border:1px solid var(--devui-line, #dbdbdb);border-radius:var(--devui-border-radius, 2px);background:linear-gradient(var(--devui-brand, #0a59f7),var(--devui-brand, #0a59f7)) no-repeat center/0%;margin-right:8px;vertical-align:text-bottom}.devui-checkbox .devui-checkbox-material.devui-checkbox-default-background{background-color:var(--devui-base-bg, #ffffff)}.devui-checkbox .devui-checkbox-material.devui-checkbox-no-label{margin-right:0}.devui-checkbox .devui-checkbox-material>.devui-checkbox-halfchecked-bg{display:inline-block;position:absolute;content:\"\";background-color:var(--devui-light-text, #ffffff);top:0;left:0;height:100%;width:100%;transform:scale(1);opacity:0}.devui-checkbox .devui-checkbox-material>svg{width:14px;height:14px}.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):focus,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):active,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):hover{background-color:var(--devui-brand, #0a59f7)}.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):active,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):focus,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):hover:active,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):hover:focus{background-color:var(--devui-brand-active, #0950de)}.devui-checkbox-input{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.devui-checkbox label{position:relative;font-size:var(--devui-font-size, 12px);font-weight:400;height:16px;line-height:16px;cursor:pointer;color:var(--devui-text, #191919);margin:0;display:block;flex:1}.devui-checkbox label>span{display:inline-block;box-sizing:content-box;vertical-align:top}.devui-checkbox.disabled label{cursor:not-allowed;color:var(--devui-disabled-text, #c2c2c2)}.devui-checkbox.disabled .devui-checkbox-material{border-color:var(--devui-icon-fill-active-disabled, #9dbdfc);background-color:var(--devui-icon-fill-active-disabled, #9dbdfc)}.devui-checkbox.disabled.unchecked .devui-checkbox-material{border-color:var(--devui-disabled-line, #e6e6e6);background-color:var(--devui-disabled-bg, #f3f3f3)}.devui-checkbox.disabled.halfchecked .devui-checkbox-material{background-color:var(--devui-icon-fill-active-disabled, #9dbdfc)}.devui-checkbox.disabled.active svg polygon{fill:var(--devui-light-text, #ffffff)}::ng-deep :root .devui-glow-style .devui-checkbox .devui-checkbox-glow-box{position:absolute;width:16px;height:16px}::ng-deep :root .devui-glow-style .devui-checkbox .devui-checkbox-glow-box .devui-checkbox-glow-bg{display:block;width:16px;height:16px;-webkit-user-select:none;user-select:none;border-radius:var(--devui-border-radius, 2px);box-shadow:none;transition:box-shadow var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}::ng-deep :root .devui-glow-style .devui-checkbox:not(.disabled):hover .devui-checkbox-glow-bg{box-shadow:0 0 0 6px var(--devui-range-item-hover-bg, #cedefd)}.devui-no-animation{transition:none!important}\n"] }] }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.DevConfigService }, { type: i0.ElementRef }], propDecorators: { name: [{ type: Input }], label: [{ type: Input }], cssClass: [{ type: Input }], color: [{ type: Input }], disabled: [{ type: Input }], isShowTitle: [{ type: Input }], title: [{ type: Input }], labelTemplate: [{ type: Input }], halfchecked: [{ type: Input }], showAnimation: [{ type: Input }], showGlowStyle: [{ type: Input }], beforeChange: [{ type: Input }], change: [{ type: Output }], hasGlowStyle: [{ type: HostBinding, args: ['class.devui-glow-style'] }] } }); //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vZGV2dWkvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZGV2dWkvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFFTCx1QkFBdUIsRUFDdkIsaUJBQWlCLEVBQ2pCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsWUFBWSxFQUNaLFVBQVUsRUFDVixXQUFXLEVBQ1gsS0FBSyxFQUNMLE1BQU0sRUFDTixXQUFXLEVBQ1osTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3pFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7OztBQWlCOUQsTUFBTSxPQUFPLGlCQUFpQjthQUNyQixZQUFPLEdBQUcsQ0FBQyxBQUFKLENBQUs7SUFjbkIsSUFBMkMsWUFBWTtRQUNyRCxPQUFPLElBQUksQ0FBQyxhQUFhLENBQUM7SUFDNUIsQ0FBQztJQU9ELFlBQW9CLGlCQUFvQyxFQUFVLGdCQUFrQyxFQUFVLEVBQWM7UUFBeEcsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQUFVLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFBVSxPQUFFLEdBQUYsRUFBRSxDQUFZO1FBbEJuSCxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLGdCQUFXLEdBQUcsSUFBSSxDQUFDO1FBR25CLGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBQ04sa0JBQWEsR0FBRyxJQUFJLENBQUM7UUFDckIsa0JBQWEsR0FBRyxJQUFJLENBQUM7UUFFbEMsV0FBTSxHQUEwQixJQUFJLFlBQVksRUFBVyxDQUFDO1FBTzlELGFBQVEsR0FBRyxDQUFDLENBQU0sRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDO1FB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QUFDO2dCQUNoRCxLQUFLLEVBQUUsSUFBSTthQUNaO1NBQ0YsMEJDNUJILHNzRUE4REE7O0FEcEJ5QjtJQUFiLFVBQVUsRUFBRTs7d0RBQXNCO0FBQ3JCO0lBQWIsVUFBVSxFQUFFOzt3REFBc0I7NEZBWmpDLGlCQUFpQjtrQkFkN0IsU0FBUzsrQkFDRSxZQUFZLG1CQUVMLHVCQUF1QixDQUFDLE1BQU0sYUFFcEM7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsa0JBQWtCLENBQUM7NEJBQ2hELEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGLHVCQUNvQixLQUFLOzhJQUlqQixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNpQixhQUFhO3NCQUFuQyxLQUFLO2dCQUNpQixhQUFhO3NCQUFuQyxLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0ksTUFBTTtzQkFBZixNQUFNO2dCQUNvQyxZQUFZO3NCQUF0RCxXQUFXO3VCQUFDLHdCQUF3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBFdmVudEVtaXR0ZXIsXG4gIGZvcndhcmRSZWYsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBUZW1wbGF0ZVJlZlxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IERldkNvbmZpZ1NlcnZpY2UsIFdpdGhDb25maWcgfSBmcm9tICduZy1kZXZ1aS91dGlscyc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2QtY2hlY2tib3gnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2hlY2tib3guY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3R5bGVVcmxzOiBbJy4vY2hlY2tib3guY29tcG9uZW50LnNjc3MnXSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBDaGVja0JveENvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICBdLFxuICBwcmVzZXJ2ZVdoaXRlc3BhY2VzOiBmYWxzZSxcbn0pXG5leHBvcnQgY2xhc3MgQ2hlY2tCb3hDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciwgQWZ0ZXJWaWV3SW5pdCB7XG4gIHN0YXRpYyBJRF9TRUVEID0gMDtcbiAgQElucHV0KCkgbmFtZTogc3RyaW5nO1xuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nO1xuICBASW5wdXQoKSBjc3NDbGFzczogc3RyaW5nO1xuICBASW5wdXQoKSBjb2xvcjtcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcbiAgQElucHV0KCkgaXNTaG93VGl0bGUgPSB0cnVlO1xuICBASW5wdXQoKSB0aXRsZTtcbiAgQElucHV0KCkgbGFiZWxUZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcbiAgQElucHV0KCkgaGFsZmNoZWNrZWQgPSBmYWxzZTtcbiAgQElucHV0KCkgQFdpdGhDb25maWcoKSBzaG93QW5pbWF0aW9uID0gdHJ1ZTtcbiAgQElucHV0KCkgQFdpdGhDb25maWcoKSBzaG93R2xvd1N0eWxlID0gdHJ1ZTtcbiAgQElucHV0KCkgYmVmb3JlQ2hhbmdlOiAodmFsdWUpID0+IGJvb2xlYW4gfCBQcm9taXNlPGJvb2xlYW4+IHwgT2JzZXJ2YWJsZTxib29sZWFuPjtcbiAgQE91dHB1dCgpIGNoYW5nZTogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRldnVpLWdsb3ctc3R5bGUnKSBnZXQgaGFzR2xvd1N0eWxlKCkge1xuICAgIHJldHVybiB0aGlzLnNob3dHbG93U3R5bGU7XG4gIH1cblxuICBwdWJsaWMgaWQ6IG51bWJlcjtcbiAgcHVibGljIGNoZWNrZWQ6IGJvb2xlYW47XG4gIHByaXZhdGUgb25DaGFuZ2UgPSAoXzogYW55KSA9PiBudWxsO1xuICBwcml2YXRlIG9uVG91Y2ggPSAoKSA9PiBudWxsO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmLCBwcml2YXRlIGRldkNvbmZpZ1NlcnZpY2U6IERldkNvbmZpZ1NlcnZpY2UsIHByaXZhdGUgZWw6IEVsZW1lbnRSZWYpIHtcbiAgICB0aGlzLmlkID0gQ2hlY2tCb3hDb21wb25lbnQuSURfU0VFRCsrO1xuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnNob3dHbG93U3R5bGUpIHtcbiAgICAgIGNvbnN0IGdsb3dCb3ggPSB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQucXVlcnlTZWxlY3RvcignLmRldnVpLWNoZWNrYm94ID4gLmRldnVpLWNoZWNrYm94LWdsb3ctYm94Jyk7XG4gICAgICBjb25zdCBsYWJlbERvbSA9IHRoaXMuZWwubmF0aXZlRWxlbWVudC5xdWVyeVNlbGVjdG9yKCcuZGV2dWktY2hlY2tib3ggPiBsYWJlbCcpO1xuICAgICAgY29uc3QgbGFiZWxIZWlnaHQgPSBsYWJlbERvbSAmJiBnZXRDb21wdXRlZFN0eWxlKGxhYmVsRG9tKS5oZWlnaHQ7XG4gICAgICBpZiAoZ2xvd0JveCAmJiBsYWJlbEhlaWdodCAmJiBsYWJlbEhlaWdodCAhPT0gJzE2cHgnKSB7XG4gICAgICAgIGdsb3dCb3guc3R5bGUuaGVpZ2h0ID0gbGFiZWxIZWlnaHQ7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgd3JpdGVWYWx1ZShjaGVja2VkOiBhbnkpOiB2b2lkIHtcbiAgICBpZiAoY2hlY2tlZCAhPT0gbnVsbCkge1xuICAgICAgdGhpcy5jaGVja2VkID0gISFjaGVja2VkO1xuICAgICAgdGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgICB9XG4gIH1cblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gIH1cblxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoID0gZm47XG4gIH1cblxuICB0b2dnbGUoJGV2ZW50KSB7XG4gICAgdGhpcy5jYW5DaGFuZ2UoKS50aGVuKCh2YWwpID0+IHtcbiAgICAgIGlmICh0aGlzLmRpc2FibGVkIHx8ICF2YWwpIHtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuICAgICAgdGhpcy5jaGVja2VkID0gIXRoaXMuY2hlY2tlZDtcbiAgICAgIHRoaXMub25DaGFuZ2UodGhpcy5jaGVja2VkKTtcbiAgICAgIHRoaXMuY2hhbmdlLm5leHQodGhpcy5jaGVja2VkKTtcbiAgICAgIHRoaXMub25Ub3VjaCgpO1xuICAgIH0pO1xuICB9XG5cbiAgY2FuQ2hhbmdlKCkge1xuICAgIGxldCBjaGFuZ2VSZXN1bHQgPSBQcm9taXNlLnJlc29sdmUodHJ1ZSk7XG5cbiAgICBpZiAodGhpcy5iZWZvcmVDaGFuZ2UpIHtcbiAgICAgIGNvbnN0IHJlc3VsdDogYW55ID0gdGhpcy5iZWZvcmVDaGFuZ2UodGhpcy5sYWJlbCk7XG4gICAgICBpZiAodHlwZW9mIHJlc3VsdCAhPT0gJ3VuZGVmaW5lZCcpIHtcbiAgICAgICAgaWYgKHJlc3VsdC50aGVuKSB7XG4gICAgICAgICAgY2hhbmdlUmVzdWx0ID0gcmVzdWx0O1xuICAgICAgICB9IGVsc2UgaWYgKHJlc3VsdC5zdWJzY3JpYmUpIHtcbiAgICAgICAgICBjaGFuZ2VSZXN1bHQgPSAocmVzdWx0IGFzIE9ic2VydmFibGU8Ym9vbGVhbj4pLnRvUHJvbWlzZSgpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIGNoYW5nZVJlc3VsdCA9IFByb21pc2UucmVzb2x2ZShyZXN1bHQpO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgcmV0dXJuIGNoYW5nZVJlc3VsdDtcbiAgfVxufVxuIiwiPGRpdlxuICBjbGFzcz1cImRldnVpLWNoZWNrYm94IHt7IGNzc0NsYXNzIH19XCJcbiAgW25nQ2xhc3NdPVwie1xuICAgIGFjdGl2ZTogY2hlY2tlZCxcbiAgICBoYWxmY2hlY2tlZDogaGFsZmNoZWNrZWQsXG4gICAgZGlzYWJsZWQ6IGRpc2FibGVkLFxuICAgIHVuY2hlY2tlZDogIWNoZWNrZWRcbiAgfVwiXG4+XG4gIDxkaXYgKm5nSWY9XCJzaG93R2xvd1N0eWxlXCIgY2xhc3M9XCJkZXZ1aS1jaGVja2JveC1nbG93LWJveFwiPlxuICAgIDxzcGFuICpuZ0lmPVwic2hvd0FuaW1hdGlvblwiIGNsYXNzPVwiZGV2dWktY2hlY2tib3gtZ2xvdy1iZ1wiPjwvc3Bhbj5cbiAgPC9kaXY+XG4gIDxsYWJlbCB0aXRsZT1cInt7IGlzU2hvd1RpdGxlID8gdGl0bGUgfHwgbGFiZWwgOiAnJyB9fVwiIChjbGljayk9XCJ0b2dnbGUoJGV2ZW50KVwiPlxuICAgIDxpbnB1dFxuICAgICAgW25hbWVdPVwibmFtZSB8fCAnY2hlY2tib3gtJyArIGlkXCJcbiAgICAgIGNsYXNzPVwiZGV2dWktY2hlY2tib3gtaW5wdXRcIlxuICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgIFtjaGVja2VkXT1cImNoZWNrZWRcIlxuICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgIFtpbmRldGVybWluYXRlXT1cImhhbGZjaGVja2VkXCJcbiAgICAgIChjbGljayk9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcIlxuICAgICAgKGNoYW5nZSk9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcIlxuICAgIC8+XG4gICAgPHNwYW5cbiAgICAgIGNsYXNzPVwiZGV2dWktY2hlY2tib3gtbWF0ZXJpYWxcIlxuICAgICAgW25nU3R5bGVdPVwie1xuICAgICAgICAnYm9yZGVyLWNvbG9yJzogKGNoZWNrZWQgfHwgaGFsZmNoZWNrZWQpICYmIGNvbG9yID8gY29sb3IgOiAnJyxcbiAgICAgICAgJ2JhY2tncm91bmQtaW1hZ2UnOiAoY29sb3IgJiYgaGFsZmNoZWNrZWQpIHx8IGNvbG9yID8gJ2xpbmVhci1ncmFkaWVudCgnICsgY29sb3IgKyAnLCAnICsgY29sb3IgKyAnKScgOiAnJyxcbiAgICAgICAgJ2JhY2tncm91bmQtY29sb3InOiBjb2xvciAmJiBoYWxmY2hlY2tlZCA/IGNvbG9yIDogJydcbiAgICAgIH1cIlxuICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAnY3VzdG9tLWNvbG9yJzogY29sb3IsXG4gICAgICAgICdkZXZ1aS1jaGVja2JveC1uby1sYWJlbCc6ICFsYWJlbCAmJiAhbGFiZWxUZW1wbGF0ZSxcbiAgICAgICAgJ2RldnVpLW5vLWFuaW1hdGlvbic6ICFzaG93QW5pbWF0aW9uLFxuICAgICAgICAnZGV2dWktY2hlY2tib3gtZGVmYXVsdC1iYWNrZ3JvdW5kJzogIWhhbGZjaGVja2VkXG4gICAgICB9XCJcbiAgICA+XG4gICAgICA8c3BhbiBjbGFzcz1cImRldnVpLWNoZWNrYm94LWhhbGZjaGVja2VkLWJnXCI+PC9zcGFuPlxuICAgICAgPHN2ZyB2aWV3Qm94PVwiMCAwIDE0IDE0XCIgd2lkdGg9XCIxNFwiIGhlaWdodD1cIjE0XCIgY2xhc3M9XCJkZXZ1aS1jaGVja2JveC10aWNrXCI+XG4gICAgICAgIDxnIHN0cm9rZT1cIm5vbmVcIiBzdHJva2Utd2lkdGg9XCIxXCIgZmlsbD1cIm5vbmVcIiBmaWxsLXJ1bGU9XCJldmVub2RkXCI+XG4gICAgICAgICAgPHBhdGhcbiAgICAgICAgICAgIGNsYXNzPVwiZGV2dWktdGlja1wiXG4gICAgICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICAgICdkZXZ1aS1uby1hbmltYXRpb24nOiAhc2hvd0FuaW1hdGlvblxuICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICBkPVwiTSAyLjMgNy4wIDUuNiA5LjYgMTEuNCAzLjVcIlxuICAgICAgICAgICAgc3Ryb2tlPVwiI2ZmZlwiXG4gICAgICAgICAgICBzdHJva2Utd2lkdGg9XCIxLjVcIlxuICAgICAgICAgICAgZmlsbD1cIm5vbmVcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvZz5cbiAgICAgIDwvc3ZnPlxuICAgIDwvc3Bhbj5cbiAgICA8bmctdGVtcGxhdGUgW25nSWZdPVwiISFsYWJlbCAmJiAhbGFiZWxUZW1wbGF0ZVwiPnt7IGxhYmVsIH19PC9uZy10ZW1wbGF0ZT5cbiAgICA8bmctdGVtcGxhdGVcbiAgICAgIFtuZ0lmXT1cIiEhbGFiZWxUZW1wbGF0ZVwiXG4gICAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJsYWJlbFRlbXBsYXRlXCJcbiAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7ICRpbXBsaWNpdDogdGhpcywgY2hlY2tlZDogY2hlY2tlZCwgaGFsZmNoZWNrZWQ6IGhhbGZjaGVja2VkLCBkaXNhYmxlZDogZGlzYWJsZWQsIGxhYmVsOiBsYWJlbCB9XCJcbiAgICA+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgPC9sYWJlbD5cbjwvZGl2PlxuIl19