@updevs/components 1.0.0-alpha.81 → 1.0.0-alpha.83

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

@@ -36,7 +36,16 @@ class CheckboxComponent extends BaseControl {
     }
     onSelectChange(event) {
         this.isIndeterminate.set(false);
-        this.changed.emit(event.target.checked);
+        const isChecked = event.target.checked;
+        this.isChecked.set(isChecked);
+        this._updateFormControl(isChecked, true);
+        this.changed.emit(isChecked);
+    }
+    _getValue() {
+        return this.isChecked();
+    }
+    _updateValue(value) {
+        this.isChecked.set(!!value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: CheckboxComponent, selector: "upd-checkbox", inputs: { wrapperClasses: { classPropertyName: "wrapperClasses", publicName: "wrapperClasses", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, customClasses: { classPropertyName: "customClasses", publicName: "customClasses", isSignal: true, isRequired: false, transformFunction: null }, isChecked: { classPropertyName: "isChecked", publicName: "isChecked", isSignal: true, isRequired: false, transformFunction: null }, isInline: { classPropertyName: "isInline", publicName: "isInline", isSignal: true, isRequired: false, transformFunction: null }, isSwitch: { classPropertyName: "isSwitch", publicName: "isSwitch", isSignal: true, isRequired: false, transformFunction: null }, isIndeterminate: { classPropertyName: "isIndeterminate", publicName: "isIndeterminate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed", isChecked: "isCheckedChange", isIndeterminate: "isIndeterminateChange" }, host: { properties: { "class": "this.wrapperClasses" } }, viewQueries: [{ propertyName: "checkboxInput", first: true, predicate: ["checkboxInput"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<label class=\"form-check\" [class.form-check-inline]=\"isInline()\" [class.form-switch]=\"isSwitch()\" [ngClass]=\"customClasses()\">\n    @if (!!hintText || !!hintTemplate()) {\n        <div class=\"row g-2\">\n            <div class=\"col-auto\">\n                <ng-template [ngTemplateOutlet]=\"contentTpl\"></ng-template>\n            </div>\n            <div class=\"col-auto align-self-center\">\n                <span class=\"form-help\" [updPopover]=\"hintText\" [updPopoverTemplate]=\"hintTemplate()\"\n                    [updPopoverActAsTooltip]=\"hintAsTooltip()\">\n                    ?\n                </span>\n            </div>\n        </div>\n    } @else {\n        <ng-template [ngTemplateOutlet]=\"contentTpl\"></ng-template>\n    }\n</label>\n\n<ng-template #contentTpl>\n    <input #checkboxInput type=\"checkbox\" [disabled]=\"isDisabled()\" [ngClass]=\"classes()\" [value]=\"value()\" [attr.name]=\"name()\"\n        [attr.readonly]=\"isDisabled() ? '' : undefined\" [(ngModel)]=\"isChecked\" (change)=\"onSelectChange($event)\">\n\n    @if (!!labelText) {\n        <span class=\"form-check-label\">{{ labelText }}</span>\n    }\n\n    @if (!!descriptionText) {\n        <span class=\"form-check-description\">{{ descriptionText }}</span>\n    }\n\n    @if (validationStatus() === 'invalid' && !!validationStatusTexts) {\n        <div class=\"invalid-feedback\">{{ validationStatusTexts }}</div>\n    }\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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"] }, { kind: "directive", type: i3.PopoverDirective, selector: "[updPopover]", inputs: ["updPopover", "updPopoverTitle", "updPopoverTitleTemplate", "updPopoverTemplate", "updPopoverPlacement", "updPopoverCustomClasses", "updPopoverActAsTooltip"] }], encapsulation: i0.ViewEncapsulation.None }); }

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

@@ -1 +1 @@
-{"version":3,"file":"updevs-components-form-controls-checkbox.mjs","sources":["../../../../libs/components/form-controls/checkbox/src/checkbox.component.ts","../../../../libs/components/form-controls/checkbox/src/checkbox.component.html","../../../../libs/components/form-controls/checkbox/src/upd-checkbox.module.ts","../../../../libs/components/form-controls/checkbox/src/updevs-components-form-controls-checkbox.ts"],"sourcesContent":["import {\n    Component,\n    Input,\n    ViewEncapsulation,\n    HostBinding,\n    Output,\n    EventEmitter,\n    ViewChild,\n    ElementRef,\n    effect,\n    input,\n    model,\n    computed\n} from '@angular/core';\nimport { BaseControl } from '@updevs/components/form-controls/abstractions';\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 extends BaseControl {\n    @HostBinding('class') @Input() wrapperClasses = '';\n    @ViewChild('checkboxInput', { read: ElementRef }) checkboxInput?: ElementRef;\n\n    @Output() readonly changed = new EventEmitter<boolean>();\n\n    value = input<any>();\n    customClasses = input<string>();\n    isChecked = model<boolean>(false);\n    isInline = input<boolean>(false);\n    isSwitch = input<boolean>(false);\n    isIndeterminate = model<boolean>(false);\n    classes = computed(() => {\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        return [...lClasses, ...(this.customClasses() || '').split(' ')];\n    });\n\n    constructor() {\n        super();\n\n        effect(() => {\n            this.isIndeterminate();\n\n            if (!!this.checkboxInput) {\n                this.checkboxInput.nativeElement.indeterminate = !!this.isIndeterminate();\n            }\n        });\n    }\n\n    onSelectChange(event: Event): void {\n        this.isIndeterminate.set(false);\n        this.changed.emit((event.target as HTMLInputElement).checked);\n    }\n}\n","<label class=\"form-check\" [class.form-check-inline]=\"isInline()\" [class.form-switch]=\"isSwitch()\" [ngClass]=\"customClasses()\">\n    @if (!!hintText || !!hintTemplate()) {\n        <div class=\"row g-2\">\n            <div class=\"col-auto\">\n                <ng-template [ngTemplateOutlet]=\"contentTpl\"></ng-template>\n            </div>\n            <div class=\"col-auto align-self-center\">\n                <span class=\"form-help\" [updPopover]=\"hintText\" [updPopoverTemplate]=\"hintTemplate()\"\n                    [updPopoverActAsTooltip]=\"hintAsTooltip()\">\n                    ?\n                </span>\n            </div>\n        </div>\n    } @else {\n        <ng-template [ngTemplateOutlet]=\"contentTpl\"></ng-template>\n    }\n</label>\n\n<ng-template #contentTpl>\n    <input #checkboxInput type=\"checkbox\" [disabled]=\"isDisabled()\" [ngClass]=\"classes()\" [value]=\"value()\" [attr.name]=\"name()\"\n        [attr.readonly]=\"isDisabled() ? '' : undefined\" [(ngModel)]=\"isChecked\" (change)=\"onSelectChange($event)\">\n\n    @if (!!labelText) {\n        <span class=\"form-check-label\">{{ labelText }}</span>\n    }\n\n    @if (!!descriptionText) {\n        <span class=\"form-check-description\">{{ descriptionText }}</span>\n    }\n\n    @if (validationStatus() === 'invalid' && !!validationStatusTexts) {\n        <div class=\"invalid-feedback\">{{ validationStatusTexts }}</div>\n    }\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { UpdPopoverModule } from '@updevs/components/popover';\n\nimport { CheckboxComponent } from './checkbox.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        UpdPopoverModule\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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"}
+{"version":3,"file":"updevs-components-form-controls-checkbox.mjs","sources":["../../../../libs/components/form-controls/checkbox/src/checkbox.component.ts","../../../../libs/components/form-controls/checkbox/src/checkbox.component.html","../../../../libs/components/form-controls/checkbox/src/upd-checkbox.module.ts","../../../../libs/components/form-controls/checkbox/src/updevs-components-form-controls-checkbox.ts"],"sourcesContent":["import {\n    Component,\n    Input,\n    ViewEncapsulation,\n    HostBinding,\n    Output,\n    EventEmitter,\n    ViewChild,\n    ElementRef,\n    effect,\n    input,\n    model,\n    computed\n} from '@angular/core';\nimport { BaseControl } from '@updevs/components/form-controls/abstractions';\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 extends BaseControl {\n    @HostBinding('class') @Input() wrapperClasses = '';\n    @ViewChild('checkboxInput', { read: ElementRef }) checkboxInput?: ElementRef;\n\n    @Output() readonly changed = new EventEmitter<boolean>();\n\n    value = input<any>();\n    customClasses = input<string>();\n    isChecked = model<boolean>(false);\n    isInline = input<boolean>(false);\n    isSwitch = input<boolean>(false);\n    isIndeterminate = model<boolean>(false);\n    classes = computed(() => {\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        return [...lClasses, ...(this.customClasses() || '').split(' ')];\n    });\n\n    constructor() {\n        super();\n\n        effect(() => {\n            this.isIndeterminate();\n\n            if (!!this.checkboxInput) {\n                this.checkboxInput.nativeElement.indeterminate = !!this.isIndeterminate();\n            }\n        });\n    }\n\n    onSelectChange(event: Event): void {\n        this.isIndeterminate.set(false);\n\n        const isChecked = (event.target as HTMLInputElement).checked;\n\n        this.isChecked.set(isChecked);\n        this._updateFormControl(isChecked, true);\n        this.changed.emit(isChecked);\n    }\n\n    protected _getValue(): any {\n        return this.isChecked();\n    }\n\n    protected _updateValue(value: any): void {\n        this.isChecked.set(!!value);\n    }\n}\n","<label class=\"form-check\" [class.form-check-inline]=\"isInline()\" [class.form-switch]=\"isSwitch()\" [ngClass]=\"customClasses()\">\n    @if (!!hintText || !!hintTemplate()) {\n        <div class=\"row g-2\">\n            <div class=\"col-auto\">\n                <ng-template [ngTemplateOutlet]=\"contentTpl\"></ng-template>\n            </div>\n            <div class=\"col-auto align-self-center\">\n                <span class=\"form-help\" [updPopover]=\"hintText\" [updPopoverTemplate]=\"hintTemplate()\"\n                    [updPopoverActAsTooltip]=\"hintAsTooltip()\">\n                    ?\n                </span>\n            </div>\n        </div>\n    } @else {\n        <ng-template [ngTemplateOutlet]=\"contentTpl\"></ng-template>\n    }\n</label>\n\n<ng-template #contentTpl>\n    <input #checkboxInput type=\"checkbox\" [disabled]=\"isDisabled()\" [ngClass]=\"classes()\" [value]=\"value()\" [attr.name]=\"name()\"\n        [attr.readonly]=\"isDisabled() ? '' : undefined\" [(ngModel)]=\"isChecked\" (change)=\"onSelectChange($event)\">\n\n    @if (!!labelText) {\n        <span class=\"form-check-label\">{{ labelText }}</span>\n    }\n\n    @if (!!descriptionText) {\n        <span class=\"form-check-description\">{{ descriptionText }}</span>\n    }\n\n    @if (validationStatus() === 'invalid' && !!validationStatusTexts) {\n        <div class=\"invalid-feedback\">{{ validationStatusTexts }}</div>\n    }\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { UpdPopoverModule } from '@updevs/components/popover';\n\nimport { CheckboxComponent } from './checkbox.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        UpdPopoverModule\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-file-upload.mjs

@@ -78,6 +78,7 @@ class FileUploadComponent extends BaseControl {
         const files = Array.from(event.target.files);
         if (!!files) {
             this.currentFiles.set([...files]);
+            this._updateFormControl([...files], true);
             const errors = files.map(f => this.getFileErrors(f)).reduce((acc, e) => acc.concat(e), []);
             if (errors.length > 0) {
                 this.fileUploadErrors.set([...errors]);
@@ -96,6 +97,7 @@ class FileUploadComponent extends BaseControl {
     }
     removeFile() {
         this.currentFiles.set([]);
+        this._updateFormControl([], true);
         this.fileChanged.emit(undefined);
     }
     onDrag(event) {
@@ -130,7 +132,13 @@ class FileUploadComponent extends BaseControl {
         event.preventDefault();
         event.stopPropagation();
         this.isOver.set(false);
-        const droppedFiles = event.dataTransfer.files;
+        // TODO: const droppedFiles = event.dataTransfer!.files;
+    }
+    _getValue() {
+        return this.currentFiles();
+    }
+    _updateValue(value) {
+        this.currentFiles.set(value);
     }
     getFileErrors(file) {
         const extension = `.${file.name.split('.').pop() || ''}`;

package/fesm2022/updevs-components-form-controls-file-upload.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"updevs-components-form-controls-file-upload.mjs","sources":["../../../../libs/components/form-controls/file-upload/src/file-upload.component.ts","../../../../libs/components/form-controls/file-upload/src/file-upload.component.html","../../../../libs/components/form-controls/file-upload/src/upd-file-upload.module.ts","../../../../libs/components/form-controls/file-upload/src/updevs-components-form-controls-file-upload.ts"],"sourcesContent":["import { Component, computed, EventEmitter, HostBinding, inject, input, Output, signal } from '@angular/core';\nimport { ColumnSizeHelper, HorizontalVerticalType } from '@updevs/components';\nimport { TextModel } from '@updevs/sdk';\nimport { PlatformService, Tools } from '@updevs/sdk/core';\nimport { BaseControl } from '@updevs/components/form-controls/abstractions';\nimport { OptionalType } from '@updevs/sdk/types';\n\nimport { FileUploadChangedEvent } from './file-upload-changed.event';\n\n@Component({\n    selector: 'upd-file-upload',\n    templateUrl: './file-upload.component.html',\n    styleUrl: './file-upload.component.scss'\n})\nexport class FileUploadComponent extends BaseControl {\n    @HostBinding('class') hostWrapperClasses = '';\n\n    @Output() readonly fileChanged = new EventEmitter<OptionalType<FileUploadChangedEvent>>();\n\n    readonly fileName = input<string>();\n    readonly title = input<TextModel>();\n    readonly allowFilesDrop = input(false);\n    readonly isMultiple = input(false); // TODO: implement\n    readonly allowedExtensions = input('*');\n    readonly minFileSize = input<number>();\n    readonly maxFileSize = input<number>();\n    readonly layout = input<HorizontalVerticalType>('vertical');\n    readonly isOver = signal(false);\n    readonly showValidationStatus = computed(() =>\n        !!this.validationStatus() && (this.validationStatus() === 'invalid' || this.showValidStatus())\n    );\n    readonly validationStatusClass = computed(() => {\n        if (this.showValidationStatus()) {\n            return `is-${this.validationStatus()}`;\n        }\n\n        return '';\n    });\n    readonly validationStatusBorderClass = computed(() => {\n        if (this.showValidationStatus()) {\n            return this.validationStatus() === 'invalid' ? 'border-danger' : 'border-success';\n        }\n\n        return '';\n    });\n    readonly errorsList = computed(() => [...this.validationStatusTexts.concat(this.fileUploadErrors())]);\n    readonly currentFiles = signal<OptionalType<File[]>>(undefined);\n    readonly labelSizeClasses = computed(() => {\n        if (this.layout() !== 'horizontal') {\n            return 'form-label';\n        }\n\n        return ColumnSizeHelper.getClasses(\n            'col-form-label',\n            ColumnSizeHelper.getSizeClasses(this.labelColSize(), 3)\n        );\n    });\n    readonly firstFileName = computed(() => (this.currentFiles()?.length || 0) > 0 ? this.currentFiles()![0].name : this.fileName());\n\n    get titleText(): string {\n        return this._textService.getText(this.title(), { isMultiple: this.isMultiple() });\n    }\n    get dropDescriptionText(): string {\n        return !!this.descriptionText\n            ? this.descriptionText\n            : this._textService.getText(\n                this.platformService.isMobile ? this.defaultMobileDesc : this.defaultDesktopDesc, { isMultiple: this.isMultiple() }\n            );\n    }\n    get supportsAdvancedUpload(): boolean {\n        const div = document.createElement('div');\n        return (('draggable' in div) || ('ondragstart' in div && 'ondrop' in div)) && 'FormData' in window && 'FileReader' in window;\n    }\n\n    private readonly defaultMobileDesc: TextModel = {\n        text: 'UpDevs.FormControls.FileUpload.DropzoneMobileDescription',\n        isTranslated: false\n    };\n    private readonly defaultDesktopDesc: TextModel = {\n        text: 'UpDevs.FormControls.FileUpload.DropzoneDesktopDescription',\n        isTranslated: false\n    };\n    private readonly fileUploadErrors = signal<string[]>([]);\n    private readonly platformService = inject(PlatformService);\n\n    onFileChange(event: Event): void {\n        event.stopPropagation();\n\n        const files = Array.from((event.target as any).files as FileList);\n\n        if (!!files) {\n            this.currentFiles.set([...files]);\n            const errors = files.map(f => this.getFileErrors(f)).reduce((acc, e) => acc.concat(e), []);\n\n            if (errors.length > 0) {\n                this.fileUploadErrors.set([...errors]);\n                return;\n            }\n\n            if (this.isMultiple()) {\n                // TODO: implement\n            } else {\n                const file = files[0];\n                const reader = new FileReader();\n                reader.onload = (fileReader: any) => this.fileChanged.emit({ file: file, dataUrl: fileReader.target.result });\n\n                reader.readAsDataURL(file);\n            }\n        }\n    }\n\n    removeFile(): void {\n        this.currentFiles.set([]);\n        this.fileChanged.emit(undefined);\n    }\n\n    onDrag(event: DragEvent): void {\n        event.preventDefault();\n        event.stopPropagation();\n    }\n\n    onDragStart(event: DragEvent): void {\n        event.preventDefault();\n        event.stopPropagation();\n    }\n\n    onDragEnd(event: DragEvent): void {\n        event.preventDefault();\n        event.stopPropagation();\n        this.isOver.set(false);\n    }\n\n    onDragOver(event: DragEvent): void {\n        event.preventDefault();\n        event.stopPropagation();\n        this.isOver.set(true);\n    }\n\n    onDragEnter(event: DragEvent): void {\n        event.preventDefault();\n        event.stopPropagation();\n        this.isOver.set(true);\n    }\n\n    onDragLeave(event: DragEvent): void {\n        event.preventDefault();\n        event.stopPropagation();\n        this.isOver.set(false);\n    }\n\n    onDrop(event: DragEvent): void {\n        event.preventDefault();\n        event.stopPropagation();\n        this.isOver.set(false);\n\n        const droppedFiles = event.dataTransfer!.files;\n    }\n\n    private getFileErrors(file: File): string[] {\n        const extension = `.${file.name.split('.').pop() || ''}`;\n        const fileSizeInKB = Math.round(file.size / 1024);\n        const errors: string[] = [];\n\n        if (this.allowedExtensions() !== '*' && !this.allowedExtensions().includes(extension)) {\n            errors.push(\n                this._textService.getText(\n                    { text: 'UpDevs.FormControls.FileUpload.ExtensionNotAllowed', isTranslated: false },\n                    {\n                        fileName: file.name,\n                        extension,\n                        hasMultipleExt: this.allowedExtensions().includes(','),\n                        allowedExtensions: this.allowedExtensions()\n                    }\n                )\n            );\n        }\n\n        if (!!this.minFileSize() && fileSizeInKB < this.minFileSize()!) {\n            errors.push(\n                this._textService.getText(\n                    { text: 'UpDevs.FormControls.FileUpload.MinSizeNotMet', isTranslated: false },\n                    {\n                        fileName: file.name,\n                        fileSize: Tools.Text.formatKilobytes(fileSizeInKB),\n                        minAllowedSize: Tools.Text.formatKilobytes(this.minFileSize()!)\n                    }\n                )\n            );\n        }\n\n        if (!!this.maxFileSize() && fileSizeInKB > this.maxFileSize()!) {\n            errors.push(\n                this._textService.getText(\n                    { text: 'UpDevs.FormControls.FileUpload.MaxSizeExceeded', isTranslated: false },\n                    {\n                        fileName: file.name,\n                        fileSize: Tools.Text.formatKilobytes(fileSizeInKB),\n                        maxAllowedSize: Tools.Text.formatKilobytes(this.maxFileSize()!)\n                    }\n                )\n            );\n        }\n\n        return errors;\n    }\n}\n","<input class=\"d-none\" [attr.id]=\"name()\" [attr.name]=\"name()\" type=\"file\" [attr.multiple]=\"isMultiple() ? true : undefined\"\n    [accept]=\"allowedExtensions()\" (change)=\"onFileChange($event)\" />\n\n<div class=\"row\">\n    <ng-container *transloco=\"let t; prefix: 'UpDevs.FormControls.FileUpload'\">\n        @if (!!labelText) {\n            <div [ngClass]=\"labelSizeClasses()\">\n                <label [class.required]=\"isRequired()\">{{ labelText }}</label>\n\n                @if (!!hintText || !!this.hintTemplate()) {\n                    <ng-template [ngTemplateOutlet]=\"hintTpl\"></ng-template>\n                }\n            </div>\n        }\n\n        @if (supportsAdvancedUpload && allowFilesDrop()) {\n            <div class=\"d-flex flex-column border rounded-2 p-2 w-100 h-100\" [ngClass]=\"validationStatusBorderClass()\"\n                [class.bg-muted-lt]=\"!isOver()\" [class.bg-primary-lt]=\"isOver()\" (drag)=\"onDrag($event)\" (dragstart)=\"onDragStart($event)\"\n                (dragend)=\"onDragEnd($event)\" (dragover)=\"onDragOver($event)\" (dragenter)=\"onDragEnter($event)\"\n                (dragleave)=\"onDragLeave($event)\" (drop)=\"onDrop($event)\">\n                @if (!!titleText) {\n                    <span class=\"fw-bold align-self-center cursor-pointer\" [innerHTML]=\"titleText\"></span>\n                }\n\n                <label [for]=\"name()\" class=\"text-secondary align-self-center cursor-pointer\" [innerHTML]=\"dropDescriptionText\"></label>\n\n                @if (!labelText && (!!hintText || !!this.hintTemplate())) {\n                    <ng-template [ngTemplateOutlet]=\"hintTpl\"></ng-template>\n                }\n            </div>\n        } @else {\n            @if (!labelText && (!!hintText || !!this.hintTemplate())) {\n                <div class=\"row g-2\">\n                    <div class=\"col\">\n                        <ng-template [ngTemplateOutlet]=\"inputTpl\"></ng-template>\n                    </div>\n                    <div class=\"col-auto align-self-center\">\n                        <ng-template [ngTemplateOutlet]=\"hintTpl\"></ng-template>\n                    </div>\n                </div>\n            } @else {\n                <ng-template [ngTemplateOutlet]=\"inputTpl\"></ng-template>\n            }\n        }\n        @if (validationStatus() === 'invalid' && errorsList().length > 0) {\n            @for (desc of errorsList(); track desc) {\n                <div class=\"invalid-feedback\">{{ desc }}</div>\n            }\n        }\n\n        <ng-template #inputTpl>\n            <div class=\"input-group col\">\n                <label class=\"input-group-text cursor-pointer\" [ngClass]=\"validationStatusBorderClass()\" [for]=\"name()\">\n                    {{ t('SelectFile', { isMultiple: isMultiple() }) }}\n                </label>\n                <input type=\"text\" class=\"form-control text-truncate\" [class.border-end-0]=\"!!firstFileName()\"\n                    [value]=\"firstFileName() || ''\"\n                    [ngClass]=\"validationStatusClass()\" placeholder=\"{{ t('NoFileSelected', { isMultiple: isMultiple() }) }}\"\n                    [attr.disabled]=\"isDisabled() || undefined\" readonly>\n\n                @if (!!firstFileName()) {\n                    <div class=\"input-group-text bg-transparent\" [ngClass]=\"validationStatusBorderClass()\">\n                        <upd-button [shouldIgnoreBtnClass]=\"true\" (clicked)=\"removeFile()\" customClasses=\"link-secondary cursor-pointer\">\n                            <upd-icon tablerIcon=\"trash\" [tablerIconSize]=\"18\"></upd-icon>\n                        </upd-button>\n                    </div>\n                }\n            </div>\n        </ng-template>\n    </ng-container>\n</div>\n\n<ng-template #hintTpl>\n    <span class=\"form-help ms-2\" [updPopover]=\"hintText\" [updPopoverTemplate]=\"hintTemplate()\" [updPopoverActAsTooltip]=\"hintAsTooltip()\">\n        ?\n    </span>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TranslocoModule, TranslocoService } from '@jsverse/transloco';\nimport { UpdIconsModule } from '@updevs/icons';\nimport { UpdButtonModule } from '@updevs/components/button';\nimport { UpdPopoverModule } from '@updevs/components/popover';\n\nimport * as en from './assets/i18n/en.json';\nimport * as pt from './assets/i18n/pt.json';\nimport { FileUploadComponent } from './file-upload.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TranslocoModule,\n        UpdButtonModule,\n        UpdIconsModule,\n        UpdPopoverModule\n    ],\n    declarations: [\n        FileUploadComponent\n    ],\n    exports: [\n        FileUploadComponent\n    ]\n})\nexport class UpdFileUploadModule {\n    constructor(translocoService: TranslocoService) {\n        translocoService.setFallbackLangForMissingTranslation({ fallbackLang: 'en' });\n        translocoService.setTranslation(en, 'en');\n        translocoService.setTranslation(pt, 'pt');\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2","en","pt","i1"],"mappings":"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"}
+{"version":3,"file":"updevs-components-form-controls-file-upload.mjs","sources":["../../../../libs/components/form-controls/file-upload/src/file-upload.component.ts","../../../../libs/components/form-controls/file-upload/src/file-upload.component.html","../../../../libs/components/form-controls/file-upload/src/upd-file-upload.module.ts","../../../../libs/components/form-controls/file-upload/src/updevs-components-form-controls-file-upload.ts"],"sourcesContent":["import { Component, computed, EventEmitter, HostBinding, inject, input, Output, signal } from '@angular/core';\nimport { ColumnSizeHelper, HorizontalVerticalType } from '@updevs/components';\nimport { TextModel } from '@updevs/sdk';\nimport { PlatformService, Tools } from '@updevs/sdk/core';\nimport { BaseControl } from '@updevs/components/form-controls/abstractions';\nimport { OptionalType } from '@updevs/sdk/types';\n\nimport { FileUploadChangedEvent } from './file-upload-changed.event';\n\n@Component({\n    selector: 'upd-file-upload',\n    templateUrl: './file-upload.component.html',\n    styleUrl: './file-upload.component.scss'\n})\nexport class FileUploadComponent extends BaseControl {\n    @HostBinding('class') hostWrapperClasses = '';\n\n    @Output() readonly fileChanged = new EventEmitter<OptionalType<FileUploadChangedEvent>>();\n\n    readonly fileName = input<string>();\n    readonly title = input<TextModel>();\n    readonly allowFilesDrop = input(false);\n    readonly isMultiple = input(false); // TODO: implement\n    readonly allowedExtensions = input('*');\n    readonly minFileSize = input<number>();\n    readonly maxFileSize = input<number>();\n    readonly layout = input<HorizontalVerticalType>('vertical');\n    readonly isOver = signal(false);\n    readonly showValidationStatus = computed(() =>\n        !!this.validationStatus() && (this.validationStatus() === 'invalid' || this.showValidStatus())\n    );\n    readonly validationStatusClass = computed(() => {\n        if (this.showValidationStatus()) {\n            return `is-${this.validationStatus()}`;\n        }\n\n        return '';\n    });\n    readonly validationStatusBorderClass = computed(() => {\n        if (this.showValidationStatus()) {\n            return this.validationStatus() === 'invalid' ? 'border-danger' : 'border-success';\n        }\n\n        return '';\n    });\n    readonly errorsList = computed(() => [...this.validationStatusTexts.concat(this.fileUploadErrors())]);\n    readonly currentFiles = signal<OptionalType<File[]>>(undefined);\n    readonly labelSizeClasses = computed(() => {\n        if (this.layout() !== 'horizontal') {\n            return 'form-label';\n        }\n\n        return ColumnSizeHelper.getClasses(\n            'col-form-label',\n            ColumnSizeHelper.getSizeClasses(this.labelColSize(), 3)\n        );\n    });\n    readonly firstFileName = computed(() => (this.currentFiles()?.length || 0) > 0 ? this.currentFiles()![0].name : this.fileName());\n\n    get titleText(): string {\n        return this._textService.getText(this.title(), { isMultiple: this.isMultiple() });\n    }\n    get dropDescriptionText(): string {\n        return !!this.descriptionText\n            ? this.descriptionText\n            : this._textService.getText(\n                this.platformService.isMobile ? this.defaultMobileDesc : this.defaultDesktopDesc, { isMultiple: this.isMultiple() }\n            );\n    }\n    get supportsAdvancedUpload(): boolean {\n        const div = document.createElement('div');\n        return (('draggable' in div) || ('ondragstart' in div && 'ondrop' in div)) && 'FormData' in window && 'FileReader' in window;\n    }\n\n    private readonly defaultMobileDesc: TextModel = {\n        text: 'UpDevs.FormControls.FileUpload.DropzoneMobileDescription',\n        isTranslated: false\n    };\n    private readonly defaultDesktopDesc: TextModel = {\n        text: 'UpDevs.FormControls.FileUpload.DropzoneDesktopDescription',\n        isTranslated: false\n    };\n    private readonly fileUploadErrors = signal<string[]>([]);\n    private readonly platformService = inject(PlatformService);\n\n    onFileChange(event: Event): void {\n        event.stopPropagation();\n\n        const files = Array.from((event.target as any).files as FileList);\n\n        if (!!files) {\n            this.currentFiles.set([...files]);\n            this._updateFormControl([...files], true);\n\n            const errors = files.map(f => this.getFileErrors(f)).reduce((acc, e) => acc.concat(e), []);\n\n            if (errors.length > 0) {\n                this.fileUploadErrors.set([...errors]);\n                return;\n            }\n\n            if (this.isMultiple()) {\n                // TODO: implement\n            } else {\n                const file = files[0];\n                const reader = new FileReader();\n                reader.onload = (fileReader: any) => this.fileChanged.emit({ file: file, dataUrl: fileReader.target.result });\n\n                reader.readAsDataURL(file);\n            }\n        }\n    }\n\n    removeFile(): void {\n        this.currentFiles.set([]);\n        this._updateFormControl([], true);\n        this.fileChanged.emit(undefined);\n    }\n\n    onDrag(event: DragEvent): void {\n        event.preventDefault();\n        event.stopPropagation();\n    }\n\n    onDragStart(event: DragEvent): void {\n        event.preventDefault();\n        event.stopPropagation();\n    }\n\n    onDragEnd(event: DragEvent): void {\n        event.preventDefault();\n        event.stopPropagation();\n        this.isOver.set(false);\n    }\n\n    onDragOver(event: DragEvent): void {\n        event.preventDefault();\n        event.stopPropagation();\n        this.isOver.set(true);\n    }\n\n    onDragEnter(event: DragEvent): void {\n        event.preventDefault();\n        event.stopPropagation();\n        this.isOver.set(true);\n    }\n\n    onDragLeave(event: DragEvent): void {\n        event.preventDefault();\n        event.stopPropagation();\n        this.isOver.set(false);\n    }\n\n    onDrop(event: DragEvent): void {\n        event.preventDefault();\n        event.stopPropagation();\n        this.isOver.set(false);\n\n        // TODO: const droppedFiles = event.dataTransfer!.files;\n    }\n\n    protected _getValue(): any {\n        return this.currentFiles();\n    }\n\n    protected _updateValue(value: any): void {\n        this.currentFiles.set(value);\n    }\n\n    private getFileErrors(file: File): string[] {\n        const extension = `.${file.name.split('.').pop() || ''}`;\n        const fileSizeInKB = Math.round(file.size / 1024);\n        const errors: string[] = [];\n\n        if (this.allowedExtensions() !== '*' && !this.allowedExtensions().includes(extension)) {\n            errors.push(\n                this._textService.getText(\n                    { text: 'UpDevs.FormControls.FileUpload.ExtensionNotAllowed', isTranslated: false },\n                    {\n                        fileName: file.name,\n                        extension,\n                        hasMultipleExt: this.allowedExtensions().includes(','),\n                        allowedExtensions: this.allowedExtensions()\n                    }\n                )\n            );\n        }\n\n        if (!!this.minFileSize() && fileSizeInKB < this.minFileSize()!) {\n            errors.push(\n                this._textService.getText(\n                    { text: 'UpDevs.FormControls.FileUpload.MinSizeNotMet', isTranslated: false },\n                    {\n                        fileName: file.name,\n                        fileSize: Tools.Text.formatKilobytes(fileSizeInKB),\n                        minAllowedSize: Tools.Text.formatKilobytes(this.minFileSize()!)\n                    }\n                )\n            );\n        }\n\n        if (!!this.maxFileSize() && fileSizeInKB > this.maxFileSize()!) {\n            errors.push(\n                this._textService.getText(\n                    { text: 'UpDevs.FormControls.FileUpload.MaxSizeExceeded', isTranslated: false },\n                    {\n                        fileName: file.name,\n                        fileSize: Tools.Text.formatKilobytes(fileSizeInKB),\n                        maxAllowedSize: Tools.Text.formatKilobytes(this.maxFileSize()!)\n                    }\n                )\n            );\n        }\n\n        return errors;\n    }\n}\n","<input class=\"d-none\" [attr.id]=\"name()\" [attr.name]=\"name()\" type=\"file\" [attr.multiple]=\"isMultiple() ? true : undefined\"\n    [accept]=\"allowedExtensions()\" (change)=\"onFileChange($event)\" />\n\n<div class=\"row\">\n    <ng-container *transloco=\"let t; prefix: 'UpDevs.FormControls.FileUpload'\">\n        @if (!!labelText) {\n            <div [ngClass]=\"labelSizeClasses()\">\n                <label [class.required]=\"isRequired()\">{{ labelText }}</label>\n\n                @if (!!hintText || !!this.hintTemplate()) {\n                    <ng-template [ngTemplateOutlet]=\"hintTpl\"></ng-template>\n                }\n            </div>\n        }\n\n        @if (supportsAdvancedUpload && allowFilesDrop()) {\n            <div class=\"d-flex flex-column border rounded-2 p-2 w-100 h-100\" [ngClass]=\"validationStatusBorderClass()\"\n                [class.bg-muted-lt]=\"!isOver()\" [class.bg-primary-lt]=\"isOver()\" (drag)=\"onDrag($event)\" (dragstart)=\"onDragStart($event)\"\n                (dragend)=\"onDragEnd($event)\" (dragover)=\"onDragOver($event)\" (dragenter)=\"onDragEnter($event)\"\n                (dragleave)=\"onDragLeave($event)\" (drop)=\"onDrop($event)\">\n                @if (!!titleText) {\n                    <span class=\"fw-bold align-self-center cursor-pointer\" [innerHTML]=\"titleText\"></span>\n                }\n\n                <label [for]=\"name()\" class=\"text-secondary align-self-center cursor-pointer\" [innerHTML]=\"dropDescriptionText\"></label>\n\n                @if (!labelText && (!!hintText || !!this.hintTemplate())) {\n                    <ng-template [ngTemplateOutlet]=\"hintTpl\"></ng-template>\n                }\n            </div>\n        } @else {\n            @if (!labelText && (!!hintText || !!this.hintTemplate())) {\n                <div class=\"row g-2\">\n                    <div class=\"col\">\n                        <ng-template [ngTemplateOutlet]=\"inputTpl\"></ng-template>\n                    </div>\n                    <div class=\"col-auto align-self-center\">\n                        <ng-template [ngTemplateOutlet]=\"hintTpl\"></ng-template>\n                    </div>\n                </div>\n            } @else {\n                <ng-template [ngTemplateOutlet]=\"inputTpl\"></ng-template>\n            }\n        }\n        @if (validationStatus() === 'invalid' && errorsList().length > 0) {\n            @for (desc of errorsList(); track desc) {\n                <div class=\"invalid-feedback\">{{ desc }}</div>\n            }\n        }\n\n        <ng-template #inputTpl>\n            <div class=\"input-group col\">\n                <label class=\"input-group-text cursor-pointer\" [ngClass]=\"validationStatusBorderClass()\" [for]=\"name()\">\n                    {{ t('SelectFile', { isMultiple: isMultiple() }) }}\n                </label>\n                <input type=\"text\" class=\"form-control text-truncate\" [class.border-end-0]=\"!!firstFileName()\"\n                    [value]=\"firstFileName() || ''\"\n                    [ngClass]=\"validationStatusClass()\" placeholder=\"{{ t('NoFileSelected', { isMultiple: isMultiple() }) }}\"\n                    [attr.disabled]=\"isDisabled() || undefined\" readonly>\n\n                @if (!!firstFileName()) {\n                    <div class=\"input-group-text bg-transparent\" [ngClass]=\"validationStatusBorderClass()\">\n                        <upd-button [shouldIgnoreBtnClass]=\"true\" (clicked)=\"removeFile()\" customClasses=\"link-secondary cursor-pointer\">\n                            <upd-icon tablerIcon=\"trash\" [tablerIconSize]=\"18\"></upd-icon>\n                        </upd-button>\n                    </div>\n                }\n            </div>\n        </ng-template>\n    </ng-container>\n</div>\n\n<ng-template #hintTpl>\n    <span class=\"form-help ms-2\" [updPopover]=\"hintText\" [updPopoverTemplate]=\"hintTemplate()\" [updPopoverActAsTooltip]=\"hintAsTooltip()\">\n        ?\n    </span>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TranslocoModule, TranslocoService } from '@jsverse/transloco';\nimport { UpdIconsModule } from '@updevs/icons';\nimport { UpdButtonModule } from '@updevs/components/button';\nimport { UpdPopoverModule } from '@updevs/components/popover';\n\nimport * as en from './assets/i18n/en.json';\nimport * as pt from './assets/i18n/pt.json';\nimport { FileUploadComponent } from './file-upload.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TranslocoModule,\n        UpdButtonModule,\n        UpdIconsModule,\n        UpdPopoverModule\n    ],\n    declarations: [\n        FileUploadComponent\n    ],\n    exports: [\n        FileUploadComponent\n    ]\n})\nexport class UpdFileUploadModule {\n    constructor(translocoService: TranslocoService) {\n        translocoService.setFallbackLangForMissingTranslation({ fallbackLang: 'en' });\n        translocoService.setTranslation(en, 'en');\n        translocoService.setTranslation(pt, 'pt');\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2","en","pt","i1"],"mappings":"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"}

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

@@ -108,12 +108,22 @@ class InputComponent extends BaseControl {
         if (!evt.target) {
             return;
         }
-        this.valueChange.emit(evt.target.value);
+        const newValue = evt.target.value;
+        this.value = newValue;
+        this.valueChange.emit(newValue);
+        this._updateFormControl(newValue, true);
     }
     focus() {
         this.inputElement?.nativeElement.focus();
         this.maskedInputElement?.nativeElement.focus();
     }
+    _getValue() {
+        return this.value;
+    }
+    _updateValue(value) {
+        this.value = value || '';
+        this.valueChange.emit(this.value);
+    }
     updateClasses() {
         const lClasses = !this.isPlainText ? ['form-control'] : ['form-control-plaintext'];
         if (this.isRound) {

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

@@ -1 +1 @@
-{"version":3,"file":"updevs-components-form-controls-input.mjs","sources":["../../../../libs/components/form-controls/input/src/directives/input-append.directive.ts","../../../../libs/components/form-controls/input/src/directives/input-prepend.directive.ts","../../../../libs/components/form-controls/input/src/input.component.ts","../../../../libs/components/form-controls/input/src/input.component.html","../../../../libs/components/form-controls/input/src/upd-input.module.ts","../../../../libs/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    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    readonly templateRef = inject(TemplateRef<any>);\n}\n","import {\n    Component,\n    ViewEncapsulation,\n    Input,\n    SimpleChanges,\n    OnInit,\n    OnChanges,\n    ContentChild,\n    HostBinding,\n    Output,\n    EventEmitter,\n    ViewChild,\n    ElementRef\n} from '@angular/core';\nimport { IconModel } from '@updevs/icons';\nimport { UpdMaskConfig } from '@updevs/sdk/mask';\nimport { ComponentSizeType, HorizontalVerticalType, ColumnSizeHelper } from '@updevs/components';\nimport { BaseControl } from '@updevs/components/form-controls/abstractions';\nimport { Subject } from 'rxjs';\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 extends BaseControl implements OnInit, OnChanges {\n    @HostBinding('class') hostWrapperClasses = '';\n    @ViewChild('inputEl', { read: ElementRef<HTMLInputElement> }) inputElement?: ElementRef<HTMLInputElement>;\n    @ViewChild('maskedInputEl', { read: ElementRef<HTMLInputElement> }) maskedInputElement?: ElementRef<HTMLInputElement>;\n    @ContentChild(InputAppendDirective) appendTemplate?: InputAppendDirective;\n    @ContentChild(InputPrependDirective) prependTemplate?: InputPrependDirective;\n\n    @Input() type: InputType = 'text';\n    @Input() mask?: string;\n    @Input() maskConfig?: UpdMaskConfig;\n    @Input() value?: any;\n    @Input() size: ComponentSizeType = 'default';\n    @Input() customClasses?: string;\n    @Input() wrapperClasses?: string;\n    @Input() maxLength?: number;\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() loaderPosition: LoaderPositionType = 'append';\n    @Input() prependIconModel?: IconModel;\n    @Input() appendIconModel?: IconModel;\n    @Input() isValidationStatusLight = false;\n    @Input() layout: HorizontalVerticalType = 'vertical';\n\n    @Output() readonly valueChange = new EventEmitter<any>();\n    @Output() readonly blurred = new EventEmitter<void>();\n    /**\n     * Emitted when any key is pressed.\n     */\n    @Output() readonly keyDown = new EventEmitter<any>();\n    /**\n     * Emitted when the ESC key is pressed.\n     */\n    @Output() readonly keyDownEsc = new EventEmitter<void>();\n    /**\n     * Emitted when the ENTER key is released.\n     */\n    @Output() readonly keyUpEnter = new EventEmitter<void>();\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    get labelSizeClasses(): string {\n        if (this.layout !== 'horizontal') {\n            return 'form-label';\n        }\n\n        return ColumnSizeHelper.getClasses(\n            'col-form-label',\n            ColumnSizeHelper.getSizeClasses(this.labelColSize(), 3)\n        );\n    }\n    get validationClass(): string {\n        return !!this.validationStatus() ? `is-${this.validationStatus()}` : '';\n    }\n    get validationBorderClass(): string {\n        return !!this.validationStatus() ? `border-${this.validationStatus() === 'invalid' ? 'danger' : 'success'}` : '';\n    }\n\n    readonly valueChangedSub = new Subject<string>();\n\n    ngOnInit(): void {\n        this.updateClasses();\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        this.updateClasses();\n\n        if (changes['value'] && !!this.mask) {\n            this.valueChangedSub.next(changes['value'].currentValue);\n        }\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    focus(): void {\n        this.inputElement?.nativeElement.focus();\n        this.maskedInputElement?.nativeElement.focus();\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.layout === 'horizontal') {\n            this.hostWrapperClasses = 'row';\n        }\n\n        if (!!this.wrapperClasses) {\n            this.hostWrapperClasses += ` ${this.wrapperClasses}`;\n        }\n\n        if (this.isFloating) {\n            this.hostWrapperClasses += ' form-floating';\n        }\n\n        this.classes = [\n            ...lClasses,\n            ...(this.customClasses || '').split(' '),\n            this.layout === 'horizontal' ? 'col' : ''\n        ];\n    }\n}\n","@if (!!appendTemplate || !!prependTemplate) {\n    <ng-template [ngTemplateOutlet]=\"labelTpl\"></ng-template>\n    <div class=\"input-group\" [class.input-group-flat]=\"isInputGroupFlat\" [ngClass]=\"validationClass\">\n        @if (!!prependTemplate) {\n            @if (!isPrependButton) {\n                <div class=\"input-group-text\" [ngClass]=\"validationBorderClass\">\n                    <ng-template [ngTemplateOutlet]=\"prependTemplate.templateRef\"></ng-template>\n                </div>\n            } @else {\n                <ng-template [ngTemplateOutlet]=\"prependTemplate.templateRef\"></ng-template>\n            }\n        }\n\n        <ng-template [ngTemplateOutlet]=\"inputTpl\"></ng-template>\n\n        @if (!!appendTemplate) {\n            @if (!isAppendButton) {\n                <div class=\"input-group-text\" [ngClass]=\"validationBorderClass\">\n                    <ng-template [ngTemplateOutlet]=\"appendTemplate.templateRef\"></ng-template>\n                </div>\n            } @else {\n                <ng-template [ngTemplateOutlet]=\"appendTemplate.templateRef\"></ng-template>\n            }\n        }\n    </div>\n\n    <ng-template [ngTemplateOutlet]=\"feedbackTpl\"></ng-template>\n} @else if (!!prependIconModel || !!appendIconModel || isLoading) {\n    <ng-template [ngTemplateOutlet]=\"inputIconTpl\"></ng-template>\n} @else {\n    <ng-template [ngTemplateOutlet]=\"inputTpl\"></ng-template>\n    <ng-template [ngTemplateOutlet]=\"feedbackTpl\"></ng-template>\n}\n\n<ng-template #inputTpl>\n    @if (shouldDisplayInnerLabel && !isFloating) {\n        <ng-template [ngTemplateOutlet]=\"labelTpl\"></ng-template>\n    }\n\n    <ng-template [ngTemplateOutlet]=\"basicInputTpl\"></ng-template>\n\n    @if (shouldDisplayInnerLabel && isFloating) {\n        <ng-template [ngTemplateOutlet]=\"labelTpl\"></ng-template>\n    }\n</ng-template>\n\n<ng-template #inputIconTpl>\n    <ng-template [ngTemplateOutlet]=\"labelTpl\"></ng-template>\n    <div [class.col]=\"layout === 'horizontal'\" [class.input-icon]=\"layout === 'vertical'\">\n        @if (layout === 'horizontal') {\n            <div class=\"input-icon\">\n                <ng-template [ngTemplateOutlet]=\"inputIconBaseTpl\"></ng-template>\n            </div>\n        } @else {\n            <ng-template [ngTemplateOutlet]=\"inputIconBaseTpl\"></ng-template>\n        }\n    </div>\n</ng-template>\n\n<ng-template #inputIconBaseTpl>\n    @if (!!prependIconModel || (isLoading && loaderPosition === 'prepend')) {\n        <span class=\"input-icon-addon\">\n            @if (!!prependIconModel) {\n                <upd-icon [model]=\"prependIconModel\"></upd-icon>\n            } @else {\n                <ng-template [ngTemplateOutlet]=\"loaderTpl\"></ng-template>\n            }\n        </span>\n    }\n\n    <ng-template [ngTemplateOutlet]=\"inputTpl\"></ng-template>\n    <ng-template [ngTemplateOutlet]=\"feedbackTpl\"></ng-template>\n\n    @if (!!appendIconModel || (isLoading && loaderPosition === 'append')) {\n        <span class=\"input-icon-addon\">\n            @if (!!appendIconModel) {\n                <upd-icon [model]=\"appendIconModel\"></upd-icon>\n            } @else {\n                <ng-template [ngTemplateOutlet]=\"loaderTpl\"></ng-template>\n            }\n        </span>\n    }\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    @if (!!mask) {\n        <input #maskedInputEl [updMask]=\"mask\" [updMaskConfig]=\"maskConfig\" [updateMaskValueSubject]=\"valueChangedSub\" [attr.type]=\"type\"\n            [attr.maxlength]=\"maxLength\" [disabled]=\"isDisabled()\" [ngClass]=\"classes\" [placeholder]=\"placeholderText\" [value]=\"value || ''\"\n            [attr.name]=\"name()\" [attr.readonly]=\"isReadOnly ? '' : undefined\" (input)=\"onInputChange($event)\" (blur)=\"blurred.emit()\"\n            (keydown)=\"keyDown.emit($event)\" (keydown.escape)=\"keyDownEsc.emit()\" (keyup.enter)=\"keyUpEnter.emit()\" />\n    } @else {\n        <input #inputEl [attr.type]=\"type\" [attr.maxlength]=\"maxLength\" [disabled]=\"isDisabled()\" [ngClass]=\"classes\"\n            [placeholder]=\"placeholderText\" [value]=\"value || ''\" [attr.name]=\"name()\" [attr.readonly]=\"isReadOnly ? '' : undefined\"\n            (input)=\"onInputChange($event)\" (blur)=\"blurred.emit()\" (keydown)=\"keyDown.emit($event)\" (keydown.escape)=\"keyDownEsc.emit()\"\n            (keyup.enter)=\"keyUpEnter.emit()\" />\n    }\n</ng-template>\n\n<ng-template #feedbackTpl>\n    @if (validationStatus() === 'invalid' && validationStatusTexts.length > 0) {\n        @for (desc of validationStatusTexts; track desc) {\n            <div class=\"invalid-feedback\">{{ desc }}</div>\n        }\n    }\n</ng-template>\n\n<ng-template #hintTpl>\n    <span class=\"form-help ms-2\" [updPopover]=\"hintText\" [updPopoverTemplate]=\"hintTemplate()\" [updPopoverActAsTooltip]=\"hintAsTooltip()\">\n        ?\n    </span>\n</ng-template>\n\n<ng-template #labelTpl>\n    @if (!!labelText && !isFloating) {\n        <div [ngClass]=\"labelSizeClasses\">\n            <label [class.required]=\"isRequired()\">{{ labelText }}</label>\n\n            @if (!!hintText || !!this.hintTemplate()) {\n                <ng-template [ngTemplateOutlet]=\"hintTpl\"></ng-template>\n            }\n        </div>\n    } @else if (!!labelText) {\n        <label [ngClass]=\"labelSizeClasses\" [class.required]=\"isRequired()\">{{ labelText }}</label>\n    }\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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"}
+{"version":3,"file":"updevs-components-form-controls-input.mjs","sources":["../../../../libs/components/form-controls/input/src/directives/input-append.directive.ts","../../../../libs/components/form-controls/input/src/directives/input-prepend.directive.ts","../../../../libs/components/form-controls/input/src/input.component.ts","../../../../libs/components/form-controls/input/src/input.component.html","../../../../libs/components/form-controls/input/src/upd-input.module.ts","../../../../libs/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    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    readonly templateRef = inject(TemplateRef<any>);\n}\n","import {\n    Component,\n    ViewEncapsulation,\n    Input,\n    SimpleChanges,\n    OnInit,\n    OnChanges,\n    ContentChild,\n    HostBinding,\n    Output,\n    EventEmitter,\n    ViewChild,\n    ElementRef\n} from '@angular/core';\nimport { IconModel } from '@updevs/icons';\nimport { UpdMaskConfig } from '@updevs/sdk/mask';\nimport { ComponentSizeType, HorizontalVerticalType, ColumnSizeHelper } from '@updevs/components';\nimport { BaseControl } from '@updevs/components/form-controls/abstractions';\nimport { Subject } from 'rxjs';\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 extends BaseControl implements OnInit, OnChanges {\n    @HostBinding('class') hostWrapperClasses = '';\n    @ViewChild('inputEl', { read: ElementRef<HTMLInputElement> }) inputElement?: ElementRef<HTMLInputElement>;\n    @ViewChild('maskedInputEl', { read: ElementRef<HTMLInputElement> }) maskedInputElement?: ElementRef<HTMLInputElement>;\n    @ContentChild(InputAppendDirective) appendTemplate?: InputAppendDirective;\n    @ContentChild(InputPrependDirective) prependTemplate?: InputPrependDirective;\n\n    @Input() type: InputType = 'text';\n    @Input() mask?: string;\n    @Input() maskConfig?: UpdMaskConfig;\n    @Input() value?: any;\n    @Input() size: ComponentSizeType = 'default';\n    @Input() customClasses?: string;\n    @Input() wrapperClasses?: string;\n    @Input() maxLength?: number;\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() loaderPosition: LoaderPositionType = 'append';\n    @Input() prependIconModel?: IconModel;\n    @Input() appendIconModel?: IconModel;\n    @Input() isValidationStatusLight = false;\n    @Input() layout: HorizontalVerticalType = 'vertical';\n\n    @Output() readonly valueChange = new EventEmitter<any>();\n    @Output() readonly blurred = new EventEmitter<void>();\n    /**\n     * Emitted when any key is pressed.\n     */\n    @Output() readonly keyDown = new EventEmitter<any>();\n    /**\n     * Emitted when the ESC key is pressed.\n     */\n    @Output() readonly keyDownEsc = new EventEmitter<void>();\n    /**\n     * Emitted when the ENTER key is released.\n     */\n    @Output() readonly keyUpEnter = new EventEmitter<void>();\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    get labelSizeClasses(): string {\n        if (this.layout !== 'horizontal') {\n            return 'form-label';\n        }\n\n        return ColumnSizeHelper.getClasses(\n            'col-form-label',\n            ColumnSizeHelper.getSizeClasses(this.labelColSize(), 3)\n        );\n    }\n    get validationClass(): string {\n        return !!this.validationStatus() ? `is-${this.validationStatus()}` : '';\n    }\n    get validationBorderClass(): string {\n        return !!this.validationStatus() ? `border-${this.validationStatus() === 'invalid' ? 'danger' : 'success'}` : '';\n    }\n\n    readonly valueChangedSub = new Subject<string>();\n\n    ngOnInit(): void {\n        this.updateClasses();\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        this.updateClasses();\n\n        if (changes['value'] && !!this.mask) {\n            this.valueChangedSub.next(changes['value'].currentValue);\n        }\n    }\n\n    onInputChange(evt: Event): void {\n        if (!evt.target) {\n            return;\n        }\n\n        const newValue = (evt.target as any).value;\n        this.value = newValue;\n\n        this.valueChange.emit(newValue);\n        this._updateFormControl(newValue, true);\n    }\n\n    focus(): void {\n        this.inputElement?.nativeElement.focus();\n        this.maskedInputElement?.nativeElement.focus();\n    }\n\n    protected _getValue(): any {\n        return this.value;\n    }\n\n    protected _updateValue(value: any): void {\n        this.value = value || '';\n        this.valueChange.emit(this.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.layout === 'horizontal') {\n            this.hostWrapperClasses = 'row';\n        }\n\n        if (!!this.wrapperClasses) {\n            this.hostWrapperClasses += ` ${this.wrapperClasses}`;\n        }\n\n        if (this.isFloating) {\n            this.hostWrapperClasses += ' form-floating';\n        }\n\n        this.classes = [\n            ...lClasses,\n            ...(this.customClasses || '').split(' '),\n            this.layout === 'horizontal' ? 'col' : ''\n        ];\n    }\n}\n","@if (!!appendTemplate || !!prependTemplate) {\n    <ng-template [ngTemplateOutlet]=\"labelTpl\"></ng-template>\n    <div class=\"input-group\" [class.input-group-flat]=\"isInputGroupFlat\" [ngClass]=\"validationClass\">\n        @if (!!prependTemplate) {\n            @if (!isPrependButton) {\n                <div class=\"input-group-text\" [ngClass]=\"validationBorderClass\">\n                    <ng-template [ngTemplateOutlet]=\"prependTemplate.templateRef\"></ng-template>\n                </div>\n            } @else {\n                <ng-template [ngTemplateOutlet]=\"prependTemplate.templateRef\"></ng-template>\n            }\n        }\n\n        <ng-template [ngTemplateOutlet]=\"inputTpl\"></ng-template>\n\n        @if (!!appendTemplate) {\n            @if (!isAppendButton) {\n                <div class=\"input-group-text\" [ngClass]=\"validationBorderClass\">\n                    <ng-template [ngTemplateOutlet]=\"appendTemplate.templateRef\"></ng-template>\n                </div>\n            } @else {\n                <ng-template [ngTemplateOutlet]=\"appendTemplate.templateRef\"></ng-template>\n            }\n        }\n    </div>\n\n    <ng-template [ngTemplateOutlet]=\"feedbackTpl\"></ng-template>\n} @else if (!!prependIconModel || !!appendIconModel || isLoading) {\n    <ng-template [ngTemplateOutlet]=\"inputIconTpl\"></ng-template>\n} @else {\n    <ng-template [ngTemplateOutlet]=\"inputTpl\"></ng-template>\n    <ng-template [ngTemplateOutlet]=\"feedbackTpl\"></ng-template>\n}\n\n<ng-template #inputTpl>\n    @if (shouldDisplayInnerLabel && !isFloating) {\n        <ng-template [ngTemplateOutlet]=\"labelTpl\"></ng-template>\n    }\n\n    <ng-template [ngTemplateOutlet]=\"basicInputTpl\"></ng-template>\n\n    @if (shouldDisplayInnerLabel && isFloating) {\n        <ng-template [ngTemplateOutlet]=\"labelTpl\"></ng-template>\n    }\n</ng-template>\n\n<ng-template #inputIconTpl>\n    <ng-template [ngTemplateOutlet]=\"labelTpl\"></ng-template>\n    <div [class.col]=\"layout === 'horizontal'\" [class.input-icon]=\"layout === 'vertical'\">\n        @if (layout === 'horizontal') {\n            <div class=\"input-icon\">\n                <ng-template [ngTemplateOutlet]=\"inputIconBaseTpl\"></ng-template>\n            </div>\n        } @else {\n            <ng-template [ngTemplateOutlet]=\"inputIconBaseTpl\"></ng-template>\n        }\n    </div>\n</ng-template>\n\n<ng-template #inputIconBaseTpl>\n    @if (!!prependIconModel || (isLoading && loaderPosition === 'prepend')) {\n        <span class=\"input-icon-addon\">\n            @if (!!prependIconModel) {\n                <upd-icon [model]=\"prependIconModel\"></upd-icon>\n            } @else {\n                <ng-template [ngTemplateOutlet]=\"loaderTpl\"></ng-template>\n            }\n        </span>\n    }\n\n    <ng-template [ngTemplateOutlet]=\"inputTpl\"></ng-template>\n    <ng-template [ngTemplateOutlet]=\"feedbackTpl\"></ng-template>\n\n    @if (!!appendIconModel || (isLoading && loaderPosition === 'append')) {\n        <span class=\"input-icon-addon\">\n            @if (!!appendIconModel) {\n                <upd-icon [model]=\"appendIconModel\"></upd-icon>\n            } @else {\n                <ng-template [ngTemplateOutlet]=\"loaderTpl\"></ng-template>\n            }\n        </span>\n    }\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    @if (!!mask) {\n        <input #maskedInputEl [updMask]=\"mask\" [updMaskConfig]=\"maskConfig\" [updateMaskValueSubject]=\"valueChangedSub\" [attr.type]=\"type\"\n            [attr.maxlength]=\"maxLength\" [disabled]=\"isDisabled()\" [ngClass]=\"classes\" [placeholder]=\"placeholderText\" [value]=\"value || ''\"\n            [attr.name]=\"name()\" [attr.readonly]=\"isReadOnly ? '' : undefined\" (input)=\"onInputChange($event)\" (blur)=\"blurred.emit()\"\n            (keydown)=\"keyDown.emit($event)\" (keydown.escape)=\"keyDownEsc.emit()\" (keyup.enter)=\"keyUpEnter.emit()\" />\n    } @else {\n        <input #inputEl [attr.type]=\"type\" [attr.maxlength]=\"maxLength\" [disabled]=\"isDisabled()\" [ngClass]=\"classes\"\n            [placeholder]=\"placeholderText\" [value]=\"value || ''\" [attr.name]=\"name()\" [attr.readonly]=\"isReadOnly ? '' : undefined\"\n            (input)=\"onInputChange($event)\" (blur)=\"blurred.emit()\" (keydown)=\"keyDown.emit($event)\" (keydown.escape)=\"keyDownEsc.emit()\"\n            (keyup.enter)=\"keyUpEnter.emit()\" />\n    }\n</ng-template>\n\n<ng-template #feedbackTpl>\n    @if (validationStatus() === 'invalid' && validationStatusTexts.length > 0) {\n        @for (desc of validationStatusTexts; track desc) {\n            <div class=\"invalid-feedback\">{{ desc }}</div>\n        }\n    }\n</ng-template>\n\n<ng-template #hintTpl>\n    <span class=\"form-help ms-2\" [updPopover]=\"hintText\" [updPopoverTemplate]=\"hintTemplate()\" [updPopoverActAsTooltip]=\"hintAsTooltip()\">\n        ?\n    </span>\n</ng-template>\n\n<ng-template #labelTpl>\n    @if (!!labelText && !isFloating) {\n        <div [ngClass]=\"labelSizeClasses\">\n            <label [class.required]=\"isRequired()\">{{ labelText }}</label>\n\n            @if (!!hintText || !!this.hintTemplate()) {\n                <ng-template [ngTemplateOutlet]=\"hintTpl\"></ng-template>\n            }\n        </div>\n    } @else if (!!labelText) {\n        <label [ngClass]=\"labelSizeClasses\" [class.required]=\"isRequired()\">{{ labelText }}</label>\n    }\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

@@ -22,6 +22,17 @@ class RadioComponent extends BaseControl {
     ngOnChanges() {
         this.updateClasses();
     }
+    onRadioChange(event) {
+        this.isChecked = event.target.checked;
+        this._updateFormControl(this.isChecked, true);
+        this.selected.emit();
+    }
+    _getValue() {
+        return this.isChecked;
+    }
+    _updateValue(value) {
+        this.isChecked = !!value;
+    }
     updateClasses() {
         const lClasses = ['form-check-input'];
         if (!!this.validationStatus()) {
@@ -31,11 +42,11 @@ class RadioComponent extends BaseControl {
         this.classes = [...lClasses, ...(this.customClasses || '').split(' ')];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: RadioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: RadioComponent, selector: "upd-radio", inputs: { wrapperClasses: "wrapperClasses", value: "value", customClasses: "customClasses", isChecked: "isChecked", isInline: "isInline" }, outputs: { selected: "selected" }, host: { properties: { "class": "this.wrapperClasses" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<label class=\"form-check\" [class.form-check-inline]=\"isInline\">\n    @if (!!hintText || !!hintTemplate()) {\n        <div class=\"row g-2\">\n            <div class=\"col-auto\">\n                <ng-template [ngTemplateOutlet]=\"contentTpl\"></ng-template>\n            </div>\n            <div class=\"col-auto align-self-center\">\n                <span class=\"form-help\" [updPopover]=\"hintText\" [updPopoverTemplate]=\"hintTemplate()\"\n                    [updPopoverActAsTooltip]=\"hintAsTooltip()\">\n                    ?\n                </span>\n            </div>\n        </div>\n    } @else {\n        <ng-template [ngTemplateOutlet]=\"contentTpl\"></ng-template>\n    }\n</label>\n\n<ng-template #contentTpl>\n    <input type=\"radio\" (change)=\"selected.emit()\" [disabled]=\"isDisabled()\" [ngClass]=\"classes\" [value]=\"value\" [attr.name]=\"name()\"\n        [attr.readonly]=\"isDisabled() ? '' : undefined\" [checked]=\"isChecked\">\n\n    @if (!!labelText) {\n        <span class=\"form-check-label\">{{ labelText }}</span>\n    }\n\n    @if (!!descriptionText) {\n        <span class=\"form-check-description\">{{ descriptionText }}</span>\n    }\n\n    @if (validationStatus() === 'invalid' && !!validationStatusTexts) {\n        <div class=\"invalid-feedback\">{{ validationStatusTexts }}</div>\n    }\n</ng-template>\n\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.PopoverDirective, selector: "[updPopover]", inputs: ["updPopover", "updPopoverTitle", "updPopoverTitleTemplate", "updPopoverTemplate", "updPopoverPlacement", "updPopoverCustomClasses", "updPopoverActAsTooltip"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: RadioComponent, selector: "upd-radio", inputs: { wrapperClasses: "wrapperClasses", value: "value", customClasses: "customClasses", isChecked: "isChecked", isInline: "isInline" }, outputs: { selected: "selected" }, host: { properties: { "class": "this.wrapperClasses" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<label class=\"form-check\" [class.form-check-inline]=\"isInline\">\n    @if (!!hintText || !!hintTemplate()) {\n        <div class=\"row g-2\">\n            <div class=\"col-auto\">\n                <ng-template [ngTemplateOutlet]=\"contentTpl\"></ng-template>\n            </div>\n            <div class=\"col-auto align-self-center\">\n                <span class=\"form-help\" [updPopover]=\"hintText\" [updPopoverTemplate]=\"hintTemplate()\"\n                    [updPopoverActAsTooltip]=\"hintAsTooltip()\">\n                    ?\n                </span>\n            </div>\n        </div>\n    } @else {\n        <ng-template [ngTemplateOutlet]=\"contentTpl\"></ng-template>\n    }\n</label>\n\n<ng-template #contentTpl>\n    <input type=\"radio\" (change)=\"onRadioChange($event)\" [disabled]=\"isDisabled()\" [ngClass]=\"classes\" [value]=\"value\" [attr.name]=\"name()\"\n        [attr.readonly]=\"isDisabled() ? '' : undefined\" [checked]=\"isChecked\">\n\n    @if (!!labelText) {\n        <span class=\"form-check-label\">{{ labelText }}</span>\n    }\n\n    @if (!!descriptionText) {\n        <span class=\"form-check-description\">{{ descriptionText }}</span>\n    }\n\n    @if (validationStatus() === 'invalid' && !!validationStatusTexts) {\n        <div class=\"invalid-feedback\">{{ validationStatusTexts }}</div>\n    }\n</ng-template>\n\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.PopoverDirective, selector: "[updPopover]", inputs: ["updPopover", "updPopoverTitle", "updPopoverTitleTemplate", "updPopoverTemplate", "updPopoverPlacement", "updPopoverCustomClasses", "updPopoverActAsTooltip"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", 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    @if (!!hintText || !!hintTemplate()) {\n        <div class=\"row g-2\">\n            <div class=\"col-auto\">\n                <ng-template [ngTemplateOutlet]=\"contentTpl\"></ng-template>\n            </div>\n            <div class=\"col-auto align-self-center\">\n                <span class=\"form-help\" [updPopover]=\"hintText\" [updPopoverTemplate]=\"hintTemplate()\"\n                    [updPopoverActAsTooltip]=\"hintAsTooltip()\">\n                    ?\n                </span>\n            </div>\n        </div>\n    } @else {\n        <ng-template [ngTemplateOutlet]=\"contentTpl\"></ng-template>\n    }\n</label>\n\n<ng-template #contentTpl>\n    <input type=\"radio\" (change)=\"selected.emit()\" [disabled]=\"isDisabled()\" [ngClass]=\"classes\" [value]=\"value\" [attr.name]=\"name()\"\n        [attr.readonly]=\"isDisabled() ? '' : undefined\" [checked]=\"isChecked\">\n\n    @if (!!labelText) {\n        <span class=\"form-check-label\">{{ labelText }}</span>\n    }\n\n    @if (!!descriptionText) {\n        <span class=\"form-check-description\">{{ descriptionText }}</span>\n    }\n\n    @if (validationStatus() === 'invalid' && !!validationStatusTexts) {\n        <div class=\"invalid-feedback\">{{ validationStatusTexts }}</div>\n    }\n</ng-template>\n\n" }]
+            args: [{ selector: 'upd-radio', encapsulation: ViewEncapsulation.None, template: "<label class=\"form-check\" [class.form-check-inline]=\"isInline\">\n    @if (!!hintText || !!hintTemplate()) {\n        <div class=\"row g-2\">\n            <div class=\"col-auto\">\n                <ng-template [ngTemplateOutlet]=\"contentTpl\"></ng-template>\n            </div>\n            <div class=\"col-auto align-self-center\">\n                <span class=\"form-help\" [updPopover]=\"hintText\" [updPopoverTemplate]=\"hintTemplate()\"\n                    [updPopoverActAsTooltip]=\"hintAsTooltip()\">\n                    ?\n                </span>\n            </div>\n        </div>\n    } @else {\n        <ng-template [ngTemplateOutlet]=\"contentTpl\"></ng-template>\n    }\n</label>\n\n<ng-template #contentTpl>\n    <input type=\"radio\" (change)=\"onRadioChange($event)\" [disabled]=\"isDisabled()\" [ngClass]=\"classes\" [value]=\"value\" [attr.name]=\"name()\"\n        [attr.readonly]=\"isDisabled() ? '' : undefined\" [checked]=\"isChecked\">\n\n    @if (!!labelText) {\n        <span class=\"form-check-label\">{{ labelText }}</span>\n    }\n\n    @if (!!descriptionText) {\n        <span class=\"form-check-description\">{{ descriptionText }}</span>\n    }\n\n    @if (validationStatus() === 'invalid' && !!validationStatusTexts) {\n        <div class=\"invalid-feedback\">{{ validationStatusTexts }}</div>\n    }\n</ng-template>\n\n" }]
         }], propDecorators: { wrapperClasses: [{
                 type: HostBinding,
                 args: ['class']

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

@@ -1 +1 @@
-{"version":3,"file":"updevs-components-form-controls-radio.mjs","sources":["../../../../libs/components/form-controls/radio/src/radio.component.ts","../../../../libs/components/form-controls/radio/src/radio.component.html","../../../../libs/components/form-controls/radio/src/upd-radio.module.ts","../../../../libs/components/form-controls/radio/src/updevs-components-form-controls-radio.ts"],"sourcesContent":["import { Component, OnInit, OnChanges, Input, HostBinding, ViewEncapsulation, Output, EventEmitter } from '@angular/core';\nimport { BaseControl } from '@updevs/components/form-controls/abstractions';\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 extends BaseControl implements OnInit, OnChanges {\n    @HostBinding('class') @Input() wrapperClasses = '';\n\n    @Input() value?: any;\n    @Input() customClasses?: string;\n    @Input() isChecked = false;\n    @Input() isInline = false;\n\n    @Output() readonly selected = new EventEmitter<void>();\n\n    classes: string[] = [];\n\n    ngOnInit(): void {\n        this.updateClasses();\n    }\n\n    ngOnChanges(): 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    @if (!!hintText || !!hintTemplate()) {\n        <div class=\"row g-2\">\n            <div class=\"col-auto\">\n                <ng-template [ngTemplateOutlet]=\"contentTpl\"></ng-template>\n            </div>\n            <div class=\"col-auto align-self-center\">\n                <span class=\"form-help\" [updPopover]=\"hintText\" [updPopoverTemplate]=\"hintTemplate()\"\n                    [updPopoverActAsTooltip]=\"hintAsTooltip()\">\n                    ?\n                </span>\n            </div>\n        </div>\n    } @else {\n        <ng-template [ngTemplateOutlet]=\"contentTpl\"></ng-template>\n    }\n</label>\n\n<ng-template #contentTpl>\n    <input type=\"radio\" (change)=\"selected.emit()\" [disabled]=\"isDisabled()\" [ngClass]=\"classes\" [value]=\"value\" [attr.name]=\"name()\"\n        [attr.readonly]=\"isDisabled() ? '' : undefined\" [checked]=\"isChecked\">\n\n    @if (!!labelText) {\n        <span class=\"form-check-label\">{{ labelText }}</span>\n    }\n\n    @if (!!descriptionText) {\n        <span class=\"form-check-description\">{{ descriptionText }}</span>\n    }\n\n    @if (validationStatus() === 'invalid' && !!validationStatusTexts) {\n        <div class=\"invalid-feedback\">{{ validationStatusTexts }}</div>\n    }\n</ng-template>\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { UpdPopoverModule } from '@updevs/components/popover';\n\nimport { RadioComponent } from './radio.component';\nimport { ReactiveFormsModule } from '@angular/forms';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        UpdPopoverModule,\n        ReactiveFormsModule\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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"}
+{"version":3,"file":"updevs-components-form-controls-radio.mjs","sources":["../../../../libs/components/form-controls/radio/src/radio.component.ts","../../../../libs/components/form-controls/radio/src/radio.component.html","../../../../libs/components/form-controls/radio/src/upd-radio.module.ts","../../../../libs/components/form-controls/radio/src/updevs-components-form-controls-radio.ts"],"sourcesContent":["import { Component, OnInit, OnChanges, Input, HostBinding, ViewEncapsulation, Output, EventEmitter } from '@angular/core';\nimport { BaseControl } from '@updevs/components/form-controls/abstractions';\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 extends BaseControl implements OnInit, OnChanges {\n    @HostBinding('class') @Input() wrapperClasses = '';\n\n    @Input() value?: any;\n    @Input() customClasses?: string;\n    @Input() isChecked = false;\n    @Input() isInline = false;\n\n    @Output() readonly selected = new EventEmitter<void>();\n\n    classes: string[] = [];\n\n    ngOnInit(): void {\n        this.updateClasses();\n    }\n\n    ngOnChanges(): void {\n        this.updateClasses();\n    }\n\n    onRadioChange(event: Event): void {\n        this.isChecked = (event.target as HTMLInputElement).checked;\n\n        this._updateFormControl(this.isChecked, true);\n        this.selected.emit();\n    }\n\n    protected _getValue(): any {\n        return this.isChecked;\n    }\n\n    protected _updateValue(value: any): void {\n        this.isChecked = !!value;\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    @if (!!hintText || !!hintTemplate()) {\n        <div class=\"row g-2\">\n            <div class=\"col-auto\">\n                <ng-template [ngTemplateOutlet]=\"contentTpl\"></ng-template>\n            </div>\n            <div class=\"col-auto align-self-center\">\n                <span class=\"form-help\" [updPopover]=\"hintText\" [updPopoverTemplate]=\"hintTemplate()\"\n                    [updPopoverActAsTooltip]=\"hintAsTooltip()\">\n                    ?\n                </span>\n            </div>\n        </div>\n    } @else {\n        <ng-template [ngTemplateOutlet]=\"contentTpl\"></ng-template>\n    }\n</label>\n\n<ng-template #contentTpl>\n    <input type=\"radio\" (change)=\"onRadioChange($event)\" [disabled]=\"isDisabled()\" [ngClass]=\"classes\" [value]=\"value\" [attr.name]=\"name()\"\n        [attr.readonly]=\"isDisabled() ? '' : undefined\" [checked]=\"isChecked\">\n\n    @if (!!labelText) {\n        <span class=\"form-check-label\">{{ labelText }}</span>\n    }\n\n    @if (!!descriptionText) {\n        <span class=\"form-check-description\">{{ descriptionText }}</span>\n    }\n\n    @if (validationStatus() === 'invalid' && !!validationStatusTexts) {\n        <div class=\"invalid-feedback\">{{ validationStatusTexts }}</div>\n    }\n</ng-template>\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { UpdPopoverModule } from '@updevs/components/popover';\n\nimport { RadioComponent } from './radio.component';\nimport { ReactiveFormsModule } from '@angular/forms';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        UpdPopoverModule,\n        ReactiveFormsModule\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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"}