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

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

@@ -0,0 +1,72 @@
+import * as i0 from '@angular/core';
+import { model, input, HostBinding, 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';
+
+class TextareaComponent extends BaseControl {
+    constructor() {
+        super(...arguments);
+        this.hostWrapperClasses = '';
+        this.value = model();
+        this.customClasses = input();
+        this.wrapperClasses = input();
+        this.maxLength = input();
+        this.rows = input();
+        this.displayCharactersCount = input(false);
+        this.classes = [];
+    }
+    ngOnInit() {
+        this.updateClasses();
+    }
+    ngOnChanges() {
+        this.updateClasses();
+    }
+    updateValue(event) {
+        if (!event && !event.target) {
+            return;
+        }
+        const target = event.target;
+        this.value.set(target.value);
+    }
+    updateClasses() {
+        const lClasses = ['form-control'];
+        this.classes = [...lClasses, ...(this.customClasses() || '').split(' ')];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TextareaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: TextareaComponent, selector: "upd-textarea", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, customClasses: { classPropertyName: "customClasses", publicName: "customClasses", isSignal: true, isRequired: false, transformFunction: null }, wrapperClasses: { classPropertyName: "wrapperClasses", publicName: "wrapperClasses", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, displayCharactersCount: { classPropertyName: "displayCharactersCount", publicName: "displayCharactersCount", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { properties: { "class": "this.hostWrapperClasses" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (!!labelText || displayCharactersCount()) {\n    <label class=\"form-label\">\n        {{ labelText }}\n        @if (displayCharactersCount() && !!maxLength()) {\n            <span class=\"form-label-description\">{{ value()?.length || 0 }}/{{ maxLength() }}</span>\n        }\n    </label>\n}\n\n<textarea [attr.maxlength]=\"maxLength()\" [disabled]=\"isDisabled()\" [ngClass]=\"classes\" [placeholder]=\"placeholderText\"\n    [value]=\"value() || ''\" [attr.name]=\"name()\" [attr.readonly]=\"isDisabled() ? '' : undefined\" [attr.rows]=\"rows()\"\n    (input)=\"updateValue($event)\">\n</textarea>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TextareaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'upd-textarea', encapsulation: ViewEncapsulation.None, template: "@if (!!labelText || displayCharactersCount()) {\n    <label class=\"form-label\">\n        {{ labelText }}\n        @if (displayCharactersCount() && !!maxLength()) {\n            <span class=\"form-label-description\">{{ value()?.length || 0 }}/{{ maxLength() }}</span>\n        }\n    </label>\n}\n\n<textarea [attr.maxlength]=\"maxLength()\" [disabled]=\"isDisabled()\" [ngClass]=\"classes\" [placeholder]=\"placeholderText\"\n    [value]=\"value() || ''\" [attr.name]=\"name()\" [attr.readonly]=\"isDisabled() ? '' : undefined\" [attr.rows]=\"rows()\"\n    (input)=\"updateValue($event)\">\n</textarea>\n" }]
+        }], propDecorators: { hostWrapperClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class UpdTextareaModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: UpdTextareaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: UpdTextareaModule, declarations: [TextareaComponent], imports: [CommonModule], exports: [TextareaComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: UpdTextareaModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: UpdTextareaModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule
+                    ],
+                    declarations: [
+                        TextareaComponent
+                    ],
+                    exports: [
+                        TextareaComponent
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TextareaComponent, UpdTextareaModule };
+//# sourceMappingURL=updevs-components-form-controls-textarea.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"updevs-components-form-controls-textarea.mjs","sources":["../../../../libs/components/form-controls/textarea/src/textarea.component.ts","../../../../libs/components/form-controls/textarea/src/textarea.component.html","../../../../libs/components/form-controls/textarea/src/upd-textarea.module.ts","../../../../libs/components/form-controls/textarea/src/updevs-components-form-controls-textarea.ts"],"sourcesContent":["import { Component, ViewEncapsulation, HostBinding, OnInit, OnChanges, input, model } from '@angular/core';\nimport { BaseControl } from '@updevs/components/form-controls/abstractions';\n\n@Component({\n    selector: 'upd-textarea',\n    templateUrl: './textarea.component.html',\n    styleUrls: ['./textarea.component.scss'],\n    encapsulation: ViewEncapsulation.None\n})\nexport class TextareaComponent extends BaseControl implements OnInit, OnChanges {\n    @HostBinding('class') hostWrapperClasses = '';\n\n    value = model<string>();\n    customClasses = input<string>();\n    wrapperClasses = input<string>();\n    maxLength = input<number>();\n    rows = input<number>();\n    displayCharactersCount = input(false);\n    classes: string[] = [];\n\n    ngOnInit(): void {\n        this.updateClasses();\n    }\n\n    ngOnChanges(): void {\n        this.updateClasses();\n    }\n\n    updateValue(event?: any): void {\n        if (!event && !event.target) {\n            return;\n        }\n\n        const target = event.target as HTMLTextAreaElement;\n\n        this.value.set(target.value);\n    }\n\n    private updateClasses(): void {\n        const lClasses: string[] = ['form-control'];\n        this.classes = [...lClasses, ...(this.customClasses() || '').split(' ')];\n    }\n}\n","@if (!!labelText || displayCharactersCount()) {\n    <label class=\"form-label\">\n        {{ labelText }}\n        @if (displayCharactersCount() && !!maxLength()) {\n            <span class=\"form-label-description\">{{ value()?.length || 0 }}/{{ maxLength() }}</span>\n        }\n    </label>\n}\n\n<textarea [attr.maxlength]=\"maxLength()\" [disabled]=\"isDisabled()\" [ngClass]=\"classes\" [placeholder]=\"placeholderText\"\n    [value]=\"value() || ''\" [attr.name]=\"name()\" [attr.readonly]=\"isDisabled() ? '' : undefined\" [attr.rows]=\"rows()\"\n    (input)=\"updateValue($event)\">\n</textarea>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { TextareaComponent } from './textarea.component';\n\n@NgModule({\n    imports: [\n        CommonModule\n    ],\n    declarations: [\n        TextareaComponent\n    ],\n    exports: [\n        TextareaComponent\n    ]\n})\nexport class UpdTextareaModule {}\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-time-picker.mjs

@@ -0,0 +1,345 @@
+import * as i0 from '@angular/core';
+import { Input, Component, ElementRef, ViewChild, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i1$1 from '@jsverse/transloco';
+import { TranslocoModule } from '@jsverse/transloco';
+import * as i1$2 from '@updevs/components/form-controls/input';
+import { UpdInputModule } from '@updevs/components/form-controls/input';
+import * as i2 from '@updevs/icons';
+import { UpdIconsModule } from '@updevs/icons';
+import * as i1 from '@updevs/components/button';
+import { UpdButtonModule } from '@updevs/components/button';
+import { UpdListModule } from '@updevs/components/list';
+import * as i4 from '@updevs/components/dropdown';
+import { UpdDropdownModule } from '@updevs/components/dropdown';
+
+var AM$1 = "AM";
+var PM$1 = "PM";
+var Select$1 = "Select";
+var en = {
+	AM: AM$1,
+	PM: PM$1,
+	Select: Select$1
+};
+
+var en$1 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AM: AM$1,
+    PM: PM$1,
+    Select: Select$1,
+    default: en
+});
+
+var AM = "AM";
+var PM = "PM";
+var Select = "Selecionar";
+var pt = {
+	AM: AM,
+	PM: PM,
+	Select: Select
+};
+
+var pt$1 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AM: AM,
+    PM: PM,
+    Select: Select,
+    default: pt
+});
+
+class TimeSelectorComponent {
+    constructor() {
+        /**
+         * Whether seconds should be selectable.
+         */
+        this.shouldSelectSeconds = false;
+        /**
+         * Whether the 24-hour format will be used or the 12-hour one (AM/PM)
+         */
+        this.shouldUse24hFormat = true;
+        /**
+         * Hour from which where the list will begin.
+         */
+        this.startingHour = 0;
+        /**
+         * Hour from which where the list will end.
+         */
+        this.endingHour = 23;
+        /**
+         * Interval between hours displayed.
+         */
+        this.hourInterval = 1;
+        /**
+         * Minute from which where the list will begin.
+         */
+        this.startingMinute = 0;
+        /**
+         * Minute from which where the list will end.
+         */
+        this.endingMinute = 59;
+        /**
+         * Interval between minutes displayed.
+         */
+        this.minuteInterval = 5;
+        /**
+         * Second from which where the list will begin.
+         */
+        this.startingSecond = 0;
+        /**
+         * Second from which where the list will end.
+         */
+        this.endingSecond = 59;
+        /**
+         * Interval between seconds displayed.
+         */
+        this.secondInterval = 10;
+        this.hoursList = [];
+        this.minutesList = [];
+        this.secondsList = [];
+    }
+    ngOnInit() {
+        this.setupTimeLists();
+    }
+    ngOnChanges(changes) {
+        this.setupTimeLists();
+    }
+    setupTimeLists() {
+        this.hoursList = [];
+        this.minutesList = [];
+        this.secondsList = [];
+        if (!!this.customHours) {
+            this.hoursList = this.customHours;
+        }
+        else {
+            this.setupTimeList(this.hoursList, this.startingHour, this.endingHour, this.hourInterval);
+        }
+        if (!!this.customMinutes) {
+            this.minutesList = this.customMinutes;
+        }
+        else {
+            this.setupTimeList(this.minutesList, this.startingMinute, this.endingMinute, this.minuteInterval);
+        }
+        if (!!this.customSeconds) {
+            this.secondsList = this.customSeconds;
+        }
+        else {
+            this.setupTimeList(this.secondsList, this.startingSecond, this.endingSecond, this.secondInterval);
+        }
+    }
+    setupTimeList(list, start, end, interval) {
+        for (let i = start; i <= end; i += interval) {
+            list.push(i);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TimeSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: TimeSelectorComponent, selector: "upd-time-selector", inputs: { shouldSelectSeconds: "shouldSelectSeconds", shouldUse24hFormat: "shouldUse24hFormat", startingHour: "startingHour", endingHour: "endingHour", hourInterval: "hourInterval", startingMinute: "startingMinute", endingMinute: "endingMinute", minuteInterval: "minuteInterval", startingSecond: "startingSecond", endingSecond: "endingSecond", secondInterval: "secondInterval", customHours: "customHours", customMinutes: "customMinutes", customSeconds: "customSeconds" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"d-flex\">\n    <div class=\"time-items-list\">\n        <ul class=\"list\">\n            @for (h of hoursList; track h) {\n                <li>\n                    <div class=\"cell\">{{ h.toString().padStart(2, '0') }}</div>\n                </li>\n            }\n        </ul>\n    </div>\n    <div class=\"time-dots-separator\">\n        <span>:</span>\n    </div>\n    <div class=\"time-items-list\">\n        <ul class=\"list\">\n            @for (m of minutesList; track m) {\n                <li>\n                    <div class=\"cell\">{{ m.toString().padStart(2, '0') }}</div>\n                </li>\n            }\n        </ul>\n    </div>\n    @if (shouldSelectSeconds) {\n        <div class=\"time-dots-separator\">\n            <span>:</span>\n        </div>\n        <div class=\"time-items-list\">\n            <ul class=\"list\">\n                @for (s of secondsList; track s) {\n                    <li>\n                        <div class=\"cell\">{{ s.toString().padStart(2, '0') }}</div>\n                    </li>\n                }\n            </ul>\n        </div>\n    }\n    @if (!shouldUse24hFormat) {\n        <div class=\"time-items-list\">\n            <ul class=\"list\">\n                <li>\n                    <div class=\"cell\">{{ 'AM' | transloco }}</div>\n                    <div class=\"cell\">{{ 'PM' | transloco }}</div>\n                </li>\n            </ul>\n        </div>\n    }\n</div>\n<div>\n    <upd-button>{{ 'Select' | transloco }}</upd-button>\n</div>\n", styles: [".time-dots-separator{display:flex;align-items:center}.time-items-list{padding-left:15px;padding-right:15px;display:flex;justify-items:center;flex:auto;height:240px}.time-items-list .list{position:relative;flex:1 0 auto;margin:0;padding:0;overflow-y:auto;text-align:center;list-style:none}.time-items-list .list li{margin-top:0;display:block;height:40px;cursor:pointer}.time-items-list .list li .-item{display:block;cursor:pointer;transition:color .3s}.list{-ms-overflow-style:none;scrollbar-width:none}.list::-webkit-scrollbar{display:none}\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: "pipe", type: i1$1.TranslocoPipe, name: "transloco" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TimeSelectorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'upd-time-selector', template: "<div class=\"d-flex\">\n    <div class=\"time-items-list\">\n        <ul class=\"list\">\n            @for (h of hoursList; track h) {\n                <li>\n                    <div class=\"cell\">{{ h.toString().padStart(2, '0') }}</div>\n                </li>\n            }\n        </ul>\n    </div>\n    <div class=\"time-dots-separator\">\n        <span>:</span>\n    </div>\n    <div class=\"time-items-list\">\n        <ul class=\"list\">\n            @for (m of minutesList; track m) {\n                <li>\n                    <div class=\"cell\">{{ m.toString().padStart(2, '0') }}</div>\n                </li>\n            }\n        </ul>\n    </div>\n    @if (shouldSelectSeconds) {\n        <div class=\"time-dots-separator\">\n            <span>:</span>\n        </div>\n        <div class=\"time-items-list\">\n            <ul class=\"list\">\n                @for (s of secondsList; track s) {\n                    <li>\n                        <div class=\"cell\">{{ s.toString().padStart(2, '0') }}</div>\n                    </li>\n                }\n            </ul>\n        </div>\n    }\n    @if (!shouldUse24hFormat) {\n        <div class=\"time-items-list\">\n            <ul class=\"list\">\n                <li>\n                    <div class=\"cell\">{{ 'AM' | transloco }}</div>\n                    <div class=\"cell\">{{ 'PM' | transloco }}</div>\n                </li>\n            </ul>\n        </div>\n    }\n</div>\n<div>\n    <upd-button>{{ 'Select' | transloco }}</upd-button>\n</div>\n", styles: [".time-dots-separator{display:flex;align-items:center}.time-items-list{padding-left:15px;padding-right:15px;display:flex;justify-items:center;flex:auto;height:240px}.time-items-list .list{position:relative;flex:1 0 auto;margin:0;padding:0;overflow-y:auto;text-align:center;list-style:none}.time-items-list .list li{margin-top:0;display:block;height:40px;cursor:pointer}.time-items-list .list li .-item{display:block;cursor:pointer;transition:color .3s}.list{-ms-overflow-style:none;scrollbar-width:none}.list::-webkit-scrollbar{display:none}\n"] }]
+        }], propDecorators: { shouldSelectSeconds: [{
+                type: Input
+            }], shouldUse24hFormat: [{
+                type: Input
+            }], startingHour: [{
+                type: Input
+            }], endingHour: [{
+                type: Input
+            }], hourInterval: [{
+                type: Input
+            }], startingMinute: [{
+                type: Input
+            }], endingMinute: [{
+                type: Input
+            }], minuteInterval: [{
+                type: Input
+            }], startingSecond: [{
+                type: Input
+            }], endingSecond: [{
+                type: Input
+            }], secondInterval: [{
+                type: Input
+            }], customHours: [{
+                type: Input
+            }], customMinutes: [{
+                type: Input
+            }], customSeconds: [{
+                type: Input
+            }] } });
+
+class TimePickerComponent {
+    constructor() {
+        /**
+         * Maximum height of the dropdown.
+         */
+        this.dropdownMaxHeight = 300;
+        /**
+         * Whether the mask should be shown.
+         */
+        this.showMask = true;
+        /**
+         * Whether seconds should be selectable.
+         */
+        this.shouldSelectSeconds = false;
+        /**
+         * Whether the 24-hour format will be used or the 12-hour one (AM/PM)
+         */
+        this.shouldUse24hFormat = true;
+        /**
+         * Hour from which where the list will begin.
+         */
+        this.startingHour = 0;
+        /**
+         * Hour from which where the list will end.
+         */
+        this.endingHour = 23;
+        /**
+         * Interval between hours displayed.
+         */
+        this.hourInterval = 1;
+        /**
+         * Minute from which where the list will begin.
+         */
+        this.startingMinute = 0;
+        /**
+         * Minute from which where the list will end.
+         */
+        this.endingMinute = 59;
+        /**
+         * Interval between minutes displayed.
+         */
+        this.minuteInterval = 5;
+        /**
+         * Second from which where the list will begin.
+         */
+        this.startingSecond = 0;
+        /**
+         * Second from which where the list will end.
+         */
+        this.endingSecond = 59;
+        /**
+         * Interval between seconds displayed.
+         */
+        this.secondInterval = 10;
+        this.maxWidth = 0;
+        this.isDropdownOpen = false;
+    }
+    get inputMask() {
+        return this.shouldSelectSeconds ? 'Hh:m0:s0' : 'Hh:m0';
+    }
+    ngOnInit() {
+        this.setupStyle();
+    }
+    ngOnChanges(changes) {
+        this.setupStyle();
+    }
+    openDropdown() {
+        this.isDropdownOpen = true;
+    }
+    setupStyle() {
+        let finalWidth = 195;
+        if (this.shouldSelectSeconds) {
+            finalWidth += 60 + 10;
+        }
+        if (!this.shouldUse24hFormat) {
+            finalWidth += 60;
+        }
+        this.maxWidth = finalWidth;
+        console.log('max w', this.maxWidth);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TimePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: TimePickerComponent, selector: "upd-time-picker", inputs: { dropdownMaxHeight: "dropdownMaxHeight", showMask: "showMask", shouldSelectSeconds: "shouldSelectSeconds", shouldUse24hFormat: "shouldUse24hFormat", startingHour: "startingHour", endingHour: "endingHour", hourInterval: "hourInterval", startingMinute: "startingMinute", endingMinute: "endingMinute", minuteInterval: "minuteInterval", startingSecond: "startingSecond", endingSecond: "endingSecond", secondInterval: "secondInterval", customHours: "customHours", customMinutes: "customMinutes", customSeconds: "customSeconds" }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["input"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<upd-input #input [mask]=\"inputMask\" [maskConfig]=\"{showMaskTyped:showMask}\" [isInputGroupFlat]=\"true\">\n    <ng-template updInputAppend>\n        <upd-button [shouldIgnoreBtnClass]=\"true\" (clicked)=\"openDropdown()\" customClasses=\"link-secondary ms-2\">\n            <upd-icon tablerIcon=\"calendar-time\"></upd-icon>\n        </upd-button>\n    </ng-template>\n</upd-input>\n<upd-dropdown [isOpen]=\"isDropdownOpen\" [dropdownReference]=\"inputRef\" [maxHeight]=\"dropdownMaxHeight\" [maxWidth]=\"maxWidth\"\n    wrapperClasses=\"overflow-x-hidden\">\n    <div class=\"time-options-wrapper\" [style.max-width.px]=\"maxWidth\">\n        <upd-time-selector [shouldSelectSeconds]=\"shouldSelectSeconds\" [shouldUse24hFormat]=\"shouldUse24hFormat\"\n            [startingHour]=\"startingHour\" [endingHour]=\"endingHour\" [hourInterval]=\"hourInterval\"\n            [startingMinute]=\"startingMinute\" [endingMinute]=\"endingMinute\" [minuteInterval]=\"minuteInterval\"\n            [startingSecond]=\"startingSecond\" [endingSecond]=\"endingSecond\" [secondInterval]=\"secondInterval\"\n            [customHours]=\"customHours\" [customMinutes]=\"customMinutes\" [customSeconds]=\"customSeconds\"></upd-time-selector>\n    </div>\n</upd-dropdown>\n", styles: [".time-options-wrapper{padding:10px 20px 15px;width:100%;border-radius:6px;font-size:25px;font-weight:500;text-align:center;-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "component", type: i1$2.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"] }, { kind: "directive", type: i1$2.InputAppendDirective, selector: "ng-template[updInputAppend]" }, { kind: "component", type: i2.IconComponent, selector: "upd-icon", inputs: ["model", "wrapperClasses", "color", "colorClass", "removeDefaultClasses", "customClasses", "tablerIcon", "tablerIconWeight", "tablerIconType", "tablerIconSize", "heroIcon", "heroIconSize", "heroIconType"] }, { 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: i4.DropdownComponent, selector: "upd-dropdown", inputs: ["items", "header", "isOpen", "shouldCloseOnOutsideClick", "arrowType", "wrapperClasses", "elementsExcludedFromOutsideClick", "minHeight", "maxHeight", "minWidth", "maxWidth", "dropdownReference", "dropdownReferencePosition", "textOverflowStrategy"], outputs: ["isOpenChange", "selectedItem", "checkboxChanged"] }, { kind: "component", type: TimeSelectorComponent, selector: "upd-time-selector", inputs: ["shouldSelectSeconds", "shouldUse24hFormat", "startingHour", "endingHour", "hourInterval", "startingMinute", "endingMinute", "minuteInterval", "startingSecond", "endingSecond", "secondInterval", "customHours", "customMinutes", "customSeconds"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TimePickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'upd-time-picker', template: "<upd-input #input [mask]=\"inputMask\" [maskConfig]=\"{showMaskTyped:showMask}\" [isInputGroupFlat]=\"true\">\n    <ng-template updInputAppend>\n        <upd-button [shouldIgnoreBtnClass]=\"true\" (clicked)=\"openDropdown()\" customClasses=\"link-secondary ms-2\">\n            <upd-icon tablerIcon=\"calendar-time\"></upd-icon>\n        </upd-button>\n    </ng-template>\n</upd-input>\n<upd-dropdown [isOpen]=\"isDropdownOpen\" [dropdownReference]=\"inputRef\" [maxHeight]=\"dropdownMaxHeight\" [maxWidth]=\"maxWidth\"\n    wrapperClasses=\"overflow-x-hidden\">\n    <div class=\"time-options-wrapper\" [style.max-width.px]=\"maxWidth\">\n        <upd-time-selector [shouldSelectSeconds]=\"shouldSelectSeconds\" [shouldUse24hFormat]=\"shouldUse24hFormat\"\n            [startingHour]=\"startingHour\" [endingHour]=\"endingHour\" [hourInterval]=\"hourInterval\"\n            [startingMinute]=\"startingMinute\" [endingMinute]=\"endingMinute\" [minuteInterval]=\"minuteInterval\"\n            [startingSecond]=\"startingSecond\" [endingSecond]=\"endingSecond\" [secondInterval]=\"secondInterval\"\n            [customHours]=\"customHours\" [customMinutes]=\"customMinutes\" [customSeconds]=\"customSeconds\"></upd-time-selector>\n    </div>\n</upd-dropdown>\n", styles: [".time-options-wrapper{padding:10px 20px 15px;width:100%;border-radius:6px;font-size:25px;font-weight:500;text-align:center;-webkit-user-select:none;user-select:none}\n"] }]
+        }], propDecorators: { inputRef: [{
+                type: ViewChild,
+                args: ['input', { read: ElementRef }]
+            }], dropdownMaxHeight: [{
+                type: Input
+            }], showMask: [{
+                type: Input
+            }], shouldSelectSeconds: [{
+                type: Input
+            }], shouldUse24hFormat: [{
+                type: Input
+            }], startingHour: [{
+                type: Input
+            }], endingHour: [{
+                type: Input
+            }], hourInterval: [{
+                type: Input
+            }], startingMinute: [{
+                type: Input
+            }], endingMinute: [{
+                type: Input
+            }], minuteInterval: [{
+                type: Input
+            }], startingSecond: [{
+                type: Input
+            }], endingSecond: [{
+                type: Input
+            }], secondInterval: [{
+                type: Input
+            }], customHours: [{
+                type: Input
+            }], customMinutes: [{
+                type: Input
+            }], customSeconds: [{
+                type: Input
+            }] } });
+
+class UpdTimePickerModule {
+    constructor(translocoService) {
+        translocoService.setFallbackLangForMissingTranslation({ fallbackLang: 'en' });
+        translocoService.setTranslation(en$1, 'en');
+        translocoService.setTranslation(pt$1, 'pt');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: UpdTimePickerModule, deps: [{ token: i1$1.TranslocoService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: UpdTimePickerModule, declarations: [TimePickerComponent,
+            TimeSelectorComponent], imports: [CommonModule,
+            TranslocoModule,
+            UpdInputModule,
+            UpdIconsModule,
+            UpdButtonModule,
+            UpdListModule,
+            UpdDropdownModule], exports: [TimePickerComponent,
+            TimeSelectorComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: UpdTimePickerModule, imports: [CommonModule,
+            TranslocoModule,
+            UpdInputModule,
+            UpdIconsModule,
+            UpdButtonModule,
+            UpdListModule,
+            UpdDropdownModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: UpdTimePickerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        TranslocoModule,
+                        UpdInputModule,
+                        UpdIconsModule,
+                        UpdButtonModule,
+                        UpdListModule,
+                        UpdDropdownModule
+                    ],
+                    declarations: [
+                        TimePickerComponent,
+                        TimeSelectorComponent
+                    ],
+                    exports: [
+                        TimePickerComponent,
+                        TimeSelectorComponent
+                    ]
+                }]
+        }], ctorParameters: () => [{ type: i1$1.TranslocoService }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TimePickerComponent, TimeSelectorComponent, UpdTimePickerModule };
+//# sourceMappingURL=updevs-components-form-controls-time-picker.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"updevs-components-form-controls-time-picker.mjs","sources":["../../../../libs/components/form-controls/time-picker/src/time-selector/time-selector.component.ts","../../../../libs/components/form-controls/time-picker/src/time-selector/time-selector.component.html","../../../../libs/components/form-controls/time-picker/src/time-picker.component.ts","../../../../libs/components/form-controls/time-picker/src/time-picker.component.html","../../../../libs/components/form-controls/time-picker/src/upd-time-picker.module.ts","../../../../libs/components/form-controls/time-picker/src/updevs-components-form-controls-time-picker.ts"],"sourcesContent":["import { Component, Input, OnInit, OnChanges, SimpleChanges } from '@angular/core';\n\n@Component({\n    selector: 'upd-time-selector',\n    templateUrl: './time-selector.component.html',\n    styleUrls: ['./time-selector.component.scss']\n})\nexport class TimeSelectorComponent implements OnInit, OnChanges {\n    /**\n     * Whether seconds should be selectable.\n     */\n    @Input() shouldSelectSeconds = false;\n    /**\n     * Whether the 24-hour format will be used or the 12-hour one (AM/PM)\n     */\n    @Input() shouldUse24hFormat = true;\n    /**\n     * Hour from which where the list will begin.\n     */\n    @Input() startingHour = 0;\n    /**\n     * Hour from which where the list will end.\n     */\n    @Input() endingHour = 23;\n    /**\n     * Interval between hours displayed.\n     */\n    @Input() hourInterval = 1;\n    /**\n     * Minute from which where the list will begin.\n     */\n    @Input() startingMinute = 0;\n    /**\n     * Minute from which where the list will end.\n     */\n    @Input() endingMinute = 59;\n    /**\n     * Interval between minutes displayed.\n     */\n    @Input() minuteInterval = 5;\n    /**\n     * Second from which where the list will begin.\n     */\n    @Input() startingSecond = 0;\n    /**\n     * Second from which where the list will end.\n     */\n    @Input() endingSecond = 59;\n    /**\n     * Interval between seconds displayed.\n     */\n    @Input() secondInterval = 10;\n    /**\n     * Custom list of hours to be displayed for selection.\n     */\n    @Input() customHours?: number[];\n    /**\n     * Custom list of minutes to be displayed for selection.\n     */\n    @Input() customMinutes?: number[];\n    /**\n     * Custom list of seconds to be displayed for selection.\n     */\n    @Input() customSeconds?: number[];\n\n    hoursList: number[] = [];\n    minutesList: number[] = [];\n    secondsList: number[] = [];\n\n    ngOnInit(): void {\n        this.setupTimeLists();\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        this.setupTimeLists();\n    }\n\n    private setupTimeLists(): void {\n        this.hoursList = [];\n        this.minutesList = [];\n        this.secondsList = [];\n\n        if (!!this.customHours) {\n            this.hoursList = this.customHours;\n        } else {\n            this.setupTimeList(this.hoursList, this.startingHour, this.endingHour, this.hourInterval);\n        }\n\n        if (!!this.customMinutes) {\n            this.minutesList = this.customMinutes;\n        } else {\n            this.setupTimeList(this.minutesList, this.startingMinute, this.endingMinute, this.minuteInterval);\n        }\n\n        if (!!this.customSeconds) {\n            this.secondsList = this.customSeconds;\n        } else {\n            this.setupTimeList(this.secondsList, this.startingSecond, this.endingSecond, this.secondInterval);\n        }\n    }\n\n    private setupTimeList(list: number[], start: number, end: number, interval: number): void {\n        for (let i = start; i <= end; i += interval) {\n            list.push(i);\n        }\n    }\n}\n","<div class=\"d-flex\">\n    <div class=\"time-items-list\">\n        <ul class=\"list\">\n            @for (h of hoursList; track h) {\n                <li>\n                    <div class=\"cell\">{{ h.toString().padStart(2, '0') }}</div>\n                </li>\n            }\n        </ul>\n    </div>\n    <div class=\"time-dots-separator\">\n        <span>:</span>\n    </div>\n    <div class=\"time-items-list\">\n        <ul class=\"list\">\n            @for (m of minutesList; track m) {\n                <li>\n                    <div class=\"cell\">{{ m.toString().padStart(2, '0') }}</div>\n                </li>\n            }\n        </ul>\n    </div>\n    @if (shouldSelectSeconds) {\n        <div class=\"time-dots-separator\">\n            <span>:</span>\n        </div>\n        <div class=\"time-items-list\">\n            <ul class=\"list\">\n                @for (s of secondsList; track s) {\n                    <li>\n                        <div class=\"cell\">{{ s.toString().padStart(2, '0') }}</div>\n                    </li>\n                }\n            </ul>\n        </div>\n    }\n    @if (!shouldUse24hFormat) {\n        <div class=\"time-items-list\">\n            <ul class=\"list\">\n                <li>\n                    <div class=\"cell\">{{ 'AM' | transloco }}</div>\n                    <div class=\"cell\">{{ 'PM' | transloco }}</div>\n                </li>\n            </ul>\n        </div>\n    }\n</div>\n<div>\n    <upd-button>{{ 'Select' | transloco }}</upd-button>\n</div>\n","import { Component, Input, OnInit, OnChanges, SimpleChanges, ViewChild, ElementRef } from '@angular/core';\n\n@Component({\n    selector: 'upd-time-picker',\n    templateUrl: './time-picker.component.html',\n    styleUrls: ['./time-picker.component.scss']\n})\nexport class TimePickerComponent implements OnInit, OnChanges {\n    @ViewChild('input', { read: ElementRef }) inputRef?: ElementRef;\n\n    /**\n     * Maximum height of the dropdown.\n     */\n    @Input() dropdownMaxHeight = 300;\n    /**\n     * Whether the mask should be shown.\n     */\n    @Input() showMask = true;\n    /**\n     * Whether seconds should be selectable.\n     */\n    @Input() shouldSelectSeconds = false;\n    /**\n     * Whether the 24-hour format will be used or the 12-hour one (AM/PM)\n     */\n    @Input() shouldUse24hFormat = true;\n    /**\n     * Hour from which where the list will begin.\n     */\n    @Input() startingHour = 0;\n    /**\n     * Hour from which where the list will end.\n     */\n    @Input() endingHour = 23;\n    /**\n     * Interval between hours displayed.\n     */\n    @Input() hourInterval = 1;\n    /**\n     * Minute from which where the list will begin.\n     */\n    @Input() startingMinute = 0;\n    /**\n     * Minute from which where the list will end.\n     */\n    @Input() endingMinute = 59;\n    /**\n     * Interval between minutes displayed.\n     */\n    @Input() minuteInterval = 5;\n    /**\n     * Second from which where the list will begin.\n     */\n    @Input() startingSecond = 0;\n    /**\n     * Second from which where the list will end.\n     */\n    @Input() endingSecond = 59;\n    /**\n     * Interval between seconds displayed.\n     */\n    @Input() secondInterval = 10;\n    /**\n     * Custom list of hours to be displayed for selection.\n     */\n    @Input() customHours?: number[];\n    /**\n     * Custom list of minutes to be displayed for selection.\n     */\n    @Input() customMinutes?: number[];\n    /**\n     * Custom list of seconds to be displayed for selection.\n     */\n    @Input() customSeconds?: number[];\n\n    maxWidth = 0;\n    isDropdownOpen = false;\n\n    get inputMask(): string {\n        return this.shouldSelectSeconds ? 'Hh:m0:s0' : 'Hh:m0';\n    }\n\n    ngOnInit(): void {\n        this.setupStyle();\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        this.setupStyle();\n    }\n\n    openDropdown(): void {\n        this.isDropdownOpen = true;\n    }\n\n    private setupStyle(): void {\n        let finalWidth = 195;\n\n        if (this.shouldSelectSeconds) {\n            finalWidth += 60 + 10;\n        }\n\n        if (!this.shouldUse24hFormat) {\n            finalWidth += 60;\n        }\n\n        this.maxWidth = finalWidth;\n\n        console.log('max w', this.maxWidth);\n    }\n}\n","<upd-input #input [mask]=\"inputMask\" [maskConfig]=\"{showMaskTyped:showMask}\" [isInputGroupFlat]=\"true\">\n    <ng-template updInputAppend>\n        <upd-button [shouldIgnoreBtnClass]=\"true\" (clicked)=\"openDropdown()\" customClasses=\"link-secondary ms-2\">\n            <upd-icon tablerIcon=\"calendar-time\"></upd-icon>\n        </upd-button>\n    </ng-template>\n</upd-input>\n<upd-dropdown [isOpen]=\"isDropdownOpen\" [dropdownReference]=\"inputRef\" [maxHeight]=\"dropdownMaxHeight\" [maxWidth]=\"maxWidth\"\n    wrapperClasses=\"overflow-x-hidden\">\n    <div class=\"time-options-wrapper\" [style.max-width.px]=\"maxWidth\">\n        <upd-time-selector [shouldSelectSeconds]=\"shouldSelectSeconds\" [shouldUse24hFormat]=\"shouldUse24hFormat\"\n            [startingHour]=\"startingHour\" [endingHour]=\"endingHour\" [hourInterval]=\"hourInterval\"\n            [startingMinute]=\"startingMinute\" [endingMinute]=\"endingMinute\" [minuteInterval]=\"minuteInterval\"\n            [startingSecond]=\"startingSecond\" [endingSecond]=\"endingSecond\" [secondInterval]=\"secondInterval\"\n            [customHours]=\"customHours\" [customMinutes]=\"customMinutes\" [customSeconds]=\"customSeconds\"></upd-time-selector>\n    </div>\n</upd-dropdown>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TranslocoService, TranslocoModule } from '@jsverse/transloco';\nimport { UpdInputModule } from '@updevs/components/form-controls/input';\nimport { UpdIconsModule } from '@updevs/icons';\nimport { UpdButtonModule } from '@updevs/components/button';\nimport { UpdListModule } from '@updevs/components/list';\nimport { UpdDropdownModule } from '@updevs/components/dropdown';\n\nimport * as en from './assets/i18n/en.json';\nimport * as pt from './assets/i18n/pt.json';\nimport { TimePickerComponent } from './time-picker.component';\nimport { TimeSelectorComponent } from './time-selector/time-selector.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TranslocoModule,\n        UpdInputModule,\n        UpdIconsModule,\n        UpdButtonModule,\n        UpdListModule,\n        UpdDropdownModule\n    ],\n    declarations: [\n        TimePickerComponent,\n        TimeSelectorComponent\n    ],\n    exports: [\n        TimePickerComponent,\n        TimeSelectorComponent\n    ]\n})\nexport class UpdTimePickerModule {\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","i1","i3","i5.TimeSelectorComponent","en","pt"],"mappings":"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"}