@updevs/components 1.0.0-alpha.5 → 1.0.0-alpha.8

package/fesm2022/updevs-components-form-controls-checkbox.mjs

@@ -0,0 +1,100 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ViewEncapsulation, HostBinding, Input, Output, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+
+class CheckboxComponent {
+    constructor() {
+        this.wrapperClasses = '';
+        this.isDisabled = false;
+        this.isReadOnly = false;
+        this.isChecked = false;
+        this.isInline = false;
+        this.isSwitch = false;
+        this.changed = new EventEmitter();
+        this.classes = [];
+    }
+    ngOnInit() {
+        this.updateClasses();
+    }
+    ngOnChanges(changes) {
+        this.updateClasses();
+    }
+    updateClasses() {
+        const lClasses = ['form-check-input'];
+        if (!!this.validationStatus) {
+            const statusCls = `is-${this.validationStatus}`;
+            lClasses.push(statusCls);
+        }
+        this.classes = [...lClasses, ...(this.customClasses || '').split(' ')];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: CheckboxComponent, selector: "upd-checkbox", inputs: { wrapperClasses: "wrapperClasses", label: "label", value: "value", customClasses: "customClasses", name: "name", description: "description", isDisabled: "isDisabled", isReadOnly: "isReadOnly", isChecked: "isChecked", isInline: "isInline", isSwitch: "isSwitch", validationStatus: "validationStatus", invalidStatusText: "invalidStatusText" }, outputs: { changed: "changed" }, host: { properties: { "class": "this.wrapperClasses" } }, usesOnChanges: true, ngImport: i0, template: "<label class=\"form-check\" [class.form-check-inline]=\"isInline\" [class.form-switch]=\"isSwitch\">\n    <input type=\"checkbox\" (change)=\"changed.emit(isChecked)\" [disabled]=\"isDisabled\" [ngClass]=\"classes\" [value]=\"value\"\n        [attr.name]=\"name\" [attr.readonly]=\"isReadOnly ? '' : undefined\" [(ngModel)]=\"isChecked\">\n    @if (!!label) {\n        <span class=\"form-check-label\">{{ label }}</span>\n    }\n    @if (!!description) {\n        <span class=\"form-check-description\">{{ description }}</span>\n    }\n    @if (validationStatus === 'invalid' && !!invalidStatusText) {\n        <div class=\"invalid-feedback\">{{ invalidStatusText }}</div>\n    }\n</label>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'upd-checkbox', encapsulation: ViewEncapsulation.None, template: "<label class=\"form-check\" [class.form-check-inline]=\"isInline\" [class.form-switch]=\"isSwitch\">\n    <input type=\"checkbox\" (change)=\"changed.emit(isChecked)\" [disabled]=\"isDisabled\" [ngClass]=\"classes\" [value]=\"value\"\n        [attr.name]=\"name\" [attr.readonly]=\"isReadOnly ? '' : undefined\" [(ngModel)]=\"isChecked\">\n    @if (!!label) {\n        <span class=\"form-check-label\">{{ label }}</span>\n    }\n    @if (!!description) {\n        <span class=\"form-check-description\">{{ description }}</span>\n    }\n    @if (validationStatus === 'invalid' && !!invalidStatusText) {\n        <div class=\"invalid-feedback\">{{ invalidStatusText }}</div>\n    }\n</label>\n" }]
+        }], propDecorators: { wrapperClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }, {
+                type: Input
+            }], label: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], customClasses: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], isDisabled: [{
+                type: Input
+            }], isReadOnly: [{
+                type: Input
+            }], isChecked: [{
+                type: Input
+            }], isInline: [{
+                type: Input
+            }], isSwitch: [{
+                type: Input
+            }], validationStatus: [{
+                type: Input
+            }], invalidStatusText: [{
+                type: Input
+            }], changed: [{
+                type: Output
+            }] } });
+
+class UpdCheckboxModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: UpdCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: UpdCheckboxModule, declarations: [CheckboxComponent], imports: [CommonModule,
+            FormsModule], exports: [CheckboxComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: UpdCheckboxModule, imports: [CommonModule,
+            FormsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: UpdCheckboxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule
+                    ],
+                    declarations: [
+                        CheckboxComponent
+                    ],
+                    exports: [
+                        CheckboxComponent
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CheckboxComponent, UpdCheckboxModule };
+//# sourceMappingURL=updevs-components-form-controls-checkbox.mjs.map

package/fesm2022/updevs-components-form-controls-checkbox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"updevs-components-form-controls-checkbox.mjs","sources":["../../../../projects/updevs/components/form-controls/checkbox/src/checkbox.component.ts","../../../../projects/updevs/components/form-controls/checkbox/src/checkbox.component.html","../../../../projects/updevs/components/form-controls/checkbox/src/upd-checkbox.module.ts","../../../../projects/updevs/components/form-controls/checkbox/src/updevs-components-form-controls-checkbox.ts"],"sourcesContent":["import { Component, SimpleChanges, Input, OnInit, OnChanges, ViewEncapsulation, HostBinding, Output, EventEmitter } from '@angular/core';\nimport { ValidationStatusType } from '@updevs/components';\n\n@Component({\n    selector: 'upd-checkbox',\n    templateUrl: './checkbox.component.html',\n    styleUrls: ['./checkbox.component.scss'],\n    encapsulation: ViewEncapsulation.None\n})\nexport class CheckboxComponent implements OnInit, OnChanges {\n    @HostBinding('class') @Input() wrapperClasses = '';\n\n    @Input() label?: string;\n    @Input() value?: any;\n    @Input() customClasses?: string;\n    @Input() name?: string;\n    @Input() description?: string;\n    @Input() isDisabled = false;\n    @Input() isReadOnly = false;\n    @Input() isChecked = false;\n    @Input() isInline = false;\n    @Input() isSwitch = false;\n    @Input() validationStatus?: ValidationStatusType;\n    @Input() invalidStatusText?: string;\n\n    @Output() readonly changed = new EventEmitter<boolean>();\n\n    classes: string[] = [];\n\n    ngOnInit(): void {\n        this.updateClasses();\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        this.updateClasses();\n    }\n\n    private updateClasses(): void {\n        const lClasses: string[] = ['form-check-input'];\n\n        if (!!this.validationStatus) {\n            const statusCls = `is-${this.validationStatus}`;\n            lClasses.push(statusCls);\n        }\n\n        this.classes = [...lClasses, ...(this.customClasses || '').split(' ')];\n    }\n}\n","<label class=\"form-check\" [class.form-check-inline]=\"isInline\" [class.form-switch]=\"isSwitch\">\n    <input type=\"checkbox\" (change)=\"changed.emit(isChecked)\" [disabled]=\"isDisabled\" [ngClass]=\"classes\" [value]=\"value\"\n        [attr.name]=\"name\" [attr.readonly]=\"isReadOnly ? '' : undefined\" [(ngModel)]=\"isChecked\">\n    @if (!!label) {\n        <span class=\"form-check-label\">{{ label }}</span>\n    }\n    @if (!!description) {\n        <span class=\"form-check-description\">{{ description }}</span>\n    }\n    @if (validationStatus === 'invalid' && !!invalidStatusText) {\n        <div class=\"invalid-feedback\">{{ invalidStatusText }}</div>\n    }\n</label>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\n\nimport { CheckboxComponent } from './checkbox.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule\n    ],\n    declarations: [\n        CheckboxComponent\n    ],\n    exports: [\n        CheckboxComponent\n    ]\n})\nexport class UpdCheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/updevs-components-form-controls-input.mjs

@@ -0,0 +1,229 @@
+import * as i0 from '@angular/core';
+import { inject, TemplateRef, Directive, EventEmitter, Component, ViewEncapsulation, HostBinding, ContentChild, Input, Output, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@updevs/icons';
+import { UpdIconsModule } from '@updevs/icons';
+import * as i3 from '@updevs/sdk/mask';
+import { UpdMaskModule } from '@updevs/sdk/mask';
+import * as i4 from '@updevs/components/popover';
+import { UpdPopoverModule } from '@updevs/components/popover';
+
+class InputAppendDirective {
+    constructor() {
+        this.templateRef = inject((TemplateRef));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: InputAppendDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", type: InputAppendDirective, selector: "ng-template[updInputAppend]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: InputAppendDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[updInputAppend]'
+                }]
+        }] });
+
+class InputPrependDirective {
+    constructor() {
+        this.templateRef = inject((TemplateRef));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: InputPrependDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", type: InputPrependDirective, selector: "ng-template[updInputPrepend]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: InputPrependDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[updInputPrepend]'
+                }]
+        }] });
+
+class InputComponent {
+    constructor() {
+        this.hostWrapperClasses = '';
+        this.type = 'text';
+        this.placeholder = '';
+        this.hintAsTooltip = false;
+        this.size = 'default';
+        this.isDisabled = false;
+        this.isPlainText = false;
+        this.isReadOnly = false;
+        this.isLoading = false;
+        this.isRound = false;
+        this.isFlush = false;
+        this.isInputGroupFlat = false;
+        this.isPrependButton = false;
+        this.isAppendButton = false;
+        this.isFloating = false;
+        this.isRequired = false;
+        this.loaderPosition = 'append';
+        this.isValidationStatusLight = false;
+        this.valueChange = new EventEmitter();
+        this.classes = [];
+    }
+    get shouldDisplayInnerLabel() {
+        return !!this.label
+            && !this.prependIconModel
+            && !this.appendIconModel
+            && !this.isLoading
+            && !this.appendTemplate
+            && !this.prependTemplate;
+    }
+    ngOnInit() {
+        this.updateClasses();
+    }
+    ngOnChanges(changes) {
+        this.updateClasses();
+    }
+    onInputChange(evt) {
+        if (!evt.target) {
+            return;
+        }
+        this.valueChange.emit(evt.target.value);
+    }
+    updateClasses() {
+        const lClasses = !this.isPlainText ? ['form-control'] : ['form-control-plaintext'];
+        if (this.isRound) {
+            lClasses.push('form-control-rounded');
+        }
+        if (this.isFlush) {
+            lClasses.push('form-control-flush');
+        }
+        if (this.size !== 'default') {
+            lClasses.push(`form-control-${this.size === 'large' ? 'lg' : 'sm'}`);
+        }
+        if (!!this.validationStatus) {
+            const statusCls = `is-${this.validationStatus}`;
+            lClasses.push(statusCls);
+            if (this.isValidationStatusLight) {
+                lClasses.push(`${statusCls}-lite`);
+            }
+        }
+        if (this.isFloating) {
+            this.hostWrapperClasses = (this.wrapperClasses || '') + ' form-floating';
+        }
+        this.classes = [...lClasses, ...(this.customClasses || '').split(' ')];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: InputComponent, selector: "upd-input", inputs: { type: "type", placeholder: "placeholder", label: "label", mask: "mask", maskConfig: "maskConfig", hint: "hint", hintTemplate: "hintTemplate", hintAsTooltip: "hintAsTooltip", value: "value", size: "size", customClasses: "customClasses", wrapperClasses: "wrapperClasses", name: "name", maxLength: "maxLength", isDisabled: "isDisabled", isPlainText: "isPlainText", isReadOnly: "isReadOnly", isLoading: "isLoading", isRound: "isRound", isFlush: "isFlush", isInputGroupFlat: "isInputGroupFlat", isPrependButton: "isPrependButton", isAppendButton: "isAppendButton", isFloating: "isFloating", isRequired: "isRequired", loaderPosition: "loaderPosition", prependIconModel: "prependIconModel", appendIconModel: "appendIconModel", validationStatus: "validationStatus", isValidationStatusLight: "isValidationStatusLight", invalidStatusText: "invalidStatusText" }, outputs: { valueChange: "valueChange" }, host: { properties: { "class": "this.hostWrapperClasses" } }, queries: [{ propertyName: "appendTemplate", first: true, predicate: InputAppendDirective, descendants: true }, { propertyName: "prependTemplate", first: true, predicate: InputPrependDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"!!appendTemplate || !!prependTemplate; else structureTpl\">\n    <ng-template [ngTemplateOutlet]=\"labelTpl\"></ng-template>\n    <div class=\"input-group\" [class.input-group-flat]=\"isInputGroupFlat\">\n        <ng-container *ngIf=\"!!prependTemplate\">\n            <div *ngIf=\"!isPrependButton\" class=\"input-group-text\">\n                <ng-template [ngTemplateOutlet]=\"prependTemplate.templateRef\"></ng-template>\n            </div>\n            <ng-template *ngIf=\"isPrependButton\" [ngTemplateOutlet]=\"prependTemplate.templateRef\"></ng-template>\n        </ng-container>\n        <ng-template [ngTemplateOutlet]=\"inputTpl\"></ng-template>\n        <ng-container *ngIf=\"!!appendTemplate\">\n            <div *ngIf=\"!isAppendButton\" class=\"input-group-text\">\n                <ng-template [ngTemplateOutlet]=\"appendTemplate.templateRef\"></ng-template>\n            </div>\n            <ng-template *ngIf=\"isAppendButton\" [ngTemplateOutlet]=\"appendTemplate.templateRef\"></ng-template>\n        </ng-container>\n    </div>\n</ng-container>\n\n<ng-template #structureTpl>\n    <ng-template *ngIf=\"!!prependIconModel || !!appendIconModel || isLoading; else inputTpl\" [ngTemplateOutlet]=\"inputIconTpl\"></ng-template>\n</ng-template>\n\n<ng-template #inputTpl>\n    <ng-container *ngIf=\"(!hint && !hintTemplate); else hintTpl\">\n        <ng-template *ngIf=\"shouldDisplayInnerLabel && !isFloating\" [ngTemplateOutlet]=\"labelTpl\"></ng-template>\n        <ng-template [ngTemplateOutlet]=\"basicInputTpl\"></ng-template>\n        <ng-template *ngIf=\"shouldDisplayInnerLabel && isFloating\" [ngTemplateOutlet]=\"labelTpl\"></ng-template>\n    </ng-container>\n</ng-template>\n\n<ng-template #inputIconTpl>\n    <ng-template [ngTemplateOutlet]=\"labelTpl\"></ng-template>\n    <div class=\"input-icon\">\n        <span *ngIf=\"!!prependIconModel || (isLoading && loaderPosition === 'prepend')\" class=\"input-icon-addon\">\n            <ng-container *ngIf=\"!!prependIconModel; else loaderTpl\">\n                <upd-icon [model]=\"prependIconModel\"></upd-icon>\n            </ng-container>\n        </span>\n        <ng-template [ngTemplateOutlet]=\"inputTpl\"></ng-template>\n        <span *ngIf=\"!!appendIconModel || (isLoading && loaderPosition === 'append')\" class=\"input-icon-addon\">\n            <ng-container *ngIf=\"!!appendIconModel; else loaderTpl\">\n                <upd-icon [model]=\"appendIconModel\"></upd-icon>\n            </ng-container>\n        </span>\n    </div>\n</ng-template>\n\n<ng-template #hintTpl>\n    <ng-template [ngTemplateOutlet]=\"labelTpl\"></ng-template>\n    <div class=\"row g-2\">\n        <div class=\"col\">\n            <ng-template [ngTemplateOutlet]=\"basicInputTpl\"></ng-template>\n        </div>\n        <div class=\"col-auto align-self-center\">\n            <span class=\"form-help\" [updPopover]=\"hint\" [updPopoverTemplate]=\"hintTemplate\"\n                [updPopoverActAsTooltip]=\"hintAsTooltip\">?</span>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #loaderTpl>\n    <div class=\"spinner-border spinner-border-sm text-muted\" role=\"status\"></div>\n</ng-template>\n\n<ng-template #basicInputTpl>\n    <ng-container *ngIf=\"!!mask; else defaultInputTpl\">\n        <input [updMask]=\"mask\" [updMaskConfig]=\"maskConfig\" [attr.type]=\"type\" [attr.maxlength]=\"maxLength\" [disabled]=\"isDisabled\"\n            [ngClass]=\"classes\" [placeholder]=\"placeholder\" [value]=\"value || ''\" [attr.name]=\"name\"\n            [attr.readonly]=\"isReadOnly ? '' : undefined\" (input)=\"onInputChange($event)\"/>\n    </ng-container>\n    <ng-template #defaultInputTpl>\n        <input [attr.type]=\"type\" [attr.maxlength]=\"maxLength\" [disabled]=\"isDisabled\" [ngClass]=\"classes\"\n            [placeholder]=\"placeholder\" [value]=\"value || ''\" [attr.name]=\"name\" [attr.readonly]=\"isReadOnly ? '' : undefined\"\n            (input)=\"onInputChange($event)\"/>\n    </ng-template>\n    <div *ngIf=\"validationStatus === 'invalid' && !!invalidStatusText\" class=\"invalid-feedback\">{{invalidStatusText}}</div>\n</ng-template>\n\n<ng-template #labelTpl>\n    <label *ngIf=\"!!label\" class=\"form-label\" [class.required]=\"isRequired\">{{label}}</label>\n</ng-template>\n", styles: [".input-group-text .form-check>.form-check-input{margin:0!important}.input-group-text>upd-checkbox{height:16px!important}.input-group-text .form-check{margin:0!important;padding-left:0!important;min-height:16px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.IconComponent, selector: "upd-icon", inputs: ["model", "wrapperClasses", "color", "removeDefaultClasses", "customClasses", "tablerIcon", "heroIcon", "heroIconSize", "heroIconType"] }, { kind: "directive", type: i3.MaskDirective, selector: "[updMask]", inputs: ["updMask", "updMaskConfig", "specialCharacters", "patterns", "prefix", "thousandSeparator", "decimalMarker", "suffix", "shownMaskExpression", "removeSpecialCharacters", "placeholderCharacter", "isHiddenInput", "showMaskTyped", "showTemplate", "clearIfNoMatch", "shouldValidate", "shouldTriggerOnMaskChange", "allowNegativeNumbers", "leadZeroDateTime", "separatorLimit", "updateMaskValueSubject"], outputs: ["maskFilled"] }, { kind: "directive", type: i4.PopoverDirective, selector: "[updPopover]", inputs: ["updPopover", "updPopoverTitle", "updPopoverTitleTemplate", "updPopoverTemplate", "updPopoverPlacement", "updPopoverCustomClasses", "updPopoverActAsTooltip"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: InputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'upd-input', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"!!appendTemplate || !!prependTemplate; else structureTpl\">\n    <ng-template [ngTemplateOutlet]=\"labelTpl\"></ng-template>\n    <div class=\"input-group\" [class.input-group-flat]=\"isInputGroupFlat\">\n        <ng-container *ngIf=\"!!prependTemplate\">\n            <div *ngIf=\"!isPrependButton\" class=\"input-group-text\">\n                <ng-template [ngTemplateOutlet]=\"prependTemplate.templateRef\"></ng-template>\n            </div>\n            <ng-template *ngIf=\"isPrependButton\" [ngTemplateOutlet]=\"prependTemplate.templateRef\"></ng-template>\n        </ng-container>\n        <ng-template [ngTemplateOutlet]=\"inputTpl\"></ng-template>\n        <ng-container *ngIf=\"!!appendTemplate\">\n            <div *ngIf=\"!isAppendButton\" class=\"input-group-text\">\n                <ng-template [ngTemplateOutlet]=\"appendTemplate.templateRef\"></ng-template>\n            </div>\n            <ng-template *ngIf=\"isAppendButton\" [ngTemplateOutlet]=\"appendTemplate.templateRef\"></ng-template>\n        </ng-container>\n    </div>\n</ng-container>\n\n<ng-template #structureTpl>\n    <ng-template *ngIf=\"!!prependIconModel || !!appendIconModel || isLoading; else inputTpl\" [ngTemplateOutlet]=\"inputIconTpl\"></ng-template>\n</ng-template>\n\n<ng-template #inputTpl>\n    <ng-container *ngIf=\"(!hint && !hintTemplate); else hintTpl\">\n        <ng-template *ngIf=\"shouldDisplayInnerLabel && !isFloating\" [ngTemplateOutlet]=\"labelTpl\"></ng-template>\n        <ng-template [ngTemplateOutlet]=\"basicInputTpl\"></ng-template>\n        <ng-template *ngIf=\"shouldDisplayInnerLabel && isFloating\" [ngTemplateOutlet]=\"labelTpl\"></ng-template>\n    </ng-container>\n</ng-template>\n\n<ng-template #inputIconTpl>\n    <ng-template [ngTemplateOutlet]=\"labelTpl\"></ng-template>\n    <div class=\"input-icon\">\n        <span *ngIf=\"!!prependIconModel || (isLoading && loaderPosition === 'prepend')\" class=\"input-icon-addon\">\n            <ng-container *ngIf=\"!!prependIconModel; else loaderTpl\">\n                <upd-icon [model]=\"prependIconModel\"></upd-icon>\n            </ng-container>\n        </span>\n        <ng-template [ngTemplateOutlet]=\"inputTpl\"></ng-template>\n        <span *ngIf=\"!!appendIconModel || (isLoading && loaderPosition === 'append')\" class=\"input-icon-addon\">\n            <ng-container *ngIf=\"!!appendIconModel; else loaderTpl\">\n                <upd-icon [model]=\"appendIconModel\"></upd-icon>\n            </ng-container>\n        </span>\n    </div>\n</ng-template>\n\n<ng-template #hintTpl>\n    <ng-template [ngTemplateOutlet]=\"labelTpl\"></ng-template>\n    <div class=\"row g-2\">\n        <div class=\"col\">\n            <ng-template [ngTemplateOutlet]=\"basicInputTpl\"></ng-template>\n        </div>\n        <div class=\"col-auto align-self-center\">\n            <span class=\"form-help\" [updPopover]=\"hint\" [updPopoverTemplate]=\"hintTemplate\"\n                [updPopoverActAsTooltip]=\"hintAsTooltip\">?</span>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #loaderTpl>\n    <div class=\"spinner-border spinner-border-sm text-muted\" role=\"status\"></div>\n</ng-template>\n\n<ng-template #basicInputTpl>\n    <ng-container *ngIf=\"!!mask; else defaultInputTpl\">\n        <input [updMask]=\"mask\" [updMaskConfig]=\"maskConfig\" [attr.type]=\"type\" [attr.maxlength]=\"maxLength\" [disabled]=\"isDisabled\"\n            [ngClass]=\"classes\" [placeholder]=\"placeholder\" [value]=\"value || ''\" [attr.name]=\"name\"\n            [attr.readonly]=\"isReadOnly ? '' : undefined\" (input)=\"onInputChange($event)\"/>\n    </ng-container>\n    <ng-template #defaultInputTpl>\n        <input [attr.type]=\"type\" [attr.maxlength]=\"maxLength\" [disabled]=\"isDisabled\" [ngClass]=\"classes\"\n            [placeholder]=\"placeholder\" [value]=\"value || ''\" [attr.name]=\"name\" [attr.readonly]=\"isReadOnly ? '' : undefined\"\n            (input)=\"onInputChange($event)\"/>\n    </ng-template>\n    <div *ngIf=\"validationStatus === 'invalid' && !!invalidStatusText\" class=\"invalid-feedback\">{{invalidStatusText}}</div>\n</ng-template>\n\n<ng-template #labelTpl>\n    <label *ngIf=\"!!label\" class=\"form-label\" [class.required]=\"isRequired\">{{label}}</label>\n</ng-template>\n", styles: [".input-group-text .form-check>.form-check-input{margin:0!important}.input-group-text>upd-checkbox{height:16px!important}.input-group-text .form-check{margin:0!important;padding-left:0!important;min-height:16px!important}\n"] }]
+        }], propDecorators: { hostWrapperClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], appendTemplate: [{
+                type: ContentChild,
+                args: [InputAppendDirective]
+            }], prependTemplate: [{
+                type: ContentChild,
+                args: [InputPrependDirective]
+            }], type: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], mask: [{
+                type: Input
+            }], maskConfig: [{
+                type: Input
+            }], hint: [{
+                type: Input
+            }], hintTemplate: [{
+                type: Input
+            }], hintAsTooltip: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], customClasses: [{
+                type: Input
+            }], wrapperClasses: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], maxLength: [{
+                type: Input
+            }], isDisabled: [{
+                type: Input
+            }], isPlainText: [{
+                type: Input
+            }], isReadOnly: [{
+                type: Input
+            }], isLoading: [{
+                type: Input
+            }], isRound: [{
+                type: Input
+            }], isFlush: [{
+                type: Input
+            }], isInputGroupFlat: [{
+                type: Input
+            }], isPrependButton: [{
+                type: Input
+            }], isAppendButton: [{
+                type: Input
+            }], isFloating: [{
+                type: Input
+            }], isRequired: [{
+                type: Input
+            }], loaderPosition: [{
+                type: Input
+            }], prependIconModel: [{
+                type: Input
+            }], appendIconModel: [{
+                type: Input
+            }], validationStatus: [{
+                type: Input
+            }], isValidationStatusLight: [{
+                type: Input
+            }], invalidStatusText: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }] } });
+
+class UpdInputModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: UpdInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: UpdInputModule, declarations: [InputComponent,
+            InputAppendDirective,
+            InputPrependDirective], imports: [CommonModule,
+            UpdIconsModule,
+            UpdMaskModule,
+            UpdPopoverModule], exports: [InputComponent,
+            InputAppendDirective,
+            InputPrependDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: UpdInputModule, imports: [CommonModule,
+            UpdIconsModule,
+            UpdMaskModule,
+            UpdPopoverModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: UpdInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        UpdIconsModule,
+                        UpdMaskModule,
+                        UpdPopoverModule
+                    ],
+                    declarations: [
+                        InputComponent,
+                        InputAppendDirective,
+                        InputPrependDirective
+                    ],
+                    exports: [
+                        InputComponent,
+                        InputAppendDirective,
+                        InputPrependDirective
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InputAppendDirective, InputComponent, InputPrependDirective, UpdInputModule };
+//# sourceMappingURL=updevs-components-form-controls-input.mjs.map

package/fesm2022/updevs-components-form-controls-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"updevs-components-form-controls-input.mjs","sources":["../../../../projects/updevs/components/form-controls/input/src/directives/input-append.directive.ts","../../../../projects/updevs/components/form-controls/input/src/directives/input-prepend.directive.ts","../../../../projects/updevs/components/form-controls/input/src/input.component.ts","../../../../projects/updevs/components/form-controls/input/src/input.component.html","../../../../projects/updevs/components/form-controls/input/src/upd-input.module.ts","../../../../projects/updevs/components/form-controls/input/src/updevs-components-form-controls-input.ts"],"sourcesContent":["import { Directive, TemplateRef, inject } from '@angular/core';\n\n@Directive({\n    selector: 'ng-template[updInputAppend]'\n})\nexport class InputAppendDirective {\n    public readonly templateRef = inject(TemplateRef<any>);\n}\n","import { Directive, TemplateRef, inject } from '@angular/core';\n\n@Directive({\n    selector: 'ng-template[updInputPrepend]'\n})\nexport class InputPrependDirective {\n    public readonly templateRef = inject(TemplateRef<any>);\n}\n","import {\n    Component,\n    ViewEncapsulation,\n    Input,\n    SimpleChanges,\n    OnInit,\n    OnChanges,\n    ContentChild,\n    TemplateRef,\n    HostBinding,\n    Output,\n    EventEmitter\n} from '@angular/core';\nimport { IconModel } from '@updevs/icons';\nimport { UpdMaskConfig } from '@updevs/sdk/mask';\nimport { ValidationStatusType, ComponentSizeType } from '@updevs/components';\n\nimport { InputType } from './types/input.type';\nimport { InputAppendDirective } from './directives/input-append.directive';\nimport { InputPrependDirective } from './directives/input-prepend.directive';\nimport { LoaderPositionType } from './types/loader-position.type';\n\n@Component({\n    selector: 'upd-input',\n    templateUrl: './input.component.html',\n    styleUrls: ['./input.component.scss'],\n    encapsulation: ViewEncapsulation.None\n})\nexport class InputComponent implements OnInit, OnChanges {\n    @HostBinding('class') hostWrapperClasses = '';\n    @ContentChild(InputAppendDirective) appendTemplate?: InputAppendDirective;\n    @ContentChild(InputPrependDirective) prependTemplate?: InputPrependDirective;\n\n    @Input() type: InputType = 'text';\n    @Input() placeholder = '';\n    @Input() label?: string;\n    @Input() mask?: string;\n    @Input() maskConfig?: UpdMaskConfig;\n    @Input() hint?: string;\n    @Input() hintTemplate?: TemplateRef<any>;\n    @Input() hintAsTooltip = false;\n    @Input() value?: any;\n    @Input() size: ComponentSizeType = 'default';\n    @Input() customClasses?: string;\n    @Input() wrapperClasses?: string;\n    @Input() name?: string;\n    @Input() maxLength?: number;\n    @Input() isDisabled = false;\n    @Input() isPlainText = false;\n    @Input() isReadOnly = false;\n    @Input() isLoading = false;\n    @Input() isRound = false;\n    @Input() isFlush = false;\n    @Input() isInputGroupFlat = false;\n    @Input() isPrependButton = false;\n    @Input() isAppendButton = false;\n    @Input() isFloating = false;\n    @Input() isRequired = false;\n    @Input() loaderPosition: LoaderPositionType = 'append';\n    @Input() prependIconModel?: IconModel;\n    @Input() appendIconModel?: IconModel;\n    @Input() validationStatus?: ValidationStatusType;\n    @Input() isValidationStatusLight = false;\n    @Input() invalidStatusText?: string;\n\n    @Output() readonly valueChange = new EventEmitter<any>();\n\n    classes: string[] = [];\n    get shouldDisplayInnerLabel(): boolean {\n        return !!this.label\n            && !this.prependIconModel\n            && !this.appendIconModel\n            && !this.isLoading\n            && !this.appendTemplate\n            && !this.prependTemplate;\n    }\n\n    ngOnInit(): void {\n        this.updateClasses();\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        this.updateClasses();\n    }\n\n    onInputChange(evt: Event): void {\n        if (!evt.target) {\n            return;\n        }\n\n        this.valueChange.emit((evt.target as any).value);\n    }\n\n    private updateClasses(): void {\n        const lClasses: string[] = !this.isPlainText ? ['form-control'] : ['form-control-plaintext'];\n\n        if (this.isRound) {\n            lClasses.push('form-control-rounded');\n        }\n\n        if (this.isFlush) {\n            lClasses.push('form-control-flush');\n        }\n\n        if (this.size !== 'default') {\n            lClasses.push(`form-control-${this.size === 'large' ? 'lg' : 'sm'}`);\n        }\n\n        if (!!this.validationStatus) {\n            const statusCls = `is-${this.validationStatus}`;\n            lClasses.push(statusCls);\n\n            if (this.isValidationStatusLight) {\n                lClasses.push(`${statusCls}-lite`);\n            }\n        }\n\n        if (this.isFloating) {\n            this.hostWrapperClasses = (this.wrapperClasses || '') + ' form-floating';\n        }\n\n        this.classes = [...lClasses, ...(this.customClasses || '').split(' ')];\n    }\n}\n","<ng-container *ngIf=\"!!appendTemplate || !!prependTemplate; else structureTpl\">\n    <ng-template [ngTemplateOutlet]=\"labelTpl\"></ng-template>\n    <div class=\"input-group\" [class.input-group-flat]=\"isInputGroupFlat\">\n        <ng-container *ngIf=\"!!prependTemplate\">\n            <div *ngIf=\"!isPrependButton\" class=\"input-group-text\">\n                <ng-template [ngTemplateOutlet]=\"prependTemplate.templateRef\"></ng-template>\n            </div>\n            <ng-template *ngIf=\"isPrependButton\" [ngTemplateOutlet]=\"prependTemplate.templateRef\"></ng-template>\n        </ng-container>\n        <ng-template [ngTemplateOutlet]=\"inputTpl\"></ng-template>\n        <ng-container *ngIf=\"!!appendTemplate\">\n            <div *ngIf=\"!isAppendButton\" class=\"input-group-text\">\n                <ng-template [ngTemplateOutlet]=\"appendTemplate.templateRef\"></ng-template>\n            </div>\n            <ng-template *ngIf=\"isAppendButton\" [ngTemplateOutlet]=\"appendTemplate.templateRef\"></ng-template>\n        </ng-container>\n    </div>\n</ng-container>\n\n<ng-template #structureTpl>\n    <ng-template *ngIf=\"!!prependIconModel || !!appendIconModel || isLoading; else inputTpl\" [ngTemplateOutlet]=\"inputIconTpl\"></ng-template>\n</ng-template>\n\n<ng-template #inputTpl>\n    <ng-container *ngIf=\"(!hint && !hintTemplate); else hintTpl\">\n        <ng-template *ngIf=\"shouldDisplayInnerLabel && !isFloating\" [ngTemplateOutlet]=\"labelTpl\"></ng-template>\n        <ng-template [ngTemplateOutlet]=\"basicInputTpl\"></ng-template>\n        <ng-template *ngIf=\"shouldDisplayInnerLabel && isFloating\" [ngTemplateOutlet]=\"labelTpl\"></ng-template>\n    </ng-container>\n</ng-template>\n\n<ng-template #inputIconTpl>\n    <ng-template [ngTemplateOutlet]=\"labelTpl\"></ng-template>\n    <div class=\"input-icon\">\n        <span *ngIf=\"!!prependIconModel || (isLoading && loaderPosition === 'prepend')\" class=\"input-icon-addon\">\n            <ng-container *ngIf=\"!!prependIconModel; else loaderTpl\">\n                <upd-icon [model]=\"prependIconModel\"></upd-icon>\n            </ng-container>\n        </span>\n        <ng-template [ngTemplateOutlet]=\"inputTpl\"></ng-template>\n        <span *ngIf=\"!!appendIconModel || (isLoading && loaderPosition === 'append')\" class=\"input-icon-addon\">\n            <ng-container *ngIf=\"!!appendIconModel; else loaderTpl\">\n                <upd-icon [model]=\"appendIconModel\"></upd-icon>\n            </ng-container>\n        </span>\n    </div>\n</ng-template>\n\n<ng-template #hintTpl>\n    <ng-template [ngTemplateOutlet]=\"labelTpl\"></ng-template>\n    <div class=\"row g-2\">\n        <div class=\"col\">\n            <ng-template [ngTemplateOutlet]=\"basicInputTpl\"></ng-template>\n        </div>\n        <div class=\"col-auto align-self-center\">\n            <span class=\"form-help\" [updPopover]=\"hint\" [updPopoverTemplate]=\"hintTemplate\"\n                [updPopoverActAsTooltip]=\"hintAsTooltip\">?</span>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #loaderTpl>\n    <div class=\"spinner-border spinner-border-sm text-muted\" role=\"status\"></div>\n</ng-template>\n\n<ng-template #basicInputTpl>\n    <ng-container *ngIf=\"!!mask; else defaultInputTpl\">\n        <input [updMask]=\"mask\" [updMaskConfig]=\"maskConfig\" [attr.type]=\"type\" [attr.maxlength]=\"maxLength\" [disabled]=\"isDisabled\"\n            [ngClass]=\"classes\" [placeholder]=\"placeholder\" [value]=\"value || ''\" [attr.name]=\"name\"\n            [attr.readonly]=\"isReadOnly ? '' : undefined\" (input)=\"onInputChange($event)\"/>\n    </ng-container>\n    <ng-template #defaultInputTpl>\n        <input [attr.type]=\"type\" [attr.maxlength]=\"maxLength\" [disabled]=\"isDisabled\" [ngClass]=\"classes\"\n            [placeholder]=\"placeholder\" [value]=\"value || ''\" [attr.name]=\"name\" [attr.readonly]=\"isReadOnly ? '' : undefined\"\n            (input)=\"onInputChange($event)\"/>\n    </ng-template>\n    <div *ngIf=\"validationStatus === 'invalid' && !!invalidStatusText\" class=\"invalid-feedback\">{{invalidStatusText}}</div>\n</ng-template>\n\n<ng-template #labelTpl>\n    <label *ngIf=\"!!label\" class=\"form-label\" [class.required]=\"isRequired\">{{label}}</label>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { UpdIconsModule } from '@updevs/icons';\nimport { UpdMaskModule } from '@updevs/sdk/mask';\nimport { UpdPopoverModule } from '@updevs/components/popover';\n\nimport { InputComponent } from './input.component';\nimport { InputAppendDirective } from './directives/input-append.directive';\nimport { InputPrependDirective } from './directives/input-prepend.directive';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        UpdIconsModule,\n        UpdMaskModule,\n        UpdPopoverModule\n    ],\n    declarations: [\n        InputComponent,\n        InputAppendDirective,\n        InputPrependDirective\n    ],\n    exports: [\n        InputComponent,\n        InputAppendDirective,\n        InputPrependDirective\n    ]\n})\nexport class UpdInputModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/updevs-components-form-controls-radio.mjs

@@ -0,0 +1,92 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ViewEncapsulation, HostBinding, Input, Output, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class RadioComponent {
+    constructor() {
+        this.wrapperClasses = '';
+        this.isDisabled = false;
+        this.isReadOnly = false;
+        this.isChecked = false;
+        this.isInline = false;
+        this.selected = new EventEmitter();
+        this.classes = [];
+    }
+    ngOnInit() {
+        this.updateClasses();
+    }
+    ngOnChanges(changes) {
+        this.updateClasses();
+    }
+    updateClasses() {
+        const lClasses = ['form-check-input'];
+        if (!!this.validationStatus) {
+            const statusCls = `is-${this.validationStatus}`;
+            lClasses.push(statusCls);
+        }
+        this.classes = [...lClasses, ...(this.customClasses || '').split(' ')];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: RadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: RadioComponent, selector: "upd-radio", inputs: { wrapperClasses: "wrapperClasses", label: "label", value: "value", customClasses: "customClasses", name: "name", description: "description", isDisabled: "isDisabled", isReadOnly: "isReadOnly", isChecked: "isChecked", isInline: "isInline", validationStatus: "validationStatus", invalidStatusText: "invalidStatusText" }, outputs: { selected: "selected" }, host: { properties: { "class": "this.wrapperClasses" } }, usesOnChanges: true, ngImport: i0, template: "<label class=\"form-check\" [class.form-check-inline]=\"isInline\">\n    <input type=\"radio\" (change)=\"selected.emit()\" [disabled]=\"isDisabled\" [ngClass]=\"classes\" [value]=\"value\" [attr.name]=\"name\"\n        [attr.readonly]=\"isReadOnly ? '' : undefined\" [checked]=\"isChecked\">\n    @if (!!label) {\n        <span class=\"form-check-label\">{{ label }}</span>\n    }\n    @if (!!description) {\n        <span class=\"form-check-description\">{{ description }}</span>\n    }\n    @if (validationStatus === 'invalid' && !!invalidStatusText) {\n        <div class=\"invalid-feedback\">{{ invalidStatusText }}</div>\n    }\n</label>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: RadioComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'upd-radio', encapsulation: ViewEncapsulation.None, template: "<label class=\"form-check\" [class.form-check-inline]=\"isInline\">\n    <input type=\"radio\" (change)=\"selected.emit()\" [disabled]=\"isDisabled\" [ngClass]=\"classes\" [value]=\"value\" [attr.name]=\"name\"\n        [attr.readonly]=\"isReadOnly ? '' : undefined\" [checked]=\"isChecked\">\n    @if (!!label) {\n        <span class=\"form-check-label\">{{ label }}</span>\n    }\n    @if (!!description) {\n        <span class=\"form-check-description\">{{ description }}</span>\n    }\n    @if (validationStatus === 'invalid' && !!invalidStatusText) {\n        <div class=\"invalid-feedback\">{{ invalidStatusText }}</div>\n    }\n</label>\n" }]
+        }], propDecorators: { wrapperClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }, {
+                type: Input
+            }], label: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], customClasses: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], isDisabled: [{
+                type: Input
+            }], isReadOnly: [{
+                type: Input
+            }], isChecked: [{
+                type: Input
+            }], isInline: [{
+                type: Input
+            }], validationStatus: [{
+                type: Input
+            }], invalidStatusText: [{
+                type: Input
+            }], selected: [{
+                type: Output
+            }] } });
+
+class UpdRadioModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: UpdRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: UpdRadioModule, declarations: [RadioComponent], imports: [CommonModule], exports: [RadioComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: UpdRadioModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: UpdRadioModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule
+                    ],
+                    declarations: [
+                        RadioComponent
+                    ],
+                    exports: [
+                        RadioComponent
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RadioComponent, UpdRadioModule };
+//# sourceMappingURL=updevs-components-form-controls-radio.mjs.map

