@updevs/components 1.0.0-alpha.4 → 1.0.0-alpha.41

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

@@ -0,0 +1,53 @@
+import * as i0 from '@angular/core';
+import { input, inject, Directive } from '@angular/core';
+import { TextService } from '@updevs/sdk';
+import { Tools } from '@updevs/sdk/core';
+import { BaseComponent } from '@updevs/sdk/layout';
+
+class BaseControl extends BaseComponent {
+    constructor() {
+        super(...arguments);
+        this.name = input(Tools.Guid.generate());
+        this.placeholder = input();
+        this.label = input();
+        this.description = input();
+        this.validationStatusDescriptions = input([]);
+        this.labelColSize = input();
+        this.showValidStatus = input(false);
+        this.isRequired = input(false);
+        this.isDisabled = input(false);
+        this.hint = input();
+        this.hintTemplate = input();
+        this.hintAsTooltip = input(false);
+        this.validationStatus = input();
+        this._textService = inject(TextService);
+    }
+    get placeholderText() {
+        return this._textService.getText(this.placeholder());
+    }
+    get labelText() {
+        return this._textService.getText(this.label());
+    }
+    get descriptionText() {
+        return this._textService.getText(this.description());
+    }
+    get validationStatusTexts() {
+        return this.validationStatusDescriptions().map(desc => this._textService.getText(desc));
+    }
+    get hintText() {
+        return this._textService.getText(this.hint());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BaseControl, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.0", type: BaseControl, inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, validationStatusDescriptions: { classPropertyName: "validationStatusDescriptions", publicName: "validationStatusDescriptions", isSignal: true, isRequired: false, transformFunction: null }, labelColSize: { classPropertyName: "labelColSize", publicName: "labelColSize", isSignal: true, isRequired: false, transformFunction: null }, showValidStatus: { classPropertyName: "showValidStatus", publicName: "showValidStatus", isSignal: true, isRequired: false, transformFunction: null }, isRequired: { classPropertyName: "isRequired", publicName: "isRequired", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, hintTemplate: { classPropertyName: "hintTemplate", publicName: "hintTemplate", isSignal: true, isRequired: false, transformFunction: null }, hintAsTooltip: { classPropertyName: "hintAsTooltip", publicName: "hintAsTooltip", isSignal: true, isRequired: false, transformFunction: null }, validationStatus: { classPropertyName: "validationStatus", publicName: "validationStatus", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BaseControl, decorators: [{
+            type: Directive,
+            args: [{}]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BaseControl };
+//# sourceMappingURL=updevs-components-form-controls-abstractions.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"updevs-components-form-controls-abstractions.mjs","sources":["../../../../libs/components/form-controls/abstractions/src/base-control.ts","../../../../libs/components/form-controls/abstractions/src/updevs-components-form-controls-abstractions.ts"],"sourcesContent":["import { Directive, inject, TemplateRef, input } from '@angular/core';\nimport { TextModel, TextService } from '@updevs/sdk';\nimport { Tools } from '@updevs/sdk/core';\nimport { BaseComponent } from '@updevs/sdk/layout';\nimport { RowColumnSize, ValidationStatusType } from '@updevs/components';\n\n@Directive({})\nexport abstract class BaseControl extends BaseComponent {\n    readonly name = input<string>(Tools.Guid.generate());\n    readonly placeholder = input<TextModel>();\n    readonly label = input<TextModel>();\n    readonly description = input<TextModel>();\n    readonly validationStatusDescriptions = input<TextModel[]>([]);\n    readonly labelColSize = input<RowColumnSize>();\n    readonly showValidStatus = input(false);\n    readonly isRequired = input(false);\n    readonly isDisabled = input(false);\n    readonly hint = input<TextModel>();\n    readonly hintTemplate = input<TemplateRef<any>>();\n    readonly hintAsTooltip = input(false);\n    readonly validationStatus = input<ValidationStatusType>();\n\n    get placeholderText(): string {\n        return this._textService.getText(this.placeholder());\n    }\n\n    get labelText(): string {\n        return this._textService.getText(this.label());\n    }\n\n    get descriptionText(): string {\n        return this._textService.getText(this.description());\n    }\n\n    get validationStatusTexts(): string[] {\n        return this.validationStatusDescriptions().map(desc => this._textService.getText(desc));\n    }\n\n    get hintText(): string {\n        return this._textService.getText(this.hint());\n    }\n\n    protected readonly _textService = inject(TextService);\n}\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-checkbox.mjs

@@ -0,0 +1,87 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, input, model, computed, effect, ElementRef, Output, ViewChild, HostBinding, Input, ViewEncapsulation, Component, NgModule } from '@angular/core';
+import { BaseControl } from '@updevs/components/form-controls/abstractions';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i3 from '@updevs/components/popover';
+import { UpdPopoverModule } from '@updevs/components/popover';
+
+class CheckboxComponent extends BaseControl {
+    constructor() {
+        super();
+        this.wrapperClasses = '';
+        this.changed = new EventEmitter();
+        this.value = input();
+        this.customClasses = input();
+        this.isChecked = model(false);
+        this.isInline = input(false);
+        this.isSwitch = input(false);
+        this.isIndeterminate = model(false);
+        this.classes = computed(() => {
+            const lClasses = ['form-check-input'];
+            if (!!this.validationStatus()) {
+                const statusCls = `is-${this.validationStatus()}`;
+                lClasses.push(statusCls);
+            }
+            return [...lClasses, ...(this.customClasses() || '').split(' ')];
+        });
+        effect(() => {
+            this.checkboxInput.nativeElement.indeterminate = !!this.isIndeterminate();
+        });
+    }
+    onSelectChange(event) {
+        this.isIndeterminate.set(false);
+        this.changed.emit(event.target.checked);
+    }
+    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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", 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()\" [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" }]
+        }], ctorParameters: () => [], propDecorators: { wrapperClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }, {
+                type: Input
+            }], checkboxInput: [{
+                type: ViewChild,
+                args: ['checkboxInput', { read: ElementRef }]
+            }], changed: [{
+                type: Output
+            }] } });
+
+class UpdCheckboxModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: UpdCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: UpdCheckboxModule, declarations: [CheckboxComponent], imports: [CommonModule,
+            FormsModule,
+            UpdPopoverModule], exports: [CheckboxComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: UpdCheckboxModule, imports: [CommonModule,
+            FormsModule,
+            UpdPopoverModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: UpdCheckboxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        UpdPopoverModule
+                    ],
+                    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":["../../../../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.checkboxInput.nativeElement.indeterminate = !!this.isIndeterminate();\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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"}

package/fesm2022/updevs-components-form-controls-date-picker.mjs

@@ -0,0 +1,190 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, inject, NgZone, Renderer2, RendererStyleFlags2, ElementRef, Output, Input, ViewChild, Component, NgModule } from '@angular/core';
+import { BaseComponent, DomEventsService, PositioningService } from '@updevs/sdk/layout';
+import { DateService } from '@updevs/sdk/core';
+import * as i2 from '@updevs/components/calendar';
+import { DateRangeModel, CalendarRangeStrategyService, UpdCalendarModule } from '@updevs/components/calendar';
+import * as i1 from '@updevs/components/button';
+import { UpdButtonModule } from '@updevs/components/button';
+import * as i3 from '@updevs/icons';
+import { UpdIconsModule } from '@updevs/icons';
+import * as i4 from '@updevs/components/form-controls/input';
+import { UpdInputModule } from '@updevs/components/form-controls/input';
+import { CommonModule } from '@angular/common';
+
+let datepickerId = 0;
+class DatePickerComponent extends BaseComponent {
+    constructor() {
+        super(...arguments);
+        this.shouldCloseOnOutsideClick = true;
+        /**
+         * The view that the calendar should start in.
+         */
+        this.startView = 'month';
+        /**
+         * Whether the user is currently selecting a range of dates.
+         */
+        this.isRange = false;
+        /**
+         * Emits the year chosen in multiyear view.
+         * This doesn't imply a change on the selected date.
+         */
+        this.yearSelected = new EventEmitter();
+        /**
+         * Emits the month chosen in year view.
+         * This doesn't imply a change on the selected date.
+         */
+        this.monthSelected = new EventEmitter();
+        /**
+         * Emits when the current view changes.
+         */
+        this.viewChanged = new EventEmitter(true);
+        /**
+         * Whether the dropdown is open.
+         */
+        this.isDropdownOpen = false;
+        this.selectedData = new DateRangeModel();
+        this.id = `upd-datepicker-${datepickerId++}`;
+        this.rangeSelectionStrategy = inject(CalendarRangeStrategyService);
+        this.dateService = inject(DateService);
+        this.domEventsService = inject(DomEventsService);
+        this.positioningService = inject(PositioningService);
+        this.ngZone = inject(NgZone);
+        this.renderer = inject(Renderer2);
+    }
+    /**
+     * The date to open the calendar to initially
+     */
+    get startAt() {
+        // If an explicit startAt is set we start there, otherwise we start at whatever the currently
+        // selected value is.
+        return this._startAt || this.selectedData.start;
+    }
+    set startAt(value) {
+        this._startAt = this.dateService.getValidOrUndefined(this.dateService.deserialize(value));
+    }
+    get hasSelectedData() {
+        return !!this.selectedData.start || !!this.selectedData.end;
+    }
+    get startDate() {
+        return !!this.selectedData.start ? this.dateService.format(this.selectedData.start) : '';
+    }
+    get endDate() {
+        return !!this.selectedData.end ? this.dateService.format(this.selectedData.end) : '';
+    }
+    clearSelection() {
+    }
+    openDropdown() {
+        this.isDropdownOpen = true;
+        if (this.shouldCloseOnOutsideClick) {
+            const outsideClickSub = this.domEventsService.startOutsideClickListener(() => this.ngZone.run(() => this.isDropdownOpen = false), this.calendar?.nativeElement, true, this.componentBox?.nativeElement);
+            this.addSubscriptions(outsideClickSub);
+        }
+        this.ngZone.runOutsideAngular(() => this.positioningService
+            .computePosition(this.componentBox, this.calendar, { placement: 'bottom' })
+            .subscribe(resp => this.updatePosition(resp)));
+    }
+    handleUserSelection(event) {
+        const value = event.value;
+        // If we're selecting a range and we have a selection strategy, always pass the value through
+        // there. Otherwise don't assign null values to the model, unless we're selecting a range.
+        // A null value when picking a range means that the user cancelled the selection (e.g. by
+        // pressing escape), whereas when selecting a single value it means that the value didn't
+        // change. This isn't very intuitive, but it's here for backwards-compatibility.
+        if (this.isRange) {
+            this.selectedData = this.rangeSelectionStrategy.selectionFinished(value, this.selectedData);
+        }
+        else if (!!value && !this.dateService.areEqual(value, this.selectedData.start)) {
+            this.selectedData = new DateRangeModel(value);
+        }
+        // Delegate closing the overlay to the actions.
+        if (this.isRange && !this.selectedData.start || !!this.selectedData.end) {
+            this.isDropdownOpen = false;
+        }
+    }
+    handleUserDragDrop(event) {
+        this.selectedData = event.value;
+    }
+    updateStartDate(value) {
+        this.selectedData = new DateRangeModel(this.dateService.getValidOrUndefined(new Date(value)), this.selectedData.end);
+    }
+    updateEndDate(value) {
+        this.selectedData = new DateRangeModel(this.selectedData.start, this.dateService.getValidOrUndefined(new Date(value)));
+    }
+    updatePosition(result) {
+        const ddElement = this.calendar.nativeElement;
+        this.renderer.setStyle(ddElement, 'top', `${result.y}px`, RendererStyleFlags2.Important);
+        this.renderer.setStyle(ddElement, 'left', 0, RendererStyleFlags2.Important);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: DatePickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: DatePickerComponent, selector: "upd-date-picker", inputs: { shouldCloseOnOutsideClick: "shouldCloseOnOutsideClick", minDate: "minDate", maxDate: "maxDate", startAt: "startAt", startView: "startView", dateFilter: "dateFilter", isRange: "isRange" }, outputs: { yearSelected: "yearSelected", monthSelected: "monthSelected", viewChanged: "viewChanged" }, viewQueries: [{ propertyName: "componentBox", first: true, predicate: ["componentBox"], descendants: true, read: ElementRef }, { propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<div class=\"dropdown\">\n    <div #componentBox class=\"input-group input-group-flat\">\n        <div class=\"form-control\" [class.remove-bottom-radius]=\"isDropdownOpen\">\n            <div class=\"d-flex flex-row\">\n                <upd-input [value]=\"startDate\" (valueChange)=\"updateStartDate($event)\" customClasses=\"date-input\" class=\"px-1\"\n                    [isPlainText]=\"true\">\n                </upd-input>\n\n                @if (isRange) {\n                    <span class=\"px-1\"> - </span>\n                    <upd-input [value]=\"endDate\" (valueChange)=\"updateEndDate($event)\" customClasses=\"date-input\" class=\"px-1\"\n                        [isPlainText]=\"true\">\n                    </upd-input>\n                }\n            </div>\n        </div>\n        <div class=\"input-group-text\" [class.remove-bottom-radius]=\"isDropdownOpen\">\n            @if (hasSelectedData) {\n                <upd-button [shouldIgnoreBtnClass]=\"true\" (clicked)=\"clearSelection()\" customClasses=\"link-secondary\">\n                    <upd-icon [model]=\"{tablerIcon:'x'}\"></upd-icon>\n                </upd-button>\n            }\n            <upd-button [shouldIgnoreBtnClass]=\"true\" (clicked)=\"openDropdown()\" customClasses=\"link-secondary ms-2\">\n                <upd-icon [model]=\"{tablerIcon:'calendar'}\"></upd-icon>\n            </upd-button>\n        </div>\n    </div>\n    <div #calendar class=\"dropdown-content remove-top-radius\" [style.display]=\"isDropdownOpen ? 'block' : 'none'\">\n        <upd-calendar class=\"p-2\" [id]=\"id\" [startAt]=\"startAt\" [startView]=\"startView\" [minDate]=\"minDate\" [maxDate]=\"maxDate\"\n            [dateFilter]=\"dateFilter\" [selected]=\"selectedData\" [comparisonStart]=\"comparisonStart\" [comparisonEnd]=\"comparisonEnd\"\n            [startDateAccessibleName]=\"startDateAccessibleName\" [endDateAccessibleName]=\"endDateAccessibleName\" [isRange]=\"isRange\"\n            (yearSelected)=\"yearSelected.emit($event)\" (monthSelected)=\"monthSelected.emit($event)\" (viewChanged)=\"viewChanged.emit($event)\"\n            (userSelection)=\"handleUserSelection($event)\" (userDragDrop)=\"handleUserDragDrop($event)\">\n        </upd-calendar>\n    </div>\n</div>\n", styles: [".dropdown-content{position:absolute!important;background-color:var(--upd-card-bg);z-index:1;border:var(--upd-card-border-width) solid var(--upd-card-border-color)!important;border-radius:var(--upd-card-border-radius)!important;box-shadow:0 1px 1px #0000002e;width:350px!important}.remove-bottom-radius{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.remove-top-radius{border-top-left-radius:0!important;border-top-right-radius:0!important}::ng-deep .date-input{padding:0!important;width:80px!important}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "upd-button", inputs: ["model", "text", "brandColorStyle", "customClasses", "isOutline", "isGhost", "isSquare", "isPill", "isIcon", "isLoading", "isList", "isFloating", "isAction", "isNavigationLink", "isLink", "shouldIgnoreBtnClass", "iconModel", "iconPosition", "isDisabled", "isActive", "badgeConfig", "colorStyle", "size", "title"], outputs: ["clicked"] }, { kind: "component", type: i2.CalendarComponent, selector: "upd-calendar", inputs: ["startAt", "startView", "selected", "minDate", "maxDate", "dateFilter", "dateClass", "comparisonStart", "comparisonEnd", "startDateAccessibleName", "endDateAccessibleName", "isRange"], outputs: ["selectedChange", "yearSelected", "monthSelected", "viewChanged", "userSelection", "userDragDrop"] }, { kind: "component", type: i3.IconComponent, selector: "upd-icon", inputs: ["model", "wrapperClasses", "color", "colorClass", "removeDefaultClasses", "customClasses", "tablerIcon", "tablerIconWeight", "tablerIconType", "tablerIconSize", "heroIcon", "heroIconSize", "heroIconType"] }, { kind: "component", type: i4.InputComponent, selector: "upd-input", inputs: ["type", "mask", "maskConfig", "value", "size", "customClasses", "wrapperClasses", "maxLength", "isPlainText", "isReadOnly", "isLoading", "isRound", "isFlush", "isInputGroupFlat", "isPrependButton", "isAppendButton", "isFloating", "loaderPosition", "prependIconModel", "appendIconModel", "isValidationStatusLight", "layout"], outputs: ["valueChange", "blurred", "keyDown", "keyDownEsc", "keyUpEnter"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: DatePickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'upd-date-picker', template: "<div class=\"dropdown\">\n    <div #componentBox class=\"input-group input-group-flat\">\n        <div class=\"form-control\" [class.remove-bottom-radius]=\"isDropdownOpen\">\n            <div class=\"d-flex flex-row\">\n                <upd-input [value]=\"startDate\" (valueChange)=\"updateStartDate($event)\" customClasses=\"date-input\" class=\"px-1\"\n                    [isPlainText]=\"true\">\n                </upd-input>\n\n                @if (isRange) {\n                    <span class=\"px-1\"> - </span>\n                    <upd-input [value]=\"endDate\" (valueChange)=\"updateEndDate($event)\" customClasses=\"date-input\" class=\"px-1\"\n                        [isPlainText]=\"true\">\n                    </upd-input>\n                }\n            </div>\n        </div>\n        <div class=\"input-group-text\" [class.remove-bottom-radius]=\"isDropdownOpen\">\n            @if (hasSelectedData) {\n                <upd-button [shouldIgnoreBtnClass]=\"true\" (clicked)=\"clearSelection()\" customClasses=\"link-secondary\">\n                    <upd-icon [model]=\"{tablerIcon:'x'}\"></upd-icon>\n                </upd-button>\n            }\n            <upd-button [shouldIgnoreBtnClass]=\"true\" (clicked)=\"openDropdown()\" customClasses=\"link-secondary ms-2\">\n                <upd-icon [model]=\"{tablerIcon:'calendar'}\"></upd-icon>\n            </upd-button>\n        </div>\n    </div>\n    <div #calendar class=\"dropdown-content remove-top-radius\" [style.display]=\"isDropdownOpen ? 'block' : 'none'\">\n        <upd-calendar class=\"p-2\" [id]=\"id\" [startAt]=\"startAt\" [startView]=\"startView\" [minDate]=\"minDate\" [maxDate]=\"maxDate\"\n            [dateFilter]=\"dateFilter\" [selected]=\"selectedData\" [comparisonStart]=\"comparisonStart\" [comparisonEnd]=\"comparisonEnd\"\n            [startDateAccessibleName]=\"startDateAccessibleName\" [endDateAccessibleName]=\"endDateAccessibleName\" [isRange]=\"isRange\"\n            (yearSelected)=\"yearSelected.emit($event)\" (monthSelected)=\"monthSelected.emit($event)\" (viewChanged)=\"viewChanged.emit($event)\"\n            (userSelection)=\"handleUserSelection($event)\" (userDragDrop)=\"handleUserDragDrop($event)\">\n        </upd-calendar>\n    </div>\n</div>\n", styles: [".dropdown-content{position:absolute!important;background-color:var(--upd-card-bg);z-index:1;border:var(--upd-card-border-width) solid var(--upd-card-border-color)!important;border-radius:var(--upd-card-border-radius)!important;box-shadow:0 1px 1px #0000002e;width:350px!important}.remove-bottom-radius{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.remove-top-radius{border-top-left-radius:0!important;border-top-right-radius:0!important}::ng-deep .date-input{padding:0!important;width:80px!important}\n"] }]
+        }], propDecorators: { componentBox: [{
+                type: ViewChild,
+                args: ['componentBox', { read: ElementRef }]
+            }], calendar: [{
+                type: ViewChild,
+                args: ['calendar', { read: ElementRef }]
+            }], shouldCloseOnOutsideClick: [{
+                type: Input
+            }], minDate: [{
+                type: Input
+            }], maxDate: [{
+                type: Input
+            }], startAt: [{
+                type: Input
+            }], startView: [{
+                type: Input
+            }], dateFilter: [{
+                type: Input
+            }], isRange: [{
+                type: Input
+            }], yearSelected: [{
+                type: Output
+            }], monthSelected: [{
+                type: Output
+            }], viewChanged: [{
+                type: Output
+            }] } });
+
+class UpdDatePickerModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: UpdDatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: UpdDatePickerModule, declarations: [DatePickerComponent], imports: [CommonModule,
+            UpdButtonModule,
+            UpdCalendarModule,
+            UpdIconsModule,
+            UpdInputModule], exports: [DatePickerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: UpdDatePickerModule, imports: [CommonModule,
+            UpdButtonModule,
+            UpdCalendarModule,
+            UpdIconsModule,
+            UpdInputModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: UpdDatePickerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        UpdButtonModule,
+                        UpdCalendarModule,
+                        UpdIconsModule,
+                        UpdInputModule
+                    ],
+                    exports: [
+                        DatePickerComponent
+                    ],
+                    declarations: [
+                        DatePickerComponent
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DatePickerComponent, UpdDatePickerModule };
+//# sourceMappingURL=updevs-components-form-controls-date-picker.mjs.map

package/fesm2022/updevs-components-form-controls-date-picker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"updevs-components-form-controls-date-picker.mjs","sources":["../../../../libs/components/form-controls/date-picker/src/date-picker.component.ts","../../../../libs/components/form-controls/date-picker/src/date-picker.component.html","../../../../libs/components/form-controls/date-picker/src/upd-date-picker.module.ts","../../../../libs/components/form-controls/date-picker/src/updevs-components-form-controls-date-picker.ts"],"sourcesContent":["import {\n    Component,\n    ElementRef,\n    EventEmitter,\n    Input,\n    NgZone,\n    Output,\n    Renderer2,\n    RendererStyleFlags2,\n    ViewChild,\n    inject\n} from '@angular/core';\nimport { BaseComponent, PositioningService, ComputePositionResult, DomEventsService } from '@updevs/sdk/layout';\nimport { DateService } from '@updevs/sdk/core';\nimport { OptionalType } from '@updevs/sdk/types';\nimport { CalendarRangeStrategyService, CalendarViewType, CalendarUserEventModel, DateRangeModel } from '@updevs/components/calendar';\n\nlet datepickerId = 0;\n\n@Component({\n    selector: 'upd-date-picker',\n    templateUrl: './date-picker.component.html',\n    styleUrl: './date-picker.component.scss'\n})\nexport class DatePickerComponent extends BaseComponent {\n    @ViewChild('componentBox', { read: ElementRef }) componentBox?: ElementRef;\n    @ViewChild('calendar', { read: ElementRef }) calendar?: ElementRef;\n\n    @Input() shouldCloseOnOutsideClick = true;\n    /**\n     * The minimum selectable date.\n     */\n    @Input() minDate?: Date;\n    /**\n     * The maximum selectable date.\n     */\n    @Input() maxDate?: Date;\n    /**\n     * The date to open the calendar to initially\n     */\n    @Input()\n    get startAt(): OptionalType<Date> {\n        // If an explicit startAt is set we start there, otherwise we start at whatever the currently\n        // selected value is.\n        return this._startAt || this.selectedData.start;\n    }\n    set startAt(value: OptionalType<Date>) {\n        this._startAt = this.dateService.getValidOrUndefined(this.dateService.deserialize(value));\n    }\n    /**\n     * The view that the calendar should start in.\n     */\n    @Input() startView: CalendarViewType = 'month';\n    @Input() dateFilter?: (date: Date) => boolean;\n    /**\n     * Whether the user is currently selecting a range of dates.\n     */\n    @Input() isRange = false;\n\n    /**\n     * Emits the year chosen in multiyear view.\n     * This doesn't imply a change on the selected date.\n     */\n    @Output() readonly yearSelected = new EventEmitter<Date>();\n    /**\n     * Emits the month chosen in year view.\n     * This doesn't imply a change on the selected date.\n     */\n    @Output() readonly monthSelected = new EventEmitter<Date>();\n    /**\n     * Emits when the current view changes.\n     */\n    @Output() readonly viewChanged = new EventEmitter<CalendarViewType>(true);\n\n    /**\n     * Whether the dropdown is open.\n     */\n    isDropdownOpen = false;\n    /**\n     * Start of the comparison range.\n     */\n    comparisonStart?: Date;\n    /**\n     * End of the comparison range.\n     */\n    comparisonEnd?: Date;\n    /**\n     * ARIA Accessible name of the `<input matStartDate/>`\n     */\n    startDateAccessibleName?: string;\n    /**\n     * ARIA Accessible name of the `<input matEndDate/>`\n     */\n    endDateAccessibleName?: string;\n    selectedData = new DateRangeModel();\n    get hasSelectedData(): boolean {\n        return !!this.selectedData.start || !!this.selectedData.end;\n    }\n    get startDate(): string {\n        return !!this.selectedData.start ? this.dateService.format(this.selectedData.start) : '';\n    }\n    get endDate(): string {\n        return !!this.selectedData.end ? this.dateService.format(this.selectedData.end) : '';\n    }\n    readonly id = `upd-datepicker-${datepickerId++}`;\n\n    private _startAt?: Date;\n    private readonly rangeSelectionStrategy = inject(CalendarRangeStrategyService);\n    private readonly dateService = inject(DateService);\n    private readonly domEventsService = inject(DomEventsService);\n    private readonly positioningService = inject(PositioningService);\n    private readonly ngZone = inject(NgZone);\n    private readonly renderer = inject(Renderer2);\n\n    clearSelection(): void {\n\n    }\n\n    openDropdown(): void {\n        this.isDropdownOpen = true;\n\n        if (this.shouldCloseOnOutsideClick) {\n            const outsideClickSub = this.domEventsService.startOutsideClickListener(\n                () => this.ngZone.run(() => this.isDropdownOpen = false),\n                this.calendar?.nativeElement,\n                true,\n                this.componentBox?.nativeElement\n            );\n            this.addSubscriptions(outsideClickSub);\n        }\n\n        this.ngZone.runOutsideAngular(() =>\n            this.positioningService\n                .computePosition(this.componentBox!, this.calendar!, { placement: 'bottom' })\n                .subscribe(resp => this.updatePosition(resp))\n        );\n    }\n\n    handleUserSelection(event: CalendarUserEventModel<OptionalType<Date>>): void {\n        const value = event.value;\n\n        // If we're selecting a range and we have a selection strategy, always pass the value through\n        // there. Otherwise don't assign null values to the model, unless we're selecting a range.\n        // A null value when picking a range means that the user cancelled the selection (e.g. by\n        // pressing escape), whereas when selecting a single value it means that the value didn't\n        // change. This isn't very intuitive, but it's here for backwards-compatibility.\n        if (this.isRange) {\n            this.selectedData = this.rangeSelectionStrategy.selectionFinished(value, this.selectedData);\n        } else if (!!value && !this.dateService.areEqual(value, this.selectedData.start)) {\n            this.selectedData = new DateRangeModel(value);\n        }\n\n        // Delegate closing the overlay to the actions.\n        if (this.isRange && !this.selectedData.start || !!this.selectedData.end) {\n            this.isDropdownOpen = false;\n        }\n    }\n\n    handleUserDragDrop(event: CalendarUserEventModel<DateRangeModel>): void {\n        this.selectedData = event.value;\n    }\n\n    updateStartDate(value: any): void {\n        this.selectedData = new DateRangeModel(this.dateService.getValidOrUndefined(new Date(value)), this.selectedData.end);\n    }\n\n    updateEndDate(value: any): void {\n        this.selectedData = new DateRangeModel(this.selectedData.start, this.dateService.getValidOrUndefined(new Date(value)));\n    }\n\n    private updatePosition(result: ComputePositionResult): void {\n        const ddElement = this.calendar!.nativeElement;\n\n        this.renderer.setStyle(ddElement, 'top', `${result.y}px`, RendererStyleFlags2.Important);\n        this.renderer.setStyle(ddElement, 'left', 0, RendererStyleFlags2.Important);\n    }\n}\n","<div class=\"dropdown\">\n    <div #componentBox class=\"input-group input-group-flat\">\n        <div class=\"form-control\" [class.remove-bottom-radius]=\"isDropdownOpen\">\n            <div class=\"d-flex flex-row\">\n                <upd-input [value]=\"startDate\" (valueChange)=\"updateStartDate($event)\" customClasses=\"date-input\" class=\"px-1\"\n                    [isPlainText]=\"true\">\n                </upd-input>\n\n                @if (isRange) {\n                    <span class=\"px-1\"> - </span>\n                    <upd-input [value]=\"endDate\" (valueChange)=\"updateEndDate($event)\" customClasses=\"date-input\" class=\"px-1\"\n                        [isPlainText]=\"true\">\n                    </upd-input>\n                }\n            </div>\n        </div>\n        <div class=\"input-group-text\" [class.remove-bottom-radius]=\"isDropdownOpen\">\n            @if (hasSelectedData) {\n                <upd-button [shouldIgnoreBtnClass]=\"true\" (clicked)=\"clearSelection()\" customClasses=\"link-secondary\">\n                    <upd-icon [model]=\"{tablerIcon:'x'}\"></upd-icon>\n                </upd-button>\n            }\n            <upd-button [shouldIgnoreBtnClass]=\"true\" (clicked)=\"openDropdown()\" customClasses=\"link-secondary ms-2\">\n                <upd-icon [model]=\"{tablerIcon:'calendar'}\"></upd-icon>\n            </upd-button>\n        </div>\n    </div>\n    <div #calendar class=\"dropdown-content remove-top-radius\" [style.display]=\"isDropdownOpen ? 'block' : 'none'\">\n        <upd-calendar class=\"p-2\" [id]=\"id\" [startAt]=\"startAt\" [startView]=\"startView\" [minDate]=\"minDate\" [maxDate]=\"maxDate\"\n            [dateFilter]=\"dateFilter\" [selected]=\"selectedData\" [comparisonStart]=\"comparisonStart\" [comparisonEnd]=\"comparisonEnd\"\n            [startDateAccessibleName]=\"startDateAccessibleName\" [endDateAccessibleName]=\"endDateAccessibleName\" [isRange]=\"isRange\"\n            (yearSelected)=\"yearSelected.emit($event)\" (monthSelected)=\"monthSelected.emit($event)\" (viewChanged)=\"viewChanged.emit($event)\"\n            (userSelection)=\"handleUserSelection($event)\" (userDragDrop)=\"handleUserDragDrop($event)\">\n        </upd-calendar>\n    </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { UpdButtonModule } from '@updevs/components/button';\nimport { UpdCalendarModule } from '@updevs/components/calendar';\nimport { UpdInputModule } from '@updevs/components/form-controls/input';\nimport { UpdIconsModule } from '@updevs/icons';\n\nimport { DatePickerComponent } from './date-picker.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        UpdButtonModule,\n        UpdCalendarModule,\n        UpdIconsModule,\n        UpdInputModule\n    ],\n    exports: [\n        DatePickerComponent\n    ],\n    declarations: [\n        DatePickerComponent\n    ]\n})\nexport class UpdDatePickerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}