UNPKG

@ng-doc/ui-kit

Version:

<!-- PROJECT LOGO --> <br /> <div align="center"> <a href="https://github.com/ng-doc/ng-doc"> <img src="https://ng-doc.com/assets/images/ng-doc.svg?raw=true" alt="Logo" height="150px"> </a>

1 lines 3.34 kB
{"version":3,"file":"ng-doc-ui-kit-components-checkbox.mjs","sources":["../../../../libs/ui-kit/components/checkbox/checkbox.component.ts","../../../../libs/ui-kit/components/checkbox/checkbox.component.html","../../../../libs/ui-kit/components/checkbox/ng-doc-ui-kit-components-checkbox.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, HostBinding, inject, Input } from '@angular/core';\nimport { NgDocIconComponent } from '@ng-doc/ui-kit/components/icon';\nimport { NgDocCheckedChangeDirective } from '@ng-doc/ui-kit/directives/checked-change';\nimport { NgDocFocusableDirective } from '@ng-doc/ui-kit/directives/focusable';\nimport { NgDocColor } from '@ng-doc/ui-kit/types';\nimport { DICompareHost, DIStateControl, injectHostControl } from 'di-controls';\n\n@Component({\n selector: 'ng-doc-checkbox',\n templateUrl: './checkbox.component.html',\n styleUrls: ['./checkbox.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [NgDocCheckedChangeDirective, NgDocFocusableDirective, NgDocIconComponent],\n})\nexport class NgDocCheckboxComponent<T> extends DIStateControl<T> {\n @Input()\n @HostBinding('attr.data-lu-color')\n color: NgDocColor = 'primary';\n\n constructor() {\n super({\n host: injectHostControl({ optional: true }),\n compareHost: inject(DICompareHost, { optional: true }),\n });\n }\n}\n","<label class=\"ng-doc-checkbox-wrapper\">\n <div class=\"ng-doc-checkbox\">\n <input\n type=\"checkbox\"\n [disabled]=\"disabled\"\n [ngDocChecked]=\"checked()\"\n (ngDocCheckedChange)=\"toggle(); touch()\"\n (blur)=\"touch()\"\n [ngDocFocusable]=\"false\" />\n @if (isIntermediate) {\n <ng-doc-icon icon=\"minus\"></ng-doc-icon>\n }\n @if (checked()) {\n <ng-doc-icon icon=\"check\"></ng-doc-icon>\n }\n </div>\n <div class=\"ng-doc-checkbox-content\">\n <span class=\"ng-doc-checkbox-icons\">\n <ng-content select=\"ng-doc-icon\"></ng-content>\n </span>\n <div class=\"ng-doc-checkbox-text\">\n <ng-content></ng-content>\n </div>\n </div>\n</label>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAcM,MAAO,sBAA0B,SAAQ,cAAiB,CAAA;AAK9D,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,CAAC;YACJ,IAAI,EAAE,iBAAiB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;YAC3C,WAAW,EAAE,MAAM,CAAC,aAAa,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AACvD,SAAA,CAAC;QANJ,IAAA,CAAA,KAAK,GAAe,SAAS;IAO7B;8GAVW,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,4LCdnC,+tBAyBA,EAAA,MAAA,EAAA,CAAA,y5DAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDbY,2BAA2B,EAAA,QAAA,EAAA,gDAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,OAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,uBAAuB,uHAAE,kBAAkB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,YAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAEvE,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAPlC,SAAS;+BACE,iBAAiB,EAAA,eAAA,EAGV,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,2BAA2B,EAAE,uBAAuB,EAAE,kBAAkB,CAAC,EAAA,QAAA,EAAA,+tBAAA,EAAA,MAAA,EAAA,CAAA,y5DAAA,CAAA,EAAA;;sBAGlF;;sBACA,WAAW;uBAAC,oBAAoB;;;AEhBnC;;AAEG;;;;"}