nira-falcon 0.0.1 → 0.0.2
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/esm2022/lib/core-auto-complete/core-auto-complete.component.mjs +82 -0
- package/esm2022/lib/core-btn/core-btn.component.mjs +26 -11
- package/esm2022/lib/core-card/core-card.component.mjs +16 -0
- package/esm2022/lib/core-checkbox/core-checkbox.component.mjs +33 -0
- package/esm2022/lib/core-confirm-dialog/core-confirm-dialog.component.mjs +31 -0
- package/esm2022/lib/core-date-picker/core-date-picker.component.mjs +52 -0
- package/esm2022/lib/core-input/core-input.component.mjs +48 -0
- package/esm2022/lib/core-mulite-select/core-mulite-select-row/core-mulite-select-row.component.mjs +29 -0
- package/esm2022/lib/core-mulite-select/core-mulite-select.component.mjs +130 -0
- package/esm2022/lib/core-number/core-number.component.mjs +64 -0
- package/esm2022/lib/core-page-title/core-page-title.component.mjs +19 -0
- package/esm2022/lib/core-radio-buttons/core-radio-buttons.component.mjs +75 -0
- package/esm2022/lib/core-search-box/core-search-box.component.mjs +25 -0
- package/esm2022/lib/core-select/core-select.component.mjs +109 -0
- package/esm2022/lib/core-spinner/core-spinner.component.mjs +3 -3
- package/esm2022/lib/core-switch/core-switch.component.mjs +33 -0
- package/esm2022/lib/core-table/core-column-date-picker/core-column-date-picker.component.mjs +62 -0
- package/esm2022/lib/core-table/core-column-input/core-column-input.component.mjs +29 -0
- package/esm2022/lib/core-table/core-column-selector/core-column-selector.component.mjs +91 -0
- package/esm2022/lib/core-table/core-row-pelak/core-row-pelak.component.mjs +21 -0
- package/esm2022/lib/core-table/core-table/core-table.component.mjs +176 -0
- package/esm2022/lib/core-table/core-table-action-buttons-column/core-table-action-buttons-column.component.mjs +34 -0
- package/esm2022/lib/core-table/core-table-action-column/core-table-action-column.component.mjs +27 -0
- package/esm2022/lib/core-table/core-table-card-manager/core-table-card-manager.component.mjs +80 -0
- package/esm2022/lib/core-table/core-table-column-manager/core-table-column-manager.component.mjs +79 -0
- package/esm2022/lib/core-table/core-table-detail-viewer-for-report/core-table-detail-viewer-for-report.component.mjs +24 -0
- package/esm2022/lib/core-table/core-table-filter-dialog/core-table-filter-dialog/core-table-filter-dialog.component.mjs +82 -0
- package/esm2022/lib/core-table/core-table-no-content/core-table-no-content.component.mjs +23 -0
- package/esm2022/lib/core-table/core-table-no-content/core-table-no-content.label.mjs +9 -0
- package/esm2022/lib/core-table/core-table-row-selector-column/core-table-row-selector-column.component.mjs +42 -0
- package/esm2022/lib/core-table/core-table-shamsi-date/core-table-shamsi-date.component.mjs +26 -0
- package/esm2022/lib/core-table/core-table-status-active-column/core-table-status-active-column.component.mjs +20 -0
- package/esm2022/lib/core-table/core-table-status-column/core-table-status-column.component.mjs +18 -0
- package/esm2022/lib/core-textarea/core-textarea.component.mjs +47 -0
- package/esm2022/lib/core-time-picker/core-time-picker.component.mjs +104 -0
- package/esm2022/lib/core-time-picker/time-picker-modal/time-picker-modal.component.mjs +147 -0
- package/esm2022/lib/falcon-lib.module.mjs +228 -7
- package/esm2022/lib/falconTypes.mjs +9 -2
- package/esm2022/lib/pipes/digit-group.pipe.mjs +16 -0
- package/esm2022/lib/pipes/form-control.pipe.mjs +16 -0
- package/esm2022/lib/pipes/persian-digits.pipe.mjs +40 -0
- package/esm2022/lib/pipes/price-format.pipe.mjs +23 -0
- package/esm2022/lib/pipes/shamsi-date.pipe.mjs +18 -0
- package/esm2022/lib/pipes/time-format.pipe.mjs +28 -0
- package/esm2022/lib/pipes/weight.pipe.mjs +16 -0
- package/esm2022/lib/wordify.mjs +109 -0
- package/esm2022/public-api.mjs +25 -3
- package/esm2022/svg-icon/caret-up-icon/caret-up-icon.component.mjs +11 -0
- package/esm2022/svg-icon/close-icon/close-icon.component.mjs +11 -0
- package/esm2022/svg-icon/edit-square-icon/edit-square-icon.component.mjs +11 -0
- package/esm2022/svg-icon/pelak-icon/pelak-icon.component.mjs +11 -0
- package/esm2022/svg-icon/search-icon/search-icon.component.mjs +11 -0
- package/esm2022/svg-icon/sort-down-icon/sort-down-icon.component.mjs +11 -0
- package/esm2022/svg-icon/sort-solid-icon/sort-solid-icon.component.mjs +11 -0
- package/esm2022/svg-icon/sort-up-icon/sort-up-icon.component.mjs +11 -0
- package/esm2022/svg-icon/time-icon/time-icon.component.mjs +11 -0
- package/esm2022/svg-icon/warning-icon/warning-icon.component.mjs +11 -0
- package/esm2022/utils/constants.mjs +106 -0
- package/esm2022/utils/directives/detail-viewer-manager.directive.mjs +71 -0
- package/esm2022/utils/directives/table-detail-viewer-manager.directive.mjs +49 -0
- package/esm2022/utils/types.mjs +2 -0
- package/esm2022/utils/util.mjs +26 -0
- package/fesm2022/nira-falcon.mjs +2381 -43
- package/fesm2022/nira-falcon.mjs.map +1 -1
- package/lib/core-auto-complete/core-auto-complete.component.d.ts +30 -0
- package/lib/core-btn/core-btn.component.d.ts +3 -0
- package/lib/core-card/core-card.component.d.ts +6 -0
- package/lib/core-checkbox/core-checkbox.component.d.ts +13 -0
- package/lib/core-confirm-dialog/core-confirm-dialog.component.d.ts +14 -0
- package/lib/core-date-picker/core-date-picker.component.d.ts +20 -0
- package/lib/core-input/core-input.component.d.ts +17 -0
- package/lib/core-mulite-select/core-mulite-select-row/core-mulite-select-row.component.d.ts +11 -0
- package/lib/core-mulite-select/core-mulite-select.component.d.ts +42 -0
- package/lib/core-number/core-number.component.d.ts +12 -0
- package/lib/core-page-title/core-page-title.component.d.ts +7 -0
- package/lib/core-radio-buttons/core-radio-buttons.component.d.ts +29 -0
- package/lib/core-search-box/core-search-box.component.d.ts +10 -0
- package/lib/core-select/core-select.component.d.ts +40 -0
- package/lib/core-switch/core-switch.component.d.ts +17 -0
- package/lib/core-table/core-column-date-picker/core-column-date-picker.component.d.ts +21 -0
- package/lib/core-table/core-column-input/core-column-input.component.d.ts +11 -0
- package/lib/core-table/core-column-selector/core-column-selector.component.d.ts +33 -0
- package/lib/core-table/core-row-pelak/core-row-pelak.component.d.ts +8 -0
- package/lib/core-table/core-table/core-table.component.d.ts +33 -0
- package/lib/core-table/core-table-action-buttons-column/core-table-action-buttons-column.component.d.ts +11 -0
- package/lib/core-table/core-table-action-column/core-table-action-column.component.d.ts +11 -0
- package/lib/core-table/core-table-card-manager/core-table-card-manager.component.d.ts +23 -0
- package/lib/core-table/core-table-column-manager/core-table-column-manager.component.d.ts +23 -0
- package/lib/core-table/core-table-detail-viewer-for-report/core-table-detail-viewer-for-report.component.d.ts +10 -0
- package/lib/core-table/core-table-filter-dialog/core-table-filter-dialog/core-table-filter-dialog.component.d.ts +23 -0
- package/lib/core-table/core-table-no-content/core-table-no-content.component.d.ts +9 -0
- package/lib/core-table/core-table-no-content/core-table-no-content.label.d.ts +5 -0
- package/lib/core-table/core-table-row-selector-column/core-table-row-selector-column.component.d.ts +12 -0
- package/lib/core-table/core-table-shamsi-date/core-table-shamsi-date.component.d.ts +11 -0
- package/lib/core-table/core-table-status-active-column/core-table-status-active-column.component.d.ts +8 -0
- package/lib/core-table/core-table-status-column/core-table-status-column.component.d.ts +7 -0
- package/lib/core-textarea/core-textarea.component.d.ts +13 -0
- package/lib/core-time-picker/core-time-picker.component.d.ts +25 -0
- package/lib/core-time-picker/time-picker-modal/time-picker-modal.component.d.ts +35 -0
- package/lib/falcon-lib.module.d.ts +57 -4
- package/lib/falconTypes.d.ts +7 -0
- package/lib/pipes/digit-group.pipe.d.ts +7 -0
- package/lib/pipes/form-control.pipe.d.ts +8 -0
- package/lib/pipes/persian-digits.pipe.d.ts +7 -0
- package/lib/pipes/price-format.pipe.d.ts +7 -0
- package/lib/pipes/shamsi-date.pipe.d.ts +9 -0
- package/lib/pipes/time-format.pipe.d.ts +7 -0
- package/lib/pipes/weight.pipe.d.ts +7 -0
- package/lib/wordify.d.ts +2 -0
- package/package.json +2 -2
- package/public-api.d.ts +24 -2
- package/svg-icon/caret-up-icon/caret-up-icon.component.d.ts +5 -0
- package/svg-icon/close-icon/close-icon.component.d.ts +5 -0
- package/svg-icon/edit-square-icon/edit-square-icon.component.d.ts +5 -0
- package/svg-icon/pelak-icon/pelak-icon.component.d.ts +5 -0
- package/svg-icon/search-icon/search-icon.component.d.ts +5 -0
- package/svg-icon/sort-down-icon/sort-down-icon.component.d.ts +5 -0
- package/svg-icon/sort-solid-icon/sort-solid-icon.component.d.ts +5 -0
- package/svg-icon/sort-up-icon/sort-up-icon.component.d.ts +5 -0
- package/svg-icon/time-icon/time-icon.component.d.ts +5 -0
- package/svg-icon/warning-icon/warning-icon.component.d.ts +5 -0
- package/utils/constants.d.ts +77 -0
- package/utils/directives/detail-viewer-manager.directive.d.ts +18 -0
- package/utils/directives/table-detail-viewer-manager.directive.d.ts +16 -0
- package/utils/types.d.ts +10 -0
- package/utils/util.d.ts +11 -0
- package/esm2022/lib/falcon-lib.component.mjs +0 -19
- package/esm2022/lib/falcon-lib.service.mjs +0 -14
- package/esm2022/nira-falcon-lib.mjs +0 -5
- package/fesm2022/nira-falcon-lib.mjs +0 -120
- package/fesm2022/nira-falcon-lib.mjs.map +0 -1
- package/lib/falcon-lib.component.d.ts +0 -5
- package/lib/falcon-lib.service.d.ts +0 -6
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output, } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "@angular/forms";
|
|
5
|
+
export class CoreAutoCompleteComponent {
|
|
6
|
+
get _items() {
|
|
7
|
+
return this.filterItems;
|
|
8
|
+
}
|
|
9
|
+
set defaultValue(value) {
|
|
10
|
+
this.value = value;
|
|
11
|
+
}
|
|
12
|
+
constructor(cdr) {
|
|
13
|
+
this.cdr = cdr;
|
|
14
|
+
this.selectedItem = {};
|
|
15
|
+
this.filterItems = [];
|
|
16
|
+
this.newItems = [];
|
|
17
|
+
this.isOpenMenu = false;
|
|
18
|
+
this.label = 'ddd';
|
|
19
|
+
this.items = [];
|
|
20
|
+
this.onChange = new EventEmitter();
|
|
21
|
+
}
|
|
22
|
+
ngOnInit() {
|
|
23
|
+
this.titleKeyObject = this.titleKey;
|
|
24
|
+
this.valueKeyObject = this.valueKey;
|
|
25
|
+
this.newItems = this.changeItemsType(this.items);
|
|
26
|
+
this.filterItems = this.newItems.filter((item) => !item.title.indexOf(this.value));
|
|
27
|
+
}
|
|
28
|
+
ngAfterViewInit() {
|
|
29
|
+
this.cdr.detectChanges();
|
|
30
|
+
}
|
|
31
|
+
changeItemsType(items) {
|
|
32
|
+
return items.map((item) => {
|
|
33
|
+
return {
|
|
34
|
+
title: item[this.titleKeyObject],
|
|
35
|
+
value: item[this.valueKeyObject],
|
|
36
|
+
};
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
openMenuClick() {
|
|
40
|
+
this.isOpenMenu = !this.isOpenMenu;
|
|
41
|
+
this.filterItems = this.newItems.filter((item) => !item.title.indexOf(this.value));
|
|
42
|
+
}
|
|
43
|
+
onItemSelect(item) {
|
|
44
|
+
this.isOpenMenu = false;
|
|
45
|
+
if (!item)
|
|
46
|
+
return;
|
|
47
|
+
this.selectedItem = item;
|
|
48
|
+
this.value = item.title;
|
|
49
|
+
}
|
|
50
|
+
focusOut() {
|
|
51
|
+
if (!this.items || this.items.length == 0 || !this.selectedItem)
|
|
52
|
+
return;
|
|
53
|
+
setTimeout(() => {
|
|
54
|
+
this.isOpenMenu = false;
|
|
55
|
+
if (!this.newItems.some((item) => item.title == this.value)) {
|
|
56
|
+
this.value = this.selectedItem.title;
|
|
57
|
+
}
|
|
58
|
+
}, 100);
|
|
59
|
+
}
|
|
60
|
+
onChanged(value) {
|
|
61
|
+
this.filterItems = this.items.filter((item) => !item.title.indexOf(value));
|
|
62
|
+
}
|
|
63
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreAutoCompleteComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
64
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreAutoCompleteComponent, selector: "core-auto-complete", inputs: { label: "label", titleKey: "titleKey", valueKey: "valueKey", items: "items", defaultValue: "defaultValue" }, outputs: { onChange: "onChange" }, ngImport: i0, template: "<div class=\"dropdown\">\r\n <div\r\n class=\"select\"\r\n [ngClass]=\"{ 'select-clicked': isOpenMenu }\"\r\n (click)=\"openMenuClick()\"\r\n >\r\n <input\r\n class=\"selected\"\r\n [placeholder]=\"label\"\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"onChanged($event)\"\r\n (focusout)=\"focusOut()\"\r\n />\r\n <span\r\n class=\"material-symbols-outlined caret\"\r\n [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n >\r\n expand_more\r\n </span>\r\n </div>\r\n <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n <li\r\n *ngFor=\"let item of _items\"\r\n [ngClass]=\"{ active: item == selectedItem }\"\r\n (click)=\"onItemSelect(item)\"\r\n >\r\n {{ item.title }}\r\n </li>\r\n </ul>\r\n</div>\r\n", styles: [".dropdown{min-width:15em;position:relative;width:100%;min-width:120px}.dropdown .select{background:#fff;color:#304050;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;border:2px solid #ced4da;border-radius:4px;padding:8px;cursor:pointer;transition:background .3s;font-size:13px;-webkit-user-select:none;user-select:none}.dropdown .select:hover,.dropdown .select:hover .selected{background:#fbfbfb}.dropdown .select .selected{width:100%;font-size:13px;outline:none;border:none;-webkit-user-select:none;user-select:none}.dropdown .select .caret{color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select-clicked{border:2px #4f6883 solid;box-shadow:0 0 .8em #888}.dropdown .menu{list-style:none;padding-inline:0px;background:#fff;border:1px #e3e8f1 solid;box-shadow:0 .5em 1em #0003;border-radius:.5em;color:#595c5f;position:absolute;top:42px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:3}.dropdown .menu li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}.dropdown .menu li:hover{background:#f6f6f6}.dropdown .menu .active{background:#ced4da}.dropdown .menu-open{display:block;opacity:1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.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: 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"] }] }); }
|
|
65
|
+
}
|
|
66
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreAutoCompleteComponent, decorators: [{
|
|
67
|
+
type: Component,
|
|
68
|
+
args: [{ selector: 'core-auto-complete', template: "<div class=\"dropdown\">\r\n <div\r\n class=\"select\"\r\n [ngClass]=\"{ 'select-clicked': isOpenMenu }\"\r\n (click)=\"openMenuClick()\"\r\n >\r\n <input\r\n class=\"selected\"\r\n [placeholder]=\"label\"\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"onChanged($event)\"\r\n (focusout)=\"focusOut()\"\r\n />\r\n <span\r\n class=\"material-symbols-outlined caret\"\r\n [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n >\r\n expand_more\r\n </span>\r\n </div>\r\n <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n <li\r\n *ngFor=\"let item of _items\"\r\n [ngClass]=\"{ active: item == selectedItem }\"\r\n (click)=\"onItemSelect(item)\"\r\n >\r\n {{ item.title }}\r\n </li>\r\n </ul>\r\n</div>\r\n", styles: [".dropdown{min-width:15em;position:relative;width:100%;min-width:120px}.dropdown .select{background:#fff;color:#304050;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;border:2px solid #ced4da;border-radius:4px;padding:8px;cursor:pointer;transition:background .3s;font-size:13px;-webkit-user-select:none;user-select:none}.dropdown .select:hover,.dropdown .select:hover .selected{background:#fbfbfb}.dropdown .select .selected{width:100%;font-size:13px;outline:none;border:none;-webkit-user-select:none;user-select:none}.dropdown .select .caret{color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select-clicked{border:2px #4f6883 solid;box-shadow:0 0 .8em #888}.dropdown .menu{list-style:none;padding-inline:0px;background:#fff;border:1px #e3e8f1 solid;box-shadow:0 .5em 1em #0003;border-radius:.5em;color:#595c5f;position:absolute;top:42px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:3}.dropdown .menu li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}.dropdown .menu li:hover{background:#f6f6f6}.dropdown .menu .active{background:#ced4da}.dropdown .menu-open{display:block;opacity:1}\n"] }]
|
|
69
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { label: [{
|
|
70
|
+
type: Input
|
|
71
|
+
}], titleKey: [{
|
|
72
|
+
type: Input
|
|
73
|
+
}], valueKey: [{
|
|
74
|
+
type: Input
|
|
75
|
+
}], items: [{
|
|
76
|
+
type: Input
|
|
77
|
+
}], defaultValue: [{
|
|
78
|
+
type: Input
|
|
79
|
+
}], onChange: [{
|
|
80
|
+
type: Output
|
|
81
|
+
}] } });
|
|
82
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1hdXRvLWNvbXBsZXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZhbGNvbi1saWIvc3JjL2xpYi9jb3JlLWF1dG8tY29tcGxldGUvY29yZS1hdXRvLWNvbXBsZXRlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZhbGNvbi1saWIvc3JjL2xpYi9jb3JlLWF1dG8tY29tcGxldGUvY29yZS1hdXRvLWNvbXBsZXRlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7Ozs7QUFRdkIsTUFBTSxPQUFPLHlCQUF5QjtJQVNwQyxJQUFJLE1BQU07UUFDUixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDMUIsQ0FBQztJQU1ELElBQWEsWUFBWSxDQUFDLEtBQVE7UUFDaEMsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7SUFDckIsQ0FBQztJQUdELFlBQW9CLEdBQXNCO1FBQXRCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBckIxQyxpQkFBWSxHQUFnQixFQUFpQixDQUFDO1FBRzlDLGdCQUFXLEdBQWtCLEVBQUUsQ0FBQztRQUNoQyxhQUFRLEdBQWtCLEVBQUUsQ0FBQztRQUU3QixlQUFVLEdBQUcsS0FBSyxDQUFDO1FBTVYsVUFBSyxHQUFHLEtBQUssQ0FBQztRQUdkLFVBQUssR0FBVSxFQUFFLENBQUM7UUFJakIsYUFBUSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFFSCxDQUFDO0lBRTlDLFFBQVE7UUFFTixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxRQUFxQixDQUFDO1FBQ2pELElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLFFBQXFCLENBQUM7UUFDakQsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUVqRCxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUNyQyxDQUFDLElBQVMsRUFBRSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQy9DLENBQUM7SUFDSixDQUFDO0lBQ0QsZUFBZTtRQUNiLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELGVBQWUsQ0FBQyxLQUFZO1FBQzFCLE9BQU8sS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFO1lBQ3hCLE9BQU87Z0JBQ0wsS0FBSyxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDO2dCQUNoQyxLQUFLLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUM7YUFDakMsQ0FBQztRQUNKLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQztRQUNuQyxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUNyQyxDQUFDLElBQVMsRUFBRSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQy9DLENBQUM7SUFDSixDQUFDO0lBRUQsWUFBWSxDQUFDLElBQTZCO1FBQ3hDLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLElBQUksQ0FBQyxJQUFJO1lBQUUsT0FBTztRQUNsQixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztRQUN6QixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDMUIsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWTtZQUFFLE9BQU87UUFDeEUsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1lBQ3hCLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDLElBQVMsRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLEVBQUU7Z0JBQ2hFLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUM7YUFDdEM7UUFDSCxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDVixDQUFDO0lBRUQsU0FBUyxDQUFDLEtBQVU7UUFDbEIsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FDbEMsQ0FBQyxJQUFTLEVBQUUsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLENBQzFDLENBQUM7SUFDSixDQUFDOytHQTNFVSx5QkFBeUI7bUdBQXpCLHlCQUF5QixtTkNmdEMsK3lCQThCQTs7NEZEZmEseUJBQXlCO2tCQUxyQyxTQUFTOytCQUNFLG9CQUFvQjt3R0FpQnJCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNPLFlBQVk7c0JBQXhCLEtBQUs7Z0JBR0ksUUFBUTtzQkFBakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgQ29tcG9uZW50LFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBJbnB1dCxcclxuICBPbkluaXQsXHJcbiAgT3V0cHV0LFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNZW51SXRlbSB9IGZyb20gJy4uL2ZhbGNvblR5cGVzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY29yZS1hdXRvLWNvbXBsZXRlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY29yZS1hdXRvLWNvbXBsZXRlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jb3JlLWF1dG8tY29tcGxldGUuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIENvcmVBdXRvQ29tcGxldGVDb21wb25lbnQ8VD4gaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIHNlbGVjdGVkSXRlbTogTWVudUl0ZW08VD4gPSB7fSBhcyBNZW51SXRlbTxUPjtcclxuICB0aXRsZUtleU9iamVjdCE6IGtleW9mIHN0cmluZyB8IG51bWJlcjtcclxuICB2YWx1ZUtleU9iamVjdCE6IGtleW9mIHN0cmluZyB8IG51bWJlcjtcclxuICBmaWx0ZXJJdGVtczogTWVudUl0ZW08VD5bXSA9IFtdO1xyXG4gIG5ld0l0ZW1zOiBNZW51SXRlbTxUPltdID0gW107XHJcbiAgdmFsdWUhOiBUO1xyXG4gIGlzT3Blbk1lbnUgPSBmYWxzZTtcclxuXHJcbiAgZ2V0IF9pdGVtcygpIHtcclxuICAgIHJldHVybiB0aGlzLmZpbHRlckl0ZW1zO1xyXG4gIH1cclxuXHJcbiAgQElucHV0KCkgbGFiZWwgPSAnZGRkJztcclxuICBASW5wdXQoKSB0aXRsZUtleSE6IHN0cmluZztcclxuICBASW5wdXQoKSB2YWx1ZUtleSE6IHN0cmluZztcclxuICBASW5wdXQoKSBpdGVtczogYW55W10gPSBbXTtcclxuICBASW5wdXQoKSBzZXQgZGVmYXVsdFZhbHVlKHZhbHVlOiBUKSB7XHJcbiAgICB0aGlzLnZhbHVlID0gdmFsdWU7XHJcbiAgfVxyXG4gIEBPdXRwdXQoKSBvbkNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdHlwZSBPYmplY3RLZXkgPSAodHlwZW9mIHRoaXMuaXRlbXMpWzBdO1xyXG4gICAgdGhpcy50aXRsZUtleU9iamVjdCA9IHRoaXMudGl0bGVLZXkgYXMgT2JqZWN0S2V5O1xyXG4gICAgdGhpcy52YWx1ZUtleU9iamVjdCA9IHRoaXMudmFsdWVLZXkgYXMgT2JqZWN0S2V5O1xyXG4gICAgdGhpcy5uZXdJdGVtcyA9IHRoaXMuY2hhbmdlSXRlbXNUeXBlKHRoaXMuaXRlbXMpO1xyXG5cclxuICAgIHRoaXMuZmlsdGVySXRlbXMgPSB0aGlzLm5ld0l0ZW1zLmZpbHRlcihcclxuICAgICAgKGl0ZW06IGFueSkgPT4gIWl0ZW0udGl0bGUuaW5kZXhPZih0aGlzLnZhbHVlKVxyXG4gICAgKTtcclxuICB9XHJcbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gIH1cclxuXHJcbiAgY2hhbmdlSXRlbXNUeXBlKGl0ZW1zOiBhbnlbXSk6IE1lbnVJdGVtPFQ+W10ge1xyXG4gICAgcmV0dXJuIGl0ZW1zLm1hcCgoaXRlbSkgPT4ge1xyXG4gICAgICByZXR1cm4ge1xyXG4gICAgICAgIHRpdGxlOiBpdGVtW3RoaXMudGl0bGVLZXlPYmplY3RdLFxyXG4gICAgICAgIHZhbHVlOiBpdGVtW3RoaXMudmFsdWVLZXlPYmplY3RdLFxyXG4gICAgICB9O1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBvcGVuTWVudUNsaWNrKCkge1xyXG4gICAgdGhpcy5pc09wZW5NZW51ID0gIXRoaXMuaXNPcGVuTWVudTtcclxuICAgIHRoaXMuZmlsdGVySXRlbXMgPSB0aGlzLm5ld0l0ZW1zLmZpbHRlcihcclxuICAgICAgKGl0ZW06IGFueSkgPT4gIWl0ZW0udGl0bGUuaW5kZXhPZih0aGlzLnZhbHVlKVxyXG4gICAgKTtcclxuICB9XHJcblxyXG4gIG9uSXRlbVNlbGVjdChpdGVtOiBNZW51SXRlbTxUPiB8IHVuZGVmaW5lZCk6IHZvaWQge1xyXG4gICAgdGhpcy5pc09wZW5NZW51ID0gZmFsc2U7XHJcbiAgICBpZiAoIWl0ZW0pIHJldHVybjtcclxuICAgIHRoaXMuc2VsZWN0ZWRJdGVtID0gaXRlbTtcclxuICAgIHRoaXMudmFsdWUgPSBpdGVtLnRpdGxlO1xyXG4gIH1cclxuXHJcbiAgZm9jdXNPdXQoKSB7XHJcbiAgICBpZiAoIXRoaXMuaXRlbXMgfHwgdGhpcy5pdGVtcy5sZW5ndGggPT0gMCB8fCAhdGhpcy5zZWxlY3RlZEl0ZW0pIHJldHVybjtcclxuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICB0aGlzLmlzT3Blbk1lbnUgPSBmYWxzZTtcclxuICAgICAgaWYgKCF0aGlzLm5ld0l0ZW1zLnNvbWUoKGl0ZW06IGFueSkgPT4gaXRlbS50aXRsZSA9PSB0aGlzLnZhbHVlKSkge1xyXG4gICAgICAgIHRoaXMudmFsdWUgPSB0aGlzLnNlbGVjdGVkSXRlbS50aXRsZTtcclxuICAgICAgfVxyXG4gICAgfSwgMTAwKTtcclxuICB9XHJcblxyXG4gIG9uQ2hhbmdlZCh2YWx1ZTogYW55KSB7XHJcbiAgICB0aGlzLmZpbHRlckl0ZW1zID0gdGhpcy5pdGVtcy5maWx0ZXIoXHJcbiAgICAgIChpdGVtOiBhbnkpID0+ICFpdGVtLnRpdGxlLmluZGV4T2YodmFsdWUpXHJcbiAgICApO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZHJvcGRvd25cIj5cclxuICA8ZGl2XHJcbiAgICBjbGFzcz1cInNlbGVjdFwiXHJcbiAgICBbbmdDbGFzc109XCJ7ICdzZWxlY3QtY2xpY2tlZCc6IGlzT3Blbk1lbnUgfVwiXHJcbiAgICAoY2xpY2spPVwib3Blbk1lbnVDbGljaygpXCJcclxuICA+XHJcbiAgICA8aW5wdXRcclxuICAgICAgY2xhc3M9XCJzZWxlY3RlZFwiXHJcbiAgICAgIFtwbGFjZWhvbGRlcl09XCJsYWJlbFwiXHJcbiAgICAgIFsobmdNb2RlbCldPVwidmFsdWVcIlxyXG4gICAgICAobmdNb2RlbENoYW5nZSk9XCJvbkNoYW5nZWQoJGV2ZW50KVwiXHJcbiAgICAgIChmb2N1c291dCk9XCJmb2N1c091dCgpXCJcclxuICAgIC8+XHJcbiAgICA8c3BhblxyXG4gICAgICBjbGFzcz1cIm1hdGVyaWFsLXN5bWJvbHMtb3V0bGluZWQgY2FyZXRcIlxyXG4gICAgICBbbmdDbGFzc109XCJ7ICdjYXJldC1yb3RhdGUnOiBpc09wZW5NZW51IH1cIlxyXG4gICAgPlxyXG4gICAgICBleHBhbmRfbW9yZVxyXG4gICAgPC9zcGFuPlxyXG4gIDwvZGl2PlxyXG4gIDx1bCBjbGFzcz1cIm1lbnVcIiBbbmdDbGFzc109XCJ7ICdtZW51LW9wZW4nOiBpc09wZW5NZW51IH1cIj5cclxuICAgIDxsaVxyXG4gICAgICAqbmdGb3I9XCJsZXQgaXRlbSBvZiBfaXRlbXNcIlxyXG4gICAgICBbbmdDbGFzc109XCJ7IGFjdGl2ZTogaXRlbSA9PSBzZWxlY3RlZEl0ZW0gfVwiXHJcbiAgICAgIChjbGljayk9XCJvbkl0ZW1TZWxlY3QoaXRlbSlcIlxyXG4gICAgPlxyXG4gICAgICB7eyBpdGVtLnRpdGxlIH19XHJcbiAgICA8L2xpPlxyXG4gIDwvdWw+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -1,9 +1,15 @@
|
|
|
1
1
|
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import { CoreConfirmDialogComponent } from '../core-confirm-dialog/core-confirm-dialog.component';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "
|
|
4
|
-
import * as i2 from "
|
|
4
|
+
import * as i1 from "nira-modal";
|
|
5
|
+
import * as i2 from "@angular/common";
|
|
6
|
+
import * as i3 from "../core-spinner/core-spinner.component";
|
|
5
7
|
export class CoreBtnComponent {
|
|
6
|
-
|
|
8
|
+
set isDisabled(value) {
|
|
9
|
+
this.disable = value;
|
|
10
|
+
}
|
|
11
|
+
constructor(niraModalService) {
|
|
12
|
+
this.niraModalService = niraModalService;
|
|
7
13
|
this.disable = false;
|
|
8
14
|
this.loading = false;
|
|
9
15
|
this.theme = 'square';
|
|
@@ -12,21 +18,30 @@ export class CoreBtnComponent {
|
|
|
12
18
|
this.colorState = 'default';
|
|
13
19
|
this.btnClicked = new EventEmitter();
|
|
14
20
|
}
|
|
15
|
-
set isDisabled(value) {
|
|
16
|
-
this.disable = value;
|
|
17
|
-
}
|
|
18
21
|
clicked() {
|
|
19
22
|
if (!this.disable) {
|
|
20
|
-
this.
|
|
23
|
+
if (this.confirmDialog != undefined) {
|
|
24
|
+
const modal = this.niraModalService.open(CoreConfirmDialogComponent, {
|
|
25
|
+
data: this.confirmDialog,
|
|
26
|
+
});
|
|
27
|
+
modal.afterClosed.subscribe((result) => {
|
|
28
|
+
if (result === 'true') {
|
|
29
|
+
this.btnClicked.emit();
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
else {
|
|
34
|
+
this.btnClicked.emit();
|
|
35
|
+
}
|
|
21
36
|
}
|
|
22
37
|
}
|
|
23
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreBtnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
24
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreBtnComponent, selector: "core-btn", inputs: { loading: "loading", theme: "theme", buttonType: "buttonType", size: "size", isDisabled: "isDisabled", colorState: "colorState", confirmDialog: "confirmDialog" }, outputs: { btnClicked: "btnClicked" }, ngImport: i0, template: "<button\r\n (click)=\"clicked()\"\r\n [disabled]=\"disable\"\r\n [ngClass]=\"[\r\n 'button',\r\n theme,\r\n colorState,\r\n size,\r\n loading ? 'cursorLoading' : ''\r\n ]\"\r\n [type]=\"buttonType\"\r\n>\r\n <ng-content></ng-content>\r\n <core-spinner\r\n *ngIf=\"loading\"\r\n class=\"loading\"\r\n [colorState]=\"colorState\"\r\n [size]=\"20\"\r\n ></core-spinner>\r\n</button>\r\n", styles: [":host{width:100%}.button{width:100%;height:30px;outline:none;border:none;text-align:center;color:var(--default);background-color:transparent;box-shadow:0 0 0 1px #2b2d501a,0 2px 5px #2b2d5014,0 1px 1.5px #00000012,0 1px 2px #00000014;line-height:1.5;font-size:14px;font-weight:500;display:inline-block;margin-inline-start:auto;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;transition:.3s;cursor:pointer}.button:hover{box-shadow:0 0 0 1px #2b2d501a,0 2px 5px #2b2d501a,0 3px 9px #2b2d5014,0 1px 1.5px #00000014,0 1px 2px #00000014}.button.small{height:30px}.button.medium{height:38px}.button.round{border:2px solid #7b1fa2;height:44px;border-radius:30px;background-color:#7b1fa2}.button.round:hover,.button.round:active{color:#fff;background-color:#7b1fa2}.button.success{color:var(--success-button-color)}.button.success:active{background-color:var(--success-button-background-color);box-shadow:none}.button.warning{color:var(--warning-button-color)}.button.warning:active{background-color:var(--warning-button-background-color);box-shadow:none}.button.default{color:var(--default-button-color)}.button.default:active{background-color:var(--default-button-background-color);box-shadow:none}.button.primary{color:var(--primary-button-color)}.button.primary:active{background-color:var(--primary-button-background-color);box-shadow:none}.button.danger{color:var(--danger-button-color)}.button.danger:active{background-color:var(--danger-button-background-color);box-shadow:none}.button.round{border-radius:30px;background:transparent}.button.round:active{color:#fff;background-color:transparent}.button.round:disabled{cursor:not-allowed;opacity:.4}.button.square{padding-inline:16px;border-radius:.25rem}.button.square:disabled{cursor:not-allowed;opacity:.4}.loading{display:inline-block;float:inline-end;margin-inline-end:8px}.cursorLoading{cursor:wait}\n"], dependencies: [{ kind: "directive", type:
|
|
38
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreBtnComponent, deps: [{ token: i1.NiraModalService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
39
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreBtnComponent, selector: "core-btn", inputs: { loading: "loading", theme: "theme", buttonType: "buttonType", size: "size", isDisabled: "isDisabled", colorState: "colorState", confirmDialog: "confirmDialog" }, outputs: { btnClicked: "btnClicked" }, ngImport: i0, template: "<button\r\n (click)=\"clicked()\"\r\n [disabled]=\"disable\"\r\n [ngClass]=\"[\r\n 'button',\r\n theme,\r\n colorState,\r\n size,\r\n loading ? 'cursorLoading' : ''\r\n ]\"\r\n [type]=\"buttonType\"\r\n>\r\n <ng-content></ng-content>\r\n <core-spinner\r\n *ngIf=\"loading\"\r\n class=\"loading\"\r\n [colorState]=\"colorState\"\r\n [size]=\"20\"\r\n ></core-spinner>\r\n</button>\r\n", styles: [":host{width:100%}.button{width:100%;height:30px;outline:none;border:none;text-align:center;color:var(--default);background-color:transparent;box-shadow:0 0 0 1px #2b2d501a,0 2px 5px #2b2d5014,0 1px 1.5px #00000012,0 1px 2px #00000014;line-height:1.5;font-size:14px;font-weight:500;display:inline-block;margin-inline-start:auto;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;transition:.3s;cursor:pointer}.button:hover{box-shadow:0 0 0 1px #2b2d501a,0 2px 5px #2b2d501a,0 3px 9px #2b2d5014,0 1px 1.5px #00000014,0 1px 2px #00000014}.button.small{height:30px}.button.medium{height:38px}.button.round{border:2px solid #7b1fa2;height:44px;border-radius:30px;background-color:#7b1fa2}.button.round:hover,.button.round:active{color:#fff;background-color:#7b1fa2}.button.success{color:var(--success-button-color)}.button.success:active{background-color:var(--success-button-background-color);box-shadow:none}.button.warning{color:var(--warning-button-color)}.button.warning:active{background-color:var(--warning-button-background-color);box-shadow:none}.button.default{color:var(--default-button-color)}.button.default:active{background-color:var(--default-button-background-color);box-shadow:none}.button.primary{color:var(--primary-button-color)}.button.primary:active{background-color:var(--primary-button-background-color);box-shadow:none}.button.danger{color:var(--danger-button-color)}.button.danger:active{background-color:var(--danger-button-background-color);box-shadow:none}.button.round{border-radius:30px;background:transparent}.button.round:active{color:#fff;background-color:transparent}.button.round:disabled{cursor:not-allowed;opacity:.4}.button.square{padding-inline:16px;border-radius:.25rem}.button.square:disabled{cursor:not-allowed;opacity:.4}.loading{display:inline-block;float:inline-end;margin-inline-end:8px}.cursorLoading{cursor:wait}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.CoreSpinnerComponent, selector: "core-spinner", inputs: ["size", "colorState", "type"] }] }); }
|
|
25
40
|
}
|
|
26
41
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreBtnComponent, decorators: [{
|
|
27
42
|
type: Component,
|
|
28
43
|
args: [{ selector: 'core-btn', template: "<button\r\n (click)=\"clicked()\"\r\n [disabled]=\"disable\"\r\n [ngClass]=\"[\r\n 'button',\r\n theme,\r\n colorState,\r\n size,\r\n loading ? 'cursorLoading' : ''\r\n ]\"\r\n [type]=\"buttonType\"\r\n>\r\n <ng-content></ng-content>\r\n <core-spinner\r\n *ngIf=\"loading\"\r\n class=\"loading\"\r\n [colorState]=\"colorState\"\r\n [size]=\"20\"\r\n ></core-spinner>\r\n</button>\r\n", styles: [":host{width:100%}.button{width:100%;height:30px;outline:none;border:none;text-align:center;color:var(--default);background-color:transparent;box-shadow:0 0 0 1px #2b2d501a,0 2px 5px #2b2d5014,0 1px 1.5px #00000012,0 1px 2px #00000014;line-height:1.5;font-size:14px;font-weight:500;display:inline-block;margin-inline-start:auto;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;transition:.3s;cursor:pointer}.button:hover{box-shadow:0 0 0 1px #2b2d501a,0 2px 5px #2b2d501a,0 3px 9px #2b2d5014,0 1px 1.5px #00000014,0 1px 2px #00000014}.button.small{height:30px}.button.medium{height:38px}.button.round{border:2px solid #7b1fa2;height:44px;border-radius:30px;background-color:#7b1fa2}.button.round:hover,.button.round:active{color:#fff;background-color:#7b1fa2}.button.success{color:var(--success-button-color)}.button.success:active{background-color:var(--success-button-background-color);box-shadow:none}.button.warning{color:var(--warning-button-color)}.button.warning:active{background-color:var(--warning-button-background-color);box-shadow:none}.button.default{color:var(--default-button-color)}.button.default:active{background-color:var(--default-button-background-color);box-shadow:none}.button.primary{color:var(--primary-button-color)}.button.primary:active{background-color:var(--primary-button-background-color);box-shadow:none}.button.danger{color:var(--danger-button-color)}.button.danger:active{background-color:var(--danger-button-background-color);box-shadow:none}.button.round{border-radius:30px;background:transparent}.button.round:active{color:#fff;background-color:transparent}.button.round:disabled{cursor:not-allowed;opacity:.4}.button.square{padding-inline:16px;border-radius:.25rem}.button.square:disabled{cursor:not-allowed;opacity:.4}.loading{display:inline-block;float:inline-end;margin-inline-end:8px}.cursorLoading{cursor:wait}\n"] }]
|
|
29
|
-
}], propDecorators: { loading: [{
|
|
44
|
+
}], ctorParameters: function () { return [{ type: i1.NiraModalService }]; }, propDecorators: { loading: [{
|
|
30
45
|
type: Input
|
|
31
46
|
}], theme: [{
|
|
32
47
|
type: Input
|
|
@@ -43,4 +58,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
43
58
|
}], confirmDialog: [{
|
|
44
59
|
type: Input
|
|
45
60
|
}] } });
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1idG4uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFsY29uLWxpYi9zcmMvbGliL2NvcmUtYnRuL2NvcmUtYnRuLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZhbGNvbi1saWIvc3JjL2xpYi9jb3JlLWJ0bi9jb3JlLWJ0bi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBU3ZFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHNEQUFzRCxDQUFDOzs7OztBQU9sRyxNQUFNLE9BQU8sZ0JBQWdCO0lBTzNCLElBQWEsVUFBVSxDQUFDLEtBQWM7UUFDcEMsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7SUFDdkIsQ0FBQztJQUlELFlBQW9CLGdCQUFrQztRQUFsQyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBWnRELFlBQU8sR0FBRyxLQUFLLENBQUM7UUFFUCxZQUFPLEdBQVksS0FBSyxDQUFDO1FBQ3pCLFVBQUssR0FBaUIsUUFBUSxDQUFDO1FBQy9CLGVBQVUsR0FBZSxRQUFRLENBQUM7UUFDbEMsU0FBSSxHQUFlLE9BQU8sQ0FBQztRQUkzQixlQUFVLEdBQWUsU0FBUyxDQUFDO1FBQ2xDLGVBQVUsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUVKLENBQUM7SUFDMUQsT0FBTztRQUNMLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2pCLElBQUksSUFBSSxDQUFDLGFBQWEsSUFBSSxTQUFTLEVBQUU7Z0JBQ25DLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsMEJBQTBCLEVBQUU7b0JBQ25FLElBQUksRUFBRSxJQUFJLENBQUMsYUFBYTtpQkFDekIsQ0FBQyxDQUFDO2dCQUNILEtBQUssQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUU7b0JBQ3JDLElBQUksTUFBTSxLQUFLLE1BQU0sRUFBRTt3QkFDckIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztxQkFDeEI7Z0JBQ0gsQ0FBQyxDQUFDLENBQUM7YUFDSjtpQkFBTTtnQkFDTCxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDO2FBQ3hCO1NBQ0Y7SUFDSCxDQUFDOytHQTdCVSxnQkFBZ0I7bUdBQWhCLGdCQUFnQixtUUNoQjdCLG9hQW9CQTs7NEZESmEsZ0JBQWdCO2tCQUw1QixTQUFTOytCQUNFLFVBQVU7dUdBT1gsT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDTyxVQUFVO3NCQUF0QixLQUFLO2dCQUdHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0ksVUFBVTtzQkFBbkIsTUFBTTtnQkFDRSxhQUFhO3NCQUFyQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTmlyYU1vZGFsU2VydmljZSB9IGZyb20gJ25pcmEtbW9kYWwnO1xyXG5pbXBvcnQge1xyXG4gIEJ1dHRvblNpemUsXHJcbiAgQnV0dG9uVHlwZSxcclxuICBDb2xvclN0YXRlLFxyXG4gIENvbmZpcm1EaWFsb2csXHJcbiAgVGhlbWVQYWxldHRlLFxyXG59IGZyb20gJy4uL2ZhbGNvblR5cGVzJztcclxuaW1wb3J0IHsgQ29yZUNvbmZpcm1EaWFsb2dDb21wb25lbnQgfSBmcm9tICcuLi9jb3JlLWNvbmZpcm0tZGlhbG9nL2NvcmUtY29uZmlybS1kaWFsb2cuY29tcG9uZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY29yZS1idG4nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jb3JlLWJ0bi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY29yZS1idG4uY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIENvcmVCdG5Db21wb25lbnQge1xyXG4gIGRpc2FibGUgPSBmYWxzZTtcclxuXHJcbiAgQElucHV0KCkgbG9hZGluZzogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHRoZW1lOiBUaGVtZVBhbGV0dGUgPSAnc3F1YXJlJztcclxuICBASW5wdXQoKSBidXR0b25UeXBlOiBCdXR0b25UeXBlID0gJ2J1dHRvbic7XHJcbiAgQElucHV0KCkgc2l6ZTogQnV0dG9uU2l6ZSA9ICdzbWFsbCc7XHJcbiAgQElucHV0KCkgc2V0IGlzRGlzYWJsZWQodmFsdWU6IGJvb2xlYW4pIHtcclxuICAgIHRoaXMuZGlzYWJsZSA9IHZhbHVlO1xyXG4gIH1cclxuICBASW5wdXQoKSBjb2xvclN0YXRlOiBDb2xvclN0YXRlID0gJ2RlZmF1bHQnO1xyXG4gIEBPdXRwdXQoKSBidG5DbGlja2VkOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBASW5wdXQoKSBjb25maXJtRGlhbG9nOiBDb25maXJtRGlhbG9nIHwgdW5kZWZpbmVkO1xyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgbmlyYU1vZGFsU2VydmljZTogTmlyYU1vZGFsU2VydmljZSkge31cclxuICBjbGlja2VkKCkge1xyXG4gICAgaWYgKCF0aGlzLmRpc2FibGUpIHtcclxuICAgICAgaWYgKHRoaXMuY29uZmlybURpYWxvZyAhPSB1bmRlZmluZWQpIHtcclxuICAgICAgICBjb25zdCBtb2RhbCA9IHRoaXMubmlyYU1vZGFsU2VydmljZS5vcGVuKENvcmVDb25maXJtRGlhbG9nQ29tcG9uZW50LCB7XHJcbiAgICAgICAgICBkYXRhOiB0aGlzLmNvbmZpcm1EaWFsb2csXHJcbiAgICAgICAgfSk7XHJcbiAgICAgICAgbW9kYWwuYWZ0ZXJDbG9zZWQuc3Vic2NyaWJlKChyZXN1bHQpID0+IHtcclxuICAgICAgICAgIGlmIChyZXN1bHQgPT09ICd0cnVlJykge1xyXG4gICAgICAgICAgICB0aGlzLmJ0bkNsaWNrZWQuZW1pdCgpO1xyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH0pO1xyXG4gICAgICB9IGVsc2Uge1xyXG4gICAgICAgIHRoaXMuYnRuQ2xpY2tlZC5lbWl0KCk7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPGJ1dHRvblxyXG4gIChjbGljayk9XCJjbGlja2VkKClcIlxyXG4gIFtkaXNhYmxlZF09XCJkaXNhYmxlXCJcclxuICBbbmdDbGFzc109XCJbXHJcbiAgICAnYnV0dG9uJyxcclxuICAgIHRoZW1lLFxyXG4gICAgY29sb3JTdGF0ZSxcclxuICAgIHNpemUsXHJcbiAgICBsb2FkaW5nID8gJ2N1cnNvckxvYWRpbmcnIDogJydcclxuICBdXCJcclxuICBbdHlwZV09XCJidXR0b25UeXBlXCJcclxuPlxyXG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICA8Y29yZS1zcGlubmVyXHJcbiAgICAqbmdJZj1cImxvYWRpbmdcIlxyXG4gICAgY2xhc3M9XCJsb2FkaW5nXCJcclxuICAgIFtjb2xvclN0YXRlXT1cImNvbG9yU3RhdGVcIlxyXG4gICAgW3NpemVdPVwiMjBcIlxyXG4gID48L2NvcmUtc3Bpbm5lcj5cclxuPC9idXR0b24+XHJcbiJdfQ==
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class CoreCardComponent {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.cardClass = 'bg-white';
|
|
6
|
+
}
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreCardComponent, selector: "core-card", inputs: { cardClass: "cardClass" }, ngImport: i0, template: "<div class=\"h-min rounded-lg shadow-md\" [class]=\"cardClass\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [""] }); }
|
|
9
|
+
}
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreCardComponent, decorators: [{
|
|
11
|
+
type: Component,
|
|
12
|
+
args: [{ selector: 'core-card', template: "<div class=\"h-min rounded-lg shadow-md\" [class]=\"cardClass\">\r\n <ng-content></ng-content>\r\n</div>\r\n" }]
|
|
13
|
+
}], propDecorators: { cardClass: [{
|
|
14
|
+
type: Input
|
|
15
|
+
}] } });
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZhbGNvbi1saWIvc3JjL2xpYi9jb3JlLWNhcmQvY29yZS1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZhbGNvbi1saWIvc3JjL2xpYi9jb3JlLWNhcmQvY29yZS1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU9qRCxNQUFNLE9BQU8saUJBQWlCO0lBTDlCO1FBTVcsY0FBUyxHQUFHLFVBQVUsQ0FBQztLQUNqQzsrR0FGWSxpQkFBaUI7bUdBQWpCLGlCQUFpQixxRkNQOUIsK0dBR0E7OzRGRElhLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDRSxXQUFXOzhCQUtaLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2NvcmUtY2FyZCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NvcmUtY2FyZC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY29yZS1jYXJkLmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb3JlQ2FyZENvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgY2FyZENsYXNzID0gJ2JnLXdoaXRlJztcclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiaC1taW4gcm91bmRlZC1sZyBzaGFkb3ctbWRcIiBbY2xhc3NdPVwiY2FyZENsYXNzXCI+XHJcbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import { FormControl } from '@angular/forms';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/forms";
|
|
5
|
+
export class CoreCheckboxComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.label = '';
|
|
8
|
+
this.name = '1';
|
|
9
|
+
this.checked = false;
|
|
10
|
+
this.onChange = new EventEmitter();
|
|
11
|
+
this.inputFormControl = new FormControl('', []);
|
|
12
|
+
}
|
|
13
|
+
change(event) {
|
|
14
|
+
this.onChange.emit(event);
|
|
15
|
+
}
|
|
16
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreCheckboxComponent, selector: "core-checkbox", inputs: { label: "label", name: "name", checked: "checked", inputFormControl: "inputFormControl" }, outputs: { onChange: "onChange" }, ngImport: i0, template: "<div class=\"flex gap-3\">\r\n <input\r\n type=\"checkbox\"\r\n [name]=\"name\"\r\n [(ngModel)]=\"checked\"\r\n (change)=\"change($event)\"\r\n />\r\n <span class=\"checkmark\">{{ label }}</span>\r\n</div>\r\n", styles: [".container{display:inline;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:18px;padding-inline:8px;-webkit-user-select:none;user-select:none}.label{padding-right:8px}.container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.container:hover input~.checkmark{background-color:var(--default-checkbox-input-hover-background-color)}.container input:checked~.checkmark{background-color:var(--default-checkbox-input-checked-background-color)}.checkmark:after{content:\"\";position:absolute;display:none}.container input:checked~.checkmark:after{display:block}.container .checkmark:after{left:10px;top:4px;width:4px;height:10px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}.container{font-size:13px;font-weight:500}\n"], dependencies: [{ kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
|
|
18
|
+
}
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreCheckboxComponent, decorators: [{
|
|
20
|
+
type: Component,
|
|
21
|
+
args: [{ selector: 'core-checkbox', template: "<div class=\"flex gap-3\">\r\n <input\r\n type=\"checkbox\"\r\n [name]=\"name\"\r\n [(ngModel)]=\"checked\"\r\n (change)=\"change($event)\"\r\n />\r\n <span class=\"checkmark\">{{ label }}</span>\r\n</div>\r\n", styles: [".container{display:inline;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:18px;padding-inline:8px;-webkit-user-select:none;user-select:none}.label{padding-right:8px}.container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.container:hover input~.checkmark{background-color:var(--default-checkbox-input-hover-background-color)}.container input:checked~.checkmark{background-color:var(--default-checkbox-input-checked-background-color)}.checkmark:after{content:\"\";position:absolute;display:none}.container input:checked~.checkmark:after{display:block}.container .checkmark:after{left:10px;top:4px;width:4px;height:10px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}.container{font-size:13px;font-weight:500}\n"] }]
|
|
22
|
+
}], propDecorators: { label: [{
|
|
23
|
+
type: Input
|
|
24
|
+
}], name: [{
|
|
25
|
+
type: Input
|
|
26
|
+
}], checked: [{
|
|
27
|
+
type: Input
|
|
28
|
+
}], onChange: [{
|
|
29
|
+
type: Output
|
|
30
|
+
}], inputFormControl: [{
|
|
31
|
+
type: Input
|
|
32
|
+
}] } });
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1jaGVja2JveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mYWxjb24tbGliL3NyYy9saWIvY29yZS1jaGVja2JveC9jb3JlLWNoZWNrYm94LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZhbGNvbi1saWIvc3JjL2xpYi9jb3JlLWNoZWNrYm94L2NvcmUtY2hlY2tib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7OztBQU83QyxNQUFNLE9BQU8scUJBQXFCO0lBTGxDO1FBTVcsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLFNBQUksR0FBRyxHQUFHLENBQUM7UUFDWCxZQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ2YsYUFBUSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ2xELHFCQUFnQixHQUFnQixJQUFJLFdBQVcsQ0FBQyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUM7S0FLbEU7SUFIQyxNQUFNLENBQUMsS0FBVTtRQUNmLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzVCLENBQUM7K0dBVFUscUJBQXFCO21HQUFyQixxQkFBcUIsNExDUmxDLGtPQVNBOzs0RkREYSxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0UsZUFBZTs4QkFLaEIsS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0ksUUFBUTtzQkFBakIsTUFBTTtnQkFDRSxnQkFBZ0I7c0JBQXhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY29yZS1jaGVja2JveCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NvcmUtY2hlY2tib3guY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NvcmUtY2hlY2tib3guY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIENvcmVDaGVja2JveENvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgbGFiZWwgPSAnJztcclxuICBASW5wdXQoKSBuYW1lID0gJzEnO1xyXG4gIEBJbnB1dCgpIGNoZWNrZWQgPSBmYWxzZTtcclxuICBAT3V0cHV0KCkgb25DaGFuZ2U6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBJbnB1dCgpIGlucHV0Rm9ybUNvbnRyb2w6IEZvcm1Db250cm9sID0gbmV3IEZvcm1Db250cm9sKCcnLCBbXSk7XHJcblxyXG4gIGNoYW5nZShldmVudDogYW55KSB7XHJcbiAgICB0aGlzLm9uQ2hhbmdlLmVtaXQoZXZlbnQpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZmxleCBnYXAtM1wiPlxyXG4gIDxpbnB1dFxyXG4gICAgdHlwZT1cImNoZWNrYm94XCJcclxuICAgIFtuYW1lXT1cIm5hbWVcIlxyXG4gICAgWyhuZ01vZGVsKV09XCJjaGVja2VkXCJcclxuICAgIChjaGFuZ2UpPVwiY2hhbmdlKCRldmVudClcIlxyXG4gIC8+XHJcbiAgPHNwYW4gY2xhc3M9XCJjaGVja21hcmtcIj57eyBsYWJlbCB9fTwvc3Bhbj5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "../core-card/core-card.component";
|
|
4
|
+
import * as i2 from "../../svg-icon/close-icon/close-icon.component";
|
|
5
|
+
export class CoreConfirmDialogComponent {
|
|
6
|
+
async ngOnInit() {
|
|
7
|
+
this.confirmDialog = {
|
|
8
|
+
cancelBtn: this.config.data.cancelBtn,
|
|
9
|
+
confirmBtn: this.config.data.confirmBtn,
|
|
10
|
+
text: this.config.data.text,
|
|
11
|
+
title: this.config.data.title,
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
close() {
|
|
15
|
+
this.closeSubject.next('false');
|
|
16
|
+
}
|
|
17
|
+
confirm() {
|
|
18
|
+
this.closeSubject.next('true');
|
|
19
|
+
}
|
|
20
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreConfirmDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreConfirmDialogComponent, selector: "app-core-confirm-dialog", inputs: { closeSubject: "closeSubject", config: "config" }, ngImport: i0, template: "<core-card class=\"block min-w-64 m-5\">\r\n <div class=\"header flex mb-6 justify-between\">\r\n <b class=\"m-3 self-center\">{{ confirmDialog.title }}</b>\r\n <close-icon\r\n (click)=\"close()\"\r\n class=\"header-icon h-10 m-3 rounded-full cursor-pointer p-2 hover:shadow-md\"\r\n ></close-icon>\r\n </div>\r\n\r\n <p class=\"max-w-lg px-6\">{{ confirmDialog.text }}</p>\r\n <div class=\"grid grid-cols-4 gap-x-2 p-3\" dir=\"ltr\">\r\n <button\r\n class=\"col-span-1 button square default small\"\r\n (click)=\"close()\"\r\n type=\"button\"\r\n >\r\n {{ confirmDialog.cancelBtn }}\r\n </button>\r\n\r\n <button\r\n class=\"col-span-1 button square danger small\"\r\n (click)=\"close()\"\r\n type=\"button\"\r\n >\r\n {{ confirmDialog.confirmBtn }}\r\n </button>\r\n </div>\r\n</core-card>\r\n", styles: [".header{background-color:var(--default-confirm-dialog-header-background-color)}.header-icon{fill:var(--default-confirm-dialog-header-close-icon-color)}.header-icon :hover{fill:var(--default-confirm-dialog-header-close-icon-hover-color);background-color:var(--default-confirm-dialog-header-close-icon-hover-background-color)}.button{width:100%;height:30px;outline:none;border:none;text-align:center;color:var(--default);background-color:transparent;box-shadow:0 0 0 1px #2b2d501a,0 2px 5px #2b2d5014,0 1px 1.5px #00000012,0 1px 2px #00000014;line-height:1.5;font-size:14px;font-weight:500;display:inline-block;margin-inline-start:auto;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;transition:.3s;cursor:pointer}.button:hover{box-shadow:0 0 0 1px #2b2d501a,0 2px 5px #2b2d501a,0 3px 9px #2b2d5014,0 1px 1.5px #00000014,0 1px 2px #00000014}.button.small{height:30px}.button.medium{height:38px}.button.round{border:2px solid #7b1fa2;height:44px;border-radius:30px;background-color:#7b1fa2}.button.round:hover,.button.round:active{color:#fff;background-color:#7b1fa2}.button.success{color:var(--success-button-color)}.button.success:active{background-color:var(--success-button-background-color);box-shadow:none}.button.warning{color:var(--warning-button-color)}.button.warning:active{background-color:var(--warning-button-background-color);box-shadow:none}.button.default{color:var(--default-button-color)}.button.default:active{background-color:var(--default-button-background-color);box-shadow:none}.button.primary{color:var(--primary-button-color)}.button.primary:active{background-color:var(--primary-button-background-color);box-shadow:none}.button.danger{color:var(--danger-button-color)}.button.danger:active{background-color:var(--danger-button-background-color);box-shadow:none}.button.round{border-radius:30px;background:transparent}.button.round:active{color:#fff;background-color:transparent}.button.round:disabled{cursor:not-allowed;opacity:.4}.button.square{padding-inline:16px;border-radius:.25rem}.button.square:disabled{cursor:not-allowed;opacity:.4}\n"], dependencies: [{ kind: "component", type: i1.CoreCardComponent, selector: "core-card", inputs: ["cardClass"] }, { kind: "component", type: i2.CloseIconComponent, selector: "close-icon" }] }); }
|
|
22
|
+
}
|
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreConfirmDialogComponent, decorators: [{
|
|
24
|
+
type: Component,
|
|
25
|
+
args: [{ selector: 'app-core-confirm-dialog', template: "<core-card class=\"block min-w-64 m-5\">\r\n <div class=\"header flex mb-6 justify-between\">\r\n <b class=\"m-3 self-center\">{{ confirmDialog.title }}</b>\r\n <close-icon\r\n (click)=\"close()\"\r\n class=\"header-icon h-10 m-3 rounded-full cursor-pointer p-2 hover:shadow-md\"\r\n ></close-icon>\r\n </div>\r\n\r\n <p class=\"max-w-lg px-6\">{{ confirmDialog.text }}</p>\r\n <div class=\"grid grid-cols-4 gap-x-2 p-3\" dir=\"ltr\">\r\n <button\r\n class=\"col-span-1 button square default small\"\r\n (click)=\"close()\"\r\n type=\"button\"\r\n >\r\n {{ confirmDialog.cancelBtn }}\r\n </button>\r\n\r\n <button\r\n class=\"col-span-1 button square danger small\"\r\n (click)=\"close()\"\r\n type=\"button\"\r\n >\r\n {{ confirmDialog.confirmBtn }}\r\n </button>\r\n </div>\r\n</core-card>\r\n", styles: [".header{background-color:var(--default-confirm-dialog-header-background-color)}.header-icon{fill:var(--default-confirm-dialog-header-close-icon-color)}.header-icon :hover{fill:var(--default-confirm-dialog-header-close-icon-hover-color);background-color:var(--default-confirm-dialog-header-close-icon-hover-background-color)}.button{width:100%;height:30px;outline:none;border:none;text-align:center;color:var(--default);background-color:transparent;box-shadow:0 0 0 1px #2b2d501a,0 2px 5px #2b2d5014,0 1px 1.5px #00000012,0 1px 2px #00000014;line-height:1.5;font-size:14px;font-weight:500;display:inline-block;margin-inline-start:auto;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;transition:.3s;cursor:pointer}.button:hover{box-shadow:0 0 0 1px #2b2d501a,0 2px 5px #2b2d501a,0 3px 9px #2b2d5014,0 1px 1.5px #00000014,0 1px 2px #00000014}.button.small{height:30px}.button.medium{height:38px}.button.round{border:2px solid #7b1fa2;height:44px;border-radius:30px;background-color:#7b1fa2}.button.round:hover,.button.round:active{color:#fff;background-color:#7b1fa2}.button.success{color:var(--success-button-color)}.button.success:active{background-color:var(--success-button-background-color);box-shadow:none}.button.warning{color:var(--warning-button-color)}.button.warning:active{background-color:var(--warning-button-background-color);box-shadow:none}.button.default{color:var(--default-button-color)}.button.default:active{background-color:var(--default-button-background-color);box-shadow:none}.button.primary{color:var(--primary-button-color)}.button.primary:active{background-color:var(--primary-button-background-color);box-shadow:none}.button.danger{color:var(--danger-button-color)}.button.danger:active{background-color:var(--danger-button-background-color);box-shadow:none}.button.round{border-radius:30px;background:transparent}.button.round:active{color:#fff;background-color:transparent}.button.round:disabled{cursor:not-allowed;opacity:.4}.button.square{padding-inline:16px;border-radius:.25rem}.button.square:disabled{cursor:not-allowed;opacity:.4}\n"] }]
|
|
26
|
+
}], propDecorators: { closeSubject: [{
|
|
27
|
+
type: Input
|
|
28
|
+
}], config: [{
|
|
29
|
+
type: Input
|
|
30
|
+
}] } });
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1jb25maXJtLWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mYWxjb24tbGliL3NyYy9saWIvY29yZS1jb25maXJtLWRpYWxvZy9jb3JlLWNvbmZpcm0tZGlhbG9nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZhbGNvbi1saWIvc3JjL2xpYi9jb3JlLWNvbmZpcm0tZGlhbG9nL2NvcmUtY29uZmlybS1kaWFsb2cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFVakQsTUFBTSxPQUFPLDBCQUEwQjtJQUlyQyxLQUFLLENBQUMsUUFBUTtRQUNaLElBQUksQ0FBQyxhQUFhLEdBQUc7WUFDbkIsU0FBUyxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFNBQVM7WUFDckMsVUFBVSxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFVBQVU7WUFDdkMsSUFBSSxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUk7WUFDM0IsS0FBSyxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUs7U0FDOUIsQ0FBQztJQUNKLENBQUM7SUFDRCxLQUFLO1FBQ0gsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUNELE9BQU87UUFDTCxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNqQyxDQUFDOytHQWpCVSwwQkFBMEI7bUdBQTFCLDBCQUEwQiwySENWdkMsKzJCQTRCQTs7NEZEbEJhLDBCQUEwQjtrQkFMdEMsU0FBUzsrQkFDRSx5QkFBeUI7OEJBSzFCLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBJTW9kYWwsIE5pcmFNb2RhbENvbmZpZyB9IGZyb20gJ25pcmEtbW9kYWwnO1xyXG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IENvbmZpcm1EaWFsb2cgfSBmcm9tICcuLi9mYWxjb25UeXBlcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1jb3JlLWNvbmZpcm0tZGlhbG9nJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY29yZS1jb25maXJtLWRpYWxvZy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY29yZS1jb25maXJtLWRpYWxvZy5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29yZUNvbmZpcm1EaWFsb2dDb21wb25lbnQgaW1wbGVtZW50cyBJTW9kYWwge1xyXG4gIEBJbnB1dCgpIGNsb3NlU3ViamVjdCE6IFN1YmplY3Q8YW55PjtcclxuICBASW5wdXQoKSBjb25maWchOiBOaXJhTW9kYWxDb25maWc7XHJcbiAgY29uZmlybURpYWxvZyE6IENvbmZpcm1EaWFsb2c7XHJcbiAgYXN5bmMgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLmNvbmZpcm1EaWFsb2cgPSB7XHJcbiAgICAgIGNhbmNlbEJ0bjogdGhpcy5jb25maWcuZGF0YS5jYW5jZWxCdG4sXHJcbiAgICAgIGNvbmZpcm1CdG46IHRoaXMuY29uZmlnLmRhdGEuY29uZmlybUJ0bixcclxuICAgICAgdGV4dDogdGhpcy5jb25maWcuZGF0YS50ZXh0LFxyXG4gICAgICB0aXRsZTogdGhpcy5jb25maWcuZGF0YS50aXRsZSxcclxuICAgIH07XHJcbiAgfVxyXG4gIGNsb3NlKCkge1xyXG4gICAgdGhpcy5jbG9zZVN1YmplY3QubmV4dCgnZmFsc2UnKTtcclxuICB9XHJcbiAgY29uZmlybSgpIHtcclxuICAgIHRoaXMuY2xvc2VTdWJqZWN0Lm5leHQoJ3RydWUnKTtcclxuICB9XHJcbn1cclxuIiwiPGNvcmUtY2FyZCBjbGFzcz1cImJsb2NrIG1pbi13LTY0IG0tNVwiPlxyXG4gIDxkaXYgY2xhc3M9XCJoZWFkZXIgZmxleCBtYi02IGp1c3RpZnktYmV0d2VlblwiPlxyXG4gICAgPGIgY2xhc3M9XCJtLTMgc2VsZi1jZW50ZXJcIj57eyBjb25maXJtRGlhbG9nLnRpdGxlIH19PC9iPlxyXG4gICAgPGNsb3NlLWljb25cclxuICAgICAgKGNsaWNrKT1cImNsb3NlKClcIlxyXG4gICAgICBjbGFzcz1cImhlYWRlci1pY29uIGgtMTAgbS0zIHJvdW5kZWQtZnVsbCBjdXJzb3ItcG9pbnRlciBwLTIgaG92ZXI6c2hhZG93LW1kXCJcclxuICAgID48L2Nsb3NlLWljb24+XHJcbiAgPC9kaXY+XHJcblxyXG4gIDxwIGNsYXNzPVwibWF4LXctbGcgcHgtNlwiPnt7IGNvbmZpcm1EaWFsb2cudGV4dCB9fTwvcD5cclxuICA8ZGl2IGNsYXNzPVwiZ3JpZCBncmlkLWNvbHMtNCBnYXAteC0yIHAtM1wiIGRpcj1cImx0clwiPlxyXG4gICAgPGJ1dHRvblxyXG4gICAgICBjbGFzcz1cImNvbC1zcGFuLTEgYnV0dG9uIHNxdWFyZSBkZWZhdWx0IHNtYWxsXCJcclxuICAgICAgKGNsaWNrKT1cImNsb3NlKClcIlxyXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcclxuICAgID5cclxuICAgICAge3sgY29uZmlybURpYWxvZy5jYW5jZWxCdG4gfX1cclxuICAgIDwvYnV0dG9uPlxyXG5cclxuICAgIDxidXR0b25cclxuICAgICAgY2xhc3M9XCJjb2wtc3Bhbi0xIGJ1dHRvbiBzcXVhcmUgZGFuZ2VyIHNtYWxsXCJcclxuICAgICAgKGNsaWNrKT1cImNsb3NlKClcIlxyXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcclxuICAgID5cclxuICAgICAge3sgY29uZmlybURpYWxvZy5jb25maXJtQnRuIH19XHJcbiAgICA8L2J1dHRvbj5cclxuICA8L2Rpdj5cclxuPC9jb3JlLWNhcmQ+XHJcbiJdfQ==
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { Component, Input, } from '@angular/core';
|
|
2
|
+
import { FormControl, FormGroup } from '@angular/forms';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "nira-date-picker";
|
|
5
|
+
import * as i2 from "../core-input/core-input.component";
|
|
6
|
+
export class CoreDatePickerComponent {
|
|
7
|
+
constructor(changeDetectorRef) {
|
|
8
|
+
this.changeDetectorRef = changeDetectorRef;
|
|
9
|
+
this.canSelectToday = false;
|
|
10
|
+
this.defaultDate = '';
|
|
11
|
+
this.label = '';
|
|
12
|
+
this.inputFormControl = new FormControl('', []);
|
|
13
|
+
this.niraDatePickerForm = {};
|
|
14
|
+
this.isOpenCalendar = false;
|
|
15
|
+
this.date = '';
|
|
16
|
+
}
|
|
17
|
+
ngOnInit() {
|
|
18
|
+
this.niraDatePickerForm = new FormGroup({
|
|
19
|
+
niraDatePickerFormCtrl: this.inputFormControl,
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
ngAfterViewInit() {
|
|
23
|
+
this.changeDetectorRef.detectChanges();
|
|
24
|
+
}
|
|
25
|
+
onDatePickerResult(result) {
|
|
26
|
+
this.niraDatePickerForm.setValue({
|
|
27
|
+
niraDatePickerFormCtrl: result,
|
|
28
|
+
});
|
|
29
|
+
this.date = result;
|
|
30
|
+
}
|
|
31
|
+
onTodayDate(todayDate) {
|
|
32
|
+
this.date = todayDate;
|
|
33
|
+
this.niraDatePickerForm.setValue({
|
|
34
|
+
niraDatePickerFormCtrl: todayDate,
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreDatePickerComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreDatePickerComponent, selector: "core-date-picker", inputs: { canSelectToday: "canSelectToday", defaultDate: "defaultDate", label: "label", inputFormControl: "inputFormControl" }, ngImport: i0, template: "<core-input\r\n [placeholder]=\"label\"\r\n [inputFormControl]=\"inputFormControl\"\r\n (click)=\"isOpenCalendar = true\"\r\n>\r\n</core-input>\r\n<lib-nira-date-picker\r\n [(isOpenCalendar)]=\"isOpenCalendar\"\r\n [defaultDate]=\"date ? date : defaultDate\"\r\n (datePickerResult)=\"onDatePickerResult($event)\"\r\n [selectToday]=\"canSelectToday\"\r\n (todayDate)=\"onTodayDate($event)\"\r\n>\r\n</lib-nira-date-picker>\r\n", styles: [""], dependencies: [{ kind: "component", type: i1.NiraDatePickerComponent, selector: "lib-nira-date-picker", inputs: ["selectToday", "disable", "changableYears", "theme", "defaultDate", "isOpenCalendar"], outputs: ["isOpenCalendarChange", "todayDate", "datePickerResult"] }, { kind: "component", type: i2.CoreInputComponent, selector: "core-input", inputs: ["type", "inputFormControl", "disable", "placeholder"], outputs: ["onChange"] }] }); }
|
|
39
|
+
}
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreDatePickerComponent, decorators: [{
|
|
41
|
+
type: Component,
|
|
42
|
+
args: [{ selector: 'core-date-picker', template: "<core-input\r\n [placeholder]=\"label\"\r\n [inputFormControl]=\"inputFormControl\"\r\n (click)=\"isOpenCalendar = true\"\r\n>\r\n</core-input>\r\n<lib-nira-date-picker\r\n [(isOpenCalendar)]=\"isOpenCalendar\"\r\n [defaultDate]=\"date ? date : defaultDate\"\r\n (datePickerResult)=\"onDatePickerResult($event)\"\r\n [selectToday]=\"canSelectToday\"\r\n (todayDate)=\"onTodayDate($event)\"\r\n>\r\n</lib-nira-date-picker>\r\n" }]
|
|
43
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { canSelectToday: [{
|
|
44
|
+
type: Input
|
|
45
|
+
}], defaultDate: [{
|
|
46
|
+
type: Input
|
|
47
|
+
}], label: [{
|
|
48
|
+
type: Input
|
|
49
|
+
}], inputFormControl: [{
|
|
50
|
+
type: Input
|
|
51
|
+
}] } });
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1kYXRlLXBpY2tlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mYWxjb24tbGliL3NyYy9saWIvY29yZS1kYXRlLXBpY2tlci9jb3JlLWRhdGUtcGlja2VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZhbGNvbi1saWIvc3JjL2xpYi9jb3JlLWRhdGUtcGlja2VyL2NvcmUtZGF0ZS1waWNrZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFFVCxLQUFLLEdBR04sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQWMsTUFBTSxnQkFBZ0IsQ0FBQzs7OztBQU9wRSxNQUFNLE9BQU8sdUJBQXVCO0lBU2xDLFlBQW9CLGlCQUFvQztRQUFwQyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBUi9DLG1CQUFjLEdBQVksS0FBSyxDQUFDO1FBQ2hDLGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBQ3pCLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIscUJBQWdCLEdBQWdCLElBQUksV0FBVyxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUVqRSx1QkFBa0IsR0FBYyxFQUFlLENBQUM7UUFDaEQsbUJBQWMsR0FBWSxLQUFLLENBQUM7UUFDaEMsU0FBSSxHQUFXLEVBQUUsQ0FBQztJQUN5QyxDQUFDO0lBQzVELFFBQVE7UUFDTixJQUFJLENBQUMsa0JBQWtCLEdBQUcsSUFBSSxTQUFTLENBQUM7WUFDdEMsc0JBQXNCLEVBQUUsSUFBSSxDQUFDLGdCQUFnQjtTQUM5QyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN6QyxDQUFDO0lBRUQsa0JBQWtCLENBQUMsTUFBYztRQUMvQixJQUFJLENBQUMsa0JBQWtCLENBQUMsUUFBUSxDQUFDO1lBQy9CLHNCQUFzQixFQUFFLE1BQU07U0FDL0IsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLElBQUksR0FBRyxNQUFNLENBQUM7SUFDckIsQ0FBQztJQUNELFdBQVcsQ0FBQyxTQUFpQjtRQUMzQixJQUFJLENBQUMsSUFBSSxHQUFHLFNBQVMsQ0FBQztRQUN0QixJQUFJLENBQUMsa0JBQWtCLENBQUMsUUFBUSxDQUFDO1lBQy9CLHNCQUFzQixFQUFFLFNBQVM7U0FDbEMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzsrR0EvQlUsdUJBQXVCO21HQUF2Qix1QkFBdUIsd0xDZnBDLG1iQWNBOzs0RkRDYSx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0Usa0JBQWtCO3dHQUtuQixjQUFjO3NCQUF0QixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgQ29tcG9uZW50LFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBJbnB1dCxcclxuICBPbkluaXQsXHJcbiAgT3V0cHV0LFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGb3JtQ29udHJvbCwgRm9ybUdyb3VwLCBWYWxpZGF0b3JzIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjb3JlLWRhdGUtcGlja2VyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY29yZS1kYXRlLXBpY2tlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY29yZS1kYXRlLXBpY2tlci5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29yZURhdGVQaWNrZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIGNhblNlbGVjdFRvZGF5OiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgZGVmYXVsdERhdGU6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBpbnB1dEZvcm1Db250cm9sOiBGb3JtQ29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgnJywgW10pO1xyXG5cclxuICBuaXJhRGF0ZVBpY2tlckZvcm06IEZvcm1Hcm91cCA9IHt9IGFzIEZvcm1Hcm91cDtcclxuICBpc09wZW5DYWxlbmRhcjogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIGRhdGU6IHN0cmluZyA9ICcnO1xyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmKSB7fVxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5uaXJhRGF0ZVBpY2tlckZvcm0gPSBuZXcgRm9ybUdyb3VwKHtcclxuICAgICAgbmlyYURhdGVQaWNrZXJGb3JtQ3RybDogdGhpcy5pbnB1dEZvcm1Db250cm9sLFxyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmNoYW5nZURldGVjdG9yUmVmLmRldGVjdENoYW5nZXMoKTtcclxuICB9XHJcblxyXG4gIG9uRGF0ZVBpY2tlclJlc3VsdChyZXN1bHQ6IHN0cmluZykge1xyXG4gICAgdGhpcy5uaXJhRGF0ZVBpY2tlckZvcm0uc2V0VmFsdWUoe1xyXG4gICAgICBuaXJhRGF0ZVBpY2tlckZvcm1DdHJsOiByZXN1bHQsXHJcbiAgICB9KTtcclxuICAgIHRoaXMuZGF0ZSA9IHJlc3VsdDtcclxuICB9XHJcbiAgb25Ub2RheURhdGUodG9kYXlEYXRlOiBzdHJpbmcpIHtcclxuICAgIHRoaXMuZGF0ZSA9IHRvZGF5RGF0ZTtcclxuICAgIHRoaXMubmlyYURhdGVQaWNrZXJGb3JtLnNldFZhbHVlKHtcclxuICAgICAgbmlyYURhdGVQaWNrZXJGb3JtQ3RybDogdG9kYXlEYXRlLFxyXG4gICAgfSk7XHJcbiAgfVxyXG59XHJcbiIsIjxjb3JlLWlucHV0XHJcbiAgW3BsYWNlaG9sZGVyXT1cImxhYmVsXCJcclxuICBbaW5wdXRGb3JtQ29udHJvbF09XCJpbnB1dEZvcm1Db250cm9sXCJcclxuICAoY2xpY2spPVwiaXNPcGVuQ2FsZW5kYXIgPSB0cnVlXCJcclxuPlxyXG48L2NvcmUtaW5wdXQ+XHJcbjxsaWItbmlyYS1kYXRlLXBpY2tlclxyXG4gIFsoaXNPcGVuQ2FsZW5kYXIpXT1cImlzT3BlbkNhbGVuZGFyXCJcclxuICBbZGVmYXVsdERhdGVdPVwiZGF0ZSA/IGRhdGUgOiBkZWZhdWx0RGF0ZVwiXHJcbiAgKGRhdGVQaWNrZXJSZXN1bHQpPVwib25EYXRlUGlja2VyUmVzdWx0KCRldmVudClcIlxyXG4gIFtzZWxlY3RUb2RheV09XCJjYW5TZWxlY3RUb2RheVwiXHJcbiAgKHRvZGF5RGF0ZSk9XCJvblRvZGF5RGF0ZSgkZXZlbnQpXCJcclxuPlxyXG48L2xpYi1uaXJhLWRhdGUtcGlja2VyPlxyXG4iXX0=
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output, } from '@angular/core';
|
|
2
|
+
import { FormControl } from '@angular/forms';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
import * as i2 from "@angular/forms";
|
|
6
|
+
import * as i3 from "../pipes/persian-digits.pipe";
|
|
7
|
+
export class CoreInputComponent {
|
|
8
|
+
constructor() {
|
|
9
|
+
this.isDisable = false;
|
|
10
|
+
this.inputFormControl = new FormControl('', []);
|
|
11
|
+
this.placeholder = '';
|
|
12
|
+
this.onChange = new EventEmitter();
|
|
13
|
+
}
|
|
14
|
+
set type(value) {
|
|
15
|
+
this.inputType = value;
|
|
16
|
+
}
|
|
17
|
+
set disable(value) {
|
|
18
|
+
this.isDisable = value;
|
|
19
|
+
if (value) {
|
|
20
|
+
this.inputFormControl.disable();
|
|
21
|
+
}
|
|
22
|
+
else {
|
|
23
|
+
this.inputFormControl.enable();
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
change() {
|
|
27
|
+
if (!this.inputFormControl.errors) {
|
|
28
|
+
this.onChange.emit(this.inputFormControl.value);
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
32
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreInputComponent, selector: "core-input", inputs: { type: "type", inputFormControl: "inputFormControl", disable: "disable", placeholder: "placeholder" }, outputs: { onChange: "onChange" }, ngImport: i0, template: "<div>\r\n <div\r\n class=\"container-input\"\r\n [ngClass]=\"{\r\n error:\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors\r\n }\"\r\n >\r\n <input\r\n [type]=\"inputType\"\r\n class=\"a-input-style\"\r\n (ngModelChange)=\"change()\"\r\n [formControl]=\"inputFormControl\"\r\n [ngClass]=\"{\r\n 'have-value': inputFormControl.value,\r\n 'disable-input': isDisable\r\n }\"\r\n />\r\n <label *ngIf=\"placeholder.length > 0\">{{ placeholder }} </label>\r\n <div class=\"label-error overflow-hidden\">\r\n <span\r\n *ngIf=\"\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors?.['required']\r\n \"\r\n >\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u062E\u0627\u0644\u06CC \u0627\u0633\u062A</span\r\n >\r\n <span\r\n *ngIf=\"\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors?.['prePayment']\r\n \"\r\n >\u0645\u0628\u0644\u063A \u0635\u062D\u06CC\u062D \u0646\u06CC\u0633\u062A</span\r\n >\r\n <span\r\n *ngIf=\"\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors?.['minlength']\r\n \"\r\n >\r\n \u062D\u062F\u0627\u0642\u0644 \u062A\u0639\u062F\u0627\u062F \u06A9\u0627\u0631\u06A9\u062A\u0631\r\n {{inputFormControl.errors?.['minlength'].requiredLength|persianDigits}}\r\n \u0639\u062F\u062F \u0628\u0627\u0634\u062F\r\n </span>\r\n <span\r\n *ngIf=\"\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors?.['maxlength']\r\n \"\r\n >\r\n \u062D\u062F\u0627\u06A9\u062B\u0631 \u062A\u0639\u062F\u0627\u062F \u06A9\u0627\u0631\u06A9\u062A\u0631\r\n {{inputFormControl.errors?.['maxlength'].requiredLength |persianDigits}}\r\n \u0639\u062F\u062F \u0628\u0627\u0634\u062F\r\n </span>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".container{position:relative}input:focus{border:2px solid var(--blue-input-focus-color)}input{border:1px solid var(--blue-input-border-color);border-radius:.25rem}.icon-style{position:absolute;right:16px;top:16px;cursor:pointer;font-size:16px}.icon-style-email{position:absolute;right:16px;top:16px}.a-input-style{height:42px;width:100%;padding:16px;outline:none;caret-color:#020202b3;background-color:#f2f4f726;color:#000000b3;box-sizing:border-box}.a-input-style:focus{background-color:#f2f4f70d;border-radius:3px;border:1px solid rgba(19,92,175,.397)}.a-input-style::placeholder{height:15px;font-style:normal;font-weight:400;font-size:12px;line-height:15px;letter-spacing:-.03em;color:var(--default-input-placeholder-color)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:rgba(255,255,255,0)}input:-webkit-autofill.have-value,input:-webkit-autofill:hover.have-value,input:-webkit-autofill:focus.have-value{-webkit-text-fill-color:#181818!important}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.label-error{color:var(--red-input-validation-color);font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.error input{border:1px solid var(--red-input-validation-color)}.container-input{background:var(--default-input-background-color);position:relative}.container-input .disable-input{background-color:var(--default-input-disable-background-color);border:1px dashed var(--default-input-disable-border-color);cursor:no-drop}.container-input label{position:absolute;right:20px;top:12px;color:var(--default-input-label-color);font-size:12px;padding:0 8px;border-radius:15px;pointer-events:none;transition:.2s}.container-input input:focus+label,.container-input input.have-value+label{top:-10px;font-size:10px;z-index:3}.container-input input:focus+label:after,.container-input input.have-value+label:after{content:\"\";display:block;background:#fff;position:absolute;width:100%;height:1px;top:10px;right:0;transition:.3s;z-index:-1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: i3.PersianDigitsPipe, name: "persianDigits" }] }); }
|
|
33
|
+
}
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreInputComponent, decorators: [{
|
|
35
|
+
type: Component,
|
|
36
|
+
args: [{ selector: 'core-input', template: "<div>\r\n <div\r\n class=\"container-input\"\r\n [ngClass]=\"{\r\n error:\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors\r\n }\"\r\n >\r\n <input\r\n [type]=\"inputType\"\r\n class=\"a-input-style\"\r\n (ngModelChange)=\"change()\"\r\n [formControl]=\"inputFormControl\"\r\n [ngClass]=\"{\r\n 'have-value': inputFormControl.value,\r\n 'disable-input': isDisable\r\n }\"\r\n />\r\n <label *ngIf=\"placeholder.length > 0\">{{ placeholder }} </label>\r\n <div class=\"label-error overflow-hidden\">\r\n <span\r\n *ngIf=\"\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors?.['required']\r\n \"\r\n >\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u062E\u0627\u0644\u06CC \u0627\u0633\u062A</span\r\n >\r\n <span\r\n *ngIf=\"\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors?.['prePayment']\r\n \"\r\n >\u0645\u0628\u0644\u063A \u0635\u062D\u06CC\u062D \u0646\u06CC\u0633\u062A</span\r\n >\r\n <span\r\n *ngIf=\"\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors?.['minlength']\r\n \"\r\n >\r\n \u062D\u062F\u0627\u0642\u0644 \u062A\u0639\u062F\u0627\u062F \u06A9\u0627\u0631\u06A9\u062A\u0631\r\n {{inputFormControl.errors?.['minlength'].requiredLength|persianDigits}}\r\n \u0639\u062F\u062F \u0628\u0627\u0634\u062F\r\n </span>\r\n <span\r\n *ngIf=\"\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors?.['maxlength']\r\n \"\r\n >\r\n \u062D\u062F\u0627\u06A9\u062B\u0631 \u062A\u0639\u062F\u0627\u062F \u06A9\u0627\u0631\u06A9\u062A\u0631\r\n {{inputFormControl.errors?.['maxlength'].requiredLength |persianDigits}}\r\n \u0639\u062F\u062F \u0628\u0627\u0634\u062F\r\n </span>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".container{position:relative}input:focus{border:2px solid var(--blue-input-focus-color)}input{border:1px solid var(--blue-input-border-color);border-radius:.25rem}.icon-style{position:absolute;right:16px;top:16px;cursor:pointer;font-size:16px}.icon-style-email{position:absolute;right:16px;top:16px}.a-input-style{height:42px;width:100%;padding:16px;outline:none;caret-color:#020202b3;background-color:#f2f4f726;color:#000000b3;box-sizing:border-box}.a-input-style:focus{background-color:#f2f4f70d;border-radius:3px;border:1px solid rgba(19,92,175,.397)}.a-input-style::placeholder{height:15px;font-style:normal;font-weight:400;font-size:12px;line-height:15px;letter-spacing:-.03em;color:var(--default-input-placeholder-color)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:rgba(255,255,255,0)}input:-webkit-autofill.have-value,input:-webkit-autofill:hover.have-value,input:-webkit-autofill:focus.have-value{-webkit-text-fill-color:#181818!important}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.label-error{color:var(--red-input-validation-color);font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.error input{border:1px solid var(--red-input-validation-color)}.container-input{background:var(--default-input-background-color);position:relative}.container-input .disable-input{background-color:var(--default-input-disable-background-color);border:1px dashed var(--default-input-disable-border-color);cursor:no-drop}.container-input label{position:absolute;right:20px;top:12px;color:var(--default-input-label-color);font-size:12px;padding:0 8px;border-radius:15px;pointer-events:none;transition:.2s}.container-input input:focus+label,.container-input input.have-value+label{top:-10px;font-size:10px;z-index:3}.container-input input:focus+label:after,.container-input input.have-value+label:after{content:\"\";display:block;background:#fff;position:absolute;width:100%;height:1px;top:10px;right:0;transition:.3s;z-index:-1}\n"] }]
|
|
37
|
+
}], propDecorators: { type: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}], inputFormControl: [{
|
|
40
|
+
type: Input
|
|
41
|
+
}], disable: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}], placeholder: [{
|
|
44
|
+
type: Input
|
|
45
|
+
}], onChange: [{
|
|
46
|
+
type: Output
|
|
47
|
+
}] } });
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mYWxjb24tbGliL3NyYy9saWIvY29yZS1pbnB1dC9jb3JlLWlucHV0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZhbGNvbi1saWIvc3JjL2xpYi9jb3JlLWlucHV0L2NvcmUtaW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sR0FFUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7O0FBTzdDLE1BQU0sT0FBTyxrQkFBa0I7SUFML0I7UUFPRSxjQUFTLEdBQUcsS0FBSyxDQUFDO1FBSVQscUJBQWdCLEdBQWdCLElBQUksV0FBVyxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQztRQVN4RCxnQkFBVyxHQUFHLEVBQUUsQ0FBQztRQUNoQixhQUFRLEdBQXlCLElBQUksWUFBWSxFQUFFLENBQUM7S0FNL0Q7SUFuQkMsSUFBYSxJQUFJLENBQUMsS0FBZ0I7UUFDaEMsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7SUFDekIsQ0FBQztJQUVELElBQWEsT0FBTyxDQUFDLEtBQWM7UUFDakMsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7UUFDdkIsSUFBSSxLQUFLLEVBQUU7WUFDVCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsT0FBTyxFQUFFLENBQUM7U0FDakM7YUFBTTtZQUNMLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsQ0FBQztTQUNoQztJQUNILENBQUM7SUFHRCxNQUFNO1FBQ0osSUFBSSxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUU7WUFDakMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ2pEO0lBQ0gsQ0FBQzsrR0FyQlUsa0JBQWtCO21HQUFsQixrQkFBa0IscU1DZC9CLHdpRUEwREE7OzRGRDVDYSxrQkFBa0I7a0JBTDlCLFNBQVM7K0JBQ0UsWUFBWTs4QkFPVCxJQUFJO3NCQUFoQixLQUFLO2dCQUdHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDTyxPQUFPO3NCQUFuQixLQUFLO2dCQVFHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0ksUUFBUTtzQkFBakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBJbnB1dCxcclxuICBPdXRwdXQsXHJcbiAgVmlld0NoaWxkLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxudHlwZSBJbnB1dFR5cGUgPSAnbnVtYmVyJyB8ICdwYXNzd29yZCcgfCAndGV4dCc7XHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY29yZS1pbnB1dCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NvcmUtaW5wdXQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NvcmUtaW5wdXQuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIENvcmVJbnB1dENvbXBvbmVudCB7XHJcbiAgaW5wdXRUeXBlITogSW5wdXRUeXBlO1xyXG4gIGlzRGlzYWJsZSA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHNldCB0eXBlKHZhbHVlOiBJbnB1dFR5cGUpIHtcclxuICAgIHRoaXMuaW5wdXRUeXBlID0gdmFsdWU7XHJcbiAgfVxyXG4gIEBJbnB1dCgpIGlucHV0Rm9ybUNvbnRyb2w6IEZvcm1Db250cm9sID0gbmV3IEZvcm1Db250cm9sKCcnLCBbXSk7XHJcbiAgQElucHV0KCkgc2V0IGRpc2FibGUodmFsdWU6IGJvb2xlYW4pIHtcclxuICAgIHRoaXMuaXNEaXNhYmxlID0gdmFsdWU7XHJcbiAgICBpZiAodmFsdWUpIHtcclxuICAgICAgdGhpcy5pbnB1dEZvcm1Db250cm9sLmRpc2FibGUoKTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMuaW5wdXRGb3JtQ29udHJvbC5lbmFibGUoKTtcclxuICAgIH1cclxuICB9XHJcbiAgQElucHV0KCkgcGxhY2Vob2xkZXIgPSAnJztcclxuICBAT3V0cHV0KCkgb25DaGFuZ2U6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIGNoYW5nZSgpIHtcclxuICAgIGlmICghdGhpcy5pbnB1dEZvcm1Db250cm9sLmVycm9ycykge1xyXG4gICAgICB0aGlzLm9uQ2hhbmdlLmVtaXQodGhpcy5pbnB1dEZvcm1Db250cm9sLnZhbHVlKTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPGRpdj5cclxuICA8ZGl2XHJcbiAgICBjbGFzcz1cImNvbnRhaW5lci1pbnB1dFwiXHJcbiAgICBbbmdDbGFzc109XCJ7XHJcbiAgICAgIGVycm9yOlxyXG4gICAgICAgIChpbnB1dEZvcm1Db250cm9sLnRvdWNoZWQgfHwgaW5wdXRGb3JtQ29udHJvbC5kaXJ0eSkgJiZcclxuICAgICAgICBpbnB1dEZvcm1Db250cm9sLmVycm9yc1xyXG4gICAgfVwiXHJcbiAgPlxyXG4gICAgPGlucHV0XHJcbiAgICAgIFt0eXBlXT1cImlucHV0VHlwZVwiXHJcbiAgICAgIGNsYXNzPVwiYS1pbnB1dC1zdHlsZVwiXHJcbiAgICAgIChuZ01vZGVsQ2hhbmdlKT1cImNoYW5nZSgpXCJcclxuICAgICAgW2Zvcm1Db250cm9sXT1cImlucHV0Rm9ybUNvbnRyb2xcIlxyXG4gICAgICBbbmdDbGFzc109XCJ7XHJcbiAgICAgICAgJ2hhdmUtdmFsdWUnOiBpbnB1dEZvcm1Db250cm9sLnZhbHVlLFxyXG4gICAgICAgICdkaXNhYmxlLWlucHV0JzogaXNEaXNhYmxlXHJcbiAgICAgIH1cIlxyXG4gICAgLz5cclxuICAgIDxsYWJlbCAqbmdJZj1cInBsYWNlaG9sZGVyLmxlbmd0aCA+IDBcIj57eyBwbGFjZWhvbGRlciB9fSA8L2xhYmVsPlxyXG4gICAgPGRpdiBjbGFzcz1cImxhYmVsLWVycm9yIG92ZXJmbG93LWhpZGRlblwiPlxyXG4gICAgICA8c3BhblxyXG4gICAgICAgICpuZ0lmPVwiXHJcbiAgICAgICAgKGlucHV0Rm9ybUNvbnRyb2wudG91Y2hlZCB8fCBpbnB1dEZvcm1Db250cm9sLmRpcnR5KSAmJlxyXG4gICAgICAgIGlucHV0Rm9ybUNvbnRyb2wuZXJyb3JzPy5bJ3JlcXVpcmVkJ11cclxuICAgICAgXCJcclxuICAgICAgICA+2KfbjNmGINmB24zZhNivINiu2KfZhNuMINin2LPYqjwvc3BhblxyXG4gICAgICA+XHJcbiAgICAgIDxzcGFuXHJcbiAgICAgICAgKm5nSWY9XCJcclxuICAgICAgICAoaW5wdXRGb3JtQ29udHJvbC50b3VjaGVkIHx8IGlucHV0Rm9ybUNvbnRyb2wuZGlydHkpICYmXHJcbiAgICAgICAgaW5wdXRGb3JtQ29udHJvbC5lcnJvcnM/LlsncHJlUGF5bWVudCddXHJcbiAgICAgIFwiXHJcbiAgICAgICAgPtmF2KjZhNi6INi12K3bjNitINmG24zYs9iqPC9zcGFuXHJcbiAgICAgID5cclxuICAgICAgPHNwYW5cclxuICAgICAgICAqbmdJZj1cIlxyXG4gICAgICAoaW5wdXRGb3JtQ29udHJvbC50b3VjaGVkIHx8IGlucHV0Rm9ybUNvbnRyb2wuZGlydHkpICYmXHJcbiAgICAgIGlucHV0Rm9ybUNvbnRyb2wuZXJyb3JzPy5bJ21pbmxlbmd0aCddXHJcbiAgICBcIlxyXG4gICAgICA+XHJcbiAgICAgICAg2K3Yr9in2YLZhCDYqti52K/Yp9ivINqp2KfYsdqp2KrYsVxyXG4gICAgICAgIHt7aW5wdXRGb3JtQ29udHJvbC5lcnJvcnM/LlsnbWlubGVuZ3RoJ10ucmVxdWlyZWRMZW5ndGh8cGVyc2lhbkRpZ2l0c319XHJcbiAgICAgICAg2LnYr9ivINio2KfYtNivXHJcbiAgICAgIDwvc3Bhbj5cclxuICAgICAgPHNwYW5cclxuICAgICAgICAqbmdJZj1cIlxyXG4gICAgICAoaW5wdXRGb3JtQ29udHJvbC50b3VjaGVkIHx8IGlucHV0Rm9ybUNvbnRyb2wuZGlydHkpICYmXHJcbiAgICAgIGlucHV0Rm9ybUNvbnRyb2wuZXJyb3JzPy5bJ21heGxlbmd0aCddXHJcbiAgICBcIlxyXG4gICAgICA+XHJcbiAgICAgICAg2K3Yr9in2qnYq9ixINiq2LnYr9in2K8g2qnYp9ix2qnYqtixXHJcbiAgICAgICAge3tpbnB1dEZvcm1Db250cm9sLmVycm9ycz8uWydtYXhsZW5ndGgnXS5yZXF1aXJlZExlbmd0aCB8cGVyc2lhbkRpZ2l0c319XHJcbiAgICAgICAg2LnYr9ivINio2KfYtNivXHJcbiAgICAgIDwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
|
package/esm2022/lib/core-mulite-select/core-mulite-select-row/core-mulite-select-row.component.mjs
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
export class CoreMulliteSelectRowComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.onSelect = new EventEmitter();
|
|
7
|
+
this._isSelected = false;
|
|
8
|
+
}
|
|
9
|
+
set isSelected(value) {
|
|
10
|
+
this._isSelected = value;
|
|
11
|
+
}
|
|
12
|
+
onItemSelect() {
|
|
13
|
+
this._isSelected = !this._isSelected;
|
|
14
|
+
this.onSelect.emit(this._isSelected);
|
|
15
|
+
}
|
|
16
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreMulliteSelectRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreMulliteSelectRowComponent, selector: "app-core-mulite-select-row", inputs: { isSelected: "isSelected", item: "item" }, outputs: { onSelect: "onSelect" }, ngImport: i0, template: "<li [ngClass]=\"{ active: _isSelected }\" (click)=\"onItemSelect()\">\r\n {{ item.title }}\r\n</li>\r\n", styles: ["li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}li:hover{background:#f6f6f6}.active{background:#ced4da}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
18
|
+
}
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreMulliteSelectRowComponent, decorators: [{
|
|
20
|
+
type: Component,
|
|
21
|
+
args: [{ selector: 'app-core-mulite-select-row', template: "<li [ngClass]=\"{ active: _isSelected }\" (click)=\"onItemSelect()\">\r\n {{ item.title }}\r\n</li>\r\n", styles: ["li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}li:hover{background:#f6f6f6}.active{background:#ced4da}\n"] }]
|
|
22
|
+
}], propDecorators: { isSelected: [{
|
|
23
|
+
type: Input
|
|
24
|
+
}], item: [{
|
|
25
|
+
type: Input
|
|
26
|
+
}], onSelect: [{
|
|
27
|
+
type: Output
|
|
28
|
+
}] } });
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1tdWxpdGUtc2VsZWN0LXJvdy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mYWxjb24tbGliL3NyYy9saWIvY29yZS1tdWxpdGUtc2VsZWN0L2NvcmUtbXVsaXRlLXNlbGVjdC1yb3cvY29yZS1tdWxpdGUtc2VsZWN0LXJvdy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mYWxjb24tbGliL3NyYy9saWIvY29yZS1tdWxpdGUtc2VsZWN0L2NvcmUtbXVsaXRlLXNlbGVjdC1yb3cvY29yZS1tdWxpdGUtc2VsZWN0LXJvdy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPdkUsTUFBTSxPQUFPLDZCQUE2QjtJQUwxQztRQVVZLGFBQVEsR0FBMEIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUMvRCxnQkFBVyxHQUFHLEtBQUssQ0FBQztLQU1yQjtJQVhDLElBQWEsVUFBVSxDQUFDLEtBQWM7UUFDcEMsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7SUFDM0IsQ0FBQztJQUtELFlBQVk7UUFDVixJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQztRQUNyQyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDdkMsQ0FBQzsrR0FYVSw2QkFBNkI7bUdBQTdCLDZCQUE2Qix5SkNQMUMsMEdBR0E7OzRGRElhLDZCQUE2QjtrQkFMekMsU0FBUzsrQkFDRSw0QkFBNEI7OEJBS3pCLFVBQVU7c0JBQXRCLEtBQUs7Z0JBR0csSUFBSTtzQkFBWixLQUFLO2dCQUNJLFFBQVE7c0JBQWpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtY29yZS1tdWxpdGUtc2VsZWN0LXJvdycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NvcmUtbXVsaXRlLXNlbGVjdC1yb3cuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NvcmUtbXVsaXRlLXNlbGVjdC1yb3cuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIENvcmVNdWxsaXRlU2VsZWN0Um93Q29tcG9uZW50IHtcclxuICBASW5wdXQoKSBzZXQgaXNTZWxlY3RlZCh2YWx1ZTogYm9vbGVhbikge1xyXG4gICAgdGhpcy5faXNTZWxlY3RlZCA9IHZhbHVlO1xyXG4gIH1cclxuICBASW5wdXQoKSBpdGVtITogYW55O1xyXG4gIEBPdXRwdXQoKSBvblNlbGVjdDogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIF9pc1NlbGVjdGVkID0gZmFsc2U7XHJcblxyXG4gIG9uSXRlbVNlbGVjdCgpIHtcclxuICAgIHRoaXMuX2lzU2VsZWN0ZWQgPSAhdGhpcy5faXNTZWxlY3RlZDtcclxuICAgIHRoaXMub25TZWxlY3QuZW1pdCh0aGlzLl9pc1NlbGVjdGVkKTtcclxuICB9XHJcbn1cclxuIiwiPGxpIFtuZ0NsYXNzXT1cInsgYWN0aXZlOiBfaXNTZWxlY3RlZCB9XCIgKGNsaWNrKT1cIm9uSXRlbVNlbGVjdCgpXCI+XHJcbiAge3sgaXRlbS50aXRsZSB9fVxyXG48L2xpPlxyXG4iXX0=
|