nira-falcon 0.1.21 → 0.1.22
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/README.md +24 -24
- 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-select/core-select.component.mjs +2 -3
- package/esm2022/lib/core-table/core-column-date-picker/core-column-date-picker.component.mjs +3 -3
- package/esm2022/lib/core-table/core-column-input/core-column-input.component.mjs +4 -10
- package/esm2022/lib/core-table/core-column-selector/core-column-selector.component.mjs +3 -4
- package/esm2022/lib/core-table/core-table/core-table.component.mjs +1 -1
- package/esm2022/lib/core-table/core-table-action-column/core-table-action-column.component.mjs +1 -1
- package/esm2022/lib/core-table/core-table-detail-viewer-for-report/core-table-detail-viewer-for-report.component.mjs +3 -3
- package/esm2022/lib/core-table/core-table-shamsi-date/core-table-shamsi-date.component.mjs +9 -3
- package/esm2022/lib/core-table/core-table-status-column/core-table-status-column.component.mjs +3 -3
- package/esm2022/lib/falcon-lib.module.mjs +10 -16
- package/esm2022/lib/pipes/shamsi-date.pipe.mjs +1 -1
- package/esm2022/public-api.mjs +2 -2
- package/fesm2022/nira-falcon.mjs +198 -230
- package/fesm2022/nira-falcon.mjs.map +1 -1
- package/lib/core-mulite-select/core-mulite-select-row/core-mulite-select-row.component.d.ts +11 -0
- package/lib/{core-multi-select/core-multi-select.component.d.ts → core-mulite-select/core-mulite-select.component.d.ts} +3 -4
- package/lib/core-table/core-column-input/core-column-input.component.d.ts +1 -2
- package/lib/core-table/core-table-shamsi-date/core-table-shamsi-date.component.d.ts +2 -0
- package/lib/falcon-lib.module.d.ts +25 -27
- package/lib/pipes/shamsi-date.pipe.d.ts +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +1 -1
- package/styles.css +1 -1
- package/esm2022/lib/core-multi-select/core-multi-select-row/core-multi-select-row.component.mjs +0 -28
- package/esm2022/lib/core-multi-select/core-multi-select.component.mjs +0 -145
- package/esm2022/svg-icon/arrow-down-icon/arrow-down-icon.component.mjs +0 -11
- package/esm2022/svg-icon/calendar-icon/calendar-icon.component.mjs +0 -11
- package/lib/core-multi-select/core-multi-select-row/core-multi-select-row.component.d.ts +0 -11
- package/svg-icon/arrow-down-icon/arrow-down-icon.component.d.ts +0 -5
- package/svg-icon/calendar-icon/calendar-icon.component.d.ts +0 -5
package/fesm2022/nira-falcon.mjs
CHANGED
|
@@ -3,16 +3,16 @@ import { Component, Input, EventEmitter, Output, Pipe, Directive, HostListener,
|
|
|
3
3
|
import * as i1$1 from 'nira-modal';
|
|
4
4
|
import * as i1 from '@angular/common';
|
|
5
5
|
import { CommonModule } from '@angular/common';
|
|
6
|
-
import * as
|
|
6
|
+
import * as i1$2 from '@angular/forms';
|
|
7
7
|
import { FormControl, FormGroup, Validators, ReactiveFormsModule, FormsModule } from '@angular/forms';
|
|
8
|
-
import * as i1$
|
|
8
|
+
import * as i1$3 from 'nira-date-picker';
|
|
9
9
|
import { NiraDatePickerModule } from 'nira-date-picker';
|
|
10
10
|
import { BehaviorSubject } from 'rxjs';
|
|
11
11
|
import { orderBy } from 'lodash';
|
|
12
12
|
import * as moment from 'jalali-moment';
|
|
13
13
|
import moment__default from 'jalali-moment';
|
|
14
|
-
import * as i1$
|
|
15
|
-
import * as i1$
|
|
14
|
+
import * as i1$5 from 'ngx-indexed-db';
|
|
15
|
+
import * as i1$4 from 'nira-snack-bar';
|
|
16
16
|
import { NiraSnackBarModule } from 'nira-snack-bar';
|
|
17
17
|
|
|
18
18
|
class CoreCardComponent {
|
|
@@ -212,7 +212,7 @@ class CoreAutoCompleteComponent {
|
|
|
212
212
|
this.filterItems = this.items.filter((item) => !item.title.indexOf(value));
|
|
213
213
|
}
|
|
214
214
|
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 }); }
|
|
215
|
-
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:
|
|
215
|
+
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: i1$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
|
|
216
216
|
}
|
|
217
217
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreAutoCompleteComponent, decorators: [{
|
|
218
218
|
type: Component,
|
|
@@ -243,7 +243,7 @@ class CoreCheckboxComponent {
|
|
|
243
243
|
this.onChange.emit(event);
|
|
244
244
|
}
|
|
245
245
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
246
|
-
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:
|
|
246
|
+
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$2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
|
|
247
247
|
}
|
|
248
248
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreCheckboxComponent, decorators: [{
|
|
249
249
|
type: Component,
|
|
@@ -565,7 +565,7 @@ class CoreInputComponent {
|
|
|
565
565
|
}
|
|
566
566
|
}
|
|
567
567
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
568
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreInputComponent, selector: "core-input", inputs: { type: "type", canShowWordifyFa: "canShowWordifyFa", canSplitNumber: "canSplitNumber", canHighlightBackground: "canHighlightBackground", maxLength: "maxLength", inputFormControl: "inputFormControl", disable: "disable", placeholder: "placeholder" }, outputs: { onChange: "onChange", onBlurEmit: "onBlurEmit" }, 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 [formControl]=\"inputFormControl\"\r\n (blur)=\"onBlur()\"\r\n (keyup)=\"change($event)\"\r\n (paste)=\"onPaste($event)\"\r\n [ngClass]=\"{\r\n 'have-value': inputFormControl.value.toString().length > 0,\r\n 'highlight-background':\r\n canHighlightBackground &&\r\n inputFormControl.value.toString().length === 0 &&\r\n !(\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors\r\n ),\r\n 'disable-input': isDisable\r\n }\"\r\n (keypress)=\"onKeyPress()\"\r\n />\r\n <label *ngIf=\"placeholder.length > 0\">{{ placeholder }} </label>\r\n <div class=\"label-error overflow-hidden\">\r\n <span\r\n class=\"label-number\"\r\n *ngIf=\"\r\n canShowWordifyFa &&\r\n inputFormControl.value.toString().length > 0 &&\r\n inputType === 'number'\r\n \"\r\n ><app-core-number\r\n [canShowWordInToolTip]=\"false\"\r\n [type]=\"'word'\"\r\n [number]=\"inputFormControl.value\"\r\n ></app-core-number\r\n ></span>\r\n\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 <span\r\n *ngIf=\"\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors?.['pattern']?.requiredPattern=='^09[0-9]{9}$'\r\n \"\r\n >\r\n \u0634\u0645\u0627\u0631\u0647 \u0647\u0645\u0631\u0627\u0647 \u0627\u0634\u062A\u0628\u0627\u0647 \u0647\u0633\u062A\r\n </span>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".container{position:relative}input:focus{border:2px solid blue}input{border:1px solid #ced4da;border-radius:.25rem}.highlight-background{background-color:#dcf6ff!important}.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:#c2c2c2b3}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:red;font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.label-number{color:#6a6a6a}.error input{border:1px solid #fe5f5f}.container-input{background:#fff;position:relative}.container-input .disable-input{background-color:#f7f7f7;border:1px dashed #ced4da;pointer-events:none}.container-input label{position:absolute;right:20px;top:12px;color:gray;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:
|
|
568
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreInputComponent, selector: "core-input", inputs: { type: "type", canShowWordifyFa: "canShowWordifyFa", canSplitNumber: "canSplitNumber", canHighlightBackground: "canHighlightBackground", maxLength: "maxLength", inputFormControl: "inputFormControl", disable: "disable", placeholder: "placeholder" }, outputs: { onChange: "onChange", onBlurEmit: "onBlurEmit" }, 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 [formControl]=\"inputFormControl\"\r\n (blur)=\"onBlur()\"\r\n (keyup)=\"change($event)\"\r\n (paste)=\"onPaste($event)\"\r\n [ngClass]=\"{\r\n 'have-value': inputFormControl.value.toString().length > 0,\r\n 'highlight-background':\r\n canHighlightBackground &&\r\n inputFormControl.value.toString().length === 0 &&\r\n !(\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors\r\n ),\r\n 'disable-input': isDisable\r\n }\"\r\n (keypress)=\"onKeyPress()\"\r\n />\r\n <label *ngIf=\"placeholder.length > 0\">{{ placeholder }} </label>\r\n <div class=\"label-error overflow-hidden\">\r\n <span\r\n class=\"label-number\"\r\n *ngIf=\"\r\n canShowWordifyFa &&\r\n inputFormControl.value.toString().length > 0 &&\r\n inputType === 'number'\r\n \"\r\n ><app-core-number\r\n [canShowWordInToolTip]=\"false\"\r\n [type]=\"'word'\"\r\n [number]=\"inputFormControl.value\"\r\n ></app-core-number\r\n ></span>\r\n\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 <span\r\n *ngIf=\"\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors?.['pattern']?.requiredPattern=='^09[0-9]{9}$'\r\n \"\r\n >\r\n \u0634\u0645\u0627\u0631\u0647 \u0647\u0645\u0631\u0627\u0647 \u0627\u0634\u062A\u0628\u0627\u0647 \u0647\u0633\u062A\r\n </span>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".container{position:relative}input:focus{border:2px solid blue}input{border:1px solid #ced4da;border-radius:.25rem}.highlight-background{background-color:#dcf6ff!important}.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:#c2c2c2b3}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:red;font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.label-number{color:#6a6a6a}.error input{border:1px solid #fe5f5f}.container-input{background:#fff;position:relative}.container-input .disable-input{background-color:#f7f7f7;border:1px dashed #ced4da;pointer-events:none}.container-input label{position:absolute;right:20px;top:12px;color:gray;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: i1$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: CoreNumberComponent, selector: "app-core-number", inputs: ["number", "type", "canSplitNumbers", "canShowWordInToolTip", "canShowIRR"] }, { kind: "pipe", type: PersianDigitsPipe, name: "persianDigits" }] }); }
|
|
569
569
|
}
|
|
570
570
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreInputComponent, decorators: [{
|
|
571
571
|
type: Component,
|
|
@@ -618,7 +618,7 @@ class CoreDatePickerComponent {
|
|
|
618
618
|
this._inputFormControl.setValue(todayDate);
|
|
619
619
|
}
|
|
620
620
|
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 }); }
|
|
621
|
-
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$
|
|
621
|
+
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$3.NiraDatePickerComponent, selector: "lib-nira-date-picker", inputs: ["selectToday", "disable", "changableYears", "theme", "defaultDate", "isOpenCalendar"], outputs: ["isOpenCalendarChange", "todayDate", "datePickerResult"] }, { kind: "component", type: CoreInputComponent, selector: "core-input", inputs: ["type", "canShowWordifyFa", "canSplitNumber", "canHighlightBackground", "maxLength", "inputFormControl", "disable", "placeholder"], outputs: ["onChange", "onBlurEmit"] }] }); }
|
|
622
622
|
}
|
|
623
623
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreDatePickerComponent, decorators: [{
|
|
624
624
|
type: Component,
|
|
@@ -741,7 +741,7 @@ class CoreSearchBoxComponent {
|
|
|
741
741
|
this.onChange.emit(event);
|
|
742
742
|
}
|
|
743
743
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreSearchBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
744
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreSearchBoxComponent, selector: "core-search-box", inputs: { placeholder: "placeholder" }, outputs: { onChange: "onChange" }, ngImport: i0, template: "<div class=\"search-box flex\">\r\n <input\r\n type=\"search\"\r\n placeholder=\"{{ placeholder }}\"\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"change($event)\"\r\n class=\"box-border border rounded-r marker:focus:outline-0\"\r\n />\r\n <div\r\n class=\"search-button bg-white border border-r-0 border-gray-400 rounded fill-secondary-text-color cursor-pointer rounded-l\"\r\n >\r\n <search-icon></search-icon>\r\n </div>\r\n</div>\r\n", styles: [".search-box{width:100%;box-sizing:border-box}.search-box input{width:calc(100% - 40px);color:var(--default-search-box-text-color);font-size:.875rem;padding:.1875rem .75rem;border-color:var(--default-search-box-border-color)}.search-box input:hover{border-color:var(--default-search-box-hover-border-color)}.search-box input:focus{border-color:var(--default-search-box-focus-border-color)}.search-box input:hover>input,.search-box input:hover>.search-button{border-color:var(--default-search-box-icon-hover-border-color)}.search-box .search-button{color:var(--default-search-box-icon-color);left:-1px;top:4px;height:1.813rem;padding:.3125rem .65rem;border-radius:.25rem 0 0 .25rem;transition:.15s}.search-box .search-button:hover{background:var(--default-search-box-icon-hover-border-color);fill:var(--default-search-box-icon-hover-color)}\n"], dependencies: [{ kind: "directive", type:
|
|
744
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreSearchBoxComponent, selector: "core-search-box", inputs: { placeholder: "placeholder" }, outputs: { onChange: "onChange" }, ngImport: i0, template: "<div class=\"search-box flex\">\r\n <input\r\n type=\"search\"\r\n placeholder=\"{{ placeholder }}\"\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"change($event)\"\r\n class=\"box-border border rounded-r marker:focus:outline-0\"\r\n />\r\n <div\r\n class=\"search-button bg-white border border-r-0 border-gray-400 rounded fill-secondary-text-color cursor-pointer rounded-l\"\r\n >\r\n <search-icon></search-icon>\r\n </div>\r\n</div>\r\n", styles: [".search-box{width:100%;box-sizing:border-box}.search-box input{width:calc(100% - 40px);color:var(--default-search-box-text-color);font-size:.875rem;padding:.1875rem .75rem;border-color:var(--default-search-box-border-color)}.search-box input:hover{border-color:var(--default-search-box-hover-border-color)}.search-box input:focus{border-color:var(--default-search-box-focus-border-color)}.search-box input:hover>input,.search-box input:hover>.search-button{border-color:var(--default-search-box-icon-hover-border-color)}.search-box .search-button{color:var(--default-search-box-icon-color);left:-1px;top:4px;height:1.813rem;padding:.3125rem .65rem;border-radius:.25rem 0 0 .25rem;transition:.15s}.search-box .search-button:hover{background:var(--default-search-box-icon-hover-border-color);fill:var(--default-search-box-icon-hover-color)}\n"], dependencies: [{ kind: "directive", type: i1$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SearchIconComponent, selector: "search-icon" }] }); }
|
|
745
745
|
}
|
|
746
746
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreSearchBoxComponent, decorators: [{
|
|
747
747
|
type: Component,
|
|
@@ -752,15 +752,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
752
752
|
type: Output
|
|
753
753
|
}] } });
|
|
754
754
|
|
|
755
|
-
class ArrowDownIconComponent {
|
|
756
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ArrowDownIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
757
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ArrowDownIconComponent, selector: "arrow-down-icon", ngImport: i0, template: "<svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n height=\"24\"\r\n viewBox=\"0 -960 960 960\"\r\n width=\"24\"\r\n>\r\n <path d=\"M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z\" />\r\n</svg>\r\n", styles: [""] }); }
|
|
758
|
-
}
|
|
759
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ArrowDownIconComponent, decorators: [{
|
|
760
|
-
type: Component,
|
|
761
|
-
args: [{ selector: 'arrow-down-icon', template: "<svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n height=\"24\"\r\n viewBox=\"0 -960 960 960\"\r\n width=\"24\"\r\n>\r\n <path d=\"M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z\" />\r\n</svg>\r\n" }]
|
|
762
|
-
}] });
|
|
763
|
-
|
|
764
755
|
class CoreSelectComponent {
|
|
765
756
|
set items(data) {
|
|
766
757
|
this._items = data;
|
|
@@ -823,7 +814,7 @@ class CoreSelectComponent {
|
|
|
823
814
|
this.inputFormControl.markAsTouched();
|
|
824
815
|
}
|
|
825
816
|
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 }); }
|
|
826
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreSelectComponent, selector: "core-select", inputs: { titleKey: "titleKey", valueKey: "valueKey", canHighlightBackground: "canHighlightBackground", 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 'highlight-background':\r\n canHighlightBackground &&\r\n (selectedItem | json) === ({} | json) &&\r\n !(inputFormControl.touched && inputFormControl.errors),\r\n selectError: inputFormControl.touched && inputFormControl.errors ,\r\n 'disable-selector': disabled,\r\n\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 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:#f7f7f7!important;border:1px dashed #ced4da!important;cursor:no-drop!important}.dropdown .highlight-background{background-color:#dcf6ff!important}.dropdown .select{background:#fff;color:#304050;display:flex;height:42px;justify-content:space-between;flex-direction:row-reverse;align-items:center;border:1px solid #ced4da;border-radius:4px;padding:8px;cursor:pointer;transition:background .3s;font-size:12px;-webkit-user-select:none;user-select:none}.dropdown .select:hover{background:#fbfbfb}.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:#fff;top:-8px;padding-inline:6px;font-size:11px;color:#888}.dropdown .select .caret{color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:#888;padding-inline:16px}.dropdown .select-clicked{border:1px solid rgba(19,92,175,.397)}.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: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:#f6f6f6}.dropdown .menu .active{background:#ced4da}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:red;font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.dropdown .selectError{border:1px solid #fe5f5f!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: "
|
|
817
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreSelectComponent, selector: "core-select", inputs: { titleKey: "titleKey", valueKey: "valueKey", canHighlightBackground: "canHighlightBackground", 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 'highlight-background':\r\n canHighlightBackground &&\r\n (selectedItem | json) === ({} | json) &&\r\n !(inputFormControl.touched && inputFormControl.errors),\r\n selectError: inputFormControl.touched && inputFormControl.errors ,\r\n 'disable-selector': disabled,\r\n\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 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:#f7f7f7!important;border:1px dashed #ced4da!important;cursor:no-drop!important}.dropdown .highlight-background{background-color:#dcf6ff!important}.dropdown .select{background:#fff;color:#304050;display:flex;height:42px;justify-content:space-between;flex-direction:row-reverse;align-items:center;border:1px solid #ced4da;border-radius:4px;padding:8px;cursor:pointer;transition:background .3s;font-size:12px;-webkit-user-select:none;user-select:none}.dropdown .select:hover{background:#fbfbfb}.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:#fff;top:-8px;padding-inline:6px;font-size:11px;color:#888}.dropdown .select .caret{color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:#888;padding-inline:16px}.dropdown .select-clicked{border:1px solid rgba(19,92,175,.397)}.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: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:#f6f6f6}.dropdown .menu .active{background:#ced4da}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:red;font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.dropdown .selectError{border:1px solid #fe5f5f!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" }] }); }
|
|
827
818
|
}
|
|
828
819
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreSelectComponent, decorators: [{
|
|
829
820
|
type: Component,
|
|
@@ -1088,22 +1079,12 @@ class Util {
|
|
|
1088
1079
|
}
|
|
1089
1080
|
}
|
|
1090
1081
|
|
|
1091
|
-
class CalendarIconComponent {
|
|
1092
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CalendarIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1093
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CalendarIconComponent, selector: "calendar-icon", ngImport: i0, template: "<svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 -960 960 960\"\r\n height=\"100%\"\r\n width=\"100%\"\r\n>\r\n <path\r\n d=\"M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Zm280 240q-17 0-28.5-11.5T440-440q0-17 11.5-28.5T480-480q17 0 28.5 11.5T520-440q0 17-11.5 28.5T480-400Zm-160 0q-17 0-28.5-11.5T280-440q0-17 11.5-28.5T320-480q17 0 28.5 11.5T360-440q0 17-11.5 28.5T320-400Zm320 0q-17 0-28.5-11.5T600-440q0-17 11.5-28.5T640-480q17 0 28.5 11.5T680-440q0 17-11.5 28.5T640-400ZM480-240q-17 0-28.5-11.5T440-280q0-17 11.5-28.5T480-320q17 0 28.5 11.5T520-280q0 17-11.5 28.5T480-240Zm-160 0q-17 0-28.5-11.5T280-280q0-17 11.5-28.5T320-320q17 0 28.5 11.5T360-280q0 17-11.5 28.5T320-240Zm320 0q-17 0-28.5-11.5T600-280q0-17 11.5-28.5T640-320q17 0 28.5 11.5T680-280q0 17-11.5 28.5T640-240Z\"\r\n />\r\n</svg>\r\n", styles: [""] }); }
|
|
1094
|
-
}
|
|
1095
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CalendarIconComponent, decorators: [{
|
|
1096
|
-
type: Component,
|
|
1097
|
-
args: [{ selector: 'calendar-icon', template: "<svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 -960 960 960\"\r\n height=\"100%\"\r\n width=\"100%\"\r\n>\r\n <path\r\n d=\"M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Zm280 240q-17 0-28.5-11.5T440-440q0-17 11.5-28.5T480-480q17 0 28.5 11.5T520-440q0 17-11.5 28.5T480-400Zm-160 0q-17 0-28.5-11.5T280-440q0-17 11.5-28.5T320-480q17 0 28.5 11.5T360-440q0 17-11.5 28.5T320-400Zm320 0q-17 0-28.5-11.5T600-440q0-17 11.5-28.5T640-480q17 0 28.5 11.5T680-440q0 17-11.5 28.5T640-400ZM480-240q-17 0-28.5-11.5T440-280q0-17 11.5-28.5T480-320q17 0 28.5 11.5T520-280q0 17-11.5 28.5T480-240Zm-160 0q-17 0-28.5-11.5T280-280q0-17 11.5-28.5T320-320q17 0 28.5 11.5T360-280q0 17-11.5 28.5T320-240Zm320 0q-17 0-28.5-11.5T600-280q0-17 11.5-28.5T640-320q17 0 28.5 11.5T680-280q0 17-11.5 28.5T640-240Z\"\r\n />\r\n</svg>\r\n" }]
|
|
1098
|
-
}] });
|
|
1099
|
-
|
|
1100
1082
|
class CoreColumnInputComponent {
|
|
1101
1083
|
constructor() {
|
|
1102
1084
|
this.showRemoveIcon = true;
|
|
1103
1085
|
this.placeholder = '';
|
|
1104
1086
|
this.onChange = new EventEmitter();
|
|
1105
1087
|
this.value = '';
|
|
1106
|
-
this.isDatePicker = false;
|
|
1107
1088
|
this.maxLength = 2000;
|
|
1108
1089
|
}
|
|
1109
1090
|
set type(value) {
|
|
@@ -1113,11 +1094,11 @@ class CoreColumnInputComponent {
|
|
|
1113
1094
|
this.onChange.emit(event);
|
|
1114
1095
|
}
|
|
1115
1096
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreColumnInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1116
|
-
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", type: "type",
|
|
1097
|
+
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", type: "type", maxLength: "maxLength" }, 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$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
|
|
1117
1098
|
}
|
|
1118
1099
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreColumnInputComponent, decorators: [{
|
|
1119
1100
|
type: Component,
|
|
1120
|
-
args: [{ selector: 'core-column-input', template: "<div class=\"search-box flex
|
|
1101
|
+
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"] }]
|
|
1121
1102
|
}], propDecorators: { showRemoveIcon: [{
|
|
1122
1103
|
type: Input
|
|
1123
1104
|
}], placeholder: [{
|
|
@@ -1128,8 +1109,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1128
1109
|
type: Input
|
|
1129
1110
|
}], type: [{
|
|
1130
1111
|
type: Input
|
|
1131
|
-
}], isDatePicker: [{
|
|
1132
|
-
type: Input
|
|
1133
1112
|
}], maxLength: [{
|
|
1134
1113
|
type: Input
|
|
1135
1114
|
}] } });
|
|
@@ -1174,11 +1153,11 @@ class CoreColumnDatePickerComponent {
|
|
|
1174
1153
|
});
|
|
1175
1154
|
}
|
|
1176
1155
|
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 }); }
|
|
1177
|
-
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 [
|
|
1156
|
+
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: i1$3.NiraDatePickerComponent, selector: "lib-nira-date-picker", inputs: ["selectToday", "disable", "changableYears", "theme", "defaultDate", "isOpenCalendar"], outputs: ["isOpenCalendarChange", "todayDate", "datePickerResult"] }, { kind: "component", type: CoreColumnInputComponent, selector: "core-column-input", inputs: ["showRemoveIcon", "placeholder", "value", "type", "maxLength"], outputs: ["onChange"] }, { kind: "component", type: CloseIconComponent, selector: "close-icon" }] }); }
|
|
1178
1157
|
}
|
|
1179
1158
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreColumnDatePickerComponent, decorators: [{
|
|
1180
1159
|
type: Component,
|
|
1181
|
-
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 [
|
|
1160
|
+
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"] }]
|
|
1182
1161
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { canSelectToday: [{
|
|
1183
1162
|
type: Input
|
|
1184
1163
|
}], defaultDate: [{
|
|
@@ -1264,11 +1243,11 @@ class CoreColumnSelectorComponent {
|
|
|
1264
1243
|
this.onItemSelected.emit('');
|
|
1265
1244
|
}
|
|
1266
1245
|
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 }); }
|
|
1267
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreColumnSelectorComponent, selector: "core-column-selector", inputs: { items: "items", 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{color:var(--default-selector-text-color);display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;border
|
|
1246
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreColumnSelectorComponent, selector: "core-column-selector", inputs: { items: "items", 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: CloseIconComponent, selector: "close-icon" }, { kind: "pipe", type: i1.JsonPipe, name: "json" }] }); }
|
|
1268
1247
|
}
|
|
1269
1248
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreColumnSelectorComponent, decorators: [{
|
|
1270
1249
|
type: Component,
|
|
1271
|
-
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{color:var(--default-selector-text-color);display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;border
|
|
1250
|
+
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"] }]
|
|
1272
1251
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { items: [{
|
|
1273
1252
|
type: Input
|
|
1274
1253
|
}], titleKey: [{
|
|
@@ -1435,16 +1414,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1435
1414
|
class CoreTableShamsiDateComponent {
|
|
1436
1415
|
constructor() {
|
|
1437
1416
|
this.onClick = new EventEmitter();
|
|
1417
|
+
this.type = 'jYYYY/jMM/jDD HH:mm';
|
|
1418
|
+
}
|
|
1419
|
+
ngOnInit() {
|
|
1420
|
+
if (this.column?.data?.dateFormat) {
|
|
1421
|
+
this.type = this.column.data.dateFormat;
|
|
1422
|
+
}
|
|
1438
1423
|
}
|
|
1439
1424
|
get columnsTypes() {
|
|
1440
1425
|
return COLUMNS_TYPES;
|
|
1441
1426
|
}
|
|
1442
1427
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableShamsiDateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1443
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableShamsiDateComponent, selector: "app-core-table-shamsi-date", inputs: { data: "data", column: "column" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<span dir=\"ltr\">{{\r\n data[column.key] | shamsiDate :
|
|
1428
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableShamsiDateComponent, selector: "app-core-table-shamsi-date", inputs: { data: "data", column: "column" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<span dir=\"ltr\">{{\r\n data[column.key] | shamsiDate : type | persianDigits\r\n}}</span>\r\n", styles: [""], dependencies: [{ kind: "pipe", type: PersianDigitsPipe, name: "persianDigits" }, { kind: "pipe", type: ShamsiDatePipe, name: "shamsiDate" }] }); }
|
|
1444
1429
|
}
|
|
1445
1430
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableShamsiDateComponent, decorators: [{
|
|
1446
1431
|
type: Component,
|
|
1447
|
-
args: [{ selector: 'app-core-table-shamsi-date', template: "<span dir=\"ltr\">{{\r\n data[column.key] | shamsiDate :
|
|
1432
|
+
args: [{ selector: 'app-core-table-shamsi-date', template: "<span dir=\"ltr\">{{\r\n data[column.key] | shamsiDate : type | persianDigits\r\n}}</span>\r\n" }]
|
|
1448
1433
|
}], propDecorators: { data: [{
|
|
1449
1434
|
type: Input,
|
|
1450
1435
|
args: [{ required: true }]
|
|
@@ -1457,11 +1442,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1457
1442
|
|
|
1458
1443
|
class CoreTableStatusColumnComponent {
|
|
1459
1444
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableStatusColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1460
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableStatusColumnComponent, selector: "app-core-table-status-column", inputs: { data: "data", column: "column" }, ngImport: i0, template: "<b [ngClass]=\"data[column.key] ? 'active' : 'deActive'\">\
|
|
1445
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableStatusColumnComponent, selector: "app-core-table-status-column", inputs: { data: "data", column: "column" }, ngImport: i0, template: "<b [ngClass]=\"data[column.key] ? 'active' : 'deActive'\">\n {{ data[column.key] ? \"\u0641\u0639\u0627\u0644\" : \"\u063A\u06CC\u0631 \u0641\u0639\u0627\u0644\" }}\n</b>\n", styles: [".active{background:var(--default-table-status-column-active-background-color);color:var(--default-table-status-column-active-text-color);border-radius:16px;padding:2px 12px;font-size:smaller}.deActive{color:var(--default-table-status-column-deActive-text-color);background:var(--default-table-status-column-deActive-background-color);border-radius:16px;padding:2px 12px;font-size:smaller}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
1461
1446
|
}
|
|
1462
1447
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableStatusColumnComponent, decorators: [{
|
|
1463
1448
|
type: Component,
|
|
1464
|
-
args: [{ selector: 'app-core-table-status-column', template: "<b [ngClass]=\"data[column.key] ? 'active' : 'deActive'\">\
|
|
1449
|
+
args: [{ selector: 'app-core-table-status-column', template: "<b [ngClass]=\"data[column.key] ? 'active' : 'deActive'\">\n {{ data[column.key] ? \"\u0641\u0639\u0627\u0644\" : \"\u063A\u06CC\u0631 \u0641\u0639\u0627\u0644\" }}\n</b>\n", styles: [".active{background:var(--default-table-status-column-active-background-color);color:var(--default-table-status-column-active-text-color);border-radius:16px;padding:2px 12px;font-size:smaller}.deActive{color:var(--default-table-status-column-deActive-text-color);background:var(--default-table-status-column-deActive-background-color);border-radius:16px;padding:2px 12px;font-size:smaller}\n"] }]
|
|
1465
1450
|
}], propDecorators: { data: [{
|
|
1466
1451
|
type: Input,
|
|
1467
1452
|
args: [{ required: true }]
|
|
@@ -1612,13 +1597,13 @@ class CoreTableCardManagerComponent {
|
|
|
1612
1597
|
data: data,
|
|
1613
1598
|
};
|
|
1614
1599
|
}
|
|
1615
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableCardManagerComponent, deps: [{ token: i1$
|
|
1600
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableCardManagerComponent, deps: [{ token: i1$4.NiraSnackBarService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1616
1601
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableCardManagerComponent, selector: "app-core-table-card-manager", inputs: { data: "data", column: "column", allTableData: "allTableData", rowSelector: "rowSelector" }, outputs: { onColumnClicked: "onColumnClicked" }, ngImport: i0, template: "<container-element [ngSwitch]=\"column.type\">\r\n <ng-content></ng-content>\r\n\r\n <app-core-table-row-selector-column\r\n *ngSwitchCase=\"columnsTypes.ROW_SELECTOR\"\r\n [rowSelector]=\"rowSelector\"\r\n [data]=\"data\"\r\n [allTableData]=\"allTableData\"\r\n [column]=\"column\"\r\n ></app-core-table-row-selector-column>\r\n <app-core-table-status-active-column\r\n *ngSwitchCase=\"columnsTypes.STATUS_ACTIVE\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-status-active-column>\r\n <app-core-table-status-column\r\n *ngSwitchCase=\"columnsTypes.STATUS\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-status-column>\r\n <app-core-table-action-column\r\n *ngSwitchCase=\"columnsTypes.ACTION\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-action-column>\r\n <app-core-table-action-buttons-column\r\n *ngSwitchCase=\"columnsTypes.ACTION_BUTTONS\"\r\n (onClick)=\"clicked($event)\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-action-buttons-column>\r\n <app-core-table-shamsi-date\r\n *ngSwitchCase=\"columnsTypes.SHAMSI_DATE\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n >\r\n </app-core-table-shamsi-date>\r\n <app-core-row-pelak\r\n class=\"inline-block\"\r\n *ngSwitchCase=\"columnsTypes.PELAK\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-row-pelak>\r\n <span\r\n *ngSwitchCase=\"columnsTypes.TEXT\"\r\n [ngClass]=\"{ 'cursor-pointer': column.coptToClipboard }\"\r\n (click)=\"onTextColumnClicked(column, data[column.key])\"\r\n tableDetailViewerManager\r\n [detailViewerData]=\"\r\n combinedData(column.detailViewer, data[column.detailViewer?.key])\r\n \"\r\n >{{ data[column.key] | persianDigits }}</span\r\n >\r\n <span\r\n *ngSwitchCase=\"columnsTypes.NUMBER\"\r\n [ngClass]=\"{\r\n 'cursor-pointer': column.copyToClipboard,\r\n green: data[column.key] > 0 && column.canColorfulNumber,\r\n red: data[column.key] < 0 && column.canColorfulNumber\r\n }\"\r\n (click)=\"onTextColumnClicked(column, data[column.key])\"\r\n tableDetailViewerManager\r\n dir=\"ltr\"\r\n [detailViewerData]=\"\r\n combinedData(column.detailViewer, data[column.detailViewer?.key])\r\n \"\r\n ><app-core-number\r\n [number]=\"data[column.key]\"\r\n [type]=\"'number'\"\r\n [canSplitNumbers]=\"true\"\r\n [canShowWordInToolTip]=\"true\"\r\n >\r\n </app-core-number>\r\n </span>\r\n <span *ngSwitchCase=\"columnsTypes.SELECTOR\">\r\n <span\r\n *ngIf=\"data[column.key.split('.')[0]]\"\r\n tableDetailViewerManager\r\n [detailViewerData]=\"\r\n combinedData(\r\n column.detailViewer,\r\n getSelectorData(\r\n data[column.key.split('.')[0]],\r\n column.detailViewer?.key\r\n )\r\n )\r\n \"\r\n >{{\r\n getSelectorData(data[column.key.split(\".\")[0]], column.data.key)\r\n | persianDigits\r\n }}</span\r\n >\r\n </span>\r\n</container-element>\r\n", styles: [""], 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.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: CoreTableActionButtonsColumnComponent, selector: "app-core-table-action-buttons-column", inputs: ["data", "column"], outputs: ["onClick"] }, { kind: "component", type: CoreTableActionColumnComponent, selector: "app-core-table-action-column", inputs: ["data", "column"] }, { kind: "component", type: CoreTableRowSelectorColumnComponent, selector: "app-core-table-row-selector-column", inputs: ["data", "column", "allTableData", "rowSelector"] }, { kind: "component", type: CoreTableShamsiDateComponent, selector: "app-core-table-shamsi-date", inputs: ["data", "column"], outputs: ["onClick"] }, { kind: "component", type: CoreTableStatusColumnComponent, selector: "app-core-table-status-column", inputs: ["data", "column"] }, { kind: "component", type: CoreNumberComponent, selector: "app-core-number", inputs: ["number", "type", "canSplitNumbers", "canShowWordInToolTip", "canShowIRR"] }, { kind: "directive", type: TableDetailViewerManagerDirective, selector: "[tableDetailViewerManager]", inputs: ["detailViewerData"] }, { kind: "component", type: CoreTableStatusActiveColumnComponent, selector: "app-core-table-status-active-column", inputs: ["data", "column"] }, { kind: "component", type: CoreRowPelakComponent, selector: "app-core-row-pelak", inputs: ["data", "column"] }, { kind: "pipe", type: PersianDigitsPipe, name: "persianDigits" }] }); }
|
|
1617
1602
|
}
|
|
1618
1603
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableCardManagerComponent, decorators: [{
|
|
1619
1604
|
type: Component,
|
|
1620
1605
|
args: [{ selector: 'app-core-table-card-manager', template: "<container-element [ngSwitch]=\"column.type\">\r\n <ng-content></ng-content>\r\n\r\n <app-core-table-row-selector-column\r\n *ngSwitchCase=\"columnsTypes.ROW_SELECTOR\"\r\n [rowSelector]=\"rowSelector\"\r\n [data]=\"data\"\r\n [allTableData]=\"allTableData\"\r\n [column]=\"column\"\r\n ></app-core-table-row-selector-column>\r\n <app-core-table-status-active-column\r\n *ngSwitchCase=\"columnsTypes.STATUS_ACTIVE\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-status-active-column>\r\n <app-core-table-status-column\r\n *ngSwitchCase=\"columnsTypes.STATUS\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-status-column>\r\n <app-core-table-action-column\r\n *ngSwitchCase=\"columnsTypes.ACTION\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-action-column>\r\n <app-core-table-action-buttons-column\r\n *ngSwitchCase=\"columnsTypes.ACTION_BUTTONS\"\r\n (onClick)=\"clicked($event)\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-action-buttons-column>\r\n <app-core-table-shamsi-date\r\n *ngSwitchCase=\"columnsTypes.SHAMSI_DATE\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n >\r\n </app-core-table-shamsi-date>\r\n <app-core-row-pelak\r\n class=\"inline-block\"\r\n *ngSwitchCase=\"columnsTypes.PELAK\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-row-pelak>\r\n <span\r\n *ngSwitchCase=\"columnsTypes.TEXT\"\r\n [ngClass]=\"{ 'cursor-pointer': column.coptToClipboard }\"\r\n (click)=\"onTextColumnClicked(column, data[column.key])\"\r\n tableDetailViewerManager\r\n [detailViewerData]=\"\r\n combinedData(column.detailViewer, data[column.detailViewer?.key])\r\n \"\r\n >{{ data[column.key] | persianDigits }}</span\r\n >\r\n <span\r\n *ngSwitchCase=\"columnsTypes.NUMBER\"\r\n [ngClass]=\"{\r\n 'cursor-pointer': column.copyToClipboard,\r\n green: data[column.key] > 0 && column.canColorfulNumber,\r\n red: data[column.key] < 0 && column.canColorfulNumber\r\n }\"\r\n (click)=\"onTextColumnClicked(column, data[column.key])\"\r\n tableDetailViewerManager\r\n dir=\"ltr\"\r\n [detailViewerData]=\"\r\n combinedData(column.detailViewer, data[column.detailViewer?.key])\r\n \"\r\n ><app-core-number\r\n [number]=\"data[column.key]\"\r\n [type]=\"'number'\"\r\n [canSplitNumbers]=\"true\"\r\n [canShowWordInToolTip]=\"true\"\r\n >\r\n </app-core-number>\r\n </span>\r\n <span *ngSwitchCase=\"columnsTypes.SELECTOR\">\r\n <span\r\n *ngIf=\"data[column.key.split('.')[0]]\"\r\n tableDetailViewerManager\r\n [detailViewerData]=\"\r\n combinedData(\r\n column.detailViewer,\r\n getSelectorData(\r\n data[column.key.split('.')[0]],\r\n column.detailViewer?.key\r\n )\r\n )\r\n \"\r\n >{{\r\n getSelectorData(data[column.key.split(\".\")[0]], column.data.key)\r\n | persianDigits\r\n }}</span\r\n >\r\n </span>\r\n</container-element>\r\n" }]
|
|
1621
|
-
}], ctorParameters: function () { return [{ type: i1$
|
|
1606
|
+
}], ctorParameters: function () { return [{ type: i1$4.NiraSnackBarService }]; }, propDecorators: { data: [{
|
|
1622
1607
|
type: Input,
|
|
1623
1608
|
args: [{ required: true }]
|
|
1624
1609
|
}], column: [{
|
|
@@ -1646,11 +1631,11 @@ class CoreTableDetailViewerForReportComponent {
|
|
|
1646
1631
|
this.column.data.onClick(this.data);
|
|
1647
1632
|
}
|
|
1648
1633
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableDetailViewerForReportComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1649
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableDetailViewerForReportComponent, selector: "core-table-detail-viewer-for-report", inputs: { data: "data", column: "column" }, ngImport: i0, template: "<span class=\"text\" *ngIf=\"hasDetailViewers()\" (click)=\"onClick()\"\r\n ><app-caret-up-icon class=\"inline-block w-
|
|
1634
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableDetailViewerForReportComponent, selector: "core-table-detail-viewer-for-report", inputs: { data: "data", column: "column" }, ngImport: i0, template: "<span class=\"text\" *ngIf=\"hasDetailViewers()\" (click)=\"onClick()\"\r\n ><app-caret-up-icon class=\"inline-block w-4 h-4\"></app-caret-up-icon\r\n >{{ data[column.key] }}</span\r\n>\r\n<span *ngIf=\"!hasDetailViewers()\">{{ data[column.key] }}</span>\r\n", styles: [".text{background-color:#b4dcff;cursor:pointer;border-radius:18px;padding:2px 8px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CaretUpIconComponent, selector: "app-caret-up-icon" }] }); }
|
|
1650
1635
|
}
|
|
1651
1636
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableDetailViewerForReportComponent, decorators: [{
|
|
1652
1637
|
type: Component,
|
|
1653
|
-
args: [{ selector: 'core-table-detail-viewer-for-report', template: "<span class=\"text\" *ngIf=\"hasDetailViewers()\" (click)=\"onClick()\"\r\n ><app-caret-up-icon class=\"inline-block w-
|
|
1638
|
+
args: [{ selector: 'core-table-detail-viewer-for-report', template: "<span class=\"text\" *ngIf=\"hasDetailViewers()\" (click)=\"onClick()\"\r\n ><app-caret-up-icon class=\"inline-block w-4 h-4\"></app-caret-up-icon\r\n >{{ data[column.key] }}</span\r\n>\r\n<span *ngIf=\"!hasDetailViewers()\">{{ data[column.key] }}</span>\r\n", styles: [".text{background-color:#b4dcff;cursor:pointer;border-radius:18px;padding:2px 8px}\n"] }]
|
|
1654
1639
|
}], propDecorators: { data: [{
|
|
1655
1640
|
type: Input,
|
|
1656
1641
|
args: [{ required: true }]
|
|
@@ -1706,13 +1691,13 @@ class CoreTableColumnManagerComponent {
|
|
|
1706
1691
|
data: data,
|
|
1707
1692
|
};
|
|
1708
1693
|
}
|
|
1709
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableColumnManagerComponent, deps: [{ token: i1$
|
|
1694
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableColumnManagerComponent, deps: [{ token: i1$4.NiraSnackBarService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1710
1695
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableColumnManagerComponent, selector: "app-core-table-column-manager", inputs: { data: "data", column: "column", allTableData: "allTableData", rowSelector: "rowSelector" }, outputs: { onColumnClicked: "onColumnClicked" }, ngImport: i0, template: "<container-element [ngSwitch]=\"column.type\">\r\n <ng-content></ng-content>\r\n\r\n <app-core-table-row-selector-column\r\n *ngSwitchCase=\"columnsTypes.ROW_SELECTOR\"\r\n [rowSelector]=\"rowSelector\"\r\n [data]=\"data\"\r\n [allTableData]=\"allTableData\"\r\n [column]=\"column\"\r\n ></app-core-table-row-selector-column>\r\n <app-core-table-status-active-column\r\n *ngSwitchCase=\"columnsTypes.STATUS_ACTIVE\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-status-active-column>\r\n <app-core-table-status-column\r\n *ngSwitchCase=\"columnsTypes.STATUS\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-status-column>\r\n <app-core-table-action-column\r\n *ngSwitchCase=\"columnsTypes.ACTION\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-action-column>\r\n <app-core-table-action-buttons-column\r\n *ngSwitchCase=\"columnsTypes.ACTION_BUTTONS\"\r\n (onClick)=\"clicked($event)\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-action-buttons-column>\r\n <app-core-table-shamsi-date\r\n *ngSwitchCase=\"columnsTypes.SHAMSI_DATE\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n >\r\n </app-core-table-shamsi-date>\r\n <app-core-row-pelak\r\n *ngSwitchCase=\"columnsTypes.PELAK\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-row-pelak>\r\n <core-table-detail-viewer-for-report\r\n *ngSwitchCase=\"columnsTypes.DETAIL_VIEWER_FOR_REPORT\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></core-table-detail-viewer-for-report>\r\n <span\r\n *ngSwitchCase=\"columnsTypes.TEXT\"\r\n [ngClass]=\"{ 'cursor-pointer': column.coptToClipboard }\"\r\n (click)=\"onTextColumnClicked(column, data[column.key])\"\r\n tableDetailViewerManager\r\n [detailViewerData]=\"\r\n combinedData(column.detailViewer, data[column.detailViewer?.key])\r\n \"\r\n >{{ data[column.key] | persianDigits }}</span\r\n >\r\n <span\r\n *ngSwitchCase=\"columnsTypes.NUMBER\"\r\n [ngClass]=\"{\r\n 'cursor-pointer': column.copyToClipboard,\r\n green: data[column.key] > 0 && column.canColorfulNumber,\r\n red: data[column.key] < 0 && column.canColorfulNumber\r\n }\"\r\n (click)=\"onTextColumnClicked(column, data[column.key])\"\r\n tableDetailViewerManager\r\n dir=\"ltr\"\r\n [detailViewerData]=\"\r\n combinedData(column.detailViewer, data[column.detailViewer?.key])\r\n \"\r\n ><app-core-number\r\n [number]=\"data[column.key]\"\r\n [type]=\"'number'\"\r\n [canSplitNumbers]=\"true\"\r\n [canShowWordInToolTip]=\"true\"\r\n >\r\n </app-core-number>\r\n </span>\r\n\r\n <span *ngSwitchCase=\"columnsTypes.SELECTOR\">\r\n <span\r\n *ngIf=\"data[column.key.split('.')[0]]\"\r\n tableDetailViewerManager\r\n [detailViewerData]=\"\r\n combinedData(\r\n column.detailViewer,\r\n getSelectorData(\r\n data[column.key.split('.')[0]],\r\n column.detailViewer?.key\r\n )\r\n )\r\n \"\r\n >{{\r\n getSelectorData(data[column.key.split(\".\")[0]], column.data.key)\r\n | persianDigits\r\n }}</span\r\n >\r\n </span>\r\n</container-element>\r\n", styles: [""], 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.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: CoreTableActionButtonsColumnComponent, selector: "app-core-table-action-buttons-column", inputs: ["data", "column"], outputs: ["onClick"] }, { kind: "component", type: CoreTableActionColumnComponent, selector: "app-core-table-action-column", inputs: ["data", "column"] }, { kind: "component", type: CoreTableRowSelectorColumnComponent, selector: "app-core-table-row-selector-column", inputs: ["data", "column", "allTableData", "rowSelector"] }, { kind: "component", type: CoreTableShamsiDateComponent, selector: "app-core-table-shamsi-date", inputs: ["data", "column"], outputs: ["onClick"] }, { kind: "component", type: CoreTableStatusColumnComponent, selector: "app-core-table-status-column", inputs: ["data", "column"] }, { kind: "component", type: CoreNumberComponent, selector: "app-core-number", inputs: ["number", "type", "canSplitNumbers", "canShowWordInToolTip", "canShowIRR"] }, { kind: "directive", type: TableDetailViewerManagerDirective, selector: "[tableDetailViewerManager]", inputs: ["detailViewerData"] }, { kind: "component", type: CoreTableStatusActiveColumnComponent, selector: "app-core-table-status-active-column", inputs: ["data", "column"] }, { kind: "component", type: CoreRowPelakComponent, selector: "app-core-row-pelak", inputs: ["data", "column"] }, { kind: "component", type: CoreTableDetailViewerForReportComponent, selector: "core-table-detail-viewer-for-report", inputs: ["data", "column"] }, { kind: "pipe", type: PersianDigitsPipe, name: "persianDigits" }] }); }
|
|
1711
1696
|
}
|
|
1712
1697
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableColumnManagerComponent, decorators: [{
|
|
1713
1698
|
type: Component,
|
|
1714
1699
|
args: [{ selector: 'app-core-table-column-manager', template: "<container-element [ngSwitch]=\"column.type\">\r\n <ng-content></ng-content>\r\n\r\n <app-core-table-row-selector-column\r\n *ngSwitchCase=\"columnsTypes.ROW_SELECTOR\"\r\n [rowSelector]=\"rowSelector\"\r\n [data]=\"data\"\r\n [allTableData]=\"allTableData\"\r\n [column]=\"column\"\r\n ></app-core-table-row-selector-column>\r\n <app-core-table-status-active-column\r\n *ngSwitchCase=\"columnsTypes.STATUS_ACTIVE\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-status-active-column>\r\n <app-core-table-status-column\r\n *ngSwitchCase=\"columnsTypes.STATUS\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-status-column>\r\n <app-core-table-action-column\r\n *ngSwitchCase=\"columnsTypes.ACTION\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-action-column>\r\n <app-core-table-action-buttons-column\r\n *ngSwitchCase=\"columnsTypes.ACTION_BUTTONS\"\r\n (onClick)=\"clicked($event)\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-action-buttons-column>\r\n <app-core-table-shamsi-date\r\n *ngSwitchCase=\"columnsTypes.SHAMSI_DATE\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n >\r\n </app-core-table-shamsi-date>\r\n <app-core-row-pelak\r\n *ngSwitchCase=\"columnsTypes.PELAK\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-row-pelak>\r\n <core-table-detail-viewer-for-report\r\n *ngSwitchCase=\"columnsTypes.DETAIL_VIEWER_FOR_REPORT\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></core-table-detail-viewer-for-report>\r\n <span\r\n *ngSwitchCase=\"columnsTypes.TEXT\"\r\n [ngClass]=\"{ 'cursor-pointer': column.coptToClipboard }\"\r\n (click)=\"onTextColumnClicked(column, data[column.key])\"\r\n tableDetailViewerManager\r\n [detailViewerData]=\"\r\n combinedData(column.detailViewer, data[column.detailViewer?.key])\r\n \"\r\n >{{ data[column.key] | persianDigits }}</span\r\n >\r\n <span\r\n *ngSwitchCase=\"columnsTypes.NUMBER\"\r\n [ngClass]=\"{\r\n 'cursor-pointer': column.copyToClipboard,\r\n green: data[column.key] > 0 && column.canColorfulNumber,\r\n red: data[column.key] < 0 && column.canColorfulNumber\r\n }\"\r\n (click)=\"onTextColumnClicked(column, data[column.key])\"\r\n tableDetailViewerManager\r\n dir=\"ltr\"\r\n [detailViewerData]=\"\r\n combinedData(column.detailViewer, data[column.detailViewer?.key])\r\n \"\r\n ><app-core-number\r\n [number]=\"data[column.key]\"\r\n [type]=\"'number'\"\r\n [canSplitNumbers]=\"true\"\r\n [canShowWordInToolTip]=\"true\"\r\n >\r\n </app-core-number>\r\n </span>\r\n\r\n <span *ngSwitchCase=\"columnsTypes.SELECTOR\">\r\n <span\r\n *ngIf=\"data[column.key.split('.')[0]]\"\r\n tableDetailViewerManager\r\n [detailViewerData]=\"\r\n combinedData(\r\n column.detailViewer,\r\n getSelectorData(\r\n data[column.key.split('.')[0]],\r\n column.detailViewer?.key\r\n )\r\n )\r\n \"\r\n >{{\r\n getSelectorData(data[column.key.split(\".\")[0]], column.data.key)\r\n | persianDigits\r\n }}</span\r\n >\r\n </span>\r\n</container-element>\r\n" }]
|
|
1715
|
-
}], ctorParameters: function () { return [{ type: i1$
|
|
1700
|
+
}], ctorParameters: function () { return [{ type: i1$4.NiraSnackBarService }]; }, propDecorators: { data: [{
|
|
1716
1701
|
type: Input,
|
|
1717
1702
|
args: [{ required: true }]
|
|
1718
1703
|
}], column: [{
|
|
@@ -1922,13 +1907,13 @@ class CoreTableComponent {
|
|
|
1922
1907
|
});
|
|
1923
1908
|
});
|
|
1924
1909
|
}
|
|
1925
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableComponent, deps: [{ token: i1$
|
|
1926
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableComponent, selector: "core-table", inputs: { key: "key", columnsSchema: "columnsSchema", tableData: "tableData", responsive: "responsive", loading: "loading", canFilter: "canFilter", styleFilter: "styleFilter", rowSelector: "rowSelector" }, outputs: { onColumnClicked: "onColumnClicked" }, ngImport: i0, template: "<div class=\"p-2 overflow-x-auto\">\r\n <table *ngIf=\"!isRunningOnSmallScreen || !responsive; else smallDeviceCard\">\r\n <tr>\r\n <th\r\n class=\"cursor-pointer text-center\"\r\n *ngFor=\"let column of activeColumnsSchema()\"\r\n >\r\n <div\r\n class=\"grid\"\r\n [ngClass]=\"[canFilter ? 'grid-rows-2' : 'grid-rows-1']\"\r\n >\r\n <span\r\n class=\"p-2 relative\"\r\n (click)=\"sortByHeader(column)\"\r\n [ngStyle]=\"{\r\n minWidth:\r\n column.type === columnsTypes.ACTION_BUTTONS\r\n ? column.data.length * 30 + 'px'\r\n : '',\r\n display:\r\n column.type === columnsTypes.ACTION_BUTTONS\r\n ? 'inline-block'\r\n : ''\r\n }\"\r\n >{{ column.label }}\r\n <app-sort-down-icon\r\n class=\"sort-icon w-2 h-2 inline-block absolute top-3 right-[-3px]\"\r\n *ngIf=\"\r\n sortDetail?.key == column.key && sortDetail?.sort === 'asc'\r\n \"\r\n ></app-sort-down-icon>\r\n <app-sort-up-icon\r\n class=\"sort-icon w-2 h-2 inline-block absolute top-3 right-[-3px]\"\r\n *ngIf=\"\r\n sortDetail?.key == column.key && sortDetail?.sort === 'desc'\r\n \"\r\n ></app-sort-up-icon>\r\n <app-sort-solid-icon\r\n class=\"sort-icon w-2 h-2 inline-block absolute top-3 right-[-3px]\"\r\n *ngIf=\"sortDetail?.key !== column.key\"\r\n ></app-sort-solid-icon>\r\n </span>\r\n <core-column-date-picker\r\n *ngIf=\"canFilter && column.type == columnsTypes.SHAMSI_DATE\"\r\n [canSelectToday]=\"true\"\r\n (onChange)=\"tableDataFiltered($event, column)\"\r\n >\r\n </core-column-date-picker>\r\n <core-column-input\r\n *ngIf=\"\r\n canFilter &&\r\n column.type !== columnsTypes.ACTION &&\r\n column.type !== columnsTypes.STATUS &&\r\n column.type !== columnsTypes.SHAMSI_DATE &&\r\n column.type !== columnsTypes.ROW_SELECTOR &&\r\n column.type !== columnsTypes.STATUS_ACTIVE &&\r\n column.type !== columnsTypes.ACTION_BUTTONS\r\n \"\r\n (onChange)=\"tableDataFiltered($event, column)\"\r\n ></core-column-input>\r\n <core-column-selector\r\n *ngIf=\"\r\n (canFilter && column.type == columnsTypes.STATUS) ||\r\n (canFilter && column.type == columnsTypes.STATUS_ACTIVE)\r\n \"\r\n [titleKey]=\"'title'\"\r\n [valueKey]=\"'value'\"\r\n [items]=\"\r\n column.type == columnsTypes.STATUS\r\n ? ACTIVE_OPTIONS\r\n : YES_NO_OPTIONS\r\n \"\r\n (onItemSelected)=\"tableDataFiltered($event, column)\"\r\n ></core-column-selector>\r\n </div>\r\n </th>\r\n </tr>\r\n <tr *ngFor=\"let data of sortedTableData\">\r\n <td\r\n *ngFor=\"let column of activeColumnsSchema()\"\r\n [class]=\"styleFilter ? styleFilter(data) : ''\"\r\n >\r\n <app-core-table-column-manager\r\n *ngIf=\"column.type != columnsTypes.MULTI_COLUMN; else elseBlock\"\r\n [rowSelector]=\"rowSelector\"\r\n (onColumnClicked)=\"columnClicked($event)\"\r\n [allTableData]=\"sortedTableData\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-column-manager>\r\n <ng-template #elseBlock>\r\n <app-core-table-column-manager\r\n *ngFor=\"let childColumn of column.columns; let i = index\"\r\n [rowSelector]=\"rowSelector\"\r\n (onColumnClicked)=\"columnClicked($event)\"\r\n [data]=\"data\"\r\n [allTableData]=\"sortedTableData\"\r\n [column]=\"childColumn\"\r\n >\r\n <span *ngIf=\"i > 0\">-</span>\r\n </app-core-table-column-manager>\r\n </ng-template>\r\n </td>\r\n </tr>\r\n </table>\r\n <ng-template #smallDeviceCard>\r\n <div>\r\n <core-card\r\n *ngFor=\"let data of sortedTableData\"\r\n [cardClass]=\"'background-card m-4 p-4 relative'\"\r\n >\r\n <div\r\n class=\"leading-8\"\r\n *ngFor=\"let column of activeColumnsSchema()\"\r\n [class]=\"\r\n column.type === columnsTypes.ACTION_BUTTONS\r\n ? 'actionButtons'\r\n : column.type === columnsTypes.ROW_SELECTOR\r\n ? 'selectRow'\r\n : ''\r\n \"\r\n >\r\n <span\r\n *ngIf=\"\r\n column.type !== columnsTypes.ACTION_BUTTONS &&\r\n column.type !== columnsTypes.ROW_SELECTOR\r\n \"\r\n class=\"secondary-text-color\"\r\n >\r\n {{ column.label }} :\r\n </span>\r\n <span class=\"primary-text-color font-semibold\">\r\n <app-core-table-card-manager\r\n *ngIf=\"\r\n column.type != columnsTypes.MULTI_COLUMN;\r\n else cardManagerElseBlock\r\n \"\r\n [rowSelector]=\"rowSelector\"\r\n (onColumnClicked)=\"columnClicked($event)\"\r\n [data]=\"data\"\r\n [allTableData]=\"sortedTableData\"\r\n [column]=\"column\"\r\n >\r\n </app-core-table-card-manager>\r\n\r\n <ng-template #cardManagerElseBlock>\r\n <app-core-table-card-manager\r\n *ngFor=\"let childColumn of column.columns; let i = index\"\r\n [rowSelector]=\"rowSelector\"\r\n (onColumnClicked)=\"columnClicked($event)\"\r\n [data]=\"data\"\r\n [allTableData]=\"sortedTableData\"\r\n [column]=\"childColumn\"\r\n >\r\n <span *ngIf=\"i > 0\">-</span>\r\n </app-core-table-card-manager>\r\n </ng-template>\r\n </span>\r\n </div>\r\n </core-card>\r\n </div>\r\n </ng-template>\r\n <core-table-no-content\r\n *ngIf=\"!loading\"\r\n [tableData]=\"sortedTableData\"\r\n [loading]=\"loading\"\r\n ></core-table-no-content>\r\n</div>\r\n", styles: ["table{border-collapse:collapse;width:100%;text-align:start}table td,table th{padding-top:12px;padding-bottom:12px;padding-inline-start:8px}table td{font-size:small;color:var(--default-table-td-text-color)}table tr:nth-child(2n){background-color:var(--default-table-tr-child-background-color)}table tr:hover{background-color:var(--default-table-tr-hover-background-color)}table th{background-color:var(--default-table-th-background-color);text-align:start;color:#1d1d1d}.actionButtons{position:absolute;bottom:0;background:var(--default-table-action-buttons-background-color);left:0;right:0;text-align:left;border-radius:.5rem;border-top-right-radius:0;border-top-left-radius:0;padding-top:4px;padding-left:16px}.selectRow{position:absolute;left:0;top:18px}.desc-sort-icon{transform:rotate(180deg)}.sort-icon{fill:var(--default-table-sort-icon-color)}.background-card{background-color:var(--default-table-background-card-color)}.secondary-text-color{color:var(--default-table-secondary-text-color)}.primary-text-color{color:var(--default-table-primary-text-color)}\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: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: CoreCardComponent, selector: "core-card", inputs: ["cardClass"] }, { kind: "component", type: CoreColumnDatePickerComponent, selector: "core-column-date-picker", inputs: ["canSelectToday", "defaultDate", "inputFormControl"], outputs: ["onChange"] }, { kind: "component", type: CoreColumnInputComponent, selector: "core-column-input", inputs: ["showRemoveIcon", "placeholder", "value", "type", "
|
|
1910
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableComponent, deps: [{ token: i1$5.NgxIndexedDBService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1911
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableComponent, selector: "core-table", inputs: { key: "key", columnsSchema: "columnsSchema", tableData: "tableData", responsive: "responsive", loading: "loading", canFilter: "canFilter", styleFilter: "styleFilter", rowSelector: "rowSelector" }, outputs: { onColumnClicked: "onColumnClicked" }, ngImport: i0, template: "<div class=\"p-2 overflow-x-auto\">\r\n <table *ngIf=\"!isRunningOnSmallScreen || !responsive; else smallDeviceCard\">\r\n <tr>\r\n <th\r\n class=\"cursor-pointer text-center\"\r\n *ngFor=\"let column of activeColumnsSchema()\"\r\n >\r\n <div\r\n class=\"grid\"\r\n [ngClass]=\"[canFilter ? 'grid-rows-2' : 'grid-rows-1']\"\r\n >\r\n <span\r\n class=\"p-2 relative\"\r\n (click)=\"sortByHeader(column)\"\r\n [ngStyle]=\"{\r\n minWidth:\r\n column.type === columnsTypes.ACTION_BUTTONS\r\n ? column.data.length * 30 + 'px'\r\n : '',\r\n display:\r\n column.type === columnsTypes.ACTION_BUTTONS\r\n ? 'inline-block'\r\n : ''\r\n }\"\r\n >{{ column.label }}\r\n <app-sort-down-icon\r\n class=\"sort-icon w-2 h-2 inline-block absolute top-3 right-[-3px]\"\r\n *ngIf=\"\r\n sortDetail?.key == column.key && sortDetail?.sort === 'asc'\r\n \"\r\n ></app-sort-down-icon>\r\n <app-sort-up-icon\r\n class=\"sort-icon w-2 h-2 inline-block absolute top-3 right-[-3px]\"\r\n *ngIf=\"\r\n sortDetail?.key == column.key && sortDetail?.sort === 'desc'\r\n \"\r\n ></app-sort-up-icon>\r\n <app-sort-solid-icon\r\n class=\"sort-icon w-2 h-2 inline-block absolute top-3 right-[-3px]\"\r\n *ngIf=\"sortDetail?.key !== column.key\"\r\n ></app-sort-solid-icon>\r\n </span>\r\n <core-column-date-picker\r\n *ngIf=\"canFilter && column.type == columnsTypes.SHAMSI_DATE\"\r\n [canSelectToday]=\"true\"\r\n (onChange)=\"tableDataFiltered($event, column)\"\r\n >\r\n </core-column-date-picker>\r\n <core-column-input\r\n *ngIf=\"\r\n canFilter &&\r\n column.type !== columnsTypes.ACTION &&\r\n column.type !== columnsTypes.STATUS &&\r\n column.type !== columnsTypes.SHAMSI_DATE &&\r\n column.type !== columnsTypes.ROW_SELECTOR &&\r\n column.type !== columnsTypes.STATUS_ACTIVE &&\r\n column.type !== columnsTypes.ACTION_BUTTONS\r\n \"\r\n (onChange)=\"tableDataFiltered($event, column)\"\r\n ></core-column-input>\r\n <core-column-selector\r\n *ngIf=\"\r\n (canFilter && column.type == columnsTypes.STATUS) ||\r\n (canFilter && column.type == columnsTypes.STATUS_ACTIVE)\r\n \"\r\n [titleKey]=\"'title'\"\r\n [valueKey]=\"'value'\"\r\n [items]=\"\r\n column.type == columnsTypes.STATUS\r\n ? ACTIVE_OPTIONS\r\n : YES_NO_OPTIONS\r\n \"\r\n (onItemSelected)=\"tableDataFiltered($event, column)\"\r\n ></core-column-selector>\r\n </div>\r\n </th>\r\n </tr>\r\n <tr *ngFor=\"let data of sortedTableData\">\r\n <td\r\n *ngFor=\"let column of activeColumnsSchema()\"\r\n [class]=\"styleFilter ? styleFilter(data) : ''\"\r\n >\r\n <app-core-table-column-manager\r\n *ngIf=\"column.type != columnsTypes.MULTI_COLUMN; else elseBlock\"\r\n [rowSelector]=\"rowSelector\"\r\n (onColumnClicked)=\"columnClicked($event)\"\r\n [allTableData]=\"sortedTableData\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-column-manager>\r\n <ng-template #elseBlock>\r\n <app-core-table-column-manager\r\n *ngFor=\"let childColumn of column.columns; let i = index\"\r\n [rowSelector]=\"rowSelector\"\r\n (onColumnClicked)=\"columnClicked($event)\"\r\n [data]=\"data\"\r\n [allTableData]=\"sortedTableData\"\r\n [column]=\"childColumn\"\r\n >\r\n <span *ngIf=\"i > 0\">-</span>\r\n </app-core-table-column-manager>\r\n </ng-template>\r\n </td>\r\n </tr>\r\n </table>\r\n <ng-template #smallDeviceCard>\r\n <div>\r\n <core-card\r\n *ngFor=\"let data of sortedTableData\"\r\n [cardClass]=\"'background-card m-4 p-4 relative'\"\r\n >\r\n <div\r\n class=\"leading-8\"\r\n *ngFor=\"let column of activeColumnsSchema()\"\r\n [class]=\"\r\n column.type === columnsTypes.ACTION_BUTTONS\r\n ? 'actionButtons'\r\n : column.type === columnsTypes.ROW_SELECTOR\r\n ? 'selectRow'\r\n : ''\r\n \"\r\n >\r\n <span\r\n *ngIf=\"\r\n column.type !== columnsTypes.ACTION_BUTTONS &&\r\n column.type !== columnsTypes.ROW_SELECTOR\r\n \"\r\n class=\"secondary-text-color\"\r\n >\r\n {{ column.label }} :\r\n </span>\r\n <span class=\"primary-text-color font-semibold\">\r\n <app-core-table-card-manager\r\n *ngIf=\"\r\n column.type != columnsTypes.MULTI_COLUMN;\r\n else cardManagerElseBlock\r\n \"\r\n [rowSelector]=\"rowSelector\"\r\n (onColumnClicked)=\"columnClicked($event)\"\r\n [data]=\"data\"\r\n [allTableData]=\"sortedTableData\"\r\n [column]=\"column\"\r\n >\r\n </app-core-table-card-manager>\r\n\r\n <ng-template #cardManagerElseBlock>\r\n <app-core-table-card-manager\r\n *ngFor=\"let childColumn of column.columns; let i = index\"\r\n [rowSelector]=\"rowSelector\"\r\n (onColumnClicked)=\"columnClicked($event)\"\r\n [data]=\"data\"\r\n [allTableData]=\"sortedTableData\"\r\n [column]=\"childColumn\"\r\n >\r\n <span *ngIf=\"i > 0\">-</span>\r\n </app-core-table-card-manager>\r\n </ng-template>\r\n </span>\r\n </div>\r\n </core-card>\r\n </div>\r\n </ng-template>\r\n <core-table-no-content\r\n *ngIf=\"!loading\"\r\n [tableData]=\"sortedTableData\"\r\n [loading]=\"loading\"\r\n ></core-table-no-content>\r\n</div>\r\n", styles: ["table{border-collapse:collapse;width:100%;text-align:start}table td,table th{padding-top:12px;padding-bottom:12px;padding-inline-start:8px}table td{font-size:small;color:var(--default-table-td-text-color)}table tr:nth-child(2n){background-color:var(--default-table-tr-child-background-color)}table tr:hover{background-color:var(--default-table-tr-hover-background-color)}table th{background-color:var(--default-table-th-background-color);text-align:start;color:#1d1d1d}.actionButtons{position:absolute;bottom:0;background:var(--default-table-action-buttons-background-color);left:0;right:0;text-align:left;border-radius:.5rem;border-top-right-radius:0;border-top-left-radius:0;padding-top:4px;padding-left:16px}.selectRow{position:absolute;left:0;top:18px}.desc-sort-icon{transform:rotate(180deg)}.sort-icon{fill:var(--default-table-sort-icon-color)}.background-card{background-color:var(--default-table-background-card-color)}.secondary-text-color{color:var(--default-table-secondary-text-color)}.primary-text-color{color:var(--default-table-primary-text-color)}\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: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: CoreCardComponent, selector: "core-card", inputs: ["cardClass"] }, { kind: "component", type: CoreColumnDatePickerComponent, selector: "core-column-date-picker", inputs: ["canSelectToday", "defaultDate", "inputFormControl"], outputs: ["onChange"] }, { kind: "component", type: CoreColumnInputComponent, selector: "core-column-input", inputs: ["showRemoveIcon", "placeholder", "value", "type", "maxLength"], outputs: ["onChange"] }, { kind: "component", type: CoreColumnSelectorComponent, selector: "core-column-selector", inputs: ["items", "titleKey", "valueKey", "label", "inputFormControl"], outputs: ["onItemSelected"] }, { kind: "component", type: CoreTableCardManagerComponent, selector: "app-core-table-card-manager", inputs: ["data", "column", "allTableData", "rowSelector"], outputs: ["onColumnClicked"] }, { kind: "component", type: CoreTableColumnManagerComponent, selector: "app-core-table-column-manager", inputs: ["data", "column", "allTableData", "rowSelector"], outputs: ["onColumnClicked"] }, { kind: "component", type: CoreTableNoContentComponent, selector: "core-table-no-content", inputs: ["tableData", "loading"] }, { kind: "component", type: SortDownIconComponent, selector: "app-sort-down-icon" }, { kind: "component", type: SortSolidIconComponent, selector: "app-sort-solid-icon" }, { kind: "component", type: SortUpIconComponent, selector: "app-sort-up-icon" }] }); }
|
|
1927
1912
|
}
|
|
1928
1913
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableComponent, decorators: [{
|
|
1929
1914
|
type: Component,
|
|
1930
1915
|
args: [{ selector: 'core-table', template: "<div class=\"p-2 overflow-x-auto\">\r\n <table *ngIf=\"!isRunningOnSmallScreen || !responsive; else smallDeviceCard\">\r\n <tr>\r\n <th\r\n class=\"cursor-pointer text-center\"\r\n *ngFor=\"let column of activeColumnsSchema()\"\r\n >\r\n <div\r\n class=\"grid\"\r\n [ngClass]=\"[canFilter ? 'grid-rows-2' : 'grid-rows-1']\"\r\n >\r\n <span\r\n class=\"p-2 relative\"\r\n (click)=\"sortByHeader(column)\"\r\n [ngStyle]=\"{\r\n minWidth:\r\n column.type === columnsTypes.ACTION_BUTTONS\r\n ? column.data.length * 30 + 'px'\r\n : '',\r\n display:\r\n column.type === columnsTypes.ACTION_BUTTONS\r\n ? 'inline-block'\r\n : ''\r\n }\"\r\n >{{ column.label }}\r\n <app-sort-down-icon\r\n class=\"sort-icon w-2 h-2 inline-block absolute top-3 right-[-3px]\"\r\n *ngIf=\"\r\n sortDetail?.key == column.key && sortDetail?.sort === 'asc'\r\n \"\r\n ></app-sort-down-icon>\r\n <app-sort-up-icon\r\n class=\"sort-icon w-2 h-2 inline-block absolute top-3 right-[-3px]\"\r\n *ngIf=\"\r\n sortDetail?.key == column.key && sortDetail?.sort === 'desc'\r\n \"\r\n ></app-sort-up-icon>\r\n <app-sort-solid-icon\r\n class=\"sort-icon w-2 h-2 inline-block absolute top-3 right-[-3px]\"\r\n *ngIf=\"sortDetail?.key !== column.key\"\r\n ></app-sort-solid-icon>\r\n </span>\r\n <core-column-date-picker\r\n *ngIf=\"canFilter && column.type == columnsTypes.SHAMSI_DATE\"\r\n [canSelectToday]=\"true\"\r\n (onChange)=\"tableDataFiltered($event, column)\"\r\n >\r\n </core-column-date-picker>\r\n <core-column-input\r\n *ngIf=\"\r\n canFilter &&\r\n column.type !== columnsTypes.ACTION &&\r\n column.type !== columnsTypes.STATUS &&\r\n column.type !== columnsTypes.SHAMSI_DATE &&\r\n column.type !== columnsTypes.ROW_SELECTOR &&\r\n column.type !== columnsTypes.STATUS_ACTIVE &&\r\n column.type !== columnsTypes.ACTION_BUTTONS\r\n \"\r\n (onChange)=\"tableDataFiltered($event, column)\"\r\n ></core-column-input>\r\n <core-column-selector\r\n *ngIf=\"\r\n (canFilter && column.type == columnsTypes.STATUS) ||\r\n (canFilter && column.type == columnsTypes.STATUS_ACTIVE)\r\n \"\r\n [titleKey]=\"'title'\"\r\n [valueKey]=\"'value'\"\r\n [items]=\"\r\n column.type == columnsTypes.STATUS\r\n ? ACTIVE_OPTIONS\r\n : YES_NO_OPTIONS\r\n \"\r\n (onItemSelected)=\"tableDataFiltered($event, column)\"\r\n ></core-column-selector>\r\n </div>\r\n </th>\r\n </tr>\r\n <tr *ngFor=\"let data of sortedTableData\">\r\n <td\r\n *ngFor=\"let column of activeColumnsSchema()\"\r\n [class]=\"styleFilter ? styleFilter(data) : ''\"\r\n >\r\n <app-core-table-column-manager\r\n *ngIf=\"column.type != columnsTypes.MULTI_COLUMN; else elseBlock\"\r\n [rowSelector]=\"rowSelector\"\r\n (onColumnClicked)=\"columnClicked($event)\"\r\n [allTableData]=\"sortedTableData\"\r\n [data]=\"data\"\r\n [column]=\"column\"\r\n ></app-core-table-column-manager>\r\n <ng-template #elseBlock>\r\n <app-core-table-column-manager\r\n *ngFor=\"let childColumn of column.columns; let i = index\"\r\n [rowSelector]=\"rowSelector\"\r\n (onColumnClicked)=\"columnClicked($event)\"\r\n [data]=\"data\"\r\n [allTableData]=\"sortedTableData\"\r\n [column]=\"childColumn\"\r\n >\r\n <span *ngIf=\"i > 0\">-</span>\r\n </app-core-table-column-manager>\r\n </ng-template>\r\n </td>\r\n </tr>\r\n </table>\r\n <ng-template #smallDeviceCard>\r\n <div>\r\n <core-card\r\n *ngFor=\"let data of sortedTableData\"\r\n [cardClass]=\"'background-card m-4 p-4 relative'\"\r\n >\r\n <div\r\n class=\"leading-8\"\r\n *ngFor=\"let column of activeColumnsSchema()\"\r\n [class]=\"\r\n column.type === columnsTypes.ACTION_BUTTONS\r\n ? 'actionButtons'\r\n : column.type === columnsTypes.ROW_SELECTOR\r\n ? 'selectRow'\r\n : ''\r\n \"\r\n >\r\n <span\r\n *ngIf=\"\r\n column.type !== columnsTypes.ACTION_BUTTONS &&\r\n column.type !== columnsTypes.ROW_SELECTOR\r\n \"\r\n class=\"secondary-text-color\"\r\n >\r\n {{ column.label }} :\r\n </span>\r\n <span class=\"primary-text-color font-semibold\">\r\n <app-core-table-card-manager\r\n *ngIf=\"\r\n column.type != columnsTypes.MULTI_COLUMN;\r\n else cardManagerElseBlock\r\n \"\r\n [rowSelector]=\"rowSelector\"\r\n (onColumnClicked)=\"columnClicked($event)\"\r\n [data]=\"data\"\r\n [allTableData]=\"sortedTableData\"\r\n [column]=\"column\"\r\n >\r\n </app-core-table-card-manager>\r\n\r\n <ng-template #cardManagerElseBlock>\r\n <app-core-table-card-manager\r\n *ngFor=\"let childColumn of column.columns; let i = index\"\r\n [rowSelector]=\"rowSelector\"\r\n (onColumnClicked)=\"columnClicked($event)\"\r\n [data]=\"data\"\r\n [allTableData]=\"sortedTableData\"\r\n [column]=\"childColumn\"\r\n >\r\n <span *ngIf=\"i > 0\">-</span>\r\n </app-core-table-card-manager>\r\n </ng-template>\r\n </span>\r\n </div>\r\n </core-card>\r\n </div>\r\n </ng-template>\r\n <core-table-no-content\r\n *ngIf=\"!loading\"\r\n [tableData]=\"sortedTableData\"\r\n [loading]=\"loading\"\r\n ></core-table-no-content>\r\n</div>\r\n", styles: ["table{border-collapse:collapse;width:100%;text-align:start}table td,table th{padding-top:12px;padding-bottom:12px;padding-inline-start:8px}table td{font-size:small;color:var(--default-table-td-text-color)}table tr:nth-child(2n){background-color:var(--default-table-tr-child-background-color)}table tr:hover{background-color:var(--default-table-tr-hover-background-color)}table th{background-color:var(--default-table-th-background-color);text-align:start;color:#1d1d1d}.actionButtons{position:absolute;bottom:0;background:var(--default-table-action-buttons-background-color);left:0;right:0;text-align:left;border-radius:.5rem;border-top-right-radius:0;border-top-left-radius:0;padding-top:4px;padding-left:16px}.selectRow{position:absolute;left:0;top:18px}.desc-sort-icon{transform:rotate(180deg)}.sort-icon{fill:var(--default-table-sort-icon-color)}.background-card{background-color:var(--default-table-background-card-color)}.secondary-text-color{color:var(--default-table-secondary-text-color)}.primary-text-color{color:var(--default-table-primary-text-color)}\n"] }]
|
|
1931
|
-
}], ctorParameters: function () { return [{ type: i1$
|
|
1916
|
+
}], ctorParameters: function () { return [{ type: i1$5.NgxIndexedDBService }]; }, propDecorators: { key: [{
|
|
1932
1917
|
type: Input,
|
|
1933
1918
|
args: [{ required: false }]
|
|
1934
1919
|
}], columnsSchema: [{
|
|
@@ -2017,13 +2002,13 @@ class CoreTableFilterDialogComponent {
|
|
|
2017
2002
|
close() {
|
|
2018
2003
|
this.closeSubject.next('');
|
|
2019
2004
|
}
|
|
2020
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableFilterDialogComponent, deps: [{ token: i1$
|
|
2005
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableFilterDialogComponent, deps: [{ token: i1$5.NgxIndexedDBService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2021
2006
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTableFilterDialogComponent, selector: "app-core-table-filter-dialog", inputs: { closeSubject: "closeSubject", config: "config" }, ngImport: i0, template: "<core-card class=\"block min-w-64 max-h-[80vh] overflow-auto\">\r\n <div class=\"root flex mb-6 justify-between\">\r\n <b class=\"m-3 self-center\">\u0641\u06CC\u0644\u062A\u0631 \u062C\u062F\u0648\u0644</b>\r\n <close-icon\r\n (click)=\"close()\"\r\n class=\"close-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 <div *ngFor=\"let column of columnsSchema\">\r\n <div>\r\n <core-checkbox\r\n class=\"inline-block w-4 ms-4\"\r\n [checked]=\"column.active === undefined ? true : column.active\"\r\n (onChange)=\"onCheckboxClicked(column, $event)\"\r\n ></core-checkbox>\r\n {{ column.label }}\r\n </div>\r\n </div>\r\n\r\n <div class=\"grid grid-cols-3 gap-x-2 p-3\" dir=\"ltr\">\r\n <core-btn (btnClicked)=\"submitBtn()\" class=\"col-span-1\"> \u0628\u0633\u062A\u0646 </core-btn>\r\n </div>\r\n</core-card>\r\n", styles: [".close-icon{fill:var(--default-table-column-date-picker-close-icon-color)}.close-icon :hover{background-color:var(--default-table-hover-background-icon-color);fill:var(--default-table-hover-fill-icon-color)}.root{background-color:var(--default-table-th-background-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: CoreBtnComponent, selector: "core-btn", inputs: ["formGroup", "loading", "theme", "buttonType", "size", "isDisabled", "colorState", "confirmDialog"], outputs: ["btnClicked"] }, { kind: "component", type: CoreCheckboxComponent, selector: "core-checkbox", inputs: ["label", "name", "checked", "inputFormControl"], outputs: ["onChange"] }, { kind: "component", type: CoreCardComponent, selector: "core-card", inputs: ["cardClass"] }, { kind: "component", type: CloseIconComponent, selector: "close-icon" }] }); }
|
|
2022
2007
|
}
|
|
2023
2008
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTableFilterDialogComponent, decorators: [{
|
|
2024
2009
|
type: Component,
|
|
2025
2010
|
args: [{ selector: 'app-core-table-filter-dialog', template: "<core-card class=\"block min-w-64 max-h-[80vh] overflow-auto\">\r\n <div class=\"root flex mb-6 justify-between\">\r\n <b class=\"m-3 self-center\">\u0641\u06CC\u0644\u062A\u0631 \u062C\u062F\u0648\u0644</b>\r\n <close-icon\r\n (click)=\"close()\"\r\n class=\"close-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 <div *ngFor=\"let column of columnsSchema\">\r\n <div>\r\n <core-checkbox\r\n class=\"inline-block w-4 ms-4\"\r\n [checked]=\"column.active === undefined ? true : column.active\"\r\n (onChange)=\"onCheckboxClicked(column, $event)\"\r\n ></core-checkbox>\r\n {{ column.label }}\r\n </div>\r\n </div>\r\n\r\n <div class=\"grid grid-cols-3 gap-x-2 p-3\" dir=\"ltr\">\r\n <core-btn (btnClicked)=\"submitBtn()\" class=\"col-span-1\"> \u0628\u0633\u062A\u0646 </core-btn>\r\n </div>\r\n</core-card>\r\n", styles: [".close-icon{fill:var(--default-table-column-date-picker-close-icon-color)}.close-icon :hover{background-color:var(--default-table-hover-background-icon-color);fill:var(--default-table-hover-fill-icon-color)}.root{background-color:var(--default-table-th-background-color)}\n"] }]
|
|
2026
|
-
}], ctorParameters: function () { return [{ type: i1$
|
|
2011
|
+
}], ctorParameters: function () { return [{ type: i1$5.NgxIndexedDBService }]; }, propDecorators: { closeSubject: [{
|
|
2027
2012
|
type: Input
|
|
2028
2013
|
}], config: [{
|
|
2029
2014
|
type: Input
|
|
@@ -2054,7 +2039,7 @@ class CoreTextareaComponent {
|
|
|
2054
2039
|
}
|
|
2055
2040
|
}
|
|
2056
2041
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2057
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTextareaComponent, selector: "core-textarea", inputs: { textareaFormControl: "textareaFormControl", model: "model", disable: "disable", placeholder: "placeholder" }, outputs: { onChange: "onChange" }, ngImport: i0, template: "<div class=\"text-area-sec\">\r\n <textarea\r\n rows=\"4\"\r\n (change)=\"change()\"\r\n [formControl]=\"textareaFormControl\"\r\n [ngClass]=\"{ 'have-value': textareaFormControl.value }\"\r\n ></textarea>\r\n <label>{{ placeholder }} </label>\r\n <div class=\"label-error overflow-hidden\">\r\n <span\r\n *ngIf=\"\r\n (textareaFormControl.touched || textareaFormControl.dirty) &&\r\n textareaFormControl.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 </div>\r\n</div>\r\n", styles: [".text-area-sec{background:var(--default-textarea-container-background-color);position:relative}.text-area-sec label{position:absolute;right:20px;top:8px;color:var(--default-textarea-label-text-color);font-size:14px;padding:0 8px;border-radius:15px;pointer-events:none;transition:.2s}.text-area-sec textarea{direction:rtl;width:100%;padding:16px;outline:none;caret-color:var(--default-textarea-caret-color);background-color:var(--default-textarea-background-color);color:var(--default-textarea-text-color);box-sizing:border-box;border:1px solid var(--default-textarea-border-color);border-radius:.25rem}.text-area-sec textarea:focus+label,.text-area-sec textarea.have-value+label{top:-10px;font-size:.7rem;z-index:1}.text-area-sec textarea:focus+label:after,.text-area-sec textarea.have-value+label:after{content:\"\";display:block;background:#fff;position:absolute;width:100%;height:3px;top:9px;right:0;transition:.3s;z-index:-1}.label-error{color:var(--default-textarea-validation-text-color);font-size:13px;margin-block-start:4px;min-height:21px;text-align:start}.error textarea{border:1px solid var(--default-textarea-validation-border-color)}\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:
|
|
2042
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTextareaComponent, selector: "core-textarea", inputs: { textareaFormControl: "textareaFormControl", model: "model", disable: "disable", placeholder: "placeholder" }, outputs: { onChange: "onChange" }, ngImport: i0, template: "<div class=\"text-area-sec\">\r\n <textarea\r\n rows=\"4\"\r\n (change)=\"change()\"\r\n [formControl]=\"textareaFormControl\"\r\n [ngClass]=\"{ 'have-value': textareaFormControl.value }\"\r\n ></textarea>\r\n <label>{{ placeholder }} </label>\r\n <div class=\"label-error overflow-hidden\">\r\n <span\r\n *ngIf=\"\r\n (textareaFormControl.touched || textareaFormControl.dirty) &&\r\n textareaFormControl.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 </div>\r\n</div>\r\n", styles: [".text-area-sec{background:var(--default-textarea-container-background-color);position:relative}.text-area-sec label{position:absolute;right:20px;top:8px;color:var(--default-textarea-label-text-color);font-size:14px;padding:0 8px;border-radius:15px;pointer-events:none;transition:.2s}.text-area-sec textarea{direction:rtl;width:100%;padding:16px;outline:none;caret-color:var(--default-textarea-caret-color);background-color:var(--default-textarea-background-color);color:var(--default-textarea-text-color);box-sizing:border-box;border:1px solid var(--default-textarea-border-color);border-radius:.25rem}.text-area-sec textarea:focus+label,.text-area-sec textarea.have-value+label{top:-10px;font-size:.7rem;z-index:1}.text-area-sec textarea:focus+label:after,.text-area-sec textarea.have-value+label:after{content:\"\";display:block;background:#fff;position:absolute;width:100%;height:3px;top:9px;right:0;transition:.3s;z-index:-1}.label-error{color:var(--default-textarea-validation-text-color);font-size:13px;margin-block-start:4px;min-height:21px;text-align:start}.error textarea{border:1px solid var(--default-textarea-validation-border-color)}\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$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
|
|
2058
2043
|
}
|
|
2059
2044
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTextareaComponent, decorators: [{
|
|
2060
2045
|
type: Component,
|
|
@@ -2309,7 +2294,7 @@ class CoreTimePickerComponent {
|
|
|
2309
2294
|
}
|
|
2310
2295
|
}
|
|
2311
2296
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTimePickerComponent, deps: [{ token: i1$1.NiraModalService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2312
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTimePickerComponent, selector: "core-time-picker", inputs: { placeholder: "placeholder", canHighlightBackground: "canHighlightBackground", setCurrentTime: "setCurrentTime", inputFormControl: "inputFormControl", defaultValue: "defaultValue", maxLength: "maxLength" }, outputs: { onSelect: "onSelect", onBlurEmit: "onBlurEmit" }, 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 <time-icon\r\n (click)=\"showSelectTimeModal()\"\r\n class=\"absolute left-3 top-3 fill-secondary-text-color h-5\"\r\n ></time-icon>\r\n <input\r\n [type]=\"'text'\"\r\n class=\"a-input-style have-value\"\r\n (keyup)=\"change($event)\"\r\n [formControl]=\"inputFormControl\"\r\n (blur)=\"onBlur()\"\r\n (paste)=\"onPaste($event)\"\r\n (keypress)=\"onKeyPress()\"\r\n [ngClass]=\"{\r\n 'have-value': inputFormControl.value.toString().length > 0,\r\n 'highlight-background':\r\n canHighlightBackground &&\r\n inputFormControl.value.toString().length === 0 &&\r\n !(\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors\r\n ),\r\n }\"\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 ><span\r\n *ngIf=\"\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors?.['minlength']\r\n \"\r\n >\u0641\u0631\u0645\u062A \u0633\u0627\u0639\u062A \u0646\u0627\u0645\u0639\u062A\u0628\u0631 \u0627\u0633\u062A</span\r\n >\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".container{position:relative}input:focus{border:2px solid blue}input{border:1px solid #ced4da;border-radius:.25rem}.highlight-background{background-color:#dcf6ff!important}.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:#c2c2c2b3}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[type=time]::-webkit-calendar-picker-indicator{display:none;background:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.label-error{color:red;font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.label-number{color:#6a6a6a}.error input{border:1px solid #fe5f5f}.container-input{background:#fff;position:relative}.container-input .disable-input{background-color:#f7f7f7;border:1px dashed #ced4da;pointer-events:none}.container-input label{position:absolute;right:20px;top:12px;color:gray;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:
|
|
2297
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreTimePickerComponent, selector: "core-time-picker", inputs: { placeholder: "placeholder", canHighlightBackground: "canHighlightBackground", setCurrentTime: "setCurrentTime", inputFormControl: "inputFormControl", defaultValue: "defaultValue", maxLength: "maxLength" }, outputs: { onSelect: "onSelect", onBlurEmit: "onBlurEmit" }, 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 <time-icon\r\n (click)=\"showSelectTimeModal()\"\r\n class=\"absolute left-3 top-3 fill-secondary-text-color h-5\"\r\n ></time-icon>\r\n <input\r\n [type]=\"'text'\"\r\n class=\"a-input-style have-value\"\r\n (keyup)=\"change($event)\"\r\n [formControl]=\"inputFormControl\"\r\n (blur)=\"onBlur()\"\r\n (paste)=\"onPaste($event)\"\r\n (keypress)=\"onKeyPress()\"\r\n [ngClass]=\"{\r\n 'have-value': inputFormControl.value.toString().length > 0,\r\n 'highlight-background':\r\n canHighlightBackground &&\r\n inputFormControl.value.toString().length === 0 &&\r\n !(\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors\r\n ),\r\n }\"\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 ><span\r\n *ngIf=\"\r\n (inputFormControl.touched || inputFormControl.dirty) &&\r\n inputFormControl.errors?.['minlength']\r\n \"\r\n >\u0641\u0631\u0645\u062A \u0633\u0627\u0639\u062A \u0646\u0627\u0645\u0639\u062A\u0628\u0631 \u0627\u0633\u062A</span\r\n >\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".container{position:relative}input:focus{border:2px solid blue}input{border:1px solid #ced4da;border-radius:.25rem}.highlight-background{background-color:#dcf6ff!important}.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:#c2c2c2b3}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[type=time]::-webkit-calendar-picker-indicator{display:none;background:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.label-error{color:red;font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.label-number{color:#6a6a6a}.error input{border:1px solid #fe5f5f}.container-input{background:#fff;position:relative}.container-input .disable-input{background-color:#f7f7f7;border:1px dashed #ced4da;pointer-events:none}.container-input label{position:absolute;right:20px;top:12px;color:gray;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: i1$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: TimeIconComponent, selector: "time-icon" }] }); }
|
|
2313
2298
|
}
|
|
2314
2299
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreTimePickerComponent, decorators: [{
|
|
2315
2300
|
type: Component,
|
|
@@ -2332,6 +2317,157 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2332
2317
|
type: Input
|
|
2333
2318
|
}] } });
|
|
2334
2319
|
|
|
2320
|
+
class CoreMulliteSelectRowComponent {
|
|
2321
|
+
constructor() {
|
|
2322
|
+
this.onSelect = new EventEmitter();
|
|
2323
|
+
this._isSelected = false;
|
|
2324
|
+
}
|
|
2325
|
+
set isSelected(value) {
|
|
2326
|
+
this._isSelected = value;
|
|
2327
|
+
}
|
|
2328
|
+
onItemSelect() {
|
|
2329
|
+
this._isSelected = !this._isSelected;
|
|
2330
|
+
this.onSelect.emit(this._isSelected);
|
|
2331
|
+
}
|
|
2332
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreMulliteSelectRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2333
|
+
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"] }] }); }
|
|
2334
|
+
}
|
|
2335
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreMulliteSelectRowComponent, decorators: [{
|
|
2336
|
+
type: Component,
|
|
2337
|
+
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"] }]
|
|
2338
|
+
}], propDecorators: { isSelected: [{
|
|
2339
|
+
type: Input
|
|
2340
|
+
}], item: [{
|
|
2341
|
+
type: Input
|
|
2342
|
+
}], onSelect: [{
|
|
2343
|
+
type: Output
|
|
2344
|
+
}] } });
|
|
2345
|
+
|
|
2346
|
+
class CoreMulliteSelectComponent {
|
|
2347
|
+
set titleKey(data) {
|
|
2348
|
+
this._titleKey = data;
|
|
2349
|
+
this.hasTitleKey = true;
|
|
2350
|
+
this.init();
|
|
2351
|
+
}
|
|
2352
|
+
set valueKey(data) {
|
|
2353
|
+
this._valueKey = data;
|
|
2354
|
+
this.hasValueKey = true;
|
|
2355
|
+
this.init();
|
|
2356
|
+
}
|
|
2357
|
+
set items(data) {
|
|
2358
|
+
this._items = data;
|
|
2359
|
+
this.hasItems = true;
|
|
2360
|
+
this.init();
|
|
2361
|
+
}
|
|
2362
|
+
set defaultValue(data) {
|
|
2363
|
+
this._defaultValue = data;
|
|
2364
|
+
this.hasDefaultValue = true;
|
|
2365
|
+
this.init();
|
|
2366
|
+
}
|
|
2367
|
+
get isSelectedItems() {
|
|
2368
|
+
return Object.keys(this.selectedItems).length > 0 ? true : false;
|
|
2369
|
+
}
|
|
2370
|
+
constructor(cdr) {
|
|
2371
|
+
this.cdr = cdr;
|
|
2372
|
+
this.selectedItems = [];
|
|
2373
|
+
this.newItems = [];
|
|
2374
|
+
this.isOpenMenu = false;
|
|
2375
|
+
this._items = [];
|
|
2376
|
+
this._defaultValue = [];
|
|
2377
|
+
this.initCounter = 0;
|
|
2378
|
+
this.hasTitleKey = false;
|
|
2379
|
+
this.hasValueKey = false;
|
|
2380
|
+
this.hasItems = false;
|
|
2381
|
+
this.hasDefaultValue = false;
|
|
2382
|
+
this.text = '';
|
|
2383
|
+
this.label = '';
|
|
2384
|
+
this.onItemSelected = new EventEmitter();
|
|
2385
|
+
this.inputFormControl = new FormControl('', []);
|
|
2386
|
+
}
|
|
2387
|
+
init() {
|
|
2388
|
+
if (this.hasTitleKey &&
|
|
2389
|
+
this.hasValueKey &&
|
|
2390
|
+
this.hasItems &&
|
|
2391
|
+
this.hasDefaultValue) {
|
|
2392
|
+
this.newItems = this.changeItemsType(this._items);
|
|
2393
|
+
}
|
|
2394
|
+
}
|
|
2395
|
+
ngOnInit() {
|
|
2396
|
+
if (this._defaultValue.length == 0)
|
|
2397
|
+
return;
|
|
2398
|
+
this._defaultValue.forEach((item1, index) => {
|
|
2399
|
+
const value = this.newItems.find((item) => item.value === item1);
|
|
2400
|
+
if (value) {
|
|
2401
|
+
this.selectedItems[value.value] = value;
|
|
2402
|
+
}
|
|
2403
|
+
});
|
|
2404
|
+
}
|
|
2405
|
+
ngAfterViewInit() {
|
|
2406
|
+
this.showText();
|
|
2407
|
+
this.cdr.detectChanges();
|
|
2408
|
+
}
|
|
2409
|
+
onItemSelect(selectedItem, isFromUi) {
|
|
2410
|
+
if (this.selectedItems[selectedItem.value]) {
|
|
2411
|
+
delete this.selectedItems[selectedItem.value];
|
|
2412
|
+
}
|
|
2413
|
+
else {
|
|
2414
|
+
this.selectedItems[selectedItem.value] = selectedItem;
|
|
2415
|
+
}
|
|
2416
|
+
this.showText();
|
|
2417
|
+
this.onItemSelected.emit(this.selectedItems);
|
|
2418
|
+
}
|
|
2419
|
+
showText() {
|
|
2420
|
+
let text = '';
|
|
2421
|
+
const items = Object.values(this.selectedItems);
|
|
2422
|
+
items.forEach((item1, index) => {
|
|
2423
|
+
if (index < items.length - 1) {
|
|
2424
|
+
text = item1.title + ' , ' + text;
|
|
2425
|
+
}
|
|
2426
|
+
else {
|
|
2427
|
+
text = text + item1.title;
|
|
2428
|
+
}
|
|
2429
|
+
});
|
|
2430
|
+
this.text = text;
|
|
2431
|
+
this.inputFormControl.setValue(this.text);
|
|
2432
|
+
}
|
|
2433
|
+
changeItemsType(items) {
|
|
2434
|
+
return items.map((item) => {
|
|
2435
|
+
return {
|
|
2436
|
+
title: item[this._titleKey],
|
|
2437
|
+
value: item[this._valueKey],
|
|
2438
|
+
};
|
|
2439
|
+
});
|
|
2440
|
+
}
|
|
2441
|
+
openMenuClick() {
|
|
2442
|
+
this.isOpenMenu = !this.isOpenMenu;
|
|
2443
|
+
}
|
|
2444
|
+
focusOut() {
|
|
2445
|
+
this.isOpenMenu = false;
|
|
2446
|
+
this.inputFormControl.markAsTouched();
|
|
2447
|
+
}
|
|
2448
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreMulliteSelectComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2449
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreMulliteSelectComponent, selector: "core-mulite-select", inputs: { titleKey: "titleKey", valueKey: "valueKey", items: "items", defaultValue: "defaultValue", label: "label", 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 selectError: inputFormControl.touched && inputFormControl.errors\r\n }\"\r\n (click)=\"openMenuClick()\"\r\n >\r\n <span class=\"placeholder-top\" *ngIf=\"isSelectedItems\">{{ label }}</span>\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 class=\"text-content\"\r\n [ngClass]=\"[\r\n label.length > 0 && !isSelectedItems ? 'placeholder' : 'text-value'\r\n ]\"\r\n >{{ label.length > 0 && !isSelectedItems ? label : text }}</span\r\n >\r\n </div>\r\n <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n <app-core-mulite-select-row\r\n *ngFor=\"let item of newItems\"\r\n [item]=\"item\"\r\n [isSelected]=\"selectedItems[item.value] ? true : false\"\r\n (onSelect)=\"onItemSelect(item, true)\"\r\n >\r\n </app-core-mulite-select-row>\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 .select{background:var(--default-mullite-select-background-color);color:var(--default-mullite-select-text-color);display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;border:1px solid var(--default-mullite-select-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-mullite-select-background-hover-color)}.dropdown .select .text-content{white-space:nowrap;display:block;width:263px;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis}.dropdown .select .text-value{padding-inline:12px;font-size:14px;color:var(--default-mullite-select-value-text-color);-webkit-user-select:none;user-select:none}.dropdown .select .placeholder-top{position:absolute;right:13px;background:var(--default-mullite-select-placeholder-top-background-color);top:-8px;padding-inline:6px;font-size:11px;color:var(--default-mullite-select-placeholder-top-text-color)}.dropdown .select .caret{fill:var(--default-mullite-select-icon-fill-color);-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:var(--default-mullite-select-placeholder-text-color);padding-inline:16px}.dropdown .select-clicked{border:1px solid var(--default-mullite-select-selected-border-color)}.dropdown .menu{list-style:none;padding-inline:0px;background:var(--default-mullite-select-menu-background-color);border:1px solid var(--default-mullite-select-menu-border-color);box-shadow:0 .5em 1em var(--default-mullite-select-menu-box-shadow-color);border-radius:.5em;color:var(--default-mullite-select-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-mullite-select-menu-item-background-hover-color)}.dropdown .menu .active{background:var(--default-mullite-select-menu-item-selected-background-color)}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:var(--default-mullite-select-validation-error-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-mullite-select-validation-error-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: CoreMulliteSelectRowComponent, selector: "app-core-mulite-select-row", inputs: ["isSelected", "item"], outputs: ["onSelect"] }] }); }
|
|
2450
|
+
}
|
|
2451
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreMulliteSelectComponent, decorators: [{
|
|
2452
|
+
type: Component,
|
|
2453
|
+
args: [{ selector: 'core-mulite-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 selectError: inputFormControl.touched && inputFormControl.errors\r\n }\"\r\n (click)=\"openMenuClick()\"\r\n >\r\n <span class=\"placeholder-top\" *ngIf=\"isSelectedItems\">{{ label }}</span>\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 class=\"text-content\"\r\n [ngClass]=\"[\r\n label.length > 0 && !isSelectedItems ? 'placeholder' : 'text-value'\r\n ]\"\r\n >{{ label.length > 0 && !isSelectedItems ? label : text }}</span\r\n >\r\n </div>\r\n <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n <app-core-mulite-select-row\r\n *ngFor=\"let item of newItems\"\r\n [item]=\"item\"\r\n [isSelected]=\"selectedItems[item.value] ? true : false\"\r\n (onSelect)=\"onItemSelect(item, true)\"\r\n >\r\n </app-core-mulite-select-row>\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 .select{background:var(--default-mullite-select-background-color);color:var(--default-mullite-select-text-color);display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;border:1px solid var(--default-mullite-select-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-mullite-select-background-hover-color)}.dropdown .select .text-content{white-space:nowrap;display:block;width:263px;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis}.dropdown .select .text-value{padding-inline:12px;font-size:14px;color:var(--default-mullite-select-value-text-color);-webkit-user-select:none;user-select:none}.dropdown .select .placeholder-top{position:absolute;right:13px;background:var(--default-mullite-select-placeholder-top-background-color);top:-8px;padding-inline:6px;font-size:11px;color:var(--default-mullite-select-placeholder-top-text-color)}.dropdown .select .caret{fill:var(--default-mullite-select-icon-fill-color);-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:var(--default-mullite-select-placeholder-text-color);padding-inline:16px}.dropdown .select-clicked{border:1px solid var(--default-mullite-select-selected-border-color)}.dropdown .menu{list-style:none;padding-inline:0px;background:var(--default-mullite-select-menu-background-color);border:1px solid var(--default-mullite-select-menu-border-color);box-shadow:0 .5em 1em var(--default-mullite-select-menu-box-shadow-color);border-radius:.5em;color:var(--default-mullite-select-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-mullite-select-menu-item-background-hover-color)}.dropdown .menu .active{background:var(--default-mullite-select-menu-item-selected-background-color)}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:var(--default-mullite-select-validation-error-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-mullite-select-validation-error-color)!important}\n"] }]
|
|
2454
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { titleKey: [{
|
|
2455
|
+
type: Input
|
|
2456
|
+
}], valueKey: [{
|
|
2457
|
+
type: Input
|
|
2458
|
+
}], items: [{
|
|
2459
|
+
type: Input
|
|
2460
|
+
}], defaultValue: [{
|
|
2461
|
+
type: Input,
|
|
2462
|
+
args: [{ required: true }]
|
|
2463
|
+
}], label: [{
|
|
2464
|
+
type: Input
|
|
2465
|
+
}], onItemSelected: [{
|
|
2466
|
+
type: Output
|
|
2467
|
+
}], inputFormControl: [{
|
|
2468
|
+
type: Input
|
|
2469
|
+
}] } });
|
|
2470
|
+
|
|
2335
2471
|
class DetailViewerManagerDirective {
|
|
2336
2472
|
constructor(el, niraModalService, viewContainerRef, componentFactoryResolver) {
|
|
2337
2473
|
this.el = el;
|
|
@@ -2488,170 +2624,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2488
2624
|
}]
|
|
2489
2625
|
}] });
|
|
2490
2626
|
|
|
2491
|
-
class CoreMultiSelectRowComponent {
|
|
2492
|
-
constructor() {
|
|
2493
|
-
this.onSelect = new EventEmitter();
|
|
2494
|
-
this._isSelected = false;
|
|
2495
|
-
}
|
|
2496
|
-
set isSelected(value) {
|
|
2497
|
-
this._isSelected = value;
|
|
2498
|
-
}
|
|
2499
|
-
onItemSelect() {
|
|
2500
|
-
this.onSelect.emit(true);
|
|
2501
|
-
}
|
|
2502
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreMultiSelectRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2503
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreMultiSelectRowComponent, selector: "app-core-multi-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"] }] }); }
|
|
2504
|
-
}
|
|
2505
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreMultiSelectRowComponent, decorators: [{
|
|
2506
|
-
type: Component,
|
|
2507
|
-
args: [{ selector: 'app-core-multi-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"] }]
|
|
2508
|
-
}], propDecorators: { isSelected: [{
|
|
2509
|
-
type: Input
|
|
2510
|
-
}], item: [{
|
|
2511
|
-
type: Input
|
|
2512
|
-
}], onSelect: [{
|
|
2513
|
-
type: Output
|
|
2514
|
-
}] } });
|
|
2515
|
-
|
|
2516
|
-
class CoreMultiSelectComponent {
|
|
2517
|
-
set titleKey(data) {
|
|
2518
|
-
this._titleKey = data;
|
|
2519
|
-
this.hasTitleKey = true;
|
|
2520
|
-
this.init();
|
|
2521
|
-
}
|
|
2522
|
-
set valueKey(data) {
|
|
2523
|
-
this._valueKey = data;
|
|
2524
|
-
this.hasValueKey = true;
|
|
2525
|
-
this.init();
|
|
2526
|
-
}
|
|
2527
|
-
set items(data) {
|
|
2528
|
-
this._items = data;
|
|
2529
|
-
this.hasItems = true;
|
|
2530
|
-
this.init();
|
|
2531
|
-
}
|
|
2532
|
-
set defaultValue(data) {
|
|
2533
|
-
this._defaultValue = data;
|
|
2534
|
-
this.hasDefaultValue = true;
|
|
2535
|
-
this.init();
|
|
2536
|
-
}
|
|
2537
|
-
get isSelectedItems() {
|
|
2538
|
-
return Object.keys(this.selectedItems).length > 0 ? true : false;
|
|
2539
|
-
}
|
|
2540
|
-
constructor(cdr) {
|
|
2541
|
-
this.cdr = cdr;
|
|
2542
|
-
this.selectedItems = [];
|
|
2543
|
-
this.newItems = [];
|
|
2544
|
-
this.isOpenMenu = false;
|
|
2545
|
-
this._items = [];
|
|
2546
|
-
this._defaultValue = [];
|
|
2547
|
-
this.initCounter = 0;
|
|
2548
|
-
this.hasTitleKey = false;
|
|
2549
|
-
this.hasValueKey = false;
|
|
2550
|
-
this.hasItems = false;
|
|
2551
|
-
this.hasDefaultValue = false;
|
|
2552
|
-
this.text = '';
|
|
2553
|
-
this.label = '';
|
|
2554
|
-
this.singleSelectItems = [];
|
|
2555
|
-
this.onItemSelected = new EventEmitter();
|
|
2556
|
-
this.inputFormControl = new FormControl('', []);
|
|
2557
|
-
}
|
|
2558
|
-
init() {
|
|
2559
|
-
if (this.hasTitleKey &&
|
|
2560
|
-
this.hasValueKey &&
|
|
2561
|
-
this.hasItems &&
|
|
2562
|
-
this.hasDefaultValue) {
|
|
2563
|
-
this.newItems = this.changeItemsType(this._items);
|
|
2564
|
-
}
|
|
2565
|
-
}
|
|
2566
|
-
ngOnInit() {
|
|
2567
|
-
if (this._defaultValue.length == 0)
|
|
2568
|
-
return;
|
|
2569
|
-
this._defaultValue.forEach((item1, index) => {
|
|
2570
|
-
const value = this.newItems.find((item) => item.value === item1);
|
|
2571
|
-
if (value) {
|
|
2572
|
-
this.selectedItems[value.value] = value;
|
|
2573
|
-
}
|
|
2574
|
-
});
|
|
2575
|
-
}
|
|
2576
|
-
ngAfterViewInit() {
|
|
2577
|
-
this.showText();
|
|
2578
|
-
this.cdr.detectChanges();
|
|
2579
|
-
}
|
|
2580
|
-
onItemSelect(selectedItem, isFromUi) {
|
|
2581
|
-
if (this.selectedItems[selectedItem.value]) {
|
|
2582
|
-
delete this.selectedItems[selectedItem.value];
|
|
2583
|
-
}
|
|
2584
|
-
else {
|
|
2585
|
-
let flag = false;
|
|
2586
|
-
Object.keys(this.selectedItems).forEach((item) => {
|
|
2587
|
-
if (this.singleSelectItems.find((data) => data == item)) {
|
|
2588
|
-
flag = true;
|
|
2589
|
-
return;
|
|
2590
|
-
}
|
|
2591
|
-
});
|
|
2592
|
-
if (Object.keys(this.selectedItems).length > 0 &&
|
|
2593
|
-
this.singleSelectItems.find((data) => data == selectedItem.value)) {
|
|
2594
|
-
}
|
|
2595
|
-
else if (!flag)
|
|
2596
|
-
this.selectedItems[selectedItem.value] = selectedItem;
|
|
2597
|
-
}
|
|
2598
|
-
this.showText();
|
|
2599
|
-
this.onItemSelected.emit(this.selectedItems);
|
|
2600
|
-
}
|
|
2601
|
-
showText() {
|
|
2602
|
-
let text = '';
|
|
2603
|
-
const items = Object.values(this.selectedItems);
|
|
2604
|
-
items.forEach((item1, index) => {
|
|
2605
|
-
if (index < items.length - 1) {
|
|
2606
|
-
text = item1.title + ' , ' + text;
|
|
2607
|
-
}
|
|
2608
|
-
else {
|
|
2609
|
-
text = text + item1.title;
|
|
2610
|
-
}
|
|
2611
|
-
});
|
|
2612
|
-
this.text = text;
|
|
2613
|
-
this.inputFormControl.setValue(this.text);
|
|
2614
|
-
}
|
|
2615
|
-
changeItemsType(items) {
|
|
2616
|
-
return items.map((item) => {
|
|
2617
|
-
return {
|
|
2618
|
-
title: item[this._titleKey],
|
|
2619
|
-
value: item[this._valueKey],
|
|
2620
|
-
};
|
|
2621
|
-
});
|
|
2622
|
-
}
|
|
2623
|
-
openMenuClick() {
|
|
2624
|
-
this.isOpenMenu = !this.isOpenMenu;
|
|
2625
|
-
}
|
|
2626
|
-
focusOut() {
|
|
2627
|
-
this.isOpenMenu = false;
|
|
2628
|
-
this.inputFormControl.markAsTouched();
|
|
2629
|
-
}
|
|
2630
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreMultiSelectComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2631
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreMultiSelectComponent, selector: "core-multi-select", inputs: { titleKey: "titleKey", valueKey: "valueKey", items: "items", defaultValue: "defaultValue", label: "label", singleSelectItems: "singleSelectItems", 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 selectError: inputFormControl.touched && inputFormControl.errors\r\n }\"\r\n (click)=\"openMenuClick()\"\r\n >\r\n <span class=\"placeholder-top\" *ngIf=\"isSelectedItems\">{{ label }}</span>\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 class=\"text-content\"\r\n [ngClass]=\"[\r\n label.length > 0 && !isSelectedItems ? 'placeholder' : 'selected'\r\n ]\"\r\n >{{ label.length > 0 && !isSelectedItems ? label : text }}</span\r\n >\r\n </div>\r\n <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n <app-core-multi-select-row\r\n *ngFor=\"let item of newItems\"\r\n [item]=\"item\"\r\n [isSelected]=\"selectedItems[item.value] ? true : false\"\r\n (onSelect)=\"onItemSelect(item, true)\"\r\n >\r\n </app-core-multi-select-row>\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 .select{background:#fff;color:#304050;display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;border:1px solid #ced4da;border-radius:4px;padding:8px;cursor:pointer;transition:background .3s;font-size:12px;-webkit-user-select:none;user-select:none}.dropdown .select:hover{background:#fbfbfb}.dropdown .select .text-content{white-space:nowrap;display:block;width:263px;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis}.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:#fff;top:-8px;padding-inline:6px;font-size:11px;color:#888}.dropdown .select .caret{color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:#888;padding-inline:16px}.dropdown .select-clicked{border:1px solid rgba(19,92,175,.397)}.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: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:#f6f6f6}.dropdown .menu .active{background:#ced4da}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:red;font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.dropdown .selectError{border:1px solid #fe5f5f!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: CoreMultiSelectRowComponent, selector: "app-core-multi-select-row", inputs: ["isSelected", "item"], outputs: ["onSelect"] }, { kind: "component", type: ArrowDownIconComponent, selector: "arrow-down-icon" }] }); }
|
|
2632
|
-
}
|
|
2633
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreMultiSelectComponent, decorators: [{
|
|
2634
|
-
type: Component,
|
|
2635
|
-
args: [{ selector: 'core-multi-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 selectError: inputFormControl.touched && inputFormControl.errors\r\n }\"\r\n (click)=\"openMenuClick()\"\r\n >\r\n <span class=\"placeholder-top\" *ngIf=\"isSelectedItems\">{{ label }}</span>\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 class=\"text-content\"\r\n [ngClass]=\"[\r\n label.length > 0 && !isSelectedItems ? 'placeholder' : 'selected'\r\n ]\"\r\n >{{ label.length > 0 && !isSelectedItems ? label : text }}</span\r\n >\r\n </div>\r\n <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n <app-core-multi-select-row\r\n *ngFor=\"let item of newItems\"\r\n [item]=\"item\"\r\n [isSelected]=\"selectedItems[item.value] ? true : false\"\r\n (onSelect)=\"onItemSelect(item, true)\"\r\n >\r\n </app-core-multi-select-row>\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 .select{background:#fff;color:#304050;display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;border:1px solid #ced4da;border-radius:4px;padding:8px;cursor:pointer;transition:background .3s;font-size:12px;-webkit-user-select:none;user-select:none}.dropdown .select:hover{background:#fbfbfb}.dropdown .select .text-content{white-space:nowrap;display:block;width:263px;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis}.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:#fff;top:-8px;padding-inline:6px;font-size:11px;color:#888}.dropdown .select .caret{color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:#888;padding-inline:16px}.dropdown .select-clicked{border:1px solid rgba(19,92,175,.397)}.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: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:#f6f6f6}.dropdown .menu .active{background:#ced4da}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:red;font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.dropdown .selectError{border:1px solid #fe5f5f!important}\n"] }]
|
|
2636
|
-
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { titleKey: [{
|
|
2637
|
-
type: Input
|
|
2638
|
-
}], valueKey: [{
|
|
2639
|
-
type: Input
|
|
2640
|
-
}], items: [{
|
|
2641
|
-
type: Input
|
|
2642
|
-
}], defaultValue: [{
|
|
2643
|
-
type: Input,
|
|
2644
|
-
args: [{ required: true }]
|
|
2645
|
-
}], label: [{
|
|
2646
|
-
type: Input
|
|
2647
|
-
}], singleSelectItems: [{
|
|
2648
|
-
type: Input
|
|
2649
|
-
}], onItemSelected: [{
|
|
2650
|
-
type: Output
|
|
2651
|
-
}], inputFormControl: [{
|
|
2652
|
-
type: Input
|
|
2653
|
-
}] } });
|
|
2654
|
-
|
|
2655
2627
|
class FalconLibModule {
|
|
2656
2628
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FalconLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2657
2629
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: FalconLibModule, declarations: [CoreAutoCompleteComponent,
|
|
@@ -2684,6 +2656,8 @@ class FalconLibModule {
|
|
|
2684
2656
|
TimePickerModalComponent,
|
|
2685
2657
|
CoreTextareaComponent,
|
|
2686
2658
|
CoreTimePickerComponent,
|
|
2659
|
+
CoreMulliteSelectComponent,
|
|
2660
|
+
CoreMulliteSelectRowComponent,
|
|
2687
2661
|
CoreNumberComponent,
|
|
2688
2662
|
PersianDigitsPipe,
|
|
2689
2663
|
FormControlPipe,
|
|
@@ -2702,15 +2676,11 @@ class FalconLibModule {
|
|
|
2702
2676
|
SortSolidIconComponent,
|
|
2703
2677
|
SortUpIconComponent,
|
|
2704
2678
|
PelakIconComponent,
|
|
2705
|
-
CoreMultiSelectComponent,
|
|
2706
|
-
CoreMultiSelectRowComponent,
|
|
2707
2679
|
TableDetailViewerManagerDirective,
|
|
2708
2680
|
DetailViewerManagerDirective,
|
|
2709
2681
|
CoreTableStatusActiveColumnComponent,
|
|
2710
2682
|
CoreRowPelakComponent,
|
|
2711
|
-
CoreTableDetailViewerForReportComponent,
|
|
2712
|
-
CalendarIconComponent,
|
|
2713
|
-
ArrowDownIconComponent], imports: [CommonModule,
|
|
2683
|
+
CoreTableDetailViewerForReportComponent], imports: [CommonModule,
|
|
2714
2684
|
ReactiveFormsModule,
|
|
2715
2685
|
FormsModule,
|
|
2716
2686
|
NiraSnackBarModule,
|
|
@@ -2724,10 +2694,10 @@ class FalconLibModule {
|
|
|
2724
2694
|
CoreInputComponent,
|
|
2725
2695
|
CoreSpinnerComponent,
|
|
2726
2696
|
CoreSwitchComponent,
|
|
2727
|
-
CoreMultiSelectComponent,
|
|
2728
2697
|
CoreTableComponent,
|
|
2729
2698
|
CoreBtnComponent,
|
|
2730
2699
|
CoreTimePickerComponent,
|
|
2700
|
+
CoreMulliteSelectComponent,
|
|
2731
2701
|
CoreNumberComponent,
|
|
2732
2702
|
CoreConfirmDialogComponent,
|
|
2733
2703
|
PersianDigitsPipe,
|
|
@@ -2778,6 +2748,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2778
2748
|
TimePickerModalComponent,
|
|
2779
2749
|
CoreTextareaComponent,
|
|
2780
2750
|
CoreTimePickerComponent,
|
|
2751
|
+
CoreMulliteSelectComponent,
|
|
2752
|
+
CoreMulliteSelectRowComponent,
|
|
2781
2753
|
CoreNumberComponent,
|
|
2782
2754
|
PersianDigitsPipe,
|
|
2783
2755
|
FormControlPipe,
|
|
@@ -2796,15 +2768,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2796
2768
|
SortSolidIconComponent,
|
|
2797
2769
|
SortUpIconComponent,
|
|
2798
2770
|
PelakIconComponent,
|
|
2799
|
-
CoreMultiSelectComponent,
|
|
2800
|
-
CoreMultiSelectRowComponent,
|
|
2801
2771
|
TableDetailViewerManagerDirective,
|
|
2802
2772
|
DetailViewerManagerDirective,
|
|
2803
2773
|
CoreTableStatusActiveColumnComponent,
|
|
2804
2774
|
CoreRowPelakComponent,
|
|
2805
2775
|
CoreTableDetailViewerForReportComponent,
|
|
2806
|
-
CalendarIconComponent,
|
|
2807
|
-
ArrowDownIconComponent,
|
|
2808
2776
|
],
|
|
2809
2777
|
imports: [
|
|
2810
2778
|
CommonModule,
|
|
@@ -2824,10 +2792,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2824
2792
|
CoreInputComponent,
|
|
2825
2793
|
CoreSpinnerComponent,
|
|
2826
2794
|
CoreSwitchComponent,
|
|
2827
|
-
CoreMultiSelectComponent,
|
|
2828
2795
|
CoreTableComponent,
|
|
2829
2796
|
CoreBtnComponent,
|
|
2830
2797
|
CoreTimePickerComponent,
|
|
2798
|
+
CoreMulliteSelectComponent,
|
|
2831
2799
|
CoreNumberComponent,
|
|
2832
2800
|
CoreConfirmDialogComponent,
|
|
2833
2801
|
PersianDigitsPipe,
|
|
@@ -2859,5 +2827,5 @@ var DetailViewers;
|
|
|
2859
2827
|
* Generated bundle index. Do not edit.
|
|
2860
2828
|
*/
|
|
2861
2829
|
|
|
2862
|
-
export { CoreAutoCompleteComponent, CoreBtnComponent, CoreCardComponent, CoreCheckboxComponent, CoreConfirmDialogComponent, CoreDatePickerComponent, CoreInputComponent,
|
|
2830
|
+
export { CoreAutoCompleteComponent, CoreBtnComponent, CoreCardComponent, CoreCheckboxComponent, CoreConfirmDialogComponent, CoreDatePickerComponent, CoreInputComponent, CoreMulliteSelectComponent, CoreNumberComponent, CorePageTitleComponent, CoreRadioButtonsComponent, CoreSearchBoxComponent, CoreSelectComponent, CoreSpinnerComponent, CoreSwitchComponent, CoreTableComponent, CoreTimePickerComponent, DetailViewers, DigitGroupPipe, FalconLibModule, FormControlPipe, PersianDigitsPipe, PriceFormatPipe, ShamsiDatePipe, TimeFormatPipe, WeightPipe };
|
|
2863
2831
|
//# sourceMappingURL=nira-falcon.mjs.map
|