{"version":3,"file":"src_app_views_form-elements_checkbox_demo-checkbox_module_ts.js","mappings":"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","sources":["./src/app/views/form-elements/checkbox/checkbox-section.component.ts","./src/app/views/form-elements/checkbox/checkbox-section.component.html","./src/app/views/form-elements/checkbox/checkbox-section.list.ts","./src/app/views/form-elements/checkbox/demo-checkbox.module.ts","./src/app/views/form-elements/checkbox/demo-checkbox.routes.ts","./src/app/views/form-elements/checkbox/demos/basic/basic.ts","./src/app/views/form-elements/checkbox/demos/basic/basic.html","./src/app/views/form-elements/checkbox/demos/disabled/disabled.ts","./src/app/views/form-elements/checkbox/demos/disabled/disabled.html","./src/app/views/form-elements/checkbox/demos/inline/inline.ts","./src/app/views/form-elements/checkbox/demos/inline/inline.html","./src/app/views/form-elements/checkbox/demos/multiple/multiple.ts","./src/app/views/form-elements/checkbox/demos/multiple/multiple.html","./src/app/views/form-elements/checkbox/demos/withForm/withForm.ts","./src/app/views/form-elements/checkbox/demos/withForm/withForm.html","webpack:///./src/app/views/form-elements/checkbox/demos/basic/basic.html?3844","webpack:///./src/app/views/form-elements/checkbox/demos/basic/basic.ts?3a53","webpack:///./src/app/views/form-elements/checkbox/demos/disabled/disabled.html?1850","webpack:///./src/app/views/form-elements/checkbox/demos/disabled/disabled.ts?0a8c","webpack:///./src/app/views/form-elements/checkbox/demos/inline/inline.html?3938","webpack:///./src/app/views/form-elements/checkbox/demos/inline/inline.ts?a977","webpack:///./src/app/views/form-elements/checkbox/demos/multiple/multiple.html?e33b","webpack:///./src/app/views/form-elements/checkbox/demos/multiple/multiple.ts?038d","webpack:///./src/app/views/form-elements/checkbox/demos/withForm/withForm.html?37e6","webpack:///./src/app/views/form-elements/checkbox/demos/withForm/withForm.ts?e9c1","./src/app/views/form-elements/checkbox/docs/usage.md"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\r\n\r\nimport { demoComponentContent } from './checkbox-section.list';\r\nimport { ContentSection } from '@app/shared/components/docs/models/content-section.model';\r\n\r\n@Component({\r\n  selector: 'checkbox-section',\r\n  templateUrl: './checkbox-section.component.html',\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class CheckboxSectionComponent {\r\n  name = 'Checkbox';\r\n  src = '';\r\n  componentContent: ContentSection[] = demoComponentContent;\r\n}\r\n","<demo-section [name]=\"name\" [src]=\"src\" [componentContent]=\"componentContent\">\r\n    <p>Single selection in a set of options</p>\r\n    <docs-section [content]=\"componentContent\"></docs-section>\r\n</demo-section>\r\n  ","import { DemoCheckboxBasicComponent } from './demos/basic/basic';\r\nimport { DemoCheckBoxMultipleComponent } from './demos/multiple/multiple';\r\nimport { DemoCheckboxDisabaledComponent } from './demos/disabled/disabled';\r\nimport { DemoCheckboxInlineComponent } from './demos/inline/inline';\r\nimport { DemoCheckboxWithFormComponent } from './demos/withForm/withForm';\r\n\r\nimport { ContentSection } from '@app/shared/components/docs/models/content-section.model';\r\nimport { DemoTopSectionComponent } from '@app/shared/components/docs/demo-section-components/demo-top-section/index';\r\nimport { ExamplesComponent } from '@app/shared/components/docs/demo-section-components/demo-examples-section/index';\r\nimport { ApiSectionsComponent } from '@app/shared/components/docs/demo-section-components/demo-api-section/index';\r\n\r\nimport {\r\n  NgApiDocComponent\r\n} from '@app/shared/components/docs/api-docs';\r\n\r\nexport const demoComponentContent: ContentSection[] = [\r\n  {\r\n    name: 'Usage',\r\n    anchor: 'usage',\r\n    outlet: DemoTopSectionComponent,\r\n    content: {\r\n      doc: require('!!raw-loader!./docs/usage.md')\r\n    }\r\n  },\r\n  {\r\n    name: 'Examples',\r\n    anchor: 'examples',\r\n    outlet: ExamplesComponent,\r\n    content: [\r\n      {\r\n        title: 'Basic',\r\n        anchor: 'basic',\r\n        description: `<p>Basic usage</p>`,\r\n        component: require('!!raw-loader!./demos/basic/basic'),\r\n        html: require('!!raw-loader!./demos/basic/basic.html'),\r\n        outlet: DemoCheckboxBasicComponent\r\n      },\r\n      {\r\n        title: 'Multiple',\r\n        anchor: 'multiple',\r\n        description: `<p>Multiple checkbox </p>`,\r\n        component: require('!!raw-loader!./demos/multiple/multiple'),\r\n        html: require('!!raw-loader!./demos/multiple/multiple.html'),\r\n        outlet: DemoCheckBoxMultipleComponent\r\n      },\r\n      {\r\n        title: 'Disabled',\r\n        anchor: 'disabled',\r\n        description: `<p>Checkbox disabled</p>`,\r\n        component: require('!!raw-loader!./demos/disabled/disabled'),\r\n        html: require('!!raw-loader!./demos/disabled/disabled.html'),\r\n        outlet: DemoCheckboxDisabaledComponent\r\n      },\r\n      {\r\n        title: 'Inline',\r\n        anchor: 'inline',\r\n        description: `<p>Inline checkboxes</p>`,\r\n        component: require('!!raw-loader!./demos/inline/inline'),\r\n        html: require('!!raw-loader!./demos/inline/inline.html'),\r\n        outlet: DemoCheckboxInlineComponent\r\n      },\r\n      {\r\n        title: 'With Form',\r\n        anchor: 'with-form',\r\n        description: `<p>Usage with form</p>`,\r\n        component: require('!!raw-loader!./demos/withForm/withForm'),\r\n        html: require('!!raw-loader!./demos/withForm/withForm.html'),\r\n        outlet: DemoCheckboxWithFormComponent\r\n      },\r\n    ]\r\n  },\r\n  {\r\n    name: 'API Reference',\r\n    anchor: 'api-reference',\r\n    outlet: ApiSectionsComponent,\r\n    content: [\r\n      {\r\n        title: 'CheckboxComponent',\r\n        anchor: 'checkbox-component',\r\n        outlet: NgApiDocComponent\r\n      }\r\n    ]\r\n  }\r\n];\r\n","import { NgModule } from '@angular/core';\r\nimport { SharedModule } from '@app/shared/shared.module';\r\nimport { RouterModule } from '@angular/router';\r\nimport { CheckboxSectionComponent } from './checkbox-section.component';\r\nimport { DEMO_COMPONENTS } from './demos';\r\nimport { DocsModule } from '@app/shared/components/docs';\r\nimport { CheckboxModule } from '@app/shared/components/checkbox/checkbox.module';\r\n\r\nimport { routes } from './demo-checkbox.routes';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    CheckboxSectionComponent,\r\n    ...DEMO_COMPONENTS\r\n  ],\r\n  imports: [\r\n    SharedModule,\r\n    DocsModule,\r\n    CheckboxModule,\r\n    RouterModule.forChild(routes)\r\n  ],\r\n  exports: [CheckboxSectionComponent],\r\n  entryComponents: [...DEMO_COMPONENTS]\r\n})\r\nexport class DemoCheckboxModule {\r\n  static routes: any = routes;\r\n}\r\n","import { CheckboxSectionComponent } from './checkbox-section.component';\r\n\r\nexport const routes = [{ path: '', component: CheckboxSectionComponent }];\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'demo-checkbox-basic',\r\n    templateUrl: 'basic.html'\r\n})\r\n\r\nexport class DemoCheckboxBasicComponent implements OnInit {\r\n    checked: boolean = false;\r\n    constructor() { }\r\n\r\n    ngOnInit() { }\r\n\r\n    onChange() {\r\n        console.log('current value:', this.checked)\r\n    }\r\n}","<checkbox [(ngModel)]=\"checked\" single=\"true\" (onChange)=\"onChange()\">Checkbox</checkbox>","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'demo-checkbox-disabled',\r\n    templateUrl: 'disabled.html'\r\n})\r\n\r\nexport class DemoCheckboxDisabaledComponent implements OnInit {\r\n\r\n    flexCheckDisabled: string[] = ['2']\r\n\r\n    constructor() { }\r\n\r\n    ngOnInit() { }\r\n}","<checkbox name=\"disabledCheckbox\" value=\"1\" [(ngModel)]=\"flexCheckDisabled\" disabled>Disabled checkbox</checkbox>\r\n<checkbox name=\"disabledCheckbox\" value=\"2\" [(ngModel)]=\"flexCheckDisabled\" disabled>Disabled checked checkbox</checkbox>\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'demo-checkbox-inline',\r\n    templateUrl: 'inline.html'\r\n})\r\n\r\nexport class DemoCheckboxInlineComponent implements OnInit {\r\n\r\n    selectedFramework: string[] = []\r\n\r\n    constructor() { }\r\n\r\n    ngOnInit() { }\r\n}","<checkbox name=\"inlineCheckbox\" value=\"Angular\" [inline]=\"true\" [(ngModel)]=\"selectedFramework\">Angular</checkbox>\r\n<checkbox name=\"inlineCheckbox\" value=\"React\" [inline]=\"true\" [(ngModel)]=\"selectedFramework\">React</checkbox>\r\n<checkbox name=\"inlineCheckbox\" value=\"Vue\" [inline]=\"true\" [(ngModel)]=\"selectedFramework\">Vue</checkbox>\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'demo-checkbox-multiple',\r\n    templateUrl: 'multiple.html'\r\n})\r\n\r\nexport class DemoCheckBoxMultipleComponent implements OnInit {\r\n    selectedFramework: string[] = [];\r\n\r\n    constructor() { }\r\n\r\n    ngOnInit() { }\r\n}","<checkbox name=\"framework\" value=\"Angular\" [(ngModel)]=\"selectedFramework\">Angular</checkbox>\r\n<checkbox name=\"framework\" value=\"React\" [(ngModel)]=\"selectedFramework\">React</checkbox>\r\n<checkbox name=\"framework\" value=\"Vue\" [(ngModel)]=\"selectedFramework\">Vue</checkbox>\r\n","import { Component } from '@angular/core';\r\nimport {\r\n    FormBuilder,\r\n    FormGroup,\r\n    FormArray,\r\n    FormControl,\r\n    Validators\r\n} from '@angular/forms';\r\n\r\n@Component({\r\n    selector: 'demo-checkbox-with-form',\r\n    templateUrl: 'withForm.html'\r\n})\r\n\r\nexport class DemoCheckboxWithFormComponent {\r\n    form: FormGroup;\r\n    showError = false\r\n    Data: Array<any> = [\r\n        { name: 'Apple', value: 'apple' },\r\n        { name: 'Pear', value: 'pear' },\r\n        { name: 'Orange', value: 'orange' }\r\n    ];\r\n\r\n    constructor(private fb: FormBuilder) {\r\n        this.form = this.fb.group({\r\n            checkArray: this.fb.array([], [Validators.required])\r\n        })\r\n    }\r\n\r\n    onCheckboxChange(e) {\r\n        const checkArray: FormArray = this.form.get('checkArray') as FormArray;\r\n        if (e.checked) {\r\n            checkArray.push(new FormControl(e.value));\r\n        } else {\r\n            let i: number = 0;\r\n            checkArray.controls.forEach((item: FormControl) => {\r\n                if (item.value == e.value) {\r\n                checkArray.removeAt(i);\r\n                    return;\r\n                }\r\n                i++;\r\n            });\r\n        }\r\n    }\r\n\r\n    submitForm() {\r\n        console.log(this.form.controls.checkArray.value)\r\n        if (this.form.controls['checkArray'].errors?.required) {\r\n           this.showError = true\r\n           return \r\n        }\r\n    }\r\n}","<form [formGroup]=\"form\" (ngSubmit)=\"submitForm()\">\r\n    <checkbox\r\n        [inline]=\"true\"\r\n        *ngFor=\"let data of Data; let i=index\"\r\n        [value]=\"data.value\"\r\n        (onChange)=\"onCheckboxChange($event)\"\r\n    >\r\n        {{data.name}}\r\n    </checkbox>\r\n    <span class=\"ms-3\">\r\n        <input class=\"btn btn-primary\" type=\"submit\" value=\"Submit\">\r\n    </span>\r\n    <p class=\"text-danger\" *ngIf=\"showError\">\r\n        Checkbox is required\r\n    </p>\r\n</form>","export default \"<checkbox [(ngModel)]=\\\"checked\\\" single=\\\"true\\\" (onChange)=\\\"onChange()\\\">Checkbox</checkbox>\";","export default \"import { Component, OnInit } from '@angular/core';\\r\\n\\r\\n@Component({\\r\\n    selector: 'demo-checkbox-basic',\\r\\n    templateUrl: 'basic.html'\\r\\n})\\r\\n\\r\\nexport class DemoCheckboxBasicComponent implements OnInit {\\r\\n    checked: boolean = false;\\r\\n    constructor() { }\\r\\n\\r\\n    ngOnInit() { }\\r\\n\\r\\n    onChange() {\\r\\n        console.log('current value:', this.checked)\\r\\n    }\\r\\n}\";","export default \"<checkbox name=\\\"disabledCheckbox\\\" value=\\\"1\\\" [(ngModel)]=\\\"flexCheckDisabled\\\" disabled>Disabled checkbox</checkbox>\\r\\n<checkbox name=\\\"disabledCheckbox\\\" value=\\\"2\\\" [(ngModel)]=\\\"flexCheckDisabled\\\" disabled>Disabled checked checkbox</checkbox>\\r\\n\";","export default \"import { Component, OnInit } from '@angular/core';\\r\\n\\r\\n@Component({\\r\\n    selector: 'demo-checkbox-disabled',\\r\\n    templateUrl: 'disabled.html'\\r\\n})\\r\\n\\r\\nexport class DemoCheckboxDisabaledComponent implements OnInit {\\r\\n\\r\\n    flexCheckDisabled: string[] = ['2']\\r\\n\\r\\n    constructor() { }\\r\\n\\r\\n    ngOnInit() { }\\r\\n}\";","export default \"<checkbox name=\\\"inlineCheckbox\\\" value=\\\"Angular\\\" [inline]=\\\"true\\\" [(ngModel)]=\\\"selectedFramework\\\">Angular</checkbox>\\r\\n<checkbox name=\\\"inlineCheckbox\\\" value=\\\"React\\\" [inline]=\\\"true\\\" [(ngModel)]=\\\"selectedFramework\\\">React</checkbox>\\r\\n<checkbox name=\\\"inlineCheckbox\\\" value=\\\"Vue\\\" [inline]=\\\"true\\\" [(ngModel)]=\\\"selectedFramework\\\">Vue</checkbox>\\r\\n\";","export default \"import { Component, OnInit } from '@angular/core';\\r\\n\\r\\n@Component({\\r\\n    selector: 'demo-checkbox-inline',\\r\\n    templateUrl: 'inline.html'\\r\\n})\\r\\n\\r\\nexport class DemoCheckboxInlineComponent implements OnInit {\\r\\n\\r\\n    selectedFramework: string[] = []\\r\\n\\r\\n    constructor() { }\\r\\n\\r\\n    ngOnInit() { }\\r\\n}\";","export default \"<checkbox name=\\\"framework\\\" value=\\\"Angular\\\" [(ngModel)]=\\\"selectedFramework\\\">Angular</checkbox>\\r\\n<checkbox name=\\\"framework\\\" value=\\\"React\\\" [(ngModel)]=\\\"selectedFramework\\\">React</checkbox>\\r\\n<checkbox name=\\\"framework\\\" value=\\\"Vue\\\" [(ngModel)]=\\\"selectedFramework\\\">Vue</checkbox>\\r\\n\";","export default \"import { Component, OnInit } from '@angular/core';\\r\\n\\r\\n@Component({\\r\\n    selector: 'demo-checkbox-multiple',\\r\\n    templateUrl: 'multiple.html'\\r\\n})\\r\\n\\r\\nexport class DemoCheckBoxMultipleComponent implements OnInit {\\r\\n    selectedFramework: string[] = [];\\r\\n\\r\\n    constructor() { }\\r\\n\\r\\n    ngOnInit() { }\\r\\n}\";","export default \"<form [formGroup]=\\\"form\\\" (ngSubmit)=\\\"submitForm()\\\">\\r\\n    <checkbox\\r\\n        [inline]=\\\"true\\\"\\r\\n        *ngFor=\\\"let data of Data; let i=index\\\"\\r\\n        [value]=\\\"data.value\\\"\\r\\n        (onChange)=\\\"onCheckboxChange($event)\\\"\\r\\n    >\\r\\n        {{data.name}}\\r\\n    </checkbox>\\r\\n    <span class=\\\"ms-3\\\">\\r\\n        <input class=\\\"btn btn-primary\\\" type=\\\"submit\\\" value=\\\"Submit\\\">\\r\\n    </span>\\r\\n    <p class=\\\"text-danger\\\" *ngIf=\\\"showError\\\">\\r\\n        Checkbox is required\\r\\n    </p>\\r\\n</form>\";","export default \"import { Component } from '@angular/core';\\r\\nimport {\\r\\n    FormBuilder,\\r\\n    FormGroup,\\r\\n    FormArray,\\r\\n    FormControl,\\r\\n    Validators\\r\\n} from '@angular/forms';\\r\\n\\r\\n@Component({\\r\\n    selector: 'demo-checkbox-with-form',\\r\\n    templateUrl: 'withForm.html'\\r\\n})\\r\\n\\r\\nexport class DemoCheckboxWithFormComponent {\\r\\n    form: FormGroup;\\r\\n    showError = false\\r\\n    Data: Array<any> = [\\r\\n        { name: 'Apple', value: 'apple' },\\r\\n        { name: 'Pear', value: 'pear' },\\r\\n        { name: 'Orange', value: 'orange' }\\r\\n    ];\\r\\n\\r\\n    constructor(private fb: FormBuilder) {\\r\\n        this.form = this.fb.group({\\r\\n            checkArray: this.fb.array([], [Validators.required])\\r\\n        })\\r\\n    }\\r\\n\\r\\n    onCheckboxChange(e) {\\r\\n        const checkArray: FormArray = this.form.get('checkArray') as FormArray;\\r\\n        if (e.checked) {\\r\\n            checkArray.push(new FormControl(e.value));\\r\\n        } else {\\r\\n            let i: number = 0;\\r\\n            checkArray.controls.forEach((item: FormControl) => {\\r\\n                if (item.value == e.value) {\\r\\n                checkArray.removeAt(i);\\r\\n                    return;\\r\\n                }\\r\\n                i++;\\r\\n            });\\r\\n        }\\r\\n    }\\r\\n\\r\\n    submitForm() {\\r\\n        console.log(this.form.controls.checkArray.value)\\r\\n        if (this.form.controls['checkArray'].errors?.required) {\\r\\n           this.showError = true\\r\\n           return \\r\\n        }\\r\\n    }\\r\\n}\";","export default \"import { CheckboxModule } from '@app/shared/components/checkbox/checkbox.module';\\r\\n\\r\\n@NgModule({\\r\\n  imports: [CheckboxModule,...]\\r\\n})\\r\\nexport class AppModule(){}\\r\\n\";"],"names":[],"sourceRoot":"webpack:///"}