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,109 @@
|
|
|
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
|
+
export class CoreSelectComponent {
|
|
6
|
+
set titleKey(data) {
|
|
7
|
+
this._titleKey = data;
|
|
8
|
+
this.hasTitleKey = true;
|
|
9
|
+
this.init();
|
|
10
|
+
}
|
|
11
|
+
set valueKey(data) {
|
|
12
|
+
this._valueKey = data;
|
|
13
|
+
this.hasValueKey = true;
|
|
14
|
+
this.init();
|
|
15
|
+
}
|
|
16
|
+
set items(data) {
|
|
17
|
+
this._items = data;
|
|
18
|
+
this.hasItems = true;
|
|
19
|
+
this.init();
|
|
20
|
+
}
|
|
21
|
+
set defaultValue(data) {
|
|
22
|
+
this._defaultValue = data;
|
|
23
|
+
this.hasDefaultValue = true;
|
|
24
|
+
this.init();
|
|
25
|
+
}
|
|
26
|
+
constructor(cdr) {
|
|
27
|
+
this.cdr = cdr;
|
|
28
|
+
this.selectedItem = {};
|
|
29
|
+
this.newItems = [];
|
|
30
|
+
this.isOpenMenu = false;
|
|
31
|
+
this._items = [];
|
|
32
|
+
this._defaultValue = undefined;
|
|
33
|
+
this.initCounter = 0;
|
|
34
|
+
this.hasTitleKey = false;
|
|
35
|
+
this.hasValueKey = false;
|
|
36
|
+
this.hasItems = false;
|
|
37
|
+
this.hasDefaultValue = false;
|
|
38
|
+
this.label = '';
|
|
39
|
+
this.disabled = false;
|
|
40
|
+
this.onItemSelected = new EventEmitter();
|
|
41
|
+
this.inputFormControl = new FormControl('', []);
|
|
42
|
+
}
|
|
43
|
+
init() {
|
|
44
|
+
if (this.hasTitleKey &&
|
|
45
|
+
this.hasValueKey &&
|
|
46
|
+
this.hasItems &&
|
|
47
|
+
this.hasDefaultValue) {
|
|
48
|
+
this.newItems = this.changeItemsType(this._items);
|
|
49
|
+
const item = this.newItems.find((item) => item.value == this._defaultValue);
|
|
50
|
+
if (!this._defaultValue || this._defaultValue === null)
|
|
51
|
+
return;
|
|
52
|
+
this.inputFormControl.setValue(this._defaultValue);
|
|
53
|
+
this.onItemSelect(this.newItems.find((item) => item.value == this._defaultValue), false);
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
ngAfterViewInit() {
|
|
57
|
+
this.cdr.detectChanges();
|
|
58
|
+
}
|
|
59
|
+
changeItemsType(items) {
|
|
60
|
+
return items.map((item) => {
|
|
61
|
+
return {
|
|
62
|
+
title: item[this._titleKey],
|
|
63
|
+
value: item[this._valueKey],
|
|
64
|
+
};
|
|
65
|
+
});
|
|
66
|
+
}
|
|
67
|
+
openMenuClick() {
|
|
68
|
+
if (this.disabled)
|
|
69
|
+
return;
|
|
70
|
+
this.isOpenMenu = !this.isOpenMenu;
|
|
71
|
+
}
|
|
72
|
+
onItemSelect(selectedItem, isFromUi) {
|
|
73
|
+
if (isFromUi)
|
|
74
|
+
this.inputFormControl.markAsTouched();
|
|
75
|
+
this.isOpenMenu = false;
|
|
76
|
+
this.selectedItem = selectedItem;
|
|
77
|
+
const mainItem = this._items.find((item) => item[this._valueKey] === selectedItem.value);
|
|
78
|
+
this.inputFormControl.setValue(selectedItem.value);
|
|
79
|
+
this.onItemSelected.emit(mainItem);
|
|
80
|
+
}
|
|
81
|
+
focusOut() {
|
|
82
|
+
this.isOpenMenu = false;
|
|
83
|
+
this.inputFormControl.markAsTouched();
|
|
84
|
+
}
|
|
85
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreSelectComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
86
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreSelectComponent, selector: "core-select", inputs: { titleKey: "titleKey", valueKey: "valueKey", items: "items", defaultValue: "defaultValue", label: "label", disabled: "disabled", inputFormControl: "inputFormControl" }, outputs: { onItemSelected: "onItemSelected" }, ngImport: i0, template: "<div tabindex=\"-1\" class=\"dropdown\" (focusout)=\"focusOut()\">\r\n <div\r\n class=\"select\"\r\n [ngClass]=\"{\r\n 'select-clicked': isOpenMenu,\r\n 'disable-selector': disabled,\r\n selectError: inputFormControl.touched && inputFormControl.errors\r\n }\"\r\n (click)=\"openMenuClick()\"\r\n >\r\n <span\r\n class=\"placeholder-top\"\r\n *ngIf=\"(selectedItem | json) != ({} | json)\"\r\n >{{ label }}</span\r\n >\r\n <arrow-down-icon\r\n class=\"caret h-6\"\r\n [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n ></arrow-down-icon>\r\n\r\n <span\r\n [ngClass]=\"[\r\n label.length > 0 && (selectedItem | json) == ({} | json)\r\n ? 'placeholder'\r\n : 'selected'\r\n ]\"\r\n >{{\r\n label.length > 0 && (selectedItem | json) == ({} | json)\r\n ? label\r\n : selectedItem.title\r\n }}</span\r\n >\r\n </div>\r\n <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n <li\r\n *ngFor=\"let item of newItems\"\r\n [ngClass]=\"{ active: item == selectedItem }\"\r\n (click)=\"onItemSelect(item, true)\"\r\n >\r\n {{ item.title }}\r\n </li>\r\n </ul>\r\n <div class=\"label-error overflow-hidden\">\r\n <span\r\n *ngIf=\"\r\n inputFormControl.touched &&\r\n inputFormControl.errors?.['required']\"\r\n >\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u062E\u0627\u0644\u06CC \u0627\u0633\u062A</span\r\n >\r\n </div>\r\n</div>\r\n", styles: [".dropdown{min-width:15em;position:relative;width:100%;min-width:120px}.dropdown .disable-selector{background-color:var(--default-selector-disable-background-color)!important;border:1px dashed var(--default-selector-disable-border-color)!important;cursor:no-drop!important}.dropdown .select{background:var(--default-selector-background-color);color:var(--default-selector-text-color);display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;border:1px solid var(--default-selector-border-color);border-radius:4px;padding:8px;cursor:pointer;transition:background .3s;font-size:12px;-webkit-user-select:none;user-select:none}.dropdown .select:hover{background:var(--default-selector-hover-color)}.dropdown .select .selected{padding-inline:12px;font-size:14px;color:#000000b3;-webkit-user-select:none;user-select:none}.dropdown .select .placeholder-top{position:absolute;right:13px;background:var(--default-selector-label-background-color);top:-8px;padding-inline:6px;font-size:11px;color:var(--default-selector-label-text--color)}.dropdown .select .caret{fill:var(--default-selector-icon-color);color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:var(--default-selector-placeholder-text-color);padding-inline:16px}.dropdown .select-clicked{border:1px solid rgba(19,92,175,.397)}.dropdown .menu{list-style:none;padding-inline:0px;background:var(--default-selector-menu-background-color);border:1px solid var(--default-selector-menu-border-color);box-shadow:0 .5em 1em #0003;border-radius:.5em;color:var(--default-selector-menu-text-color);position:absolute;top:40px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:10;max-height:200px;overflow:auto}.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:var(--default-selector-menu-item-hover-color)}.dropdown .menu .active{background:var(--default-selector-menu-item-active-color)}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:var(--default-selector-validation-text-color);font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.dropdown .selectError{border:1px solid var(--default-selector-validation-border-color)!important}\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: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.JsonPipe, name: "json" }] }); }
|
|
87
|
+
}
|
|
88
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreSelectComponent, decorators: [{
|
|
89
|
+
type: Component,
|
|
90
|
+
args: [{ selector: 'core-select', template: "<div tabindex=\"-1\" class=\"dropdown\" (focusout)=\"focusOut()\">\r\n <div\r\n class=\"select\"\r\n [ngClass]=\"{\r\n 'select-clicked': isOpenMenu,\r\n 'disable-selector': disabled,\r\n selectError: inputFormControl.touched && inputFormControl.errors\r\n }\"\r\n (click)=\"openMenuClick()\"\r\n >\r\n <span\r\n class=\"placeholder-top\"\r\n *ngIf=\"(selectedItem | json) != ({} | json)\"\r\n >{{ label }}</span\r\n >\r\n <arrow-down-icon\r\n class=\"caret h-6\"\r\n [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n ></arrow-down-icon>\r\n\r\n <span\r\n [ngClass]=\"[\r\n label.length > 0 && (selectedItem | json) == ({} | json)\r\n ? 'placeholder'\r\n : 'selected'\r\n ]\"\r\n >{{\r\n label.length > 0 && (selectedItem | json) == ({} | json)\r\n ? label\r\n : selectedItem.title\r\n }}</span\r\n >\r\n </div>\r\n <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n <li\r\n *ngFor=\"let item of newItems\"\r\n [ngClass]=\"{ active: item == selectedItem }\"\r\n (click)=\"onItemSelect(item, true)\"\r\n >\r\n {{ item.title }}\r\n </li>\r\n </ul>\r\n <div class=\"label-error overflow-hidden\">\r\n <span\r\n *ngIf=\"\r\n inputFormControl.touched &&\r\n inputFormControl.errors?.['required']\"\r\n >\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u062E\u0627\u0644\u06CC \u0627\u0633\u062A</span\r\n >\r\n </div>\r\n</div>\r\n", styles: [".dropdown{min-width:15em;position:relative;width:100%;min-width:120px}.dropdown .disable-selector{background-color:var(--default-selector-disable-background-color)!important;border:1px dashed var(--default-selector-disable-border-color)!important;cursor:no-drop!important}.dropdown .select{background:var(--default-selector-background-color);color:var(--default-selector-text-color);display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;border:1px solid var(--default-selector-border-color);border-radius:4px;padding:8px;cursor:pointer;transition:background .3s;font-size:12px;-webkit-user-select:none;user-select:none}.dropdown .select:hover{background:var(--default-selector-hover-color)}.dropdown .select .selected{padding-inline:12px;font-size:14px;color:#000000b3;-webkit-user-select:none;user-select:none}.dropdown .select .placeholder-top{position:absolute;right:13px;background:var(--default-selector-label-background-color);top:-8px;padding-inline:6px;font-size:11px;color:var(--default-selector-label-text--color)}.dropdown .select .caret{fill:var(--default-selector-icon-color);color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:var(--default-selector-placeholder-text-color);padding-inline:16px}.dropdown .select-clicked{border:1px solid rgba(19,92,175,.397)}.dropdown .menu{list-style:none;padding-inline:0px;background:var(--default-selector-menu-background-color);border:1px solid var(--default-selector-menu-border-color);box-shadow:0 .5em 1em #0003;border-radius:.5em;color:var(--default-selector-menu-text-color);position:absolute;top:40px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:10;max-height:200px;overflow:auto}.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:var(--default-selector-menu-item-hover-color)}.dropdown .menu .active{background:var(--default-selector-menu-item-active-color)}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:var(--default-selector-validation-text-color);font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.dropdown .selectError{border:1px solid var(--default-selector-validation-border-color)!important}\n"] }]
|
|
91
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { titleKey: [{
|
|
92
|
+
type: Input
|
|
93
|
+
}], valueKey: [{
|
|
94
|
+
type: Input
|
|
95
|
+
}], items: [{
|
|
96
|
+
type: Input
|
|
97
|
+
}], defaultValue: [{
|
|
98
|
+
type: Input,
|
|
99
|
+
args: [{ required: true }]
|
|
100
|
+
}], label: [{
|
|
101
|
+
type: Input
|
|
102
|
+
}], disabled: [{
|
|
103
|
+
type: Input
|
|
104
|
+
}], onItemSelected: [{
|
|
105
|
+
type: Output
|
|
106
|
+
}], inputFormControl: [{
|
|
107
|
+
type: Input
|
|
108
|
+
}] } });
|
|
109
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1zZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFsY29uLWxpYi9zcmMvbGliL2NvcmUtc2VsZWN0L2NvcmUtc2VsZWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZhbGNvbi1saWIvc3JjL2xpYi9jb3JlLXNlbGVjdC9jb3JlLXNlbGVjdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7O0FBVTdDLE1BQU0sT0FBTyxtQkFBbUI7SUFhOUIsSUFBYSxRQUFRLENBQUMsSUFBTztRQUMzQixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztRQUN0QixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQztRQUN4QixJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDZCxDQUFDO0lBQ0QsSUFBYSxRQUFRLENBQUMsSUFBTztRQUMzQixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztRQUN0QixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQztRQUN4QixJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDZCxDQUFDO0lBQ0QsSUFBYSxLQUFLLENBQUMsSUFBUztRQUMxQixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztRQUNuQixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztRQUNyQixJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDZCxDQUFDO0lBQ0QsSUFBK0IsWUFBWSxDQUFDLElBQVM7UUFDbkQsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUM7UUFDMUIsSUFBSSxDQUFDLGVBQWUs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O1FBQ0YsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDbkQsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDckMsQ0FBQztJQUNELFFBQVE7UUFDTixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztRQUN4QixJQUFJLENBQUMsZ0JBQWdCLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDeEMsQ0FBQzsrR0FyRlUsbUJBQW1CO21HQUFuQixtQkFBbUIsb1JDbEJoQyxxZ0RBbURBOzs0RkRqQ2EsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLGFBQWE7d0dBaUJWLFFBQVE7c0JBQXBCLEtBQUs7Z0JBS08sUUFBUTtzQkFBcEIsS0FBSztnQkFLTyxLQUFLO3NCQUFqQixLQUFLO2dCQUt5QixZQUFZO3NCQUExQyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFLaEIsS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0ksY0FBYztzQkFBdkIsTUFBTTtnQkFDRSxnQkFBZ0I7c0JBQXhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENoYW5nZURldGVjdG9yUmVmLFxyXG4gIENvbXBvbmVudCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgSW5wdXQsXHJcbiAgT25Jbml0LFxyXG4gIE91dHB1dCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbnR5cGUgTWVudUl0ZW08VD4gPSB7XHJcbiAgdGl0bGU6IFQ7XHJcbiAgdmFsdWU6IFQ7XHJcbn07XHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY29yZS1zZWxlY3QnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jb3JlLXNlbGVjdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY29yZS1zZWxlY3QuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIENvcmVTZWxlY3RDb21wb25lbnQ8VD4ge1xyXG4gIHNlbGVjdGVkSXRlbTogTWVudUl0ZW08VD4gPSB7fSBhcyBNZW51SXRlbTxUPjtcclxuICBuZXdJdGVtczogTWVudUl0ZW08VD5bXSA9IFtdO1xyXG4gIGlzT3Blbk1lbnUgPSBmYWxzZTtcclxuICBfaXRlbXM6IGFueSA9IFtdO1xyXG4gIF9kZWZhdWx0VmFsdWUgPSB1bmRlZmluZWQ7XHJcbiAgX3RpdGxlS2V5ITogVDtcclxuICBfdmFsdWVLZXkhOiBUO1xyXG4gIGluaXRDb3VudGVyID0gMDtcclxuICBoYXNUaXRsZUtleSA9IGZhbHNlO1xyXG4gIGhhc1ZhbHVlS2V5ID0gZmFsc2U7XHJcbiAgaGFzSXRlbXMgPSBmYWxzZTtcclxuICBoYXNEZWZhdWx0VmFsdWUgPSBmYWxzZTtcclxuICBASW5wdXQoKSBzZXQgdGl0bGVLZXkoZGF0YTogVCkge1xyXG4gICAgdGhpcy5fdGl0bGVLZXkgPSBkYXRhO1xyXG4gICAgdGhpcy5oYXNUaXRsZUtleSA9IHRydWU7XHJcbiAgICB0aGlzLmluaXQoKTtcclxuICB9XHJcbiAgQElucHV0KCkgc2V0IHZhbHVlS2V5KGRhdGE6IFQpIHtcclxuICAgIHRoaXMuX3ZhbHVlS2V5ID0gZGF0YTtcclxuICAgIHRoaXMuaGFzVmFsdWVLZXkgPSB0cnVlO1xyXG4gICAgdGhpcy5pbml0KCk7XHJcbiAgfVxyXG4gIEBJbnB1dCgpIHNldCBpdGVtcyhkYXRhOiBhbnkpIHtcclxuICAgIHRoaXMuX2l0ZW1zID0gZGF0YTtcclxuICAgIHRoaXMuaGFzSXRlbXMgPSB0cnVlO1xyXG4gICAgdGhpcy5pbml0KCk7XHJcbiAgfVxyXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIHNldCBkZWZhdWx0VmFsdWUoZGF0YTogYW55KSB7XHJcbiAgICB0aGlzLl9kZWZhdWx0VmFsdWUgPSBkYXRhO1xyXG4gICAgdGhpcy5oYXNEZWZhdWx0VmFsdWUgPSB0cnVlO1xyXG4gICAgdGhpcy5pbml0KCk7XHJcbiAgfVxyXG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBPdXRwdXQoKSBvbkl0ZW1TZWxlY3RlZCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIEBJbnB1dCgpIGlucHV0Rm9ybUNvbnRyb2w6IEZvcm1Db250cm9sID0gbmV3IEZvcm1Db250cm9sKCcnLCBbXSk7XHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7fVxyXG4gIGluaXQoKSB7XHJcbiAgICBpZiAoXHJcbiAgICAgIHRoaXMuaGFzVGl0bGVLZXkgJiZcclxuICAgICAgdGhpcy5oYXNWYWx1ZUtleSAmJlxyXG4gICAgICB0aGlzLmhhc0l0ZW1zICYmXHJcbiAgICAgIHRoaXMuaGFzRGVmYXVsdFZhbHVlXHJcbiAgICApIHtcclxuICAgICAgdGhpcy5uZXdJdGVtcyA9IHRoaXMuY2hhbmdlSXRlbXNUeXBlKHRoaXMuX2l0ZW1zKTtcclxuICAgICAgY29uc3QgaXRlbSA9IHRoaXMubmV3SXRlbXMuZmluZChcclxuICAgICAgICAoaXRlbSkgPT4gaXRlbS52YWx1ZSA9PSB0aGlzLl9kZWZhdWx0VmFsdWVcclxuICAgICAgKTtcclxuICAgICAgaWYgKCF0aGlzLl9kZWZhdWx0VmFsdWUgfHwgdGhpcy5fZGVmYXVsdFZhbHVlID09PSBudWxsKSByZXR1cm47XHJcbiAgICAgIHRoaXMuaW5wdXRGb3JtQ29udHJvbC5zZXRWYWx1ZSh0aGlzLl9kZWZhdWx0VmFsdWUpO1xyXG4gICAgICB0aGlzLm9uSXRlbVNlbGVjdChcclxuICAgICAgICB0aGlzLm5ld0l0ZW1zLmZpbmQoKGl0ZW0pID0+IGl0ZW0udmFsdWUgPT0gdGhpcy5fZGVmYXVsdFZhbHVlKSEsXHJcbiAgICAgICAgZmFsc2VcclxuICAgICAgKTtcclxuICAgIH1cclxuICB9XHJcbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gIH1cclxuICBjaGFuZ2VJdGVtc1R5cGUoaXRlbXM6IGFueVtdKTogTWVudUl0ZW08VD5bXSB7XHJcbiAgICByZXR1cm4gaXRlbXMubWFwKChpdGVtKSA9PiB7XHJcbiAgICAgIHJldHVybiB7XHJcbiAgICAgICAgdGl0bGU6IGl0ZW1bdGhpcy5fdGl0bGVLZXldLFxyXG4gICAgICAgIHZhbHVlOiBpdGVtW3RoaXMuX3ZhbHVlS2V5XSxcclxuICAgICAgfTtcclxuICAgIH0pO1xyXG4gIH1cclxuICBvcGVuTWVudUNsaWNrKCkge1xyXG4gICAgaWYgKHRoaXMuZGlzYWJsZWQpIHJldHVybjtcclxuICAgIHRoaXMuaXNPcGVuTWVudSA9ICF0aGlzLmlzT3Blbk1lbnU7XHJcbiAgfVxyXG4gIG9uSXRlbVNlbGVjdChzZWxlY3RlZEl0ZW06IE1lbnVJdGVtPFQ+LCBpc0Zyb21VaTogYm9vbGVhbik6IHZvaWQge1xyXG4gICAgaWYgKGlzRnJvbVVpKSB0aGlzLmlucHV0Rm9ybUNvbnRyb2wubWFya0FzVG91Y2hlZCgpO1xyXG4gICAgdGhpcy5pc09wZW5NZW51ID0gZmFsc2U7XHJcbiAgICB0aGlzLnNlbGVjdGVkSXRlbSA9IHNlbGVjdGVkSXRlbTtcclxuICAgIGNvbnN0IG1haW5JdGVtID0gdGhpcy5faXRlbXMuZmluZChcclxuICAgICAgKGl0ZW06IGFueSkgPT4gaXRlbVt0aGlzLl92YWx1ZUtleV0gPT09IHNlbGVjdGVkSXRlbS52YWx1ZVxyXG4gICAgKTtcclxuICAgIHRoaXMuaW5wdXRGb3JtQ29udHJvbC5zZXRWYWx1ZShzZWxlY3RlZEl0ZW0udmFsdWUpO1xyXG4gICAgdGhpcy5vbkl0ZW1TZWxlY3RlZC5lbWl0KG1haW5JdGVtKTtcclxuICB9XHJcbiAgZm9jdXNPdXQoKSB7XHJcbiAgICB0aGlzLmlzT3Blbk1lbnUgPSBmYWxzZTtcclxuICAgIHRoaXMuaW5wdXRGb3JtQ29udHJvbC5tYXJrQXNUb3VjaGVkKCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgdGFiaW5kZXg9XCItMVwiIGNsYXNzPVwiZHJvcGRvd25cIiAoZm9jdXNvdXQpPVwiZm9jdXNPdXQoKVwiPlxyXG4gIDxkaXZcclxuICAgIGNsYXNzPVwic2VsZWN0XCJcclxuICAgIFtuZ0NsYXNzXT1cIntcclxuICAgICAgJ3NlbGVjdC1jbGlja2VkJzogaXNPcGVuTWVudSxcclxuICAgICAgJ2Rpc2FibGUtc2VsZWN0b3InOiBkaXNhYmxlZCxcclxuICAgICAgc2VsZWN0RXJyb3I6IGlucHV0Rm9ybUNvbnRyb2wudG91Y2hlZCAmJiBpbnB1dEZvcm1Db250cm9sLmVycm9yc1xyXG4gICAgfVwiXHJcbiAgICAoY2xpY2spPVwib3Blbk1lbnVDbGljaygpXCJcclxuICA+XHJcbiAgICA8c3BhblxyXG4gICAgICBjbGFzcz1cInBsYWNlaG9sZGVyLXRvcFwiXHJcbiAgICAgICpuZ0lmPVwiKHNlbGVjdGVkSXRlbSB8IGpzb24pICE9ICh7fSB8IGpzb24pXCJcclxuICAgICAgPnt7IGxhYmVsIH19PC9zcGFuXHJcbiAgICA+XHJcbiAgICA8YXJyb3ctZG93bi1pY29uXHJcbiAgICAgIGNsYXNzPVwiY2FyZXQgaC02XCJcclxuICAgICAgW25nQ2xhc3NdPVwieyAnY2FyZXQtcm90YXRlJzogaXNPcGVuTWVudSB9XCJcclxuICAgID48L2Fycm93LWRvd24taWNvbj5cclxuXHJcbiAgICA8c3BhblxyXG4gICAgICBbbmdDbGFzc109XCJbXHJcbiAgICAgICAgbGFiZWwubGVuZ3RoID4gMCAmJiAoc2VsZWN0ZWRJdGVtIHwganNvbikgPT0gKHt9IHwganNvbilcclxuICAgICAgICAgID8gJ3BsYWNlaG9sZGVyJ1xyXG4gICAgICAgICAgOiAnc2VsZWN0ZWQnXHJcbiAgICAgIF1cIlxyXG4gICAgICA+e3tcclxuICAgICAgICBsYWJlbC5sZW5ndGggPiAwICYmIChzZWxlY3RlZEl0ZW0gfCBqc29uKSA9PSAoe30gfCBqc29uKVxyXG4gICAgICAgICAgPyBsYWJlbFxyXG4gICAgICAgICAgOiBzZWxlY3RlZEl0ZW0udGl0bGVcclxuICAgICAgfX08L3NwYW5cclxuICAgID5cclxuICA8L2Rpdj5cclxuICA8dWwgY2xhc3M9XCJtZW51XCIgW25nQ2xhc3NdPVwieyAnbWVudS1vcGVuJzogaXNPcGVuTWVudSB9XCI+XHJcbiAgICA8bGlcclxuICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2YgbmV3SXRlbXNcIlxyXG4gICAgICBbbmdDbGFzc109XCJ7IGFjdGl2ZTogaXRlbSA9PSBzZWxlY3RlZEl0ZW0gfVwiXHJcbiAgICAgIChjbGljayk9XCJvbkl0ZW1TZWxlY3QoaXRlbSwgdHJ1ZSlcIlxyXG4gICAgPlxyXG4gICAgICB7eyBpdGVtLnRpdGxlIH19XHJcbiAgICA8L2xpPlxyXG4gIDwvdWw+XHJcbiAgPGRpdiBjbGFzcz1cImxhYmVsLWVycm9yIG92ZXJmbG93LWhpZGRlblwiPlxyXG4gICAgPHNwYW5cclxuICAgICAgKm5nSWY9XCJcclxuICAgICAgIGlucHV0Rm9ybUNvbnRyb2wudG91Y2hlZCAgJiZcclxuICAgICAgaW5wdXRGb3JtQ29udHJvbC5lcnJvcnM/LlsncmVxdWlyZWQnXVwiXHJcbiAgICAgID7Yp9uM2YYg2YHbjNmE2K8g2K7Yp9mE24wg2KfYs9iqPC9zcGFuXHJcbiAgICA+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -8,11 +8,11 @@ export class CoreSpinnerComponent {
|
|
|
8
8
|
this.type = 'circle';
|
|
9
9
|
}
|
|
10
10
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreSpinnerComponent, selector: "core-spinner", inputs: { size: "size", colorState: "colorState", type: "type" }, ngImport: i0, template: "<div *ngIf=\"type === 'circle'\" class=\"spinner\" [ngClass]=\"[colorState]\">\r\n <svg\r\n viewBox=\"25 25 50 50\"\r\n [ngStyle]=\"{ width: size + 'px', height: size + 'px' }\"\r\n >\r\n <circle cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" class=\"path\"></circle>\r\n </svg>\r\n</div>\r\n\r\n<div
|
|
11
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreSpinnerComponent, selector: "core-spinner", inputs: { size: "size", colorState: "colorState", type: "type" }, ngImport: i0, template: "<div *ngIf=\"type === 'circle'\" class=\"spinner\" [ngClass]=\"[colorState]\">\r\n <svg\r\n viewBox=\"25 25 50 50\"\r\n [ngStyle]=\"{ width: size + 'px', height: size + 'px' }\"\r\n >\r\n <circle cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" class=\"path\"></circle>\r\n </svg>\r\n</div>\r\n\r\n<div\r\n *ngIf=\"type === 'line'\"\r\n class=\"line-progress-bar\"\r\n [ngClass]=\"[colorState]\"\r\n></div>\r\n", styles: ["*,:after,:before{box-sizing:border-box}.spinner.success{stroke:var(--success-button-color)}.spinner.warning{stroke:var(--warning-button-color)}.spinner.default{stroke:var(--default-button-color)}.spinner.primary{stroke:var(--primary-button-color)}.spinner.danger{stroke:var(--danger-button-color)}.spinner svg{animation:loading-rotate 2s linear infinite}.spinner .path{stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:4;stroke-linecap:round;animation:loading-dash 1.5s ease-in-out infinite}@keyframes loading-rotate{to{transform:rotate(1turn)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.line-progress-bar{height:3px;background:#0000001a;border-radius:20px;position:relative;overflow:hidden}.line-progress-bar:after{content:\"\";display:block;position:absolute;top:0;left:0;width:0%;height:100%;animation:grow 1.5s ease-in-out infinite;background:var(--primary-button-color)}@keyframes grow{50%{width:100%}to{width:0;right:0;left:unset}}\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: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
12
12
|
}
|
|
13
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreSpinnerComponent, decorators: [{
|
|
14
14
|
type: Component,
|
|
15
|
-
args: [{ selector: 'core-spinner', template: "<div *ngIf=\"type === 'circle'\" class=\"spinner\" [ngClass]=\"[colorState]\">\r\n <svg\r\n viewBox=\"25 25 50 50\"\r\n [ngStyle]=\"{ width: size + 'px', height: size + 'px' }\"\r\n >\r\n <circle cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" class=\"path\"></circle>\r\n </svg>\r\n</div>\r\n\r\n<div
|
|
15
|
+
args: [{ selector: 'core-spinner', template: "<div *ngIf=\"type === 'circle'\" class=\"spinner\" [ngClass]=\"[colorState]\">\r\n <svg\r\n viewBox=\"25 25 50 50\"\r\n [ngStyle]=\"{ width: size + 'px', height: size + 'px' }\"\r\n >\r\n <circle cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" class=\"path\"></circle>\r\n </svg>\r\n</div>\r\n\r\n<div\r\n *ngIf=\"type === 'line'\"\r\n class=\"line-progress-bar\"\r\n [ngClass]=\"[colorState]\"\r\n></div>\r\n", styles: ["*,:after,:before{box-sizing:border-box}.spinner.success{stroke:var(--success-button-color)}.spinner.warning{stroke:var(--warning-button-color)}.spinner.default{stroke:var(--default-button-color)}.spinner.primary{stroke:var(--primary-button-color)}.spinner.danger{stroke:var(--danger-button-color)}.spinner svg{animation:loading-rotate 2s linear infinite}.spinner .path{stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:4;stroke-linecap:round;animation:loading-dash 1.5s ease-in-out infinite}@keyframes loading-rotate{to{transform:rotate(1turn)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.line-progress-bar{height:3px;background:#0000001a;border-radius:20px;position:relative;overflow:hidden}.line-progress-bar:after{content:\"\";display:block;position:absolute;top:0;left:0;width:0%;height:100%;animation:grow 1.5s ease-in-out infinite;background:var(--primary-button-color)}@keyframes grow{50%{width:100%}to{width:0;right:0;left:unset}}\n"] }]
|
|
16
16
|
}], propDecorators: { size: [{
|
|
17
17
|
type: Input
|
|
18
18
|
}], colorState: [{
|
|
@@ -20,4 +20,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
20
20
|
}], type: [{
|
|
21
21
|
type: Input
|
|
22
22
|
}] } });
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1zcGlubmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZhbGNvbi1saWIvc3JjL2xpYi9jb3JlLXNwaW5uZXIvY29yZS1zcGlubmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZhbGNvbi1saWIvc3JjL2xpYi9jb3JlLXNwaW5uZXIvY29yZS1zcGlubmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFRakQsTUFBTSxPQUFPLG9CQUFvQjtJQUxqQztRQU1XLFNBQUksR0FBVyxFQUFFLENBQUM7UUFDbEIsZUFBVSxHQUFlLFNBQVMsQ0FBQztRQUNuQyxTQUFJLEdBQXNCLFFBQVEsQ0FBQztLQUM3QzsrR0FKWSxvQkFBb0I7bUdBQXBCLG9CQUFvQixzSENSakMscWFBY0E7OzRGRE5hLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDRSxjQUFjOzhCQUtmLElBQUk7c0JBQVosS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29sb3JTdGF0ZSB9IGZyb20gJy4uL2ZhbGNvblR5cGVzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY29yZS1zcGlubmVyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY29yZS1zcGlubmVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jb3JlLXNwaW5uZXIuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIENvcmVTcGlubmVyQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBzaXplOiBudW1iZXIgPSAyNDtcclxuICBASW5wdXQoKSBjb2xvclN0YXRlOiBDb2xvclN0YXRlID0gJ2RlZmF1bHQnO1xyXG4gIEBJbnB1dCgpIHR5cGU6ICdjaXJjbGUnIHwgJ2xpbmUnID0gJ2NpcmNsZSc7XHJcbn1cclxuIiwiPGRpdiAqbmdJZj1cInR5cGUgPT09ICdjaXJjbGUnXCIgY2xhc3M9XCJzcGlubmVyXCIgW25nQ2xhc3NdPVwiW2NvbG9yU3RhdGVdXCI+XHJcbiAgPHN2Z1xyXG4gICAgdmlld0JveD1cIjI1IDI1IDUwIDUwXCJcclxuICAgIFtuZ1N0eWxlXT1cInsgd2lkdGg6IHNpemUgKyAncHgnLCBoZWlnaHQ6IHNpemUgKyAncHgnIH1cIlxyXG4gID5cclxuICAgIDxjaXJjbGUgY3g9XCI1MFwiIGN5PVwiNTBcIiByPVwiMjBcIiBmaWxsPVwibm9uZVwiIGNsYXNzPVwicGF0aFwiPjwvY2lyY2xlPlxyXG4gIDwvc3ZnPlxyXG48L2Rpdj5cclxuXHJcbjxkaXZcclxuICAqbmdJZj1cInR5cGUgPT09ICdsaW5lJ1wiXHJcbiAgY2xhc3M9XCJsaW5lLXByb2dyZXNzLWJhclwiXHJcbiAgW25nQ2xhc3NdPVwiW2NvbG9yU3RhdGVdXCJcclxuPjwvZGl2PlxyXG4iXX0=
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class CoreSwitchComponent {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.value = new EventEmitter();
|
|
6
|
+
this.label = '';
|
|
7
|
+
}
|
|
8
|
+
set defaultValue(value) {
|
|
9
|
+
this.toggle = value;
|
|
10
|
+
}
|
|
11
|
+
change() {
|
|
12
|
+
if (this.toggle === this.icon.iconActive)
|
|
13
|
+
this.toggle = this.icon.iconInactive;
|
|
14
|
+
else
|
|
15
|
+
this.toggle = this.icon.iconActive;
|
|
16
|
+
this.value.emit(this.toggle);
|
|
17
|
+
}
|
|
18
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreSwitchComponent, selector: "core-switch", inputs: { icon: "icon", label: "label", defaultValue: "defaultValue" }, outputs: { value: "value" }, ngImport: i0, template: "<div class=\"switch-container\" (click)=\"change()\">\r\n <input\r\n type=\"checkbox\"\r\n class=\"switch\"\r\n [checked]=\"toggle === icon.iconActive\"\r\n />\r\n <div class=\"switch-color\">\r\n <span>{{ label }} </span>\r\n </div>\r\n <label for=\"switch\" class=\"label\"\r\n ><span class=\"material-symbols-outlined\">{{ toggle }} </span>\r\n </label>\r\n</div>\r\n", styles: [".switch-container{min-width:55px;max-width:118px;height:30px;border-radius:10em;border:1px solid var(--default-switch-border-color);position:relative;cursor:pointer;text-align:end}.switch-container .switch{display:none}.switch-container .switch:checked~.label{transform:translate(87px) rotate(360deg)}.switch-container .switch~.label{transition:all 1s cubic-bezier(.34,1.36,.2,1)}.switch-container .switch-color{width:100%;height:30px;background:var(--default-switch-background-color);border-radius:10em;z-index:0;position:absolute;transition:all .5s cubic-bezier(.34,1.36,.2,1)}.switch-container .label{width:25px;height:25px;text-align:center;border-radius:10em;background:var(--default-switch-background-label-color);position:absolute;top:2px;left:3px;box-shadow:2px 2px 10px 2px var(--default-switch-box-shadow-color);z-index:2;cursor:pointer;-webkit-user-select:none;user-select:none}.switch-container .label span{font-size:20px;padding-block-start:3px;padding-inline-start:1px;color:var(--default-switch-text-color)}\n"] }); }
|
|
20
|
+
}
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreSwitchComponent, decorators: [{
|
|
22
|
+
type: Component,
|
|
23
|
+
args: [{ selector: 'core-switch', template: "<div class=\"switch-container\" (click)=\"change()\">\r\n <input\r\n type=\"checkbox\"\r\n class=\"switch\"\r\n [checked]=\"toggle === icon.iconActive\"\r\n />\r\n <div class=\"switch-color\">\r\n <span>{{ label }} </span>\r\n </div>\r\n <label for=\"switch\" class=\"label\"\r\n ><span class=\"material-symbols-outlined\">{{ toggle }} </span>\r\n </label>\r\n</div>\r\n", styles: [".switch-container{min-width:55px;max-width:118px;height:30px;border-radius:10em;border:1px solid var(--default-switch-border-color);position:relative;cursor:pointer;text-align:end}.switch-container .switch{display:none}.switch-container .switch:checked~.label{transform:translate(87px) rotate(360deg)}.switch-container .switch~.label{transition:all 1s cubic-bezier(.34,1.36,.2,1)}.switch-container .switch-color{width:100%;height:30px;background:var(--default-switch-background-color);border-radius:10em;z-index:0;position:absolute;transition:all .5s cubic-bezier(.34,1.36,.2,1)}.switch-container .label{width:25px;height:25px;text-align:center;border-radius:10em;background:var(--default-switch-background-label-color);position:absolute;top:2px;left:3px;box-shadow:2px 2px 10px 2px var(--default-switch-box-shadow-color);z-index:2;cursor:pointer;-webkit-user-select:none;user-select:none}.switch-container .label span{font-size:20px;padding-block-start:3px;padding-inline-start:1px;color:var(--default-switch-text-color)}\n"] }]
|
|
24
|
+
}], propDecorators: { value: [{
|
|
25
|
+
type: Output
|
|
26
|
+
}], icon: [{
|
|
27
|
+
type: Input
|
|
28
|
+
}], label: [{
|
|
29
|
+
type: Input
|
|
30
|
+
}], defaultValue: [{
|
|
31
|
+
type: Input
|
|
32
|
+
}] } });
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1zd2l0Y2guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFsY29uLWxpYi9zcmMvbGliL2NvcmUtc3dpdGNoL2NvcmUtc3dpdGNoLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZhbGNvbi1saWIvc3JjL2xpYi9jb3JlLXN3aXRjaC9jb3JlLXN3aXRjaC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVV2RSxNQUFNLE9BQU8sbUJBQW1CO0lBTGhDO1FBUVksVUFBSyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFFcEMsVUFBSyxHQUFHLEVBQUUsQ0FBQztLQVlyQjtJQVhDLElBQWEsWUFBWSxDQUFDLEtBQWE7UUFDckMsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7SUFDdEIsQ0FBQztJQUVELE1BQU07UUFDSixJQUFJLElBQUksQ0FBQyxNQUFNLEtBQUssSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVO1lBQ3RDLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUM7O1lBQ2xDLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUM7UUFFeEMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQy9CLENBQUM7K0dBaEJVLG1CQUFtQjttR0FBbkIsbUJBQW1CLHdKQ1ZoQyx5WUFhQTs7NEZESGEsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLGFBQWE7OEJBT2IsS0FBSztzQkFBZCxNQUFNO2dCQUNFLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ08sWUFBWTtzQkFBeEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmludGVyZmFjZSBJU3dpdGNoIHtcclxuICBpY29uQWN0aXZlOiBzdHJpbmc7XHJcbiAgaWNvbkluYWN0aXZlOiBzdHJpbmc7XHJcbn1cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjb3JlLXN3aXRjaCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NvcmUtc3dpdGNoLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jb3JlLXN3aXRjaC5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29yZVN3aXRjaENvbXBvbmVudCB7XHJcbiAgdG9nZ2xlITogc3RyaW5nO1xyXG5cclxuICBAT3V0cHV0KCkgdmFsdWUgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcclxuICBASW5wdXQoKSBpY29uITogSVN3aXRjaDtcclxuICBASW5wdXQoKSBsYWJlbCA9ICcnO1xyXG4gIEBJbnB1dCgpIHNldCBkZWZhdWx0VmFsdWUodmFsdWU6IHN0cmluZykge1xyXG4gICAgdGhpcy50b2dnbGUgPSB2YWx1ZTtcclxuICB9XHJcblxyXG4gIGNoYW5nZSgpIHtcclxuICAgIGlmICh0aGlzLnRvZ2dsZSA9PT0gdGhpcy5pY29uLmljb25BY3RpdmUpXHJcbiAgICAgIHRoaXMudG9nZ2xlID0gdGhpcy5pY29uLmljb25JbmFjdGl2ZTtcclxuICAgIGVsc2UgdGhpcy50b2dnbGUgPSB0aGlzLmljb24uaWNvbkFjdGl2ZTtcclxuXHJcbiAgICB0aGlzLnZhbHVlLmVtaXQodGhpcy50b2dnbGUpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwic3dpdGNoLWNvbnRhaW5lclwiIChjbGljayk9XCJjaGFuZ2UoKVwiPlxyXG4gIDxpbnB1dFxyXG4gICAgdHlwZT1cImNoZWNrYm94XCJcclxuICAgIGNsYXNzPVwic3dpdGNoXCJcclxuICAgIFtjaGVja2VkXT1cInRvZ2dsZSA9PT0gaWNvbi5pY29uQWN0aXZlXCJcclxuICAvPlxyXG4gIDxkaXYgY2xhc3M9XCJzd2l0Y2gtY29sb3JcIj5cclxuICAgIDxzcGFuPnt7IGxhYmVsIH19IDwvc3Bhbj5cclxuICA8L2Rpdj5cclxuICA8bGFiZWwgZm9yPVwic3dpdGNoXCIgY2xhc3M9XCJsYWJlbFwiXHJcbiAgICA+PHNwYW4gY2xhc3M9XCJtYXRlcmlhbC1zeW1ib2xzLW91dGxpbmVkXCI+e3sgdG9nZ2xlIH19IDwvc3Bhbj5cclxuICA8L2xhYmVsPlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output, } from '@angular/core';
|
|
2
|
+
import { FormControl, FormGroup } from '@angular/forms';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
import * as i2 from "nira-date-picker";
|
|
6
|
+
import * as i3 from "../core-column-input/core-column-input.component";
|
|
7
|
+
import * as i4 from "../../../svg-icon/close-icon/close-icon.component";
|
|
8
|
+
export class CoreColumnDatePickerComponent {
|
|
9
|
+
constructor(changeDetectorRef) {
|
|
10
|
+
this.changeDetectorRef = changeDetectorRef;
|
|
11
|
+
this.canSelectToday = false;
|
|
12
|
+
this.defaultDate = '';
|
|
13
|
+
this.inputFormControl = new FormControl('', []);
|
|
14
|
+
this.onChange = new EventEmitter();
|
|
15
|
+
this.niraDatePickerForm = {};
|
|
16
|
+
this.isOpenCalendar = false;
|
|
17
|
+
this.date = '';
|
|
18
|
+
}
|
|
19
|
+
ngOnInit() {
|
|
20
|
+
this.niraDatePickerForm = new FormGroup({
|
|
21
|
+
niraDatePickerFormCtrl: this.inputFormControl,
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
ngAfterViewInit() {
|
|
25
|
+
this.changeDetectorRef.detectChanges();
|
|
26
|
+
}
|
|
27
|
+
clearedText() {
|
|
28
|
+
this.niraDatePickerForm.setValue({
|
|
29
|
+
niraDatePickerFormCtrl: '',
|
|
30
|
+
});
|
|
31
|
+
this.date = '';
|
|
32
|
+
this.onChange.emit(undefined);
|
|
33
|
+
}
|
|
34
|
+
onDatePickerResult(result) {
|
|
35
|
+
this.niraDatePickerForm.setValue({
|
|
36
|
+
niraDatePickerFormCtrl: result,
|
|
37
|
+
});
|
|
38
|
+
this.date = result;
|
|
39
|
+
this.onChange.emit(result);
|
|
40
|
+
}
|
|
41
|
+
onTodayDate(todayDate) {
|
|
42
|
+
this.date = todayDate;
|
|
43
|
+
this.niraDatePickerForm.setValue({
|
|
44
|
+
niraDatePickerFormCtrl: todayDate,
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreColumnDatePickerComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
48
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreColumnDatePickerComponent, selector: "core-column-date-picker", inputs: { canSelectToday: "canSelectToday", defaultDate: "defaultDate", inputFormControl: "inputFormControl" }, outputs: { onChange: "onChange" }, ngImport: i0, template: "<div class=\"relative\">\r\n <core-column-input\r\n (click)=\"isOpenCalendar = true\"\r\n [value]=\"date\"\r\n [showRemoveIcon]=\"false\"\r\n >\r\n </core-column-input>\r\n <close-icon\r\n *ngIf=\"date\"\r\n (click)=\"clearedText()\"\r\n class=\"absolute w-4 top-2 left-11 close-icon\"\r\n ></close-icon>\r\n</div>\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>\r\n</lib-nira-date-picker>\r\n", styles: [".close-icon{fill:var(--default-table-column-date-picker-close-icon-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.NiraDatePickerComponent, selector: "lib-nira-date-picker", inputs: ["selectToday", "disable", "changableYears", "theme", "defaultDate", "isOpenCalendar"], outputs: ["isOpenCalendarChange", "todayDate", "datePickerResult"] }, { kind: "component", type: i3.CoreColumnInputComponent, selector: "core-column-input", inputs: ["showRemoveIcon", "placeholder", "value"], outputs: ["onChange"] }, { kind: "component", type: i4.CloseIconComponent, selector: "close-icon" }] }); }
|
|
49
|
+
}
|
|
50
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreColumnDatePickerComponent, decorators: [{
|
|
51
|
+
type: Component,
|
|
52
|
+
args: [{ selector: 'core-column-date-picker', template: "<div class=\"relative\">\r\n <core-column-input\r\n (click)=\"isOpenCalendar = true\"\r\n [value]=\"date\"\r\n [showRemoveIcon]=\"false\"\r\n >\r\n </core-column-input>\r\n <close-icon\r\n *ngIf=\"date\"\r\n (click)=\"clearedText()\"\r\n class=\"absolute w-4 top-2 left-11 close-icon\"\r\n ></close-icon>\r\n</div>\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>\r\n</lib-nira-date-picker>\r\n", styles: [".close-icon{fill:var(--default-table-column-date-picker-close-icon-color)}\n"] }]
|
|
53
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { canSelectToday: [{
|
|
54
|
+
type: Input
|
|
55
|
+
}], defaultDate: [{
|
|
56
|
+
type: Input
|
|
57
|
+
}], inputFormControl: [{
|
|
58
|
+
type: Input
|
|
59
|
+
}], onChange: [{
|
|
60
|
+
type: Output
|
|
61
|
+
}] } });
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1jb2x1bW4tZGF0ZS1waWNrZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFsY29uLWxpYi9zcmMvbGliL2NvcmUtdGFibGUvY29yZS1jb2x1bW4tZGF0ZS1waWNrZXIvY29yZS1jb2x1bW4tZGF0ZS1waWNrZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFsY29uLWxpYi9zcmMvbGliL2NvcmUtdGFibGUvY29yZS1jb2x1bW4tZGF0ZS1waWNrZXIvY29yZS1jb2x1bW4tZGF0ZS1waWNrZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7QUFPeEQsTUFBTSxPQUFPLDZCQUE2QjtJQVN4QyxZQUFvQixpQkFBb0M7UUFBcEMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQVIvQyxtQkFBYyxHQUFZLEtBQUssQ0FBQztRQUNoQyxnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUN6QixxQkFBZ0IsR0FBZ0IsSUFBSSxXQUFXLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBRXZELGFBQVEsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUMzRCx1QkFBa0IsR0FBYyxFQUFlLENBQUM7UUFDaEQsbUJBQWMsR0FBWSxLQUFLLENBQUM7UUFDaEMsU0FBSSxHQUFXLEVBQUUsQ0FBQztJQUN5QyxDQUFDO0lBQzVELFFBQVE7UUFDTixJQUFJLENBQUMsa0JBQWtCLEdBQUcsSUFBSSxTQUFTLENBQUM7WUFDdEMsc0JBQXNCLEVBQUUsSUFBSSxDQUFDLGdCQUFnQjtTQUM5QyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN6QyxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxRQUFRLENBQUM7WUFDL0Isc0JBQXNCLEVBQUUsRUFBRTtTQUMzQixDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsSUFBSSxHQUFHLEVBQUUsQ0FBQztRQUNmLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFDRCxrQkFBa0IsQ0FBQyxNQUFjO1FBQy9CLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxRQUFRLENBQUM7WUFDL0Isc0JBQXNCLEVBQUUsTUFBTTtTQUMvQixDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsSUFBSSxHQUFHLE1BQU0sQ0FBQztRQUNuQixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUM3QixDQUFDO0lBQ0QsV0FBVyxDQUFDLFNBQWlCO1FBQzNCLElBQUksQ0FBQyxJQUFJLEdBQUcsU0FBUyxDQUFDO1FBQ3RCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxRQUFRLENBQUM7WUFDL0Isc0JBQXNCLEVBQUUsU0FBUztTQUNsQyxDQUFDLENBQUM7SUFDTCxDQUFDOytHQXZDVSw2QkFBNkI7bUdBQTdCLDZCQUE2QixrTkNkMUMseWtCQW9CQTs7NEZETmEsNkJBQTZCO2tCQUx6QyxTQUFTOytCQUNFLHlCQUF5Qjt3R0FLMUIsY0FBYztzQkFBdEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFFSSxRQUFRO3NCQUFqQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxuICBDb21wb25lbnQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIElucHV0LFxyXG4gIE91dHB1dCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRm9ybUNvbnRyb2wsIEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY29yZS1jb2x1bW4tZGF0ZS1waWNrZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jb3JlLWNvbHVtbi1kYXRlLXBpY2tlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY29yZS1jb2x1bW4tZGF0ZS1waWNrZXIuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIENvcmVDb2x1bW5EYXRlUGlja2VyQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBjYW5TZWxlY3RUb2RheTogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGRlZmF1bHREYXRlOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBpbnB1dEZvcm1Db250cm9sOiBGb3JtQ29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgnJywgW10pO1xyXG5cclxuICBAT3V0cHV0KCkgb25DaGFuZ2U6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIG5pcmFEYXRlUGlja2VyRm9ybTogRm9ybUdyb3VwID0ge30gYXMgRm9ybUdyb3VwO1xyXG4gIGlzT3BlbkNhbGVuZGFyOiBib29sZWFuID0gZmFsc2U7XHJcbiAgZGF0ZTogc3RyaW5nID0gJyc7XHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLm5pcmFEYXRlUGlja2VyRm9ybSA9IG5ldyBGb3JtR3JvdXAoe1xyXG4gICAgICBuaXJhRGF0ZVBpY2tlckZvcm1DdHJsOiB0aGlzLmlucHV0Rm9ybUNvbnRyb2wsXHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gIH1cclxuXHJcbiAgY2xlYXJlZFRleHQoKSB7XHJcbiAgICB0aGlzLm5pcmFEYXRlUGlja2VyRm9ybS5zZXRWYWx1ZSh7XHJcbiAgICAgIG5pcmFEYXRlUGlja2VyRm9ybUN0cmw6ICcnLFxyXG4gICAgfSk7XHJcbiAgICB0aGlzLmRhdGUgPSAnJztcclxuICAgIHRoaXMub25DaGFuZ2UuZW1pdCh1bmRlZmluZWQpO1xyXG4gIH1cclxuICBvbkRhdGVQaWNrZXJSZXN1bHQocmVzdWx0OiBzdHJpbmcpIHtcclxuICAgIHRoaXMubmlyYURhdGVQaWNrZXJGb3JtLnNldFZhbHVlKHtcclxuICAgICAgbmlyYURhdGVQaWNrZXJGb3JtQ3RybDogcmVzdWx0LFxyXG4gICAgfSk7XHJcbiAgICB0aGlzLmRhdGUgPSByZXN1bHQ7XHJcbiAgICB0aGlzLm9uQ2hhbmdlLmVtaXQocmVzdWx0KTtcclxuICB9XHJcbiAgb25Ub2RheURhdGUodG9kYXlEYXRlOiBzdHJpbmcpIHtcclxuICAgIHRoaXMuZGF0ZSA9IHRvZGF5RGF0ZTtcclxuICAgIHRoaXMubmlyYURhdGVQaWNrZXJGb3JtLnNldFZhbHVlKHtcclxuICAgICAgbmlyYURhdGVQaWNrZXJGb3JtQ3RybDogdG9kYXlEYXRlLFxyXG4gICAgfSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJyZWxhdGl2ZVwiPlxyXG4gIDxjb3JlLWNvbHVtbi1pbnB1dFxyXG4gICAgKGNsaWNrKT1cImlzT3BlbkNhbGVuZGFyID0gdHJ1ZVwiXHJcbiAgICBbdmFsdWVdPVwiZGF0ZVwiXHJcbiAgICBbc2hvd1JlbW92ZUljb25dPVwiZmFsc2VcIlxyXG4gID5cclxuICA8L2NvcmUtY29sdW1uLWlucHV0PlxyXG4gIDxjbG9zZS1pY29uXHJcbiAgICAqbmdJZj1cImRhdGVcIlxyXG4gICAgKGNsaWNrKT1cImNsZWFyZWRUZXh0KClcIlxyXG4gICAgY2xhc3M9XCJhYnNvbHV0ZSB3LTQgdG9wLTIgbGVmdC0xMSBjbG9zZS1pY29uXCJcclxuICA+PC9jbG9zZS1pY29uPlxyXG48L2Rpdj5cclxuPGxpYi1uaXJhLWRhdGUtcGlja2VyXHJcbiAgWyhpc09wZW5DYWxlbmRhcildPVwiaXNPcGVuQ2FsZW5kYXJcIlxyXG4gIFtkZWZhdWx0RGF0ZV09XCJkYXRlID8gZGF0ZSA6IGRlZmF1bHREYXRlXCJcclxuICAoZGF0ZVBpY2tlclJlc3VsdCk9XCJvbkRhdGVQaWNrZXJSZXN1bHQoJGV2ZW50KVwiXHJcbiAgW3NlbGVjdFRvZGF5XT1cImNhblNlbGVjdFRvZGF5XCJcclxuPlxyXG48L2xpYi1uaXJhLWRhdGUtcGlja2VyPlxyXG4iXX0=
|
|
@@ -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/forms";
|
|
4
|
+
export class CoreColumnInputComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.showRemoveIcon = true;
|
|
7
|
+
this.placeholder = '';
|
|
8
|
+
this.onChange = new EventEmitter();
|
|
9
|
+
this.value = '';
|
|
10
|
+
}
|
|
11
|
+
change(event) {
|
|
12
|
+
this.onChange.emit(event);
|
|
13
|
+
}
|
|
14
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreColumnInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreColumnInputComponent, selector: "core-column-input", inputs: { showRemoveIcon: "showRemoveIcon", placeholder: "placeholder", value: "value" }, outputs: { onChange: "onChange" }, ngImport: i0, template: "<div class=\"search-box flex\">\r\n <input\r\n [type]=\"showRemoveIcon ? 'search' : 'text'\"\r\n placeholder=\"{{ placeholder }}\"\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"change($event)\"\r\n class=\"box-border border rounded-r focus:outline-0\"\r\n />\r\n</div>\r\n", styles: [".search-box{width:100%;box-sizing:border-box}.search-box input{width:calc(100% - 40px);color:var(--default-table-column-input-text-color);border-radius:4px;border:1px solid var(--default-table-column-input-border-color);font-size:.875rem;padding:.1875rem .75rem;padding-block:5px}.search-box input:hover{border-color:var(--default-table-column-input-hover-border-color)}.search-box input:focus{border-color:var(--default-table-column-input-focus-border-color)}.search-box input:hover>input,.search-box input:hover>.search-button{border-color:var(--default-table-column-input-hover-border-color)}\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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
|
|
16
|
+
}
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreColumnInputComponent, decorators: [{
|
|
18
|
+
type: Component,
|
|
19
|
+
args: [{ selector: 'core-column-input', template: "<div class=\"search-box flex\">\r\n <input\r\n [type]=\"showRemoveIcon ? 'search' : 'text'\"\r\n placeholder=\"{{ placeholder }}\"\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"change($event)\"\r\n class=\"box-border border rounded-r focus:outline-0\"\r\n />\r\n</div>\r\n", styles: [".search-box{width:100%;box-sizing:border-box}.search-box input{width:calc(100% - 40px);color:var(--default-table-column-input-text-color);border-radius:4px;border:1px solid var(--default-table-column-input-border-color);font-size:.875rem;padding:.1875rem .75rem;padding-block:5px}.search-box input:hover{border-color:var(--default-table-column-input-hover-border-color)}.search-box input:focus{border-color:var(--default-table-column-input-focus-border-color)}.search-box input:hover>input,.search-box input:hover>.search-button{border-color:var(--default-table-column-input-hover-border-color)}\n"] }]
|
|
20
|
+
}], propDecorators: { showRemoveIcon: [{
|
|
21
|
+
type: Input
|
|
22
|
+
}], placeholder: [{
|
|
23
|
+
type: Input
|
|
24
|
+
}], onChange: [{
|
|
25
|
+
type: Output
|
|
26
|
+
}], value: [{
|
|
27
|
+
type: Input
|
|
28
|
+
}] } });
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1jb2x1bW4taW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFsY29uLWxpYi9zcmMvbGliL2NvcmUtdGFibGUvY29yZS1jb2x1bW4taW5wdXQvY29yZS1jb2x1bW4taW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFsY29uLWxpYi9zcmMvbGliL2NvcmUtdGFibGUvY29yZS1jb2x1bW4taW5wdXQvY29yZS1jb2x1bW4taW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBT3ZFLE1BQU0sT0FBTyx3QkFBd0I7SUFMckM7UUFNVyxtQkFBYyxHQUFZLElBQUksQ0FBQztRQUMvQixnQkFBVyxHQUFHLEVBQUUsQ0FBQztRQUNoQixhQUFRLEdBQXlCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDckQsVUFBSyxHQUFXLEVBQUUsQ0FBQztLQUk3QjtJQUhDLE1BQU0sQ0FBQyxLQUFVO1FBQ2YsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDNUIsQ0FBQzsrR0FQVSx3QkFBd0I7bUdBQXhCLHdCQUF3QixzTENQckMscVNBU0E7OzRGREZhLHdCQUF3QjtrQkFMcEMsU0FBUzsrQkFDRSxtQkFBbUI7OEJBS3BCLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDSSxRQUFRO3NCQUFqQixNQUFNO2dCQUNFLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2NvcmUtY29sdW1uLWlucHV0JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY29yZS1jb2x1bW4taW5wdXQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NvcmUtY29sdW1uLWlucHV0LmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb3JlQ29sdW1uSW5wdXRDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHNob3dSZW1vdmVJY29uOiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoKSBwbGFjZWhvbGRlciA9ICcnO1xyXG4gIEBPdXRwdXQoKSBvbkNoYW5nZTogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQElucHV0KCkgdmFsdWU6IHN0cmluZyA9ICcnO1xyXG4gIGNoYW5nZShldmVudDogYW55KSB7XHJcbiAgICB0aGlzLm9uQ2hhbmdlLmVtaXQoZXZlbnQpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwic2VhcmNoLWJveCBmbGV4XCI+XHJcbiAgPGlucHV0XHJcbiAgICBbdHlwZV09XCJzaG93UmVtb3ZlSWNvbiA/ICdzZWFyY2gnIDogJ3RleHQnXCJcclxuICAgIHBsYWNlaG9sZGVyPVwie3sgcGxhY2Vob2xkZXIgfX1cIlxyXG4gICAgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiXHJcbiAgICAobmdNb2RlbENoYW5nZSk9XCJjaGFuZ2UoJGV2ZW50KVwiXHJcbiAgICBjbGFzcz1cImJveC1ib3JkZXIgYm9yZGVyIHJvdW5kZWQtciBmb2N1czpvdXRsaW5lLTBcIlxyXG4gIC8+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output, } from '@angular/core';
|
|
2
|
+
import { FormControl } from '@angular/forms';
|
|
3
|
+
import { ACTIVE_OPTIONS } from 'projects/falcon-lib/src/utils/constants';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/common";
|
|
6
|
+
import * as i2 from "../../../svg-icon/close-icon/close-icon.component";
|
|
7
|
+
export class CoreColumnSelectorComponent {
|
|
8
|
+
set titleKey(data) {
|
|
9
|
+
this._titleKey = data;
|
|
10
|
+
this.hasTitleKey = true;
|
|
11
|
+
this.init();
|
|
12
|
+
}
|
|
13
|
+
set valueKey(data) {
|
|
14
|
+
this._valueKey = data;
|
|
15
|
+
this.hasValueKey = true;
|
|
16
|
+
this.init();
|
|
17
|
+
}
|
|
18
|
+
constructor(cdr) {
|
|
19
|
+
this.cdr = cdr;
|
|
20
|
+
this.selectedItem = {};
|
|
21
|
+
this.newItems = [];
|
|
22
|
+
this.isOpenMenu = false;
|
|
23
|
+
this._items = ACTIVE_OPTIONS;
|
|
24
|
+
this._defaultValue = undefined;
|
|
25
|
+
this.initCounter = 0;
|
|
26
|
+
this.hasTitleKey = false;
|
|
27
|
+
this.hasValueKey = false;
|
|
28
|
+
this.hasDefaultValue = false;
|
|
29
|
+
this.label = '';
|
|
30
|
+
this.onItemSelected = new EventEmitter();
|
|
31
|
+
this.inputFormControl = new FormControl('', []);
|
|
32
|
+
}
|
|
33
|
+
init() {
|
|
34
|
+
if (this.hasTitleKey && this.hasValueKey) {
|
|
35
|
+
this.newItems = this.changeItemsType(this._items);
|
|
36
|
+
const item = this.newItems.find((item) => item.value == this._defaultValue);
|
|
37
|
+
if (!this._defaultValue || this._defaultValue === null)
|
|
38
|
+
return;
|
|
39
|
+
this.inputFormControl.setValue(this._defaultValue);
|
|
40
|
+
this.onItemSelect(this.newItems.find((item) => item.value == this._defaultValue), false);
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
ngAfterViewInit() {
|
|
44
|
+
this.cdr.detectChanges();
|
|
45
|
+
}
|
|
46
|
+
changeItemsType(items) {
|
|
47
|
+
return items.map((item) => {
|
|
48
|
+
return {
|
|
49
|
+
title: item[this._titleKey],
|
|
50
|
+
value: item[this._valueKey],
|
|
51
|
+
};
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
openMenuClick() {
|
|
55
|
+
this.isOpenMenu = !this.isOpenMenu;
|
|
56
|
+
}
|
|
57
|
+
onItemSelect(selectedItem, isFromUi) {
|
|
58
|
+
if (isFromUi)
|
|
59
|
+
this.inputFormControl.markAsTouched();
|
|
60
|
+
this.isOpenMenu = false;
|
|
61
|
+
this.selectedItem = selectedItem;
|
|
62
|
+
this.inputFormControl.setValue(selectedItem.value);
|
|
63
|
+
this.onItemSelected.emit(selectedItem.value);
|
|
64
|
+
}
|
|
65
|
+
focusOut() {
|
|
66
|
+
this.isOpenMenu = false;
|
|
67
|
+
this.inputFormControl.markAsTouched();
|
|
68
|
+
}
|
|
69
|
+
removedText() {
|
|
70
|
+
this.selectedItem = {};
|
|
71
|
+
this.inputFormControl.setValue('');
|
|
72
|
+
this.onItemSelected.emit('');
|
|
73
|
+
}
|
|
74
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreColumnSelectorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
75
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreColumnSelectorComponent, selector: "core-column-selector", inputs: { titleKey: "titleKey", valueKey: "valueKey", label: "label", inputFormControl: "inputFormControl" }, outputs: { onItemSelected: "onItemSelected" }, ngImport: i0, template: "<div tabindex=\"-1\" class=\"dropdown\" (focusout)=\"focusOut()\">\r\n <close-icon\r\n *ngIf=\"selectedItem.title\"\r\n (click)=\"removedText()\"\r\n class=\"absolute w-4 top-2 right-2 fill-gray-600\"\r\n ></close-icon>\r\n <div\r\n class=\"select\"\r\n [ngClass]=\"{\r\n 'select-clicked': isOpenMenu,\r\n selectError: inputFormControl.touched && inputFormControl.errors\r\n }\"\r\n (click)=\"openMenuClick()\"\r\n >\r\n <span\r\n class=\"placeholder-top\"\r\n *ngIf=\"(selectedItem | json) != ({} | json)\"\r\n >{{ label }}</span\r\n >\r\n <arrow-down-icon\r\n class=\"caret fill-secondary-text-color h-6\"\r\n [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n ></arrow-down-icon>\r\n\r\n <span\r\n [ngClass]=\"[\r\n label.length > 0 && (selectedItem | json) == ({} | json)\r\n ? 'placeholder'\r\n : 'selected'\r\n ]\"\r\n >{{\r\n label.length > 0 && (selectedItem | json) == ({} | json)\r\n ? label\r\n : selectedItem.title\r\n }}</span\r\n >\r\n </div>\r\n <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n <li\r\n *ngFor=\"let item of newItems\"\r\n [ngClass]=\"{ active: item == selectedItem }\"\r\n (click)=\"onItemSelect(item, true)\"\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:calc(100% - 34px);min-width:120px}.dropdown .select{background:var(--default-selector-background-color);color:var(--default-selector-text-color);display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;border:1px solid var(--default-selector-border-color);border-radius:4px;padding-block:3px;padding-inline-start:12px;padding-inline-end:2px;cursor:pointer;transition:background .3s;font-size:12px;-webkit-user-select:none;user-select:none}.dropdown .select:hover{background:var(--default-selector-hover-color)}.dropdown .select .selected{padding-inline:12px;font-size:14px;color:#000000b3;-webkit-user-select:none;user-select:none}.dropdown .select .placeholder-top{position:absolute;right:13px;background:var(--default-selector-label-background-color);top:-8px;padding-inline:6px;font-size:11px;color:var(--default-selector-label-text--color)}.dropdown .select .caret{fill:var(--default-selector-icon-color);color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:var(--default-selector-placeholder-text-color);padding-inline:16px}.dropdown .select-clicked{border:1px solid rgba(19,92,175,.397)}.dropdown .menu{list-style:none;padding-inline:0px;background:var(--default-selector-menu-background-color);border:1px solid var(--default-selector-menu-border-color);box-shadow:0 .5em 1em #0003;border-radius:.5em;color:var(--default-selector-menu-text-color);position:absolute;top:40px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:10;max-height:200px;overflow:auto}.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:var(--default-selector-menu-item-hover-color)}.dropdown .menu .active{background:var(--default-selector-menu-item-active-color)}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:var(--default-selector-validation-text-color);font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.dropdown .selectError{border:1px solid var(--default-selector-validation-border-color)!important}\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: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.CloseIconComponent, selector: "close-icon" }, { kind: "pipe", type: i1.JsonPipe, name: "json" }] }); }
|
|
76
|
+
}
|
|
77
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreColumnSelectorComponent, decorators: [{
|
|
78
|
+
type: Component,
|
|
79
|
+
args: [{ selector: 'core-column-selector', template: "<div tabindex=\"-1\" class=\"dropdown\" (focusout)=\"focusOut()\">\r\n <close-icon\r\n *ngIf=\"selectedItem.title\"\r\n (click)=\"removedText()\"\r\n class=\"absolute w-4 top-2 right-2 fill-gray-600\"\r\n ></close-icon>\r\n <div\r\n class=\"select\"\r\n [ngClass]=\"{\r\n 'select-clicked': isOpenMenu,\r\n selectError: inputFormControl.touched && inputFormControl.errors\r\n }\"\r\n (click)=\"openMenuClick()\"\r\n >\r\n <span\r\n class=\"placeholder-top\"\r\n *ngIf=\"(selectedItem | json) != ({} | json)\"\r\n >{{ label }}</span\r\n >\r\n <arrow-down-icon\r\n class=\"caret fill-secondary-text-color h-6\"\r\n [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n ></arrow-down-icon>\r\n\r\n <span\r\n [ngClass]=\"[\r\n label.length > 0 && (selectedItem | json) == ({} | json)\r\n ? 'placeholder'\r\n : 'selected'\r\n ]\"\r\n >{{\r\n label.length > 0 && (selectedItem | json) == ({} | json)\r\n ? label\r\n : selectedItem.title\r\n }}</span\r\n >\r\n </div>\r\n <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n <li\r\n *ngFor=\"let item of newItems\"\r\n [ngClass]=\"{ active: item == selectedItem }\"\r\n (click)=\"onItemSelect(item, true)\"\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:calc(100% - 34px);min-width:120px}.dropdown .select{background:var(--default-selector-background-color);color:var(--default-selector-text-color);display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;border:1px solid var(--default-selector-border-color);border-radius:4px;padding-block:3px;padding-inline-start:12px;padding-inline-end:2px;cursor:pointer;transition:background .3s;font-size:12px;-webkit-user-select:none;user-select:none}.dropdown .select:hover{background:var(--default-selector-hover-color)}.dropdown .select .selected{padding-inline:12px;font-size:14px;color:#000000b3;-webkit-user-select:none;user-select:none}.dropdown .select .placeholder-top{position:absolute;right:13px;background:var(--default-selector-label-background-color);top:-8px;padding-inline:6px;font-size:11px;color:var(--default-selector-label-text--color)}.dropdown .select .caret{fill:var(--default-selector-icon-color);color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:var(--default-selector-placeholder-text-color);padding-inline:16px}.dropdown .select-clicked{border:1px solid rgba(19,92,175,.397)}.dropdown .menu{list-style:none;padding-inline:0px;background:var(--default-selector-menu-background-color);border:1px solid var(--default-selector-menu-border-color);box-shadow:0 .5em 1em #0003;border-radius:.5em;color:var(--default-selector-menu-text-color);position:absolute;top:40px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:10;max-height:200px;overflow:auto}.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:var(--default-selector-menu-item-hover-color)}.dropdown .menu .active{background:var(--default-selector-menu-item-active-color)}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:var(--default-selector-validation-text-color);font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.dropdown .selectError{border:1px solid var(--default-selector-validation-border-color)!important}\n"] }]
|
|
80
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { titleKey: [{
|
|
81
|
+
type: Input
|
|
82
|
+
}], valueKey: [{
|
|
83
|
+
type: Input
|
|
84
|
+
}], label: [{
|
|
85
|
+
type: Input
|
|
86
|
+
}], onItemSelected: [{
|
|
87
|
+
type: Output
|
|
88
|
+
}], inputFormControl: [{
|
|
89
|
+
type: Input
|
|
90
|
+
}] } });
|
|
91
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1jb2x1bW4tc2VsZWN0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFsY29uLWxpYi9zcmMvbGliL2NvcmUtdGFibGUvY29yZS1jb2x1bW4tc2VsZWN0b3IvY29yZS1jb2x1bW4tc2VsZWN0b3IuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFsY29uLWxpYi9zcmMvbGliL2NvcmUtdGFibGUvY29yZS1jb2x1bW4tc2VsZWN0b3IvY29yZS1jb2x1bW4tc2VsZWN0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlDQUF5QyxDQUFDOzs7O0FBUXpFLE1BQU0sT0FBTywyQkFBMkI7SUFZdEMsSUFBYSxRQUFRLENBQUMsSUFBTztRQUMzQixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztRQUN0QixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQztRQUN4QixJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDZCxDQUFDO0lBQ0QsSUFBYSxRQUFRLENBQUMsSUFBTztRQUMzQixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztRQUN0QixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQztRQUN4QixJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDZCxDQUFDO0lBSUQsWUFBb0IsR0FBc0I7UUFBdEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUF4QjFDLGlCQUFZLEdBQWdCLEVBQWlCLENBQUM7UUFDOUMsYUFBUSxHQUFrQixFQUFFLENBQUM7UUFD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eEMsdTNDQStDQTs7NEZEL0JhLDJCQUEyQjtrQkFMdkMsU0FBUzsrQkFDRSxzQkFBc0I7d0dBZ0JuQixRQUFRO3NCQUFwQixLQUFLO2dCQUtPLFFBQVE7c0JBQXBCLEtBQUs7Z0JBS0csS0FBSztzQkFBYixLQUFLO2dCQUNJLGNBQWM7c0JBQXZCLE1BQU07Z0JBQ0UsZ0JBQWdCO3NCQUF4QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxuICBDb21wb25lbnQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIElucHV0LFxyXG4gIE91dHB1dCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IEFDVElWRV9PUFRJT05TIH0gZnJvbSAncHJvamVjdHMvZmFsY29uLWxpYi9zcmMvdXRpbHMvY29uc3RhbnRzJztcclxuaW1wb3J0IHsgTWVudUl0ZW0gfSBmcm9tICdwcm9qZWN0cy9mYWxjb24tbGliL3NyYy91dGlscy90eXBlcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2NvcmUtY29sdW1uLXNlbGVjdG9yJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY29yZS1jb2x1bW4tc2VsZWN0b3IuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NvcmUtY29sdW1uLXNlbGVjdG9yLmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb3JlQ29sdW1uU2VsZWN0b3JDb21wb25lbnQ8VD4ge1xyXG4gIHNlbGVjdGVkSXRlbTogTWVudUl0ZW08VD4gPSB7fSBhcyBNZW51SXRlbTxUPjtcclxuICBuZXdJdGVtczogTWVudUl0ZW08VD5bXSA9IFtdO1xyXG4gIGlzT3Blbk1lbnUgPSBmYWxzZTtcclxuICBfaXRlbXM6IGFueVtdID0gQUNUSVZFX09QVElPTlM7XHJcbiAgX2RlZmF1bHRWYWx1ZSA9IHVuZGVmaW5lZDtcclxuICBfdGl0bGVLZXkhOiBUO1xyXG4gIF92YWx1ZUtleSE6IFQ7XHJcbiAgaW5pdENvdW50ZXIgPSAwO1xyXG4gIGhhc1RpdGxlS2V5ID0gZmFsc2U7XHJcbiAgaGFzVmFsdWVLZXkgPSBmYWxzZTtcclxuICBoYXNEZWZhdWx0VmFsdWUgPSBmYWxzZTtcclxuICBASW5wdXQoKSBzZXQgdGl0bGVLZXkoZGF0YTogVCkge1xyXG4gICAgdGhpcy5fdGl0bGVLZXkgPSBkYXRhO1xyXG4gICAgdGhpcy5oYXNUaXRsZUtleSA9IHRydWU7XHJcbiAgICB0aGlzLmluaXQoKTtcclxuICB9XHJcbiAgQElucHV0KCkgc2V0IHZhbHVlS2V5KGRhdGE6IFQpIHtcclxuICAgIHRoaXMuX3ZhbHVlS2V5ID0gZGF0YTtcclxuICAgIHRoaXMuaGFzVmFsdWVLZXkgPSB0cnVlO1xyXG4gICAgdGhpcy5pbml0KCk7XHJcbiAgfVxyXG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmcgPSAnJztcclxuICBAT3V0cHV0KCkgb25JdGVtU2VsZWN0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuICBASW5wdXQoKSBpbnB1dEZvcm1Db250cm9sOiBGb3JtQ29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgnJywgW10pO1xyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge31cclxuICBpbml0KCkge1xyXG4gICAgaWYgKHRoaXMuaGFzVGl0bGVLZXkgJiYgdGhpcy5oYXNWYWx1ZUtleSkge1xyXG4gICAgICB0aGlzLm5ld0l0ZW1zID0gdGhpcy5jaGFuZ2VJdGVtc1R5cGUodGhpcy5faXRlbXMpO1xyXG4gICAgICBjb25zdCBpdGVtID0gdGhpcy5uZXdJdGVtcy5maW5kKFxyXG4gICAgICAgIChpdGVtKSA9PiBpdGVtLnZhbHVlID09IHRoaXMuX2RlZmF1bHRWYWx1ZVxyXG4gICAgICApO1xyXG4gICAgICBpZiAoIXRoaXMuX2RlZmF1bHRWYWx1ZSB8fCB0aGlzLl9kZWZhdWx0VmFsdWUgPT09IG51bGwpIHJldHVybjtcclxuICAgICAgdGhpcy5pbnB1dEZvcm1Db250cm9sLnNldFZhbHVlKHRoaXMuX2RlZmF1bHRWYWx1ZSk7XHJcbiAgICAgIHRoaXMub25JdGVtU2VsZWN0KFxyXG4gICAgICAgIHRoaXMubmV3SXRlbXMuZmluZCgoaXRlbSkgPT4gaXRlbS52YWx1ZSA9PSB0aGlzLl9kZWZhdWx0VmFsdWUpISxcclxuICAgICAgICBmYWxzZVxyXG4gICAgICApO1xyXG4gICAgfVxyXG4gIH1cclxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgfVxyXG4gIGNoYW5nZUl0ZW1zVHlwZShpdGVtczogYW55W10pOiBNZW51SXRlbTxUPltdIHtcclxuICAgIHJldHVybiBpdGVtcy5tYXAoKGl0ZW0pID0+IHtcclxuICAgICAgcmV0dXJuIHtcclxuICAgICAgICB0aXRsZTogaXRlbVt0aGlzLl90aXRsZUtleV0sXHJcbiAgICAgICAgdmFsdWU6IGl0ZW1bdGhpcy5fdmFsdWVLZXldLFxyXG4gICAgICB9O1xyXG4gICAgfSk7XHJcbiAgfVxyXG4gIG9wZW5NZW51Q2xpY2soKSB7XHJcbiAgICB0aGlzLmlzT3Blbk1lbnUgPSAhdGhpcy5pc09wZW5NZW51O1xyXG4gIH1cclxuICBvbkl0ZW1TZWxlY3Qoc2VsZWN0ZWRJdGVtOiBNZW51SXRlbTxUPiwgaXNGcm9tVWk6IGJvb2xlYW4pOiB2b2lkIHtcclxuICAgIGlmIChpc0Zyb21VaSkgdGhpcy5pbnB1dEZvcm1Db250cm9sLm1hcmtBc1RvdWNoZWQoKTtcclxuICAgIHRoaXMuaXNPcGVuTWVudSA9IGZhbHNlO1xyXG4gICAgdGhpcy5zZWxlY3RlZEl0ZW0gPSBzZWxlY3RlZEl0ZW07XHJcbiAgICB0aGlzLmlucHV0Rm9ybUNvbnRyb2wuc2V0VmFsdWUoc2VsZWN0ZWRJdGVtLnZhbHVlKTtcclxuICAgIHRoaXMub25JdGVtU2VsZWN0ZWQuZW1pdChzZWxlY3RlZEl0ZW0udmFsdWUpO1xyXG4gIH1cclxuICBmb2N1c091dCgpIHtcclxuICAgIHRoaXMuaXNPcGVuTWVudSA9IGZhbHNlO1xyXG4gICAgdGhpcy5pbnB1dEZvcm1Db250cm9sLm1hcmtBc1RvdWNoZWQoKTtcclxuICB9XHJcbiAgcmVtb3ZlZFRleHQoKSB7XHJcbiAgICB0aGlzLnNlbGVjdGVkSXRlbSA9IHt9IGFzIE1lbnVJdGVtPFQ+O1xyXG4gICAgdGhpcy5pbnB1dEZvcm1Db250cm9sLnNldFZhbHVlKCcnKTtcclxuICAgIHRoaXMub25JdGVtU2VsZWN0ZWQuZW1pdCgnJyk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgdGFiaW5kZXg9XCItMVwiIGNsYXNzPVwiZHJvcGRvd25cIiAoZm9jdXNvdXQpPVwiZm9jdXNPdXQoKVwiPlxyXG4gIDxjbG9zZS1pY29uXHJcbiAgICAqbmdJZj1cInNlbGVjdGVkSXRlbS50aXRsZVwiXHJcbiAgICAoY2xpY2spPVwicmVtb3ZlZFRleHQoKVwiXHJcbiAgICBjbGFzcz1cImFic29sdXRlIHctNCB0b3AtMiByaWdodC0yIGZpbGwtZ3JheS02MDBcIlxyXG4gID48L2Nsb3NlLWljb24+XHJcbiAgPGRpdlxyXG4gICAgY2xhc3M9XCJzZWxlY3RcIlxyXG4gICAgW25nQ2xhc3NdPVwie1xyXG4gICAgICAnc2VsZWN0LWNsaWNrZWQnOiBpc09wZW5NZW51LFxyXG4gICAgICBzZWxlY3RFcnJvcjogaW5wdXRGb3JtQ29udHJvbC50b3VjaGVkICYmIGlucHV0Rm9ybUNvbnRyb2wuZXJyb3JzXHJcbiAgICB9XCJcclxuICAgIChjbGljayk9XCJvcGVuTWVudUNsaWNrKClcIlxyXG4gID5cclxuICAgIDxzcGFuXHJcbiAgICAgIGNsYXNzPVwicGxhY2Vob2xkZXItdG9wXCJcclxuICAgICAgKm5nSWY9XCIoc2VsZWN0ZWRJdGVtIHwganNvbikgIT0gKHt9IHwganNvbilcIlxyXG4gICAgICA+e3sgbGFiZWwgfX08L3NwYW5cclxuICAgID5cclxuICAgIDxhcnJvdy1kb3duLWljb25cclxuICAgICAgY2xhc3M9XCJjYXJldCBmaWxsLXNlY29uZGFyeS10ZXh0LWNvbG9yIGgtNlwiXHJcbiAgICAgIFtuZ0NsYXNzXT1cInsgJ2NhcmV0LXJvdGF0ZSc6IGlzT3Blbk1lbnUgfVwiXHJcbiAgICA+PC9hcnJvdy1kb3duLWljb24+XHJcblxyXG4gICAgPHNwYW5cclxuICAgICAgW25nQ2xhc3NdPVwiW1xyXG4gICAgICAgIGxhYmVsLmxlbmd0aCA+IDAgJiYgKHNlbGVjdGVkSXRlbSB8IGpzb24pID09ICh7fSB8IGpzb24pXHJcbiAgICAgICAgICA/ICdwbGFjZWhvbGRlcidcclxuICAgICAgICAgIDogJ3NlbGVjdGVkJ1xyXG4gICAgICBdXCJcclxuICAgICAgPnt7XHJcbiAgICAgICAgbGFiZWwubGVuZ3RoID4gMCAmJiAoc2VsZWN0ZWRJdGVtIHwganNvbikgPT0gKHt9IHwganNvbilcclxuICAgICAgICAgID8gbGFiZWxcclxuICAgICAgICAgIDogc2VsZWN0ZWRJdGVtLnRpdGxlXHJcbiAgICAgIH19PC9zcGFuXHJcbiAgICA+XHJcbiAgPC9kaXY+XHJcbiAgPHVsIGNsYXNzPVwibWVudVwiIFtuZ0NsYXNzXT1cInsgJ21lbnUtb3Blbic6IGlzT3Blbk1lbnUgfVwiPlxyXG4gICAgPGxpXHJcbiAgICAgICpuZ0Zvcj1cImxldCBpdGVtIG9mIG5ld0l0ZW1zXCJcclxuICAgICAgW25nQ2xhc3NdPVwieyBhY3RpdmU6IGl0ZW0gPT0gc2VsZWN0ZWRJdGVtIH1cIlxyXG4gICAgICAoY2xpY2spPVwib25JdGVtU2VsZWN0KGl0ZW0sIHRydWUpXCJcclxuICAgID5cclxuICAgICAge3sgaXRlbS50aXRsZSB9fVxyXG4gICAgPC9saT5cclxuICA8L3VsPlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "../../../svg-icon/pelak-icon/pelak-icon.component";
|
|
5
|
+
import * as i3 from "../../pipes/persian-digits.pipe";
|
|
6
|
+
export class CoreRowPelakComponent {
|
|
7
|
+
ngOnInit() { }
|
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreRowPelakComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreRowPelakComponent, selector: "app-core-row-pelak", inputs: { data: "data", column: "column" }, ngImport: i0, template: "<div class=\"flex gap-1\" *ngIf=\"data.register\">\r\n <div class=\"row w-12\">\r\n <img class=\"img-iran p-1\" src=\"/assets/images/iran.png\" />\r\n <span class=\"row1\">{{ data[column.key].columnFour | persianDigits }}</span>\r\n </div>\r\n <span class=\"row w-9\">{{\r\n data[column.key].columnThree | persianDigits\r\n }}</span>\r\n <span class=\"row w-5\">{{ data[column.key].columnTwo | persianDigits }}</span>\r\n <span class=\"row w-6\">{{ data[column.key].columnOne | persianDigits }}</span>\r\n <pelak-icon class=\"h-8 w-6\"></pelak-icon>\r\n</div>\r\n", styles: [".row{display:flex;height:32px;justify-content:center;align-items:center;background:#80808026;padding-inline:4px;border-radius:6px}.row1{display:flex;justify-content:center;align-items:center;padding-inline:4px;border-radius:6px}.img-iran{height:28px;border-left:2px solid rgba(51,51,51,.4588235294)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.PelakIconComponent, selector: "pelak-icon" }, { kind: "pipe", type: i3.PersianDigitsPipe, name: "persianDigits" }] }); }
|
|
10
|
+
}
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreRowPelakComponent, decorators: [{
|
|
12
|
+
type: Component,
|
|
13
|
+
args: [{ selector: 'app-core-row-pelak', template: "<div class=\"flex gap-1\" *ngIf=\"data.register\">\r\n <div class=\"row w-12\">\r\n <img class=\"img-iran p-1\" src=\"/assets/images/iran.png\" />\r\n <span class=\"row1\">{{ data[column.key].columnFour | persianDigits }}</span>\r\n </div>\r\n <span class=\"row w-9\">{{\r\n data[column.key].columnThree | persianDigits\r\n }}</span>\r\n <span class=\"row w-5\">{{ data[column.key].columnTwo | persianDigits }}</span>\r\n <span class=\"row w-6\">{{ data[column.key].columnOne | persianDigits }}</span>\r\n <pelak-icon class=\"h-8 w-6\"></pelak-icon>\r\n</div>\r\n", styles: [".row{display:flex;height:32px;justify-content:center;align-items:center;background:#80808026;padding-inline:4px;border-radius:6px}.row1{display:flex;justify-content:center;align-items:center;padding-inline:4px;border-radius:6px}.img-iran{height:28px;border-left:2px solid rgba(51,51,51,.4588235294)}\n"] }]
|
|
14
|
+
}], propDecorators: { data: [{
|
|
15
|
+
type: Input,
|
|
16
|
+
args: [{ required: true }]
|
|
17
|
+
}], column: [{
|
|
18
|
+
type: Input,
|
|
19
|
+
args: [{ required: true }]
|
|
20
|
+
}] } });
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1yb3ctcGVsYWsuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFsY29uLWxpYi9zcmMvbGliL2NvcmUtdGFibGUvY29yZS1yb3ctcGVsYWsvY29yZS1yb3ctcGVsYWsuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFsY29uLWxpYi9zcmMvbGliL2NvcmUtdGFibGUvY29yZS1yb3ctcGVsYWsvY29yZS1yb3ctcGVsYWsuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBT2pELE1BQU0sT0FBTyxxQkFBcUI7SUFHaEMsUUFBUSxLQUFVLENBQUM7K0dBSFIscUJBQXFCO21HQUFyQixxQkFBcUIsc0dDUGxDLHFrQkFZQTs7NEZETGEscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLG9CQUFvQjs4QkFLSCxJQUFJO3NCQUE5QixLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFDRSxNQUFNO3NCQUFoQyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWNvcmUtcm93LXBlbGFrJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY29yZS1yb3ctcGVsYWsuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NvcmUtcm93LXBlbGFrLmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb3JlUm93UGVsYWtDb21wb25lbnQge1xyXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIGRhdGEhOiBhbnk7XHJcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgY29sdW1uITogYW55O1xyXG4gIG5nT25Jbml0KCk6IHZvaWQge31cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZmxleCBnYXAtMVwiICpuZ0lmPVwiZGF0YS5yZWdpc3RlclwiPlxyXG4gIDxkaXYgY2xhc3M9XCJyb3cgdy0xMlwiPlxyXG4gICAgPGltZyBjbGFzcz1cImltZy1pcmFuIHAtMVwiIHNyYz1cIi9hc3NldHMvaW1hZ2VzL2lyYW4ucG5nXCIgLz5cclxuICAgIDxzcGFuIGNsYXNzPVwicm93MVwiPnt7IGRhdGFbY29sdW1uLmtleV0uY29sdW1uRm91ciB8IHBlcnNpYW5EaWdpdHMgfX08L3NwYW4+XHJcbiAgPC9kaXY+XHJcbiAgPHNwYW4gY2xhc3M9XCJyb3cgdy05XCI+e3tcclxuICAgIGRhdGFbY29sdW1uLmtleV0uY29sdW1uVGhyZWUgfCBwZXJzaWFuRGlnaXRzXHJcbiAgfX08L3NwYW4+XHJcbiAgPHNwYW4gY2xhc3M9XCJyb3cgdy01XCI+e3sgZGF0YVtjb2x1bW4ua2V5XS5jb2x1bW5Ud28gfCBwZXJzaWFuRGlnaXRzIH19PC9zcGFuPlxyXG4gIDxzcGFuIGNsYXNzPVwicm93IHctNlwiPnt7IGRhdGFbY29sdW1uLmtleV0uY29sdW1uT25lIHwgcGVyc2lhbkRpZ2l0cyB9fTwvc3Bhbj5cclxuICA8cGVsYWstaWNvbiBjbGFzcz1cImgtOCB3LTZcIj48L3BlbGFrLWljb24+XHJcbjwvZGl2PlxyXG4iXX0=
|