@ng-nest/ui 13.1.6 → 13.1.9

package/fesm2015/ng-nest-ui-switch.mjs

@@ -18,9 +18,9 @@ const XSwitchPrefix = 'x-switch';
  */
 class XSwitchProperty extends XControlValueAccessor {
 }
-/** @nocollapse */ /** @nocollapse */ XSwitchProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XSwitchProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XSwitchProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: XSwitchProperty, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XSwitchProperty, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XSwitchProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: XSwitchProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XSwitchProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: XSwitchProperty, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: XSwitchProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }] });
@@ -57,9 +57,9 @@ class XSwitchComponent extends XSwitchProperty {
         this.cdr.detectChanges();
     }
 }
-/** @nocollapse */ /** @nocollapse */ XSwitchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XSwitchComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XSwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: XSwitchComponent, selector: "x-switch", providers: [XValueAccessor(XSwitchComponent)], viewQueries: [{ propertyName: "switch", first: true, predicate: ["switch"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div #switch class=\"x-switch\" [class.x-flex]=\"justify || align || direction\" [class.x-checked]=\"value\" [class.x-disabled]=\"disabled\">\r\n  <label *ngIf=\"label\" [style.width]=\"labelWidth\" [ngClass]=\"labelMap\">{{ label }}</label>\r\n  <div class=\"x-switch-row\">\r\n    <div class=\"x-switch-slider\" (click)=\"switchClick()\"></div>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.x-switch{margin:0;padding:0;width:100%}.x-switch.x-flex{display:flex}.x-switch.x-justify-start{justify-content:flex-start}.x-switch.x-justify-center{justify-content:center}.x-switch.x-justify-end{justify-content:flex-end}.x-switch.x-justify-space-between{justify-content:space-between}.x-switch.x-justify-space-around{justify-content:space-around}.x-switch.x-align-start{align-items:flex-start}.x-switch.x-align-center{align-items:center}.x-switch.x-align-end{align-items:flex-end}.x-switch.x-direction-column{flex-direction:column}.x-switch.x-direction-column-reverse{flex-direction:column-reverse}.x-switch.x-direction-row{flex-direction:row}.x-switch.x-direction-row-reverse{flex-direction:row-reverse}.x-switch>label{display:inline-block;white-space:nowrap;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem);position:relative;color:var(--x-text-300);font-weight:600}.x-switch>label.x-text-align-start{text-align:start}.x-switch>label.x-text-align-center{text-align:center}.x-switch>label.x-text-align-end{text-align:end}.x-switch-row{flex:1;display:flex;align-items:center;position:relative;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem)}.x-switch-slider{margin:calc((calc(var(--x-font-size) + .875rem) - 1.25rem) / 2) 0;display:inline-flex;align-items:center;position:relative;width:2.5rem;height:1.25rem;border:var(--x-border-width) solid var(--x-info);border-radius:1.25rem;background-color:var(--x-info);cursor:pointer;transition:border-color .3s,background-color .3s}.x-switch-slider:after{position:absolute;box-shadow:0 calc(var(--x-border-width) * 2) calc(var(--x-border-width) * 4) 0 #00230b33;width:calc(1.25rem - calc(var(--x-border-width) * 4));height:calc(1.25rem - calc(var(--x-border-width) * 4));margin:0 calc(var(--x-border-width) * 2);background-color:var(--x-background-a100);border-radius:calc(1.25rem - calc(var(--x-border-width) * 4));cursor:pointer;left:0;transition:all .36s cubic-bezier(.78,.14,.15,.86);content:\" \"}.x-switch.x-checked .x-switch-slider{background-color:var(--x-primary);border-color:var(--x-primary)}.x-switch.x-checked .x-switch-slider:after{left:calc(1.25rem - calc(var(--x-border-width) * 2))}.x-switch.x-required>label{color:var(--x-danger)}.x-switch.x-disabled .x-switch-slider{cursor:not-allowed;background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-switch.x-disabled.x-checked .x-switch-slider{background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-switch.x-direction-row>label{padding:0 .5rem 0 0}.x-switch.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-switch.x-direction-column,.x-switch.x-direction-column-reverse{align-items:inherit}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XSwitchComponent, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XSwitchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: XSwitchComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XSwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: XSwitchComponent, selector: "x-switch", providers: [XValueAccessor(XSwitchComponent)], viewQueries: [{ propertyName: "switch", first: true, predicate: ["switch"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div #switch class=\"x-switch\" [class.x-flex]=\"justify || align || direction\" [class.x-checked]=\"value\" [class.x-disabled]=\"disabled\">\r\n  <label *ngIf=\"label\" [style.width]=\"labelWidth\" [ngClass]=\"labelMap\">{{ label }}</label>\r\n  <div class=\"x-switch-row\">\r\n    <div class=\"x-switch-slider\" (click)=\"switchClick()\"></div>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.x-switch{margin:0;padding:0;width:100%}.x-switch.x-flex{display:flex}.x-switch.x-justify-start{justify-content:flex-start}.x-switch.x-justify-center{justify-content:center}.x-switch.x-justify-end{justify-content:flex-end}.x-switch.x-justify-space-between{justify-content:space-between}.x-switch.x-justify-space-around{justify-content:space-around}.x-switch.x-align-start{align-items:flex-start}.x-switch.x-align-center{align-items:center}.x-switch.x-align-end{align-items:flex-end}.x-switch.x-direction-column{flex-direction:column}.x-switch.x-direction-column-reverse{flex-direction:column-reverse}.x-switch.x-direction-row{flex-direction:row}.x-switch.x-direction-row-reverse{flex-direction:row-reverse}.x-switch>label{display:inline-block;white-space:nowrap;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem);position:relative;color:var(--x-text-300);font-weight:600}.x-switch>label.x-text-align-start{text-align:start}.x-switch>label.x-text-align-center{text-align:center}.x-switch>label.x-text-align-end{text-align:end}.x-switch-row{flex:1;display:flex;align-items:center;position:relative;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem)}.x-switch-slider{margin:calc((calc(var(--x-font-size) + .875rem) - 1.25rem) / 2) 0;display:inline-flex;align-items:center;position:relative;width:2.5rem;height:1.25rem;border:var(--x-border-width) solid var(--x-info);border-radius:1.25rem;background-color:var(--x-info);cursor:pointer;transition:border-color .3s,background-color .3s}.x-switch-slider:after{position:absolute;box-shadow:0 calc(var(--x-border-width) * 2) calc(var(--x-border-width) * 4) 0 #00230b33;width:calc(1.25rem - calc(var(--x-border-width) * 4));height:calc(1.25rem - calc(var(--x-border-width) * 4));margin:0 calc(var(--x-border-width) * 2);background-color:var(--x-background-a100);border-radius:calc(1.25rem - calc(var(--x-border-width) * 4));cursor:pointer;left:0;transition:all .36s cubic-bezier(.78,.14,.15,.86);content:\" \"}.x-switch.x-checked .x-switch-slider{background-color:var(--x-primary);border-color:var(--x-primary)}.x-switch.x-checked .x-switch-slider:after{left:calc(1.25rem - calc(var(--x-border-width) * 2))}.x-switch.x-required>label{color:var(--x-danger)}.x-switch.x-disabled .x-switch-slider{cursor:not-allowed;background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-switch.x-disabled.x-checked .x-switch-slider{background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-switch.x-direction-row>label{padding:0 .5rem 0 0}.x-switch.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-switch.x-direction-column,.x-switch.x-direction-column-reverse{align-items:inherit}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: XSwitchComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XSwitchPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [XValueAccessor(XSwitchComponent)], template: "<div #switch class=\"x-switch\" [class.x-flex]=\"justify || align || direction\" [class.x-checked]=\"value\" [class.x-disabled]=\"disabled\">\r\n  <label *ngIf=\"label\" [style.width]=\"labelWidth\" [ngClass]=\"labelMap\">{{ label }}</label>\r\n  <div class=\"x-switch-row\">\r\n    <div class=\"x-switch-slider\" (click)=\"switchClick()\"></div>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.x-switch{margin:0;padding:0;width:100%}.x-switch.x-flex{display:flex}.x-switch.x-justify-start{justify-content:flex-start}.x-switch.x-justify-center{justify-content:center}.x-switch.x-justify-end{justify-content:flex-end}.x-switch.x-justify-space-between{justify-content:space-between}.x-switch.x-justify-space-around{justify-content:space-around}.x-switch.x-align-start{align-items:flex-start}.x-switch.x-align-center{align-items:center}.x-switch.x-align-end{align-items:flex-end}.x-switch.x-direction-column{flex-direction:column}.x-switch.x-direction-column-reverse{flex-direction:column-reverse}.x-switch.x-direction-row{flex-direction:row}.x-switch.x-direction-row-reverse{flex-direction:row-reverse}.x-switch>label{display:inline-block;white-space:nowrap;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem);position:relative;color:var(--x-text-300);font-weight:600}.x-switch>label.x-text-align-start{text-align:start}.x-switch>label.x-text-align-center{text-align:center}.x-switch>label.x-text-align-end{text-align:end}.x-switch-row{flex:1;display:flex;align-items:center;position:relative;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem)}.x-switch-slider{margin:calc((calc(var(--x-font-size) + .875rem) - 1.25rem) / 2) 0;display:inline-flex;align-items:center;position:relative;width:2.5rem;height:1.25rem;border:var(--x-border-width) solid var(--x-info);border-radius:1.25rem;background-color:var(--x-info);cursor:pointer;transition:border-color .3s,background-color .3s}.x-switch-slider:after{position:absolute;box-shadow:0 calc(var(--x-border-width) * 2) calc(var(--x-border-width) * 4) 0 #00230b33;width:calc(1.25rem - calc(var(--x-border-width) * 4));height:calc(1.25rem - calc(var(--x-border-width) * 4));margin:0 calc(var(--x-border-width) * 2);background-color:var(--x-background-a100);border-radius:calc(1.25rem - calc(var(--x-border-width) * 4));cursor:pointer;left:0;transition:all .36s cubic-bezier(.78,.14,.15,.86);content:\" \"}.x-switch.x-checked .x-switch-slider{background-color:var(--x-primary);border-color:var(--x-primary)}.x-switch.x-checked .x-switch-slider:after{left:calc(1.25rem - calc(var(--x-border-width) * 2))}.x-switch.x-required>label{color:var(--x-danger)}.x-switch.x-disabled .x-switch-slider{cursor:not-allowed;background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-switch.x-disabled.x-checked .x-switch-slider{background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-switch.x-direction-row>label{padding:0 .5rem 0 0}.x-switch.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-switch.x-direction-column,.x-switch.x-direction-column-reverse{align-items:inherit}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; }, propDecorators: { switch: [{
@@ -69,10 +69,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
 
 class XSwitchModule {
 }
-/** @nocollapse */ /** @nocollapse */ XSwitchModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XSwitchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ /** @nocollapse */ XSwitchModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XSwitchModule, declarations: [XSwitchComponent, XSwitchProperty], imports: [CommonModule, FormsModule, ReactiveFormsModule, XBaseFormModule], exports: [XSwitchComponent] });
-/** @nocollapse */ /** @nocollapse */ XSwitchModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XSwitchModule, imports: [[CommonModule, FormsModule, ReactiveFormsModule, XBaseFormModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: XSwitchModule, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XSwitchModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: XSwitchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ XSwitchModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: XSwitchModule, declarations: [XSwitchComponent, XSwitchProperty], imports: [CommonModule, FormsModule, ReactiveFormsModule, XBaseFormModule], exports: [XSwitchComponent] });
+/** @nocollapse */ /** @nocollapse */ XSwitchModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: XSwitchModule, imports: [[CommonModule, FormsModule, ReactiveFormsModule, XBaseFormModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: XSwitchModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XSwitchComponent, XSwitchProperty],

package/fesm2015/ng-nest-ui-switch.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-switch.mjs","sources":["../../../../lib/ng-nest/ui/switch/switch.property.ts","../../../../lib/ng-nest/ui/switch/switch.component.ts","../../../../lib/ng-nest/ui/switch/switch.component.html","../../../../lib/ng-nest/ui/switch/switch.module.ts","../../../../lib/ng-nest/ui/switch/ng-nest-ui-switch.ts"],"sourcesContent":["import { Component } from '@angular/core';\r\nimport { XControlValueAccessor, XFormOption } from '@ng-nest/ui/base-form';\r\n\r\n/**\r\n * Switch\r\n * @selector x-switch\r\n * @decorator component\r\n */\r\nexport const XSwitchPrefix = 'x-switch';\r\n\r\n/**\r\n * Switch Property\r\n */\r\n@Component({ template: '' })\r\nexport class XSwitchProperty extends XControlValueAccessor<boolean> implements XSwitchOption {}\r\n\r\n/**\r\n * Switch Option\r\n * @undocument true\r\n */\r\nexport interface XSwitchOption extends XFormOption {}\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  Renderer2,\r\n  ElementRef,\r\n  ViewChild\r\n} from '@angular/core';\r\nimport { XSwitchProperty, XSwitchPrefix } from './switch.property';\r\nimport { XClearClass, XConfigService } from '@ng-nest/ui/core';\r\nimport { XValueAccessor } from '@ng-nest/ui/base-form';\r\n\r\n@Component({\r\n  selector: `${XSwitchPrefix}`,\r\n  templateUrl: './switch.component.html',\r\n  styleUrls: ['./switch.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [XValueAccessor(XSwitchComponent)]\r\n})\r\nexport class XSwitchComponent extends XSwitchProperty implements OnInit {\r\n  @ViewChild('switch', { static: true }) switch!: ElementRef;\r\n\r\n  override writeValue(value: any) {\r\n    this.value = value;\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  constructor(public renderer: Renderer2, private cdr: ChangeDetectorRef, public configService: XConfigService) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setFlex(this.switch.nativeElement, this.renderer, this.justify, this.align, this.direction);\r\n    this.setClassMap();\r\n  }\r\n\r\n  setClassMap() {\r\n    XClearClass(this.labelMap);\r\n    this.labelMap[`x-text-align-${this.labelAlign}`] = this.labelAlign ? true : false;\r\n  }\r\n\r\n  switchClick() {\r\n    if (this.disabled) return;\r\n    this.value = !this.value;\r\n    if (this.onChange) this.onChange(this.value);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  formControlChanges() {\r\n    this.ngOnInit();\r\n    this.cdr.detectChanges();\r\n  }\r\n}\r\n","<div #switch class=\"x-switch\" [class.x-flex]=\"justify || align || direction\" [class.x-checked]=\"value\" [class.x-disabled]=\"disabled\">\r\n  <label *ngIf=\"label\" [style.width]=\"labelWidth\" [ngClass]=\"labelMap\">{{ label }}</label>\r\n  <div class=\"x-switch-row\">\r\n    <div class=\"x-switch-slider\" (click)=\"switchClick()\"></div>\r\n  </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { XSwitchComponent } from './switch.component';\r\nimport { XSwitchProperty } from './switch.property';\r\nimport { XBaseFormModule } from '@ng-nest/ui/base-form';\r\n\r\n@NgModule({\r\n  declarations: [XSwitchComponent, XSwitchProperty],\r\n  exports: [XSwitchComponent],\r\n  imports: [CommonModule, FormsModule, ReactiveFormsModule, XBaseFormModule]\r\n})\r\nexport class XSwitchModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-nest-ui-switch.mjs","sources":["../../../../lib/ng-nest/ui/switch/switch.property.ts","../../../../lib/ng-nest/ui/switch/switch.component.ts","../../../../lib/ng-nest/ui/switch/switch.component.html","../../../../lib/ng-nest/ui/switch/switch.module.ts","../../../../lib/ng-nest/ui/switch/ng-nest-ui-switch.ts"],"sourcesContent":["import { Component } from '@angular/core';\r\nimport { XControlValueAccessor, XFormOption } from '@ng-nest/ui/base-form';\r\n\r\n/**\r\n * Switch\r\n * @selector x-switch\r\n * @decorator component\r\n */\r\nexport const XSwitchPrefix = 'x-switch';\r\n\r\n/**\r\n * Switch Property\r\n */\r\n@Component({ template: '' })\r\nexport class XSwitchProperty extends XControlValueAccessor<boolean> implements XSwitchOption {}\r\n\r\n/**\r\n * Switch Option\r\n * @undocument true\r\n */\r\nexport interface XSwitchOption extends XFormOption {}\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  Renderer2,\r\n  ElementRef,\r\n  ViewChild\r\n} from '@angular/core';\r\nimport { XSwitchProperty, XSwitchPrefix } from './switch.property';\r\nimport { XClearClass, XConfigService } from '@ng-nest/ui/core';\r\nimport { XValueAccessor } from '@ng-nest/ui/base-form';\r\n\r\n@Component({\r\n  selector: `${XSwitchPrefix}`,\r\n  templateUrl: './switch.component.html',\r\n  styleUrls: ['./switch.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [XValueAccessor(XSwitchComponent)]\r\n})\r\nexport class XSwitchComponent extends XSwitchProperty implements OnInit {\r\n  @ViewChild('switch', { static: true }) switch!: ElementRef;\r\n\r\n  override writeValue(value: any) {\r\n    this.value = value;\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  constructor(public renderer: Renderer2, private cdr: ChangeDetectorRef, public configService: XConfigService) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setFlex(this.switch.nativeElement, this.renderer, this.justify, this.align, this.direction);\r\n    this.setClassMap();\r\n  }\r\n\r\n  setClassMap() {\r\n    XClearClass(this.labelMap);\r\n    this.labelMap[`x-text-align-${this.labelAlign}`] = this.labelAlign ? true : false;\r\n  }\r\n\r\n  switchClick() {\r\n    if (this.disabled) return;\r\n    this.value = !this.value;\r\n    if (this.onChange) this.onChange(this.value);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  formControlChanges() {\r\n    this.ngOnInit();\r\n    this.cdr.detectChanges();\r\n  }\r\n}\r\n","<div #switch class=\"x-switch\" [class.x-flex]=\"justify || align || direction\" [class.x-checked]=\"value\" [class.x-disabled]=\"disabled\">\r\n  <label *ngIf=\"label\" [style.width]=\"labelWidth\" [ngClass]=\"labelMap\">{{ label }}</label>\r\n  <div class=\"x-switch-row\">\r\n    <div class=\"x-switch-slider\" (click)=\"switchClick()\"></div>\r\n  </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { XSwitchComponent } from './switch.component';\r\nimport { XSwitchProperty } from './switch.property';\r\nimport { XBaseFormModule } from '@ng-nest/ui/base-form';\r\n\r\n@NgModule({\r\n  declarations: [XSwitchComponent, XSwitchProperty],\r\n  exports: [XSwitchComponent],\r\n  imports: [CommonModule, FormsModule, ReactiveFormsModule, XBaseFormModule]\r\n})\r\nexport class XSwitchModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}