mapa-library-ui 0.68.0 → 0.69.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/src/lib/components/datepicker/mapa-library-ui-src-lib-components-datepicker.mjs +5 -0
- package/esm2020/src/lib/components/datepicker/public-api.mjs +6 -0
- package/esm2020/src/lib/components/datepicker/src/datepicker.component.mjs +44 -0
- package/esm2020/src/lib/components/datepicker/src/datepicker.module.mjs +70 -0
- package/esm2020/src/lib/components/empty/src/empty.component.mjs +3 -3
- package/fesm2015/mapa-library-ui-src-lib-components-datepicker.mjs +121 -0
- package/fesm2015/mapa-library-ui-src-lib-components-datepicker.mjs.map +1 -0
- package/fesm2015/mapa-library-ui-src-lib-components-empty.mjs +2 -2
- package/fesm2015/mapa-library-ui-src-lib-components-empty.mjs.map +1 -1
- package/fesm2020/mapa-library-ui-src-lib-components-datepicker.mjs +121 -0
- package/fesm2020/mapa-library-ui-src-lib-components-datepicker.mjs.map +1 -0
- package/fesm2020/mapa-library-ui-src-lib-components-empty.mjs +2 -2
- package/fesm2020/mapa-library-ui-src-lib-components-empty.mjs.map +1 -1
- package/mapa-library-ui-0.69.0.tgz +0 -0
- package/package.json +9 -1
- package/src/lib/components/datepicker/index.d.ts +5 -0
- package/src/lib/components/datepicker/public-api.d.ts +2 -0
- package/src/lib/components/datepicker/src/datepicker.component.d.ts +12 -0
- package/src/lib/components/datepicker/src/datepicker.module.d.ts +27 -0
- package/mapa-library-ui-0.68.0.tgz +0 -0
package/esm2020/src/lib/components/datepicker/mapa-library-ui-src-lib-components-datepicker.mjs
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './public-api';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFwYS1saWJyYXJ5LXVpLXNyYy1saWItY29tcG9uZW50cy1kYXRlcGlja2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9kYXRlcGlja2VyL21hcGEtbGlicmFyeS11aS1zcmMtbGliLWNvbXBvbmVudHMtZGF0ZXBpY2tlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Public API Surface of mapa-library-ui datepicker
|
|
3
|
+
*/
|
|
4
|
+
export * from './src/datepicker.component';
|
|
5
|
+
export * from './src/datepicker.module';
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hcGEtbGlicmFyeS11aS9zcmMvbGliL2NvbXBvbmVudHMvZGF0ZXBpY2tlci9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLHlCQUF5QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBtYXBhLWxpYnJhcnktdWkgZGF0ZXBpY2tlclxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vc3JjL2RhdGVwaWNrZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vc3JjL2RhdGVwaWNrZXIubW9kdWxlJztcbiJdfQ==
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { Component, Input, ViewEncapsulation } from "@angular/core";
|
|
2
|
+
import { UntypedFormControl, UntypedFormGroup, } from "@angular/forms";
|
|
3
|
+
import moment from "moment";
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/forms";
|
|
6
|
+
import * as i2 from "ngx-mask";
|
|
7
|
+
import * as i3 from "@angular/material/datepicker";
|
|
8
|
+
import * as i4 from "@angular/material/form-field";
|
|
9
|
+
import * as i5 from "@angular/material/input";
|
|
10
|
+
import * as i6 from "@angular/material/icon";
|
|
11
|
+
export class DatepickerComponent {
|
|
12
|
+
constructor() {
|
|
13
|
+
this.startDate = moment().subtract(60, "days").startOf("day").format("DD/MM/YYYY");
|
|
14
|
+
this.endDate = moment().endOf("day").format("DD/MM/YYYY");
|
|
15
|
+
this.formDatepicker = new UntypedFormGroup({
|
|
16
|
+
startDate: new UntypedFormControl(null),
|
|
17
|
+
endDate: new UntypedFormControl(null),
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
onDateSelected() {
|
|
21
|
+
const form = this.formDatepicker.getRawValue();
|
|
22
|
+
if (form.startDate !== null && form.endDate !== null) {
|
|
23
|
+
this.formGroup.patchValue({
|
|
24
|
+
startDate: moment(form.startDate).format("DD/MM/YYYY") || undefined,
|
|
25
|
+
endDate: moment(form.endDate).format("DD/MM/YYYY") || undefined,
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
cleanDatepicker() {
|
|
30
|
+
this.formGroup.patchValue({
|
|
31
|
+
startDate: moment().subtract(60, "days").startOf("day") || undefined,
|
|
32
|
+
endDate: moment().endOf("day") || undefined,
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
DatepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DatepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
37
|
+
DatepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DatepickerComponent, selector: "mapa-datepicker", inputs: { formGroup: "formGroup" }, ngImport: i0, template: "<section\n class=\"mapa__datepicker\"\n [formGroup]=\"formGroup\"\n>\n <mat-form-field appearance=\"standard\" class=\"mapa__datepicker--start-date\">\n <input\n matInput\n formControlName=\"startDate\"\n placeholder=\"Data inicial\"\n mask=\"00/00/0000\"\n />\n </mat-form-field>\n <div class=\"mapa__datepicker--divider\">\u2013</div>\n <mat-form-field appearance=\"standard\" class=\"mapa__datepicker--end-date\">\n <input\n matInput\n formControlName=\"endDate\"\n placeholder=\"Data final\"\n mask=\"00/00/0000\"\n />\n <mat-icon matSuffix (click)=\"cleanDatepicker()\">close</mat-icon>\n <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n <mat-date-range-picker touchUi=\"true\" #picker></mat-date-range-picker>\n </mat-form-field>\n</section>\n<section class=\"mapa--hidden\">\n <mat-form-field [formGroup]=\"formDatepicker\">\n <mat-date-range-input [rangePicker]=\"picker\">\n <input\n matStartDate\n formControlName=\"startDate\"\n (ngModelChange)=\"onDateSelected()\"\n />\n <input\n matEndDate\n formControlName=\"endDate\"\n (ngModelChange)=\"onDateSelected()\"\n />\n </mat-date-range-input>\n </mat-form-field>\n</section>\n", styles: [".mat-form-field-type-mat-date-range-input .mat-form-field-appearance-outline{background-color:#fff}.mat-form-field-type-mat-date-range-input .mat-form-field-appearance-outline .mat-form-field-flex{height:44px!important}.mapa__datepicker{display:flex;align-items:center;justify-content:flex-start;border:2px solid #a7aaad;border-radius:8px;padding:8px 16px;height:44px;width:min-content}.mapa__datepicker--start-date,.mapa__datepicker--start-date .mat-input-element,.mapa__datepicker--start-date .mat-form-field-flex{width:90px!important}.mapa__datepicker--start-date .mat-form-field-underline{bottom:-4px;background-color:unset!important;width:94px}.mapa__datepicker--end-date,.mapa__datepicker--end-date .mat-input-element,.mapa__datepicker--end-date .mat-form-field-flex{min-width:130px!important}.mapa__datepicker--end-date .mat-form-field-underline{bottom:5px;background-color:unset!important;width:94px}.mapa__datepicker--divider{margin:0 8px}.mapa__datepicker .mat-form-field-suffix{display:flex;align-items:center}.mapa__datepicker .mat-form-field-flex{padding:unset!important;align-items:center!important}.mapa__datepicker .mat-form-field-infix{border-top:unset!important;min-height:unset!important}.mapa__datepicker .mat-form-field-wrapper{padding-bottom:unset!important}.mapa__datepicker .mat-form-field-subscript-wrapper,.mapa--hidden{display:none}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "component", type: i3.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i3.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i3.MatStartDate, selector: "input[matStartDate]", inputs: ["errorStateMatcher"], outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i3.MatEndDate, selector: "input[matEndDate]", inputs: ["errorStateMatcher"], outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i3.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
38
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DatepickerComponent, decorators: [{
|
|
39
|
+
type: Component,
|
|
40
|
+
args: [{ selector: "mapa-datepicker", encapsulation: ViewEncapsulation.None, template: "<section\n class=\"mapa__datepicker\"\n [formGroup]=\"formGroup\"\n>\n <mat-form-field appearance=\"standard\" class=\"mapa__datepicker--start-date\">\n <input\n matInput\n formControlName=\"startDate\"\n placeholder=\"Data inicial\"\n mask=\"00/00/0000\"\n />\n </mat-form-field>\n <div class=\"mapa__datepicker--divider\">\u2013</div>\n <mat-form-field appearance=\"standard\" class=\"mapa__datepicker--end-date\">\n <input\n matInput\n formControlName=\"endDate\"\n placeholder=\"Data final\"\n mask=\"00/00/0000\"\n />\n <mat-icon matSuffix (click)=\"cleanDatepicker()\">close</mat-icon>\n <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n <mat-date-range-picker touchUi=\"true\" #picker></mat-date-range-picker>\n </mat-form-field>\n</section>\n<section class=\"mapa--hidden\">\n <mat-form-field [formGroup]=\"formDatepicker\">\n <mat-date-range-input [rangePicker]=\"picker\">\n <input\n matStartDate\n formControlName=\"startDate\"\n (ngModelChange)=\"onDateSelected()\"\n />\n <input\n matEndDate\n formControlName=\"endDate\"\n (ngModelChange)=\"onDateSelected()\"\n />\n </mat-date-range-input>\n </mat-form-field>\n</section>\n", styles: [".mat-form-field-type-mat-date-range-input .mat-form-field-appearance-outline{background-color:#fff}.mat-form-field-type-mat-date-range-input .mat-form-field-appearance-outline .mat-form-field-flex{height:44px!important}.mapa__datepicker{display:flex;align-items:center;justify-content:flex-start;border:2px solid #a7aaad;border-radius:8px;padding:8px 16px;height:44px;width:min-content}.mapa__datepicker--start-date,.mapa__datepicker--start-date .mat-input-element,.mapa__datepicker--start-date .mat-form-field-flex{width:90px!important}.mapa__datepicker--start-date .mat-form-field-underline{bottom:-4px;background-color:unset!important;width:94px}.mapa__datepicker--end-date,.mapa__datepicker--end-date .mat-input-element,.mapa__datepicker--end-date .mat-form-field-flex{min-width:130px!important}.mapa__datepicker--end-date .mat-form-field-underline{bottom:5px;background-color:unset!important;width:94px}.mapa__datepicker--divider{margin:0 8px}.mapa__datepicker .mat-form-field-suffix{display:flex;align-items:center}.mapa__datepicker .mat-form-field-flex{padding:unset!important;align-items:center!important}.mapa__datepicker .mat-form-field-infix{border-top:unset!important;min-height:unset!important}.mapa__datepicker .mat-form-field-wrapper{padding-bottom:unset!important}.mapa__datepicker .mat-form-field-subscript-wrapper,.mapa--hidden{display:none}\n"] }]
|
|
41
|
+
}], propDecorators: { formGroup: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}] } });
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2RhdGVwaWNrZXIvc3JjL2RhdGVwaWNrZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9kYXRlcGlja2VyL3NyYy9kYXRlcGlja2VyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BFLE9BQU8sRUFFTCxrQkFBa0IsRUFDbEIsZ0JBQWdCLEdBQ2pCLE1BQU0sZ0JBQWdCLENBQUM7QUFDeEIsT0FBTyxNQUFNLE1BQU0sUUFBUSxDQUFDOzs7Ozs7OztBQVE1QixNQUFNLE9BQU8sbUJBQW1CO0lBTmhDO1FBU0UsY0FBUyxHQUFHLE1BQU0sRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUFFLEVBQUUsTUFBTSxDQUFDLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLE1BQU0sQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUM5RSxZQUFPLEdBQUcsTUFBTSxFQUFFLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLE1BQU0sQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUVyRCxtQkFBYyxHQUFxQixJQUFJLGdCQUFnQixDQUFDO1lBQ3RELFNBQVMsRUFBRSxJQUFJLGtCQUFrQixDQUFDLElBQUksQ0FBQztZQUN2QyxPQUFPLEVBQUUsSUFBSSxrQkFBa0IsQ0FBQyxJQUFJLENBQUM7U0FDdEMsQ0FBQyxDQUFDO0tBa0JKO0lBaEJDLGNBQWM7UUFDWixNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQy9DLElBQUksSUFBSSxDQUFDLFNBQVMsS0FBSyxJQUFJLElBQUksSUFBSSxDQUFDLE9BQU8sS0FBSyxJQUFJLEVBQUU7WUFDcEQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUM7Z0JBQ3hCLFNBQVMsRUFBRSxNQUFNLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxZQUFZLENBQUMsSUFBSSxTQUFTO2dCQUNuRSxPQUFPLEVBQUUsTUFBTSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxNQUFNLENBQUMsWUFBWSxDQUFDLElBQUksU0FBUzthQUNoRSxDQUFDLENBQUM7U0FDSjtJQUNILENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUM7WUFDeEIsU0FBUyxFQUFFLE1BQU0sRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUFFLEVBQUUsTUFBTSxDQUFDLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxJQUFJLFNBQVM7WUFDcEUsT0FBTyxFQUFFLE1BQU0sRUFBRSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsSUFBSSxTQUFTO1NBQzVDLENBQUMsQ0FBQztJQUNMLENBQUM7O2lIQTFCVSxtQkFBbUI7cUdBQW5CLG1CQUFtQiwyRkNkaEMseXhDQXlDQTs0RkQzQmEsbUJBQW1CO2tCQU4vQixTQUFTOytCQUNFLGlCQUFpQixpQkFHWixpQkFBaUIsQ0FBQyxJQUFJOzhCQUc1QixTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHtcbiAgRm9ybUdyb3VwLFxuICBVbnR5cGVkRm9ybUNvbnRyb2wsXG4gIFVudHlwZWRGb3JtR3JvdXAsXG59IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xuaW1wb3J0IG1vbWVudCBmcm9tIFwibW9tZW50XCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJtYXBhLWRhdGVwaWNrZXJcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9kYXRlcGlja2VyLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1wiLi9kYXRlcGlja2VyLmNvbXBvbmVudC5zY3NzXCJdLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBEYXRlcGlja2VyQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZm9ybUdyb3VwITogRm9ybUdyb3VwO1xuXG4gIHN0YXJ0RGF0ZSA9IG1vbWVudCgpLnN1YnRyYWN0KDYwLCBcImRheXNcIikuc3RhcnRPZihcImRheVwiKS5mb3JtYXQoXCJERC9NTS9ZWVlZXCIpO1xuICBlbmREYXRlID0gbW9tZW50KCkuZW5kT2YoXCJkYXlcIikuZm9ybWF0KFwiREQvTU0vWVlZWVwiKTtcblxuICBmb3JtRGF0ZXBpY2tlcjogVW50eXBlZEZvcm1Hcm91cCA9IG5ldyBVbnR5cGVkRm9ybUdyb3VwKHtcbiAgICBzdGFydERhdGU6IG5ldyBVbnR5cGVkRm9ybUNvbnRyb2wobnVsbCksXG4gICAgZW5kRGF0ZTogbmV3IFVudHlwZWRGb3JtQ29udHJvbChudWxsKSxcbiAgfSk7XG5cbiAgb25EYXRlU2VsZWN0ZWQoKSB7XG4gICAgY29uc3QgZm9ybSA9IHRoaXMuZm9ybURhdGVwaWNrZXIuZ2V0UmF3VmFsdWUoKTtcbiAgICBpZiAoZm9ybS5zdGFydERhdGUgIT09IG51bGwgJiYgZm9ybS5lbmREYXRlICE9PSBudWxsKSB7XG4gICAgICB0aGlzLmZvcm1Hcm91cC5wYXRjaFZhbHVlKHtcbiAgICAgICAgc3RhcnREYXRlOiBtb21lbnQoZm9ybS5zdGFydERhdGUpLmZvcm1hdChcIkREL01NL1lZWVlcIikgfHwgdW5kZWZpbmVkLFxuICAgICAgICBlbmREYXRlOiBtb21lbnQoZm9ybS5lbmREYXRlKS5mb3JtYXQoXCJERC9NTS9ZWVlZXCIpIHx8IHVuZGVmaW5lZCxcbiAgICAgIH0pO1xuICAgIH1cbiAgfVxuXG4gIGNsZWFuRGF0ZXBpY2tlcigpIHtcbiAgICB0aGlzLmZvcm1Hcm91cC5wYXRjaFZhbHVlKHtcbiAgICAgIHN0YXJ0RGF0ZTogbW9tZW50KCkuc3VidHJhY3QoNjAsIFwiZGF5c1wiKS5zdGFydE9mKFwiZGF5XCIpIHx8IHVuZGVmaW5lZCxcbiAgICAgIGVuZERhdGU6IG1vbWVudCgpLmVuZE9mKFwiZGF5XCIpIHx8IHVuZGVmaW5lZCxcbiAgICB9KTtcbiAgfVxufVxuIiwiPHNlY3Rpb25cbiAgY2xhc3M9XCJtYXBhX19kYXRlcGlja2VyXCJcbiAgW2Zvcm1Hcm91cF09XCJmb3JtR3JvdXBcIlxuPlxuICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cInN0YW5kYXJkXCIgY2xhc3M9XCJtYXBhX19kYXRlcGlja2VyLS1zdGFydC1kYXRlXCI+XG4gICAgPGlucHV0XG4gICAgICBtYXRJbnB1dFxuICAgICAgZm9ybUNvbnRyb2xOYW1lPVwic3RhcnREYXRlXCJcbiAgICAgIHBsYWNlaG9sZGVyPVwiRGF0YSBpbmljaWFsXCJcbiAgICAgIG1hc2s9XCIwMC8wMC8wMDAwXCJcbiAgICAvPlxuICA8L21hdC1mb3JtLWZpZWxkPlxuICA8ZGl2IGNsYXNzPVwibWFwYV9fZGF0ZXBpY2tlci0tZGl2aWRlclwiPuKAkzwvZGl2PlxuICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cInN0YW5kYXJkXCIgY2xhc3M9XCJtYXBhX19kYXRlcGlja2VyLS1lbmQtZGF0ZVwiPlxuICAgIDxpbnB1dFxuICAgICAgbWF0SW5wdXRcbiAgICAgIGZvcm1Db250cm9sTmFtZT1cImVuZERhdGVcIlxuICAgICAgcGxhY2Vob2xkZXI9XCJEYXRhIGZpbmFsXCJcbiAgICAgIG1hc2s9XCIwMC8wMC8wMDAwXCJcbiAgICAvPlxuICAgIDxtYXQtaWNvbiBtYXRTdWZmaXggKGNsaWNrKT1cImNsZWFuRGF0ZXBpY2tlcigpXCI+Y2xvc2U8L21hdC1pY29uPlxuICAgIDxtYXQtZGF0ZXBpY2tlci10b2dnbGUgbWF0U3VmZml4IFtmb3JdPVwicGlja2VyXCI+PC9tYXQtZGF0ZXBpY2tlci10b2dnbGU+XG4gICAgPG1hdC1kYXRlLXJhbmdlLXBpY2tlciB0b3VjaFVpPVwidHJ1ZVwiICNwaWNrZXI+PC9tYXQtZGF0ZS1yYW5nZS1waWNrZXI+XG4gIDwvbWF0LWZvcm0tZmllbGQ+XG48L3NlY3Rpb24+XG48c2VjdGlvbiBjbGFzcz1cIm1hcGEtLWhpZGRlblwiPlxuICA8bWF0LWZvcm0tZmllbGQgW2Zvcm1Hcm91cF09XCJmb3JtRGF0ZXBpY2tlclwiPlxuICAgIDxtYXQtZGF0ZS1yYW5nZS1pbnB1dCBbcmFuZ2VQaWNrZXJdPVwicGlja2VyXCI+XG4gICAgICA8aW5wdXRcbiAgICAgICAgbWF0U3RhcnREYXRlXG4gICAgICAgIGZvcm1Db250cm9sTmFtZT1cInN0YXJ0RGF0ZVwiXG4gICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uRGF0ZVNlbGVjdGVkKClcIlxuICAgICAgLz5cbiAgICAgIDxpbnB1dFxuICAgICAgICBtYXRFbmREYXRlXG4gICAgICAgIGZvcm1Db250cm9sTmFtZT1cImVuZERhdGVcIlxuICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJvbkRhdGVTZWxlY3RlZCgpXCJcbiAgICAgIC8+XG4gICAgPC9tYXQtZGF0ZS1yYW5nZS1pbnB1dD5cbiAgPC9tYXQtZm9ybS1maWVsZD5cbjwvc2VjdGlvbj5cbiJdfQ==
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { DatepickerComponent } from './datepicker.component';
|
|
4
|
+
import { NgxMaskDirective, NgxMaskPipe, provideNgxMask } from 'ngx-mask';
|
|
5
|
+
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
6
|
+
import { MatDatepickerModule } from '@angular/material/datepicker';
|
|
7
|
+
import { MatFormFieldModule } from '@angular/material/form-field';
|
|
8
|
+
import { MatIconModule } from '@angular/material/icon';
|
|
9
|
+
import { MatInputModule } from '@angular/material/input';
|
|
10
|
+
import { MapaFormModule } from 'mapa-library-ui/src/lib/components/form';
|
|
11
|
+
import { MAT_DATE_FORMATS, MatNativeDateModule } from '@angular/material/core';
|
|
12
|
+
import * as i0 from "@angular/core";
|
|
13
|
+
const MAPA = [MapaFormModule];
|
|
14
|
+
const MATERIAL = [
|
|
15
|
+
MatNativeDateModule,
|
|
16
|
+
MatDatepickerModule,
|
|
17
|
+
MatInputModule,
|
|
18
|
+
MatFormFieldModule,
|
|
19
|
+
MatIconModule,
|
|
20
|
+
];
|
|
21
|
+
export const MY_DATE_FORMATS = {
|
|
22
|
+
parse: {
|
|
23
|
+
dateInput: 'DD/MM/YYYY', // Format for parsing user input
|
|
24
|
+
},
|
|
25
|
+
display: {
|
|
26
|
+
dateInput: 'DD/MM/YYYY',
|
|
27
|
+
monthYearLabel: 'MMM YYYY',
|
|
28
|
+
dateA11yLabel: 'LL',
|
|
29
|
+
monthYearA11yLabel: 'MMMM YYYY', // Format for month/year accessibility labels
|
|
30
|
+
},
|
|
31
|
+
};
|
|
32
|
+
export class MapaDatepickerModule {
|
|
33
|
+
}
|
|
34
|
+
MapaDatepickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
35
|
+
MapaDatepickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaDatepickerModule, declarations: [DatepickerComponent], imports: [CommonModule,
|
|
36
|
+
FormsModule,
|
|
37
|
+
ReactiveFormsModule,
|
|
38
|
+
NgxMaskDirective,
|
|
39
|
+
NgxMaskPipe, MapaFormModule, MatNativeDateModule,
|
|
40
|
+
MatDatepickerModule,
|
|
41
|
+
MatInputModule,
|
|
42
|
+
MatFormFieldModule,
|
|
43
|
+
MatIconModule], exports: [DatepickerComponent] });
|
|
44
|
+
MapaDatepickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDatepickerModule, providers: [
|
|
45
|
+
provideNgxMask(),
|
|
46
|
+
{ provide: MAT_DATE_FORMATS, useValue: MY_DATE_FORMATS },
|
|
47
|
+
], imports: [CommonModule,
|
|
48
|
+
FormsModule,
|
|
49
|
+
ReactiveFormsModule, MAPA, MATERIAL] });
|
|
50
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDatepickerModule, decorators: [{
|
|
51
|
+
type: NgModule,
|
|
52
|
+
args: [{
|
|
53
|
+
declarations: [DatepickerComponent],
|
|
54
|
+
exports: [DatepickerComponent],
|
|
55
|
+
imports: [
|
|
56
|
+
CommonModule,
|
|
57
|
+
FormsModule,
|
|
58
|
+
ReactiveFormsModule,
|
|
59
|
+
NgxMaskDirective,
|
|
60
|
+
NgxMaskPipe,
|
|
61
|
+
...MAPA,
|
|
62
|
+
...MATERIAL,
|
|
63
|
+
],
|
|
64
|
+
providers: [
|
|
65
|
+
provideNgxMask(),
|
|
66
|
+
{ provide: MAT_DATE_FORMATS, useValue: MY_DATE_FORMATS },
|
|
67
|
+
],
|
|
68
|
+
}]
|
|
69
|
+
}] });
|
|
70
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2RhdGVwaWNrZXIvc3JjL2RhdGVwaWNrZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzdELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxXQUFXLEVBQUUsY0FBYyxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUNuRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUN6RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7QUFFL0UsTUFBTSxJQUFJLEdBQUcsQ0FBQyxjQUFjLENBQUMsQ0FBQztBQUU5QixNQUFNLFFBQVEsR0FBRztJQUNmLG1CQUFtQjtJQUNuQixtQkFBbUI7SUFDbkIsY0FBYztJQUNkLGtCQUFrQjtJQUNsQixhQUFhO0NBQ2QsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRztJQUM3QixLQUFLLEVBQUU7UUFDTCxTQUFTLEVBQUUsWUFBWSxFQUFFLGdDQUFnQztLQUMxRDtJQUNELE9BQU8sRUFBRTtRQUNQLFNBQVMsRUFBRSxZQUFZO1FBQ3ZCLGNBQWMsRUFBRSxVQUFVO1FBQzFCLGFBQWEsRUFBRSxJQUFJO1FBQ25CLGtCQUFrQixFQUFFLFdBQVcsRUFBRSw2Q0FBNkM7S0FDL0U7Q0FDRixDQUFDO0FBbUJGLE1BQU0sT0FBTyxvQkFBb0I7O2tIQUFwQixvQkFBb0I7bUhBQXBCLG9CQUFvQixpQkFoQmhCLG1CQUFtQixhQUdoQyxZQUFZO1FBQ1osV0FBVztRQUNYLG1CQUFtQjtRQUNuQixnQkFBZ0I7UUFDaEIsV0FBVyxFQTlCRCxjQUFjLEVBRzFCLG1CQUFtQjtRQUNuQixtQkFBbUI7UUFDbkIsY0FBYztRQUNkLGtCQUFrQjtRQUNsQixhQUFhLGFBaUJILG1CQUFtQjttSEFlbEIsb0JBQW9CLGFBTHBCO1FBQ1QsY0FBYyxFQUFFO1FBQ2hCLEVBQUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLFFBQVEsRUFBRSxlQUFlLEVBQUU7S0FDekQsWUFYQyxZQUFZO1FBQ1osV0FBVztRQUNYLG1CQUFtQixFQUdoQixJQUFJLEVBQ0osUUFBUTs0RkFPRixvQkFBb0I7a0JBakJoQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLG1CQUFtQixDQUFDO29CQUNuQyxPQUFPLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztvQkFDOUIsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osV0FBVzt3QkFDWCxtQkFBbUI7d0JBQ25CLGdCQUFnQjt3QkFDaEIsV0FBVzt3QkFDWCxHQUFHLElBQUk7d0JBQ1AsR0FBRyxRQUFRO3FCQUNaO29CQUNELFNBQVMsRUFBRTt3QkFDVCxjQUFjLEVBQUU7d0JBQ2hCLEVBQUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLFFBQVEsRUFBRSxlQUFlLEVBQUU7cUJBQ3pEO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBEYXRlcGlja2VyQ29tcG9uZW50IH0gZnJvbSAnLi9kYXRlcGlja2VyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBOZ3hNYXNrRGlyZWN0aXZlLCBOZ3hNYXNrUGlwZSwgcHJvdmlkZU5neE1hc2sgfSBmcm9tICduZ3gtbWFzayc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IE1hdERhdGVwaWNrZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kYXRlcGlja2VyJztcbmltcG9ydCB7IE1hdEZvcm1GaWVsZE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2Zvcm0tZmllbGQnO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgTWF0SW5wdXRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pbnB1dCc7XG5pbXBvcnQgeyBNYXBhRm9ybU1vZHVsZSB9IGZyb20gJ21hcGEtbGlicmFyeS11aS9zcmMvbGliL2NvbXBvbmVudHMvZm9ybSc7XG5pbXBvcnQgeyBNQVRfREFURV9GT1JNQVRTLCBNYXROYXRpdmVEYXRlTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY29yZSc7XG5cbmNvbnN0IE1BUEEgPSBbTWFwYUZvcm1Nb2R1bGVdO1xuXG5jb25zdCBNQVRFUklBTCA9IFtcbiAgTWF0TmF0aXZlRGF0ZU1vZHVsZSxcbiAgTWF0RGF0ZXBpY2tlck1vZHVsZSxcbiAgTWF0SW5wdXRNb2R1bGUsXG4gIE1hdEZvcm1GaWVsZE1vZHVsZSxcbiAgTWF0SWNvbk1vZHVsZSxcbl07XG5cbmV4cG9ydCBjb25zdCBNWV9EQVRFX0ZPUk1BVFMgPSB7XG4gIHBhcnNlOiB7XG4gICAgZGF0ZUlucHV0OiAnREQvTU0vWVlZWScsIC8vIEZvcm1hdCBmb3IgcGFyc2luZyB1c2VyIGlucHV0XG4gIH0sXG4gIGRpc3BsYXk6IHtcbiAgICBkYXRlSW5wdXQ6ICdERC9NTS9ZWVlZJywgLy8gRm9ybWF0IGZvciBkaXNwbGF5aW5nIGluIHRoZSBpbnB1dCBmaWVsZFxuICAgIG1vbnRoWWVhckxhYmVsOiAnTU1NIFlZWVknLCAvLyBGb3JtYXQgZm9yIHRoZSBtb250aC95ZWFyIGxhYmVsIGluIHRoZSBjYWxlbmRhclxuICAgIGRhdGVBMTF5TGFiZWw6ICdMTCcsIC8vIEZvcm1hdCBmb3IgYWNjZXNzaWJpbGl0eSBsYWJlbHNcbiAgICBtb250aFllYXJBMTF5TGFiZWw6ICdNTU1NIFlZWVknLCAvLyBGb3JtYXQgZm9yIG1vbnRoL3llYXIgYWNjZXNzaWJpbGl0eSBsYWJlbHNcbiAgfSxcbn07XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0RhdGVwaWNrZXJDb21wb25lbnRdLFxuICBleHBvcnRzOiBbRGF0ZXBpY2tlckNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBOZ3hNYXNrRGlyZWN0aXZlLFxuICAgIE5neE1hc2tQaXBlLFxuICAgIC4uLk1BUEEsXG4gICAgLi4uTUFURVJJQUwsXG4gIF0sXG4gIHByb3ZpZGVyczogW1xuICAgIHByb3ZpZGVOZ3hNYXNrKCksXG4gICAgeyBwcm92aWRlOiBNQVRfREFURV9GT1JNQVRTLCB1c2VWYWx1ZTogTVlfREFURV9GT1JNQVRTIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIE1hcGFEYXRlcGlja2VyTW9kdWxlIHt9XG4iXX0=
|