package/fesm2022/updevs-components-form-controls-radio.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"updevs-components-form-controls-radio.mjs","sources":["../../../../projects/updevs/components/form-controls/radio/src/radio.component.ts","../../../../projects/updevs/components/form-controls/radio/src/radio.component.html","../../../../projects/updevs/components/form-controls/radio/src/upd-radio.module.ts","../../../../projects/updevs/components/form-controls/radio/src/updevs-components-form-controls-radio.ts"],"sourcesContent":["import { Component, OnInit, OnChanges, Input, SimpleChanges, HostBinding, ViewEncapsulation, Output, EventEmitter } from '@angular/core';\nimport { ValidationStatusType } from '@updevs/components';\n\n@Component({\n    selector: 'upd-radio',\n    templateUrl: './radio.component.html',\n    styleUrls: ['./radio.component.scss'],\n    encapsulation: ViewEncapsulation.None\n})\nexport class RadioComponent implements OnInit, OnChanges {\n    @HostBinding('class') @Input() wrapperClasses = '';\n\n    @Input() label?: string;\n    @Input() value?: any;\n    @Input() customClasses?: string;\n    @Input() name?: string;\n    @Input() description?: string;\n    @Input() isDisabled = false;\n    @Input() isReadOnly = false;\n    @Input() isChecked = false;\n    @Input() isInline = false;\n    @Input() validationStatus?: ValidationStatusType;\n    @Input() invalidStatusText?: string;\n\n    @Output() readonly selected = new EventEmitter<void>();\n\n    classes: string[] = [];\n\n    ngOnInit(): void {\n        this.updateClasses();\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        this.updateClasses();\n    }\n\n    private updateClasses(): void {\n        const lClasses: string[] = ['form-check-input'];\n\n        if (!!this.validationStatus) {\n            const statusCls = `is-${this.validationStatus}`;\n            lClasses.push(statusCls);\n        }\n\n        this.classes = [...lClasses, ...(this.customClasses || '').split(' ')];\n    }\n}\n","<label class=\"form-check\" [class.form-check-inline]=\"isInline\">\n    <input type=\"radio\" (change)=\"selected.emit()\" [disabled]=\"isDisabled\" [ngClass]=\"classes\" [value]=\"value\" [attr.name]=\"name\"\n        [attr.readonly]=\"isReadOnly ? '' : undefined\" [checked]=\"isChecked\">\n    @if (!!label) {\n        <span class=\"form-check-label\">{{ label }}</span>\n    }\n    @if (!!description) {\n        <span class=\"form-check-description\">{{ description }}</span>\n    }\n    @if (validationStatus === 'invalid' && !!invalidStatusText) {\n        <div class=\"invalid-feedback\">{{ invalidStatusText }}</div>\n    }\n</label>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { RadioComponent } from './radio.component';\n\n@NgModule({\n    imports: [\n        CommonModule\n    ],\n    declarations: [\n        RadioComponent\n    ],\n    exports: [\n        RadioComponent\n    ]\n})\nexport class UpdRadioModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}