@acorex/components 16.19.48 → 16.19.50
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/fesm2022/acorex-components.mjs +631 -231
- package/fesm2022/acorex-components.mjs.map +1 -1
- package/index.d.ts +2 -0
- package/lib/auto-complete/auto-complete.component.d.ts +77 -0
- package/lib/auto-complete/auto-complete.module.d.ts +14 -0
- package/lib/base/element.class.d.ts +2 -2
- package/lib/calendar/calendar-box/calendar-box.component.d.ts +4 -1
- package/lib/date-picker/date-picker.component.d.ts +2 -1
- package/lib/popup/popup.component.d.ts +1 -0
- package/lib/popup/popup.service.d.ts +1 -0
- package/lib/tree-view/tree-view.component.d.ts +4 -4
- package/package.json +1 -1
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { ElementRef, Input, Inject, Optional, Component, Injectable, EventEmitter, Output, Directive, ContentChild, ViewChild, TemplateRef, HostListener, ViewEncapsulation, NgModule, ChangeDetectionStrategy, Attribute, ContentChildren, input, ViewChildren, output, inject, ChangeDetectorRef, model, contentChild, afterNextRender, contentChildren, NO_ERRORS_SCHEMA, ViewContainerRef, HostBinding, signal, effect } from '@angular/core';
|
|
3
1
|
import * as i1$2 from '@acorex/core';
|
|
4
|
-
import { AXTranslator, AXHtmlUtil, AXConfig, AXDateTime, AXDateTimeRange, AXCoreModule, AXTranslatorModule, AXPlatform,
|
|
2
|
+
import { AXTranslator, AXHtmlUtil, AXConfig, AXDateTime, AXDateTimeRange, AXCoreModule, AXTranslatorModule, AXPlatform, AXScrollModule, AXObjectUtil, setPropByPath, AXColorUtil } from '@acorex/core';
|
|
3
|
+
import * as i0 from '@angular/core';
|
|
4
|
+
import { ElementRef, Input, Inject, Optional, Component, Injectable, EventEmitter, Output, Directive, ContentChild, ViewChild, TemplateRef, HostListener, ViewEncapsulation, NgModule, input, effect, ChangeDetectionStrategy, Attribute, ContentChildren, ViewChildren, output, inject, ChangeDetectorRef, model, contentChild, afterNextRender, contentChildren, NO_ERRORS_SCHEMA, ViewContainerRef, HostBinding, signal } from '@angular/core';
|
|
5
5
|
import * as i1 from '@angular/cdk/overlay';
|
|
6
6
|
import { OverlayContainer, Overlay, OverlayModule } from '@angular/cdk/overlay';
|
|
7
7
|
import * as i1$3 from '@angular/cdk/portal';
|
|
8
8
|
import { TemplatePortal, ComponentPortal, CdkPortalOutlet, PortalModule } from '@angular/cdk/portal';
|
|
9
|
-
import { merge, Subject, Observable, debounceTime as debounceTime$1, takeUntil } from 'rxjs';
|
|
9
|
+
import { merge, Subject, Observable, debounceTime as debounceTime$1, takeUntil, BehaviorSubject, distinctUntilChanged as distinctUntilChanged$1 } from 'rxjs';
|
|
10
10
|
import * as i2 from '@angular/cdk/bidi';
|
|
11
11
|
import * as i1$1 from '@angular/common';
|
|
12
12
|
import { DOCUMENT, CommonModule } from '@angular/common';
|
|
@@ -988,19 +988,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
|
|
|
988
988
|
args: ['document:keydown.escape', ['$event']]
|
|
989
989
|
}] } });
|
|
990
990
|
|
|
991
|
-
const COMPONENT$
|
|
992
|
-
const MODULES$
|
|
991
|
+
const COMPONENT$a = [AXButtonComponent];
|
|
992
|
+
const MODULES$a = [CommonModule];
|
|
993
993
|
class AXButtonModule {
|
|
994
994
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
995
995
|
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: AXButtonModule, declarations: [AXButtonComponent], imports: [CommonModule], exports: [AXButtonComponent] });
|
|
996
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXButtonModule, imports: [MODULES$
|
|
996
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXButtonModule, imports: [MODULES$a] });
|
|
997
997
|
}
|
|
998
998
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXButtonModule, decorators: [{
|
|
999
999
|
type: NgModule,
|
|
1000
1000
|
args: [{
|
|
1001
|
-
declarations: [...COMPONENT$
|
|
1002
|
-
imports: [...MODULES$
|
|
1003
|
-
exports: [...COMPONENT$
|
|
1001
|
+
declarations: [...COMPONENT$a],
|
|
1002
|
+
imports: [...MODULES$a],
|
|
1003
|
+
exports: [...COMPONENT$a],
|
|
1004
1004
|
providers: [],
|
|
1005
1005
|
}]
|
|
1006
1006
|
}] });
|
|
@@ -1008,7 +1008,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
|
|
|
1008
1008
|
class AXCalendarBoxComponent {
|
|
1009
1009
|
cdr;
|
|
1010
1010
|
ref;
|
|
1011
|
+
selectedDates = input([]);
|
|
1011
1012
|
weekdays = [];
|
|
1013
|
+
#effect = effect(() => {
|
|
1014
|
+
this.updateSelectedDates();
|
|
1015
|
+
});
|
|
1012
1016
|
d = {
|
|
1013
1017
|
jalali: {
|
|
1014
1018
|
locale: AXConfig.get('dateTime.jalali.locale') || 'fa',
|
|
@@ -1315,6 +1319,9 @@ class AXCalendarBoxComponent {
|
|
|
1315
1319
|
this.matrix = this.matrixify(this.applyStyle(range), 3);
|
|
1316
1320
|
}
|
|
1317
1321
|
this.cdr.detectChanges();
|
|
1322
|
+
if (this.selectedDates().length) {
|
|
1323
|
+
this.updateSelectedDates();
|
|
1324
|
+
}
|
|
1318
1325
|
}
|
|
1319
1326
|
applyStyle(dates) {
|
|
1320
1327
|
const items = [];
|
|
@@ -1432,8 +1439,19 @@ class AXCalendarBoxComponent {
|
|
|
1432
1439
|
trackByFn(index, item) {
|
|
1433
1440
|
return item.date.date.getTime();
|
|
1434
1441
|
}
|
|
1442
|
+
updateSelectedDates() {
|
|
1443
|
+
const selected = this.selectedDates().map((d) => AXDateTime.convert(d));
|
|
1444
|
+
if (!this.matrix)
|
|
1445
|
+
return;
|
|
1446
|
+
for (let row of this.matrix) {
|
|
1447
|
+
for (let item of row) {
|
|
1448
|
+
item.selected = selected.some((s) => s.compaireNew(item.date, this.getViewCompaire(this.view), this.type) === 0);
|
|
1449
|
+
}
|
|
1450
|
+
}
|
|
1451
|
+
this.cdr.detectChanges();
|
|
1452
|
+
}
|
|
1435
1453
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXCalendarBoxComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1436
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1454
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.5", type: AXCalendarBoxComponent, isStandalone: false, selector: "ax-calendar-box", inputs: { selectedDates: { classPropertyName: "selectedDates", publicName: "selectedDates", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: false, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: false, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: false, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: false, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: false, isRequired: false, transformFunction: null }, selectableHoliday: { classPropertyName: "selectableHoliday", publicName: "selectableHoliday", isSignal: false, isRequired: false, transformFunction: null }, dayStyle: { classPropertyName: "dayStyle", publicName: "dayStyle", isSignal: false, isRequired: false, transformFunction: null }, dayMinMaxResoan: { classPropertyName: "dayMinMaxResoan", publicName: "dayMinMaxResoan", isSignal: false, isRequired: false, transformFunction: null }, showTodayButton: { classPropertyName: "showTodayButton", publicName: "showTodayButton", isSignal: false, isRequired: false, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: false, isRequired: false, transformFunction: null }, depth: { classPropertyName: "depth", publicName: "depth", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onValueChanged: "onValueChanged", onClick: "onClick", valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"ax-calendar-container {{ size }}\" [ngClass]=\"type\">\n <div class=\"ax-calendar-header\">\n <div class=\"ax-controll-button\">\n <ax-button type=\"light blank\" (click)=\"next()\">\n {{ 'common.next' | trans }}\n </ax-button>\n </div>\n <div class=\"ax-nav-button\" [ngSwitch]=\"view\">\n <ax-button type=\"light blank\" (click)=\"changeView()\">\n <ng-container *ngSwitchCase=\"'day'\">\n {{ viewRange.startTime.add('day', 10) | dt : 'MMM YYYY' }}\n </ng-container>\n <ng-container *ngSwitchCase=\"'month'\">\n {{ viewRange.startTime | dt : 'YYYY' }}\n </ng-container>\n <ng-container *ngSwitchDefault>\n {{ viewRange.startTime | dt : 'YYYY' }} -\n {{ viewRange.endTime | dt : 'YYYY' }}\n </ng-container>\n </ax-button>\n </div>\n <div class=\"ax-controll-button\">\n <ax-button type=\"light blank\" (click)=\"prev()\">\n {{ 'common.prev' | trans }}\n </ax-button>\n </div>\n </div>\n <div class=\"ax-calendar-body\">\n <ng-container [ngSwitch]=\"view\">\n <ng-container *ngSwitchCase=\"'day'\">\n <div class=\"ax-month-items\">\n <ng-container *ngFor=\"let w of weekdays\">\n <div class=\"ax-month-item\">{{ w }}</div>\n </ng-container>\n </div>\n <div class=\"ax-day-items\">\n <ng-container *ngFor=\"let r of matrix\">\n <div\n class=\"ax-day-item ax-state-event\"\n *ngFor=\"let d of r; trackBy: trackByFn\"\n [title]=\"getTitle(d.date)\"\n [ngClass]=\"{\n selected: d.selected,\n focused: d.focused,\n today: d.today,\n 'next-month': d.nextMonth,\n holiday: d.holiday,\n unselect: d.unselect\n }\"\n [ngStyle]=\"findDay(d.date) ? getStyle(d.date) : ''\"\n (click)=\"setDayClick($event, d)\"\n >\n {{ d.date.dayInMonth }}\n </div>\n </ng-container>\n </div>\n </ng-container>\n <div class=\"ax-month-container\" *ngSwitchCase=\"'month'\">\n <ng-container *ngFor=\"let r of matrix\">\n <div\n class=\"ax-month-item\"\n *ngFor=\"let d of r; trackBy: trackByFn\"\n [ngClass]=\"{\n selected: d.selected,\n focused: d.focused,\n today: d.today\n }\"\n (click)=\"setMonthClick($event, d.date)\"\n >\n <strong>\n {{ d.date | dt : 'MMM' }}\n </strong>\n </div>\n </ng-container>\n </div>\n <div class=\"ax-year-container\" *ngSwitchCase=\"'year'\">\n <ng-container class=\"calendar-row\" *ngFor=\"let r of matrix\">\n <div\n class=\"ax-year-item\"\n *ngFor=\"let d of r; trackBy: trackByFn\"\n [ngClass]=\"{\n selected: d.selected,\n focused: d.focused,\n today: d.today\n }\"\n (click)=\"setYearClick($event, d.date)\"\n >\n <strong>{{ d.date | dt : 'YYYY' }}</strong>\n </div>\n </ng-container>\n </div>\n </ng-container>\n </div>\n <div class=\"ax-calendar-footer\">\n <ax-button (click)=\"setToday()\" *ngIf=\"showTodayButton\" type=\"dark\">\n {{ getTodayName() }}\n </ax-button>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }, { kind: "pipe", type: i1$2.AXDateTimePipe, name: "dt" }, { kind: "pipe", type: i1$2.AXTranslatorPipe, name: "trans" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1437
1455
|
}
|
|
1438
1456
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXCalendarBoxComponent, decorators: [{
|
|
1439
1457
|
type: Component,
|
|
@@ -2528,7 +2546,7 @@ class AXToolbarSchedulerNavigatorComponent {
|
|
|
2528
2546
|
<ax-popover target="#nav" placement="bottom-end" alignment="top-end" #pop>
|
|
2529
2547
|
<ax-calendar-box (onValueChanged)="onDateChange($event)" [depth]="viewDepth" #cal></ax-calendar-box>
|
|
2530
2548
|
</ax-popover>
|
|
2531
|
-
</div>`, isInline: true, dependencies: [{ kind: "component", type: AXCalendarBoxComponent, selector: "ax-calendar-box", inputs: ["size", "type", "locale", "dir", "min", "max", "selectableHoliday", "dayStyle", "dayMinMaxResoan", "showTodayButton", "view", "depth", "value"], outputs: ["onValueChanged", "onClick", "valueChange"] }, { kind: "component", type: AXToolbarMenuComponent, selector: "ax-toolbar-menu", inputs: ["menuTemplate", "floatPlacemnet", "selection", "items"], outputs: ["onItemClick"] }, { kind: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["target", "position", "openMode", "closeMode", "rtl", "visible"], outputs: ["onOutSideClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2549
|
+
</div>`, isInline: true, dependencies: [{ kind: "component", type: AXCalendarBoxComponent, selector: "ax-calendar-box", inputs: ["selectedDates", "size", "type", "locale", "dir", "min", "max", "selectableHoliday", "dayStyle", "dayMinMaxResoan", "showTodayButton", "view", "depth", "value"], outputs: ["onValueChanged", "onClick", "valueChange"] }, { kind: "component", type: AXToolbarMenuComponent, selector: "ax-toolbar-menu", inputs: ["menuTemplate", "floatPlacemnet", "selection", "items"], outputs: ["onItemClick"] }, { kind: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["target", "position", "openMode", "closeMode", "rtl", "visible"], outputs: ["onOutSideClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2532
2550
|
}
|
|
2533
2551
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXToolbarSchedulerNavigatorComponent, decorators: [{
|
|
2534
2552
|
type: Component,
|
|
@@ -4113,6 +4131,7 @@ class AXDatePickerComponent extends AXValidatableComponent {
|
|
|
4113
4131
|
dropdown;
|
|
4114
4132
|
calendarRef;
|
|
4115
4133
|
input;
|
|
4134
|
+
selectedDates = input([]);
|
|
4116
4135
|
dayStyle = [];
|
|
4117
4136
|
dayMinMaxResoan = '';
|
|
4118
4137
|
yyyyMMdd = '0000/00/00';
|
|
@@ -5194,15 +5213,15 @@ class AXDatePickerComponent extends AXValidatableComponent {
|
|
|
5194
5213
|
this.destroy$.complete();
|
|
5195
5214
|
}
|
|
5196
5215
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXDatePickerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
5197
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: AXDatePickerComponent, isStandalone: false, selector: "ax-date-picker", inputs: { dayStyle: { classPropertyName: "dayStyle", publicName: "dayStyle", isSignal: false, isRequired: false, transformFunction: null }, dayMinMaxResoan: { classPropertyName: "dayMinMaxResoan", publicName: "dayMinMaxResoan", isSignal: false, isRequired: false, transformFunction: null }, validation: { classPropertyName: "validation", publicName: "validation", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, allowClear: { classPropertyName: "allowClear", publicName: "allowClear", isSignal: false, isRequired: false, transformFunction: null }, textAlign: { classPropertyName: "textAlign", publicName: "textAlign", isSignal: false, isRequired: false, transformFunction: null }, showToday: { classPropertyName: "showToday", publicName: "showToday", isSignal: false, isRequired: false, transformFunction: null }, selectableHoliday: { classPropertyName: "selectableHoliday", publicName: "selectableHoliday", isSignal: false, isRequired: false, transformFunction: null }, dateType: { classPropertyName: "dateType", publicName: "dateType", isSignal: false, isRequired: false, transformFunction: null }, showTodayButton: { classPropertyName: "showTodayButton", publicName: "showTodayButton", isSignal: false, isRequired: false, transformFunction: null }, openByClick: { classPropertyName: "openByClick", publicName: "openByClick", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { typeChange: "typeChange", onValueChanged: "onValueChanged", valueChange: "valueChange" }, host: { styleAttribute: "width: 100%" }, providers: [
|
|
5216
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: AXDatePickerComponent, isStandalone: false, selector: "ax-date-picker", inputs: { selectedDates: { classPropertyName: "selectedDates", publicName: "selectedDates", isSignal: true, isRequired: false, transformFunction: null }, dayStyle: { classPropertyName: "dayStyle", publicName: "dayStyle", isSignal: false, isRequired: false, transformFunction: null }, dayMinMaxResoan: { classPropertyName: "dayMinMaxResoan", publicName: "dayMinMaxResoan", isSignal: false, isRequired: false, transformFunction: null }, validation: { classPropertyName: "validation", publicName: "validation", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, allowClear: { classPropertyName: "allowClear", publicName: "allowClear", isSignal: false, isRequired: false, transformFunction: null }, textAlign: { classPropertyName: "textAlign", publicName: "textAlign", isSignal: false, isRequired: false, transformFunction: null }, showToday: { classPropertyName: "showToday", publicName: "showToday", isSignal: false, isRequired: false, transformFunction: null }, selectableHoliday: { classPropertyName: "selectableHoliday", publicName: "selectableHoliday", isSignal: false, isRequired: false, transformFunction: null }, dateType: { classPropertyName: "dateType", publicName: "dateType", isSignal: false, isRequired: false, transformFunction: null }, showTodayButton: { classPropertyName: "showTodayButton", publicName: "showTodayButton", isSignal: false, isRequired: false, transformFunction: null }, openByClick: { classPropertyName: "openByClick", publicName: "openByClick", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { typeChange: "typeChange", onValueChanged: "onValueChanged", valueChange: "valueChange" }, host: { styleAttribute: "width: 100%" }, providers: [
|
|
5198
5217
|
{ provide: AXValidatableComponent, useExisting: AXDatePickerComponent },
|
|
5199
|
-
], queries: [{ propertyName: "_contentValidation", first: true, predicate: AXValidation, descendants: true, static: true }], viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true, static: true }, { propertyName: "calendarRef", first: true, predicate: ["calendarRef"], descendants: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ax-drop-down\n [readonly]=\"readonly\"\n [fitParent]=\"false\"\n [size]=\"size\"\n [showDropDownButton]=\"false\"\n icon=\"far fa-calendar-alt\"\n #dropdown\n maxHeight=\"unset\"\n>\n <ng-container start>\n <ng-content select=\"[start]\"> </ng-content>\n </ng-container>\n <ng-container header>\n <ax-text-box\n [mask]=\"dateType\"\n [showMask]=\"true\"\n #input\n [textAlign]=\"textAlign\"\n [value]=\"text\"\n [disabled]=\"disabled\"\n [placeholder]=\"placeholder\"\n [size]=\"size\"\n (onkey)=\"handleKeyPress($event)\"\n (onBlur)=\"handleInputBlur()\"\n (click)=\"handleClick()\"\n (onValueChanged)=\"textChange($event)\"\n ></ax-text-box>\n </ng-container>\n <ng-container panel>\n @if (_renderPicker) {\n <ax-calendar-box\n #calendarRef\n [showTodayButton]=\"showTodayButton\"\n [selectableHoliday]=\"selectableHoliday\"\n [min]=\"min()\"\n [max]=\"max()\"\n [size]=\"size\"\n (onClick)=\"onClick($event)\"\n (onValueChanged)=\"onDateChange($event)\"\n [type]=\"type\"\n [(value)]=\"calendarValue\"\n [dayStyle]=\"dayStyle\"\n [dayMinMaxResoan]=\"dayMinMaxResoan\"\n >\n </ax-calendar-box>\n }\n </ng-container>\n <ng-container end>\n <ax-button\n end\n *ngIf=\"allowClear && value\"\n [disabled]=\"disabled\"\n icon=\"far fa-times icon\"\n type=\"blank danger\"\n (click)=\"clearTextBox()\"\n [size]=\"size\"\n [tabIndex]=\"-1\"\n >\n </ax-button>\n <ax-button\n end\n icon=\"far fa-calendar-alt icon\"\n type=\"light blank\"\n (click)=\"handleButtonClick()\"\n [disabled]=\"disabled\"\n [size]=\"size\"\n [tabIndex]=\"-1\"\n ></ax-button>\n <ng-content select=\"[end]\"> </ng-content>\n </ng-container>\n</ax-drop-down>\n", styles: [".ax-dropdown-container-bordered .ax-calendar-container{border:none!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AXDropdownComponent, selector: "ax-drop-down", inputs: ["rtl", "readonly", "loading", "dropdownWidth"], outputs: ["dropdownToggle", "onButtonClick"] }, { kind: "component", type: AXCalendarBoxComponent, selector: "ax-calendar-box", inputs: ["size", "type", "locale", "dir", "min", "max", "selectableHoliday", "dayStyle", "dayMinMaxResoan", "showTodayButton", "view", "depth", "value"], outputs: ["onValueChanged", "onClick", "valueChange"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }, { kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["mask", "showMask", "type", "maxLength", "maskGuid", "maskPlaceholder", "maskKeepCharPositions", "leadZeroDateTime"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
5218
|
+
], queries: [{ propertyName: "_contentValidation", first: true, predicate: AXValidation, descendants: true, static: true }], viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true, static: true }, { propertyName: "calendarRef", first: true, predicate: ["calendarRef"], descendants: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ax-drop-down\n [readonly]=\"readonly\"\n [fitParent]=\"false\"\n [size]=\"size\"\n [showDropDownButton]=\"false\"\n icon=\"far fa-calendar-alt\"\n #dropdown\n maxHeight=\"unset\"\n>\n <ng-container start>\n <ng-content select=\"[start]\"> </ng-content>\n </ng-container>\n <ng-container header>\n <ax-text-box\n [mask]=\"dateType\"\n [showMask]=\"true\"\n #input\n [textAlign]=\"textAlign\"\n [value]=\"text\"\n [disabled]=\"disabled\"\n [placeholder]=\"placeholder\"\n [size]=\"size\"\n (onkey)=\"handleKeyPress($event)\"\n (onBlur)=\"handleInputBlur()\"\n (click)=\"handleClick()\"\n (onValueChanged)=\"textChange($event)\"\n ></ax-text-box>\n </ng-container>\n <ng-container panel>\n @if (_renderPicker) {\n <ax-calendar-box\n #calendarRef\n [showTodayButton]=\"showTodayButton\"\n [selectableHoliday]=\"selectableHoliday\"\n [min]=\"min()\"\n [max]=\"max()\"\n [size]=\"size\"\n (onClick)=\"onClick($event)\"\n (onValueChanged)=\"onDateChange($event)\"\n [type]=\"type\"\n [(value)]=\"calendarValue\"\n [dayStyle]=\"dayStyle\"\n [dayMinMaxResoan]=\"dayMinMaxResoan\"\n [selectedDates]=\"selectedDates()\"\n >\n </ax-calendar-box>\n }\n </ng-container>\n <ng-container end>\n <ax-button\n end\n *ngIf=\"allowClear && value\"\n [disabled]=\"disabled\"\n icon=\"far fa-times icon\"\n type=\"blank danger\"\n (click)=\"clearTextBox()\"\n [size]=\"size\"\n [tabIndex]=\"-1\"\n >\n </ax-button>\n <ax-button\n end\n icon=\"far fa-calendar-alt icon\"\n type=\"light blank\"\n (click)=\"handleButtonClick()\"\n [disabled]=\"disabled\"\n [size]=\"size\"\n [tabIndex]=\"-1\"\n ></ax-button>\n <ng-content select=\"[end]\"> </ng-content>\n </ng-container>\n</ax-drop-down>\n", styles: [".ax-dropdown-container-bordered .ax-calendar-container{border:none!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AXDropdownComponent, selector: "ax-drop-down", inputs: ["rtl", "readonly", "loading", "dropdownWidth"], outputs: ["dropdownToggle", "onButtonClick"] }, { kind: "component", type: AXCalendarBoxComponent, selector: "ax-calendar-box", inputs: ["selectedDates", "size", "type", "locale", "dir", "min", "max", "selectableHoliday", "dayStyle", "dayMinMaxResoan", "showTodayButton", "view", "depth", "value"], outputs: ["onValueChanged", "onClick", "valueChange"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }, { kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["mask", "showMask", "type", "maxLength", "maskGuid", "maskPlaceholder", "maskKeepCharPositions", "leadZeroDateTime"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
5200
5219
|
}
|
|
5201
5220
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXDatePickerComponent, decorators: [{
|
|
5202
5221
|
type: Component,
|
|
5203
5222
|
args: [{ selector: 'ax-date-picker', encapsulation: ViewEncapsulation.None, providers: [
|
|
5204
5223
|
{ provide: AXValidatableComponent, useExisting: AXDatePickerComponent },
|
|
5205
|
-
], host: { style: 'width: 100%' }, standalone: false, template: "<ax-drop-down\n [readonly]=\"readonly\"\n [fitParent]=\"false\"\n [size]=\"size\"\n [showDropDownButton]=\"false\"\n icon=\"far fa-calendar-alt\"\n #dropdown\n maxHeight=\"unset\"\n>\n <ng-container start>\n <ng-content select=\"[start]\"> </ng-content>\n </ng-container>\n <ng-container header>\n <ax-text-box\n [mask]=\"dateType\"\n [showMask]=\"true\"\n #input\n [textAlign]=\"textAlign\"\n [value]=\"text\"\n [disabled]=\"disabled\"\n [placeholder]=\"placeholder\"\n [size]=\"size\"\n (onkey)=\"handleKeyPress($event)\"\n (onBlur)=\"handleInputBlur()\"\n (click)=\"handleClick()\"\n (onValueChanged)=\"textChange($event)\"\n ></ax-text-box>\n </ng-container>\n <ng-container panel>\n @if (_renderPicker) {\n <ax-calendar-box\n #calendarRef\n [showTodayButton]=\"showTodayButton\"\n [selectableHoliday]=\"selectableHoliday\"\n [min]=\"min()\"\n [max]=\"max()\"\n [size]=\"size\"\n (onClick)=\"onClick($event)\"\n (onValueChanged)=\"onDateChange($event)\"\n [type]=\"type\"\n [(value)]=\"calendarValue\"\n [dayStyle]=\"dayStyle\"\n [dayMinMaxResoan]=\"dayMinMaxResoan\"\n >\n </ax-calendar-box>\n }\n </ng-container>\n <ng-container end>\n <ax-button\n end\n *ngIf=\"allowClear && value\"\n [disabled]=\"disabled\"\n icon=\"far fa-times icon\"\n type=\"blank danger\"\n (click)=\"clearTextBox()\"\n [size]=\"size\"\n [tabIndex]=\"-1\"\n >\n </ax-button>\n <ax-button\n end\n icon=\"far fa-calendar-alt icon\"\n type=\"light blank\"\n (click)=\"handleButtonClick()\"\n [disabled]=\"disabled\"\n [size]=\"size\"\n [tabIndex]=\"-1\"\n ></ax-button>\n <ng-content select=\"[end]\"> </ng-content>\n </ng-container>\n</ax-drop-down>\n", styles: [".ax-dropdown-container-bordered .ax-calendar-container{border:none!important}\n"] }]
|
|
5224
|
+
], host: { style: 'width: 100%' }, standalone: false, template: "<ax-drop-down\n [readonly]=\"readonly\"\n [fitParent]=\"false\"\n [size]=\"size\"\n [showDropDownButton]=\"false\"\n icon=\"far fa-calendar-alt\"\n #dropdown\n maxHeight=\"unset\"\n>\n <ng-container start>\n <ng-content select=\"[start]\"> </ng-content>\n </ng-container>\n <ng-container header>\n <ax-text-box\n [mask]=\"dateType\"\n [showMask]=\"true\"\n #input\n [textAlign]=\"textAlign\"\n [value]=\"text\"\n [disabled]=\"disabled\"\n [placeholder]=\"placeholder\"\n [size]=\"size\"\n (onkey)=\"handleKeyPress($event)\"\n (onBlur)=\"handleInputBlur()\"\n (click)=\"handleClick()\"\n (onValueChanged)=\"textChange($event)\"\n ></ax-text-box>\n </ng-container>\n <ng-container panel>\n @if (_renderPicker) {\n <ax-calendar-box\n #calendarRef\n [showTodayButton]=\"showTodayButton\"\n [selectableHoliday]=\"selectableHoliday\"\n [min]=\"min()\"\n [max]=\"max()\"\n [size]=\"size\"\n (onClick)=\"onClick($event)\"\n (onValueChanged)=\"onDateChange($event)\"\n [type]=\"type\"\n [(value)]=\"calendarValue\"\n [dayStyle]=\"dayStyle\"\n [dayMinMaxResoan]=\"dayMinMaxResoan\"\n [selectedDates]=\"selectedDates()\"\n >\n </ax-calendar-box>\n }\n </ng-container>\n <ng-container end>\n <ax-button\n end\n *ngIf=\"allowClear && value\"\n [disabled]=\"disabled\"\n icon=\"far fa-times icon\"\n type=\"blank danger\"\n (click)=\"clearTextBox()\"\n [size]=\"size\"\n [tabIndex]=\"-1\"\n >\n </ax-button>\n <ax-button\n end\n icon=\"far fa-calendar-alt icon\"\n type=\"light blank\"\n (click)=\"handleButtonClick()\"\n [disabled]=\"disabled\"\n [size]=\"size\"\n [tabIndex]=\"-1\"\n ></ax-button>\n <ng-content select=\"[end]\"> </ng-content>\n </ng-container>\n</ax-drop-down>\n", styles: [".ax-dropdown-container-bordered .ax-calendar-container{border:none!important}\n"] }]
|
|
5206
5225
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { dropdown: [{
|
|
5207
5226
|
type: ViewChild,
|
|
5208
5227
|
args: ['dropdown', { static: true }]
|
|
@@ -5359,7 +5378,7 @@ class AXFilterColumnDateComponent extends AXFilterColumnComponent {
|
|
|
5359
5378
|
<div class="ax-filter-section-value" [hidden]="!showSpecific">
|
|
5360
5379
|
<ax-date-picker label="Date" [(value)]="fromDate" (onValueChanged)="dateChange($event)"></ax-date-picker>
|
|
5361
5380
|
</div>
|
|
5362
|
-
`, isInline: true, dependencies: [{ kind: "component", type: AXDatePickerComponent, selector: "ax-date-picker", inputs: ["dayStyle", "dayMinMaxResoan", "validation", "placeholder", "min", "max", "readonly", "disabled", "allowClear", "textAlign", "showToday", "selectableHoliday", "dateType", "showTodayButton", "openByClick", "size", "type", "value"], outputs: ["typeChange", "onValueChanged", "valueChange"] }, { kind: "component", type: AXSelectionListComponent, selector: "ax-selection-list", inputs: ["readonly", "value", "disabled", "size", "direction", "items", "mode", "textField", "valueField", "selectedItems", "selectedValues"], outputs: ["selectionChanged", "selectedItemsChange", "selectedValuesChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5381
|
+
`, isInline: true, dependencies: [{ kind: "component", type: AXDatePickerComponent, selector: "ax-date-picker", inputs: ["selectedDates", "dayStyle", "dayMinMaxResoan", "validation", "placeholder", "min", "max", "readonly", "disabled", "allowClear", "textAlign", "showToday", "selectableHoliday", "dateType", "showTodayButton", "openByClick", "size", "type", "value"], outputs: ["typeChange", "onValueChanged", "valueChange"] }, { kind: "component", type: AXSelectionListComponent, selector: "ax-selection-list", inputs: ["readonly", "value", "disabled", "size", "direction", "items", "mode", "textField", "valueField", "selectedItems", "selectedValues"], outputs: ["selectionChanged", "selectedItemsChange", "selectedValuesChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5363
5382
|
}
|
|
5364
5383
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXFilterColumnDateComponent, decorators: [{
|
|
5365
5384
|
type: Component,
|
|
@@ -6454,25 +6473,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
|
|
|
6454
6473
|
}]
|
|
6455
6474
|
}] });
|
|
6456
6475
|
|
|
6457
|
-
const COMPONENT$
|
|
6458
|
-
const MODULES$
|
|
6476
|
+
const COMPONENT$9 = [AXFormGroupComponent, AXFormLableDirective];
|
|
6477
|
+
const MODULES$9 = [CommonModule];
|
|
6459
6478
|
class AXFormGroupModule {
|
|
6460
6479
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXFormGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6461
6480
|
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: AXFormGroupModule, declarations: [AXFormGroupComponent, AXFormLableDirective], imports: [CommonModule], exports: [AXFormGroupComponent, AXFormLableDirective] });
|
|
6462
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXFormGroupModule, imports: [MODULES$
|
|
6481
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXFormGroupModule, imports: [MODULES$9] });
|
|
6463
6482
|
}
|
|
6464
6483
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXFormGroupModule, decorators: [{
|
|
6465
6484
|
type: NgModule,
|
|
6466
6485
|
args: [{
|
|
6467
|
-
declarations: [...COMPONENT$
|
|
6468
|
-
imports: [...MODULES$
|
|
6469
|
-
exports: [...COMPONENT$
|
|
6486
|
+
declarations: [...COMPONENT$9],
|
|
6487
|
+
imports: [...MODULES$9],
|
|
6488
|
+
exports: [...COMPONENT$9],
|
|
6470
6489
|
providers: [],
|
|
6471
6490
|
}]
|
|
6472
6491
|
}] });
|
|
6473
6492
|
|
|
6474
|
-
const COMPONENT$
|
|
6475
|
-
const MODULES$
|
|
6493
|
+
const COMPONENT$8 = [AXTextBoxComponent];
|
|
6494
|
+
const MODULES$8 = [
|
|
6476
6495
|
CommonModule,
|
|
6477
6496
|
AXButtonModule,
|
|
6478
6497
|
NgxMaskDirective,
|
|
@@ -6493,26 +6512,26 @@ class AXTextBoxModule {
|
|
|
6493
6512
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXTextBoxModule, decorators: [{
|
|
6494
6513
|
type: NgModule,
|
|
6495
6514
|
args: [{
|
|
6496
|
-
declarations: [...COMPONENT$
|
|
6497
|
-
imports: [...MODULES$
|
|
6498
|
-
exports: [...COMPONENT$
|
|
6515
|
+
declarations: [...COMPONENT$8],
|
|
6516
|
+
imports: [...MODULES$8],
|
|
6517
|
+
exports: [...COMPONENT$8],
|
|
6499
6518
|
providers: [provideNgxMask()],
|
|
6500
6519
|
}]
|
|
6501
6520
|
}] });
|
|
6502
6521
|
|
|
6503
|
-
const COMPONENT$
|
|
6504
|
-
const MODULES$
|
|
6522
|
+
const COMPONENT$7 = [AXDropdownComponent];
|
|
6523
|
+
const MODULES$7 = [CommonModule, AXFormGroupModule, AXTextBoxModule, AXButtonModule, AXPopoverModule, OverlayModule];
|
|
6505
6524
|
class AXDropdownModule {
|
|
6506
6525
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6507
6526
|
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: AXDropdownModule, declarations: [AXDropdownComponent], imports: [CommonModule, AXFormGroupModule, AXTextBoxModule, AXButtonModule, AXPopoverModule, OverlayModule], exports: [AXDropdownComponent] });
|
|
6508
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXDropdownModule, imports: [MODULES$
|
|
6527
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXDropdownModule, imports: [MODULES$7] });
|
|
6509
6528
|
}
|
|
6510
6529
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXDropdownModule, decorators: [{
|
|
6511
6530
|
type: NgModule,
|
|
6512
6531
|
args: [{
|
|
6513
|
-
declarations: [...COMPONENT$
|
|
6514
|
-
imports: [...MODULES$
|
|
6515
|
-
exports: [...COMPONENT$
|
|
6532
|
+
declarations: [...COMPONENT$7],
|
|
6533
|
+
imports: [...MODULES$7],
|
|
6534
|
+
exports: [...COMPONENT$7],
|
|
6516
6535
|
providers: [],
|
|
6517
6536
|
}]
|
|
6518
6537
|
}] });
|
|
@@ -7155,6 +7174,7 @@ class AXPopupComponent extends AXBaseComponent {
|
|
|
7155
7174
|
maximizable = false;
|
|
7156
7175
|
closable = true;
|
|
7157
7176
|
content;
|
|
7177
|
+
hasHeader = true;
|
|
7158
7178
|
headerButtons = [];
|
|
7159
7179
|
footerButtons = [];
|
|
7160
7180
|
onCloseClick() {
|
|
@@ -7192,11 +7212,11 @@ class AXPopupComponent extends AXBaseComponent {
|
|
|
7192
7212
|
}
|
|
7193
7213
|
}
|
|
7194
7214
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXPopupComponent, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.ElementRef }, { token: i1$2.AXRenderService }, { token: AXLoadingService }, { token: i0.ChangeDetectorRef }, { token: i1$2.AXPlatform }], target: i0.ɵɵFactoryTarget.Component });
|
|
7195
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
7215
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: AXPopupComponent, isStandalone: false, selector: "ng-component", host: { listeners: { "document:keydown.escape": "onKeydownHandler($event)" } }, viewQueries: [{ propertyName: "popupBody", first: true, predicate: ["popupBody"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n class=\"popup-wrapper\"\n role=\"dialog\"\n [attr.aria-labelledby]=\"'dialog' + uid + '_label'\"\n aria-modal=\"true\"\n cdkTrapFocus\n cdkDrag\n>\n <div\n class=\"popup-container {{ size }}\"\n tabindex=\"0\"\n [class.has-border]=\"!modal\"\n >\n @if (hasHeader) {\n <div\n class=\"ax-popup-header\"\n cdkDragHandle\n [attr.id]=\"'dialog' + uid + '_label'\"\n >\n <span>\n {{ title }}\n </span>\n <span class=\"ax-buttons-containers\">\n <i\n class=\"far fa-expand ax-popup-header-button\"\n (click)=\"onFullScreen()\"\n *ngIf=\"maximizable\"\n tabindex=\"2\"\n title=\"\u062A\u0645\u0627\u0645 \u0635\u0641\u062D\u0647\"\n ></i>\n <i\n class=\"far fa-times ax-popup-header-button\"\n (click)=\"onCloseClick()\"\n *ngIf=\"closable\"\n tabindex=\"1\"\n title=\"\u0628\u0633\u062A\u0646\"\n ></i>\n </span>\n </div>\n }\n <div class=\"ax-popup-body ax-loading-host\">\n <div class=\"ax-popup-body-container\">\n <div [hidden]=\"isLoading\">\n <ng-template #popupBody></ng-template>\n </div>\n </div>\n <div\n class=\"ax-popup-footer\"\n *ngIf=\"!isLoading && footerButtons.length > 0\"\n >\n <div class=\"ax-buttons-containers\">\n <ng-container *ngFor=\"let button of footerButtons\">\n <ax-button\n [type]=\"button.style\"\n [icon]=\"button.icon\"\n [submitBehavior]=\"button.submitBehavior\"\n [disabled]=\"button.disable\"\n [cancelBehavior]=\"button.cancelBehavior\"\n (click)=\"handleFooterButtonClick(button)\"\n >\n {{ button.text }}\n </ax-button>\n </ng-container>\n </div>\n </div>\n </div>\n </div>\n</div>\n", styles: [".popup-wrapper{position:relative;display:flex;justify-content:center;align-items:center}.popup-wrapper .popup-container{position:absolute;opacity:1;background:var(--ax-white-color);display:flex;flex-direction:column;border-radius:var(--ax-size-border-radius);-webkit-border-radius:var(--ax-size-border-radius);-moz-border-radius:var(--ax-size-border-radius);overflow:hidden;max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh));min-height:fit-content}.popup-wrapper .popup-container.has-border{border:1px solid var(--ax-border-color);box-shadow:1px 1px 10px var(--ax-border-color)}.popup-wrapper .popup-container:focus{box-shadow:0 0 0 .2rem rgba(var(--outline-color),.8);outline-color:transparent}.popup-wrapper .popup-container.full{width:100vw;max-height:calc(100 * var(--ax-vh));height:calc(100 * var(--ax-vh))}.popup-wrapper .popup-container .ax-popup-header{background:var(--ax-gray-light-color);color:var(--ax-gray-fore-color);display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:1rem;font-weight:500;padding:.5rem .7rem}.popup-wrapper .popup-container .ax-popup-header .ax-buttons-containers{display:flex;flex-direction:row}.popup-wrapper .popup-container .ax-popup-header .ax-buttons-containers .ax-popup-header-button{border-radius:50%;font-size:1.1rem;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;cursor:pointer;margin-inline-start:.5em}.popup-wrapper .popup-container .ax-popup-body{max-height:90dvh;position:relative;overflow:hidden;display:flex;flex-direction:column}.popup-wrapper .popup-container .ax-popup-body .ax-popup-body-container{overflow:auto}.popup-wrapper .popup-container .ax-popup-body .ax-footer{background:var(--ax-white-color);border-top:1px solid;border-color:var(--ax-border-color);margin-block-start:.5em;padding:.4em .5em;display:flex;align-items:center}.popup-wrapper .popup-container .ax-popup-body .ax-footer .button{min-width:100px;margin-inline-end:.5em}.popup-wrapper .popup-container .ax-popup-body .ax-popup-footer{background-color:var(--ax-white-color);display:flex;flex-direction:row;align-items:center;padding:.5em;border-top:1px solid var(--ax-border-color);margin-block-start:.5em}.popup-wrapper .popup-container .ax-popup-body .ax-popup-footer .ax-buttons-containers{flex:1;max-width:fit-content;max-width:-moz-fit-content}.popup-wrapper .popup-container .ax-popup-body .ax-popup-footer .ax-buttons-containers .button{margin-inline-end:.5em;min-width:80px}@media all and (min-width: 1280px){.popup-wrapper .popup-container.sm{width:420px!important}.popup-wrapper .popup-container.md{width:680px!important}.popup-wrapper .popup-container.lg{width:1024px!important}}@media all and (min-width: 1024px) and (max-width: 1279px){.popup-wrapper .popup-container.sm{width:100vw;max-height:100vh}.popup-wrapper .popup-container.md{width:500px!important}.popup-wrapper .popup-container.lg{width:900px!important}}@media all and (min-width: 768px) and (max-width: 1023px){.popup-wrapper .popup-container.sm{width:100vw;max-height:100vh}.popup-wrapper .popup-container.md{width:500px!important}.popup-wrapper .popup-container.lg{width:700px!important}}@media (max-width: 599px){.popup-wrapper .popup-container.sm,.popup-wrapper .popup-container.md,.popup-wrapper .popup-container.lg{width:93vw!important;height:calc(var(--ax-overlay-full-width) * var(--ax-vh))!important}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2$1.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i5.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
7196
7216
|
}
|
|
7197
7217
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXPopupComponent, decorators: [{
|
|
7198
7218
|
type: Component,
|
|
7199
|
-
args: [{ encapsulation: ViewEncapsulation.None, standalone: false, template: "<div\n class=\"popup-wrapper\"\n role=\"dialog\"\n [attr.aria-labelledby]=\"'dialog' + uid + '_label'\"\n aria-modal=\"true\"\n cdkTrapFocus\n cdkDrag\n>\n <div\n class=\"popup-container {{ size }}\"\n tabindex=\"0\"\n [class.has-border]=\"!modal\"\n >\n <div\n class=\"ax-popup-header\"\n cdkDragHandle\n [attr.id]=\"'dialog' + uid + '_label'\"\n >\n <span>\n {{ title }}\n </span>\n <span class=\"ax-buttons-containers\">\n <i\n class=\"far fa-expand ax-popup-header-button\"\n (click)=\"onFullScreen()\"\n *ngIf=\"maximizable\"\n tabindex=\"2\"\n title=\"\u062A\u0645\u0627\u0645 \u0635\u0641\u062D\u0647\"\n ></i>\n <i\n class=\"far fa-times ax-popup-header-button\"\n (click)=\"onCloseClick()\"\n *ngIf=\"closable\"\n tabindex=\"1\"\n title=\"\u0628\u0633\u062A\u0646\"\n ></i>\n </span>\n </div>\n <div class=\"ax-popup-body ax-loading-host\">\n <div class=\"ax-popup-body-container\">\n <div [hidden]=\"isLoading\">\n <ng-template #popupBody></ng-template>\n </div>\n </div>\n <div\n class=\"ax-popup-footer\"\n *ngIf=\"!isLoading && footerButtons.length > 0\"\n >\n <div class=\"ax-buttons-containers\">\n <ng-container *ngFor=\"let button of footerButtons\">\n <ax-button\n [type]=\"button.style\"\n [icon]=\"button.icon\"\n [submitBehavior]=\"button.submitBehavior\"\n [disabled]=\"button.disable\"\n [cancelBehavior]=\"button.cancelBehavior\"\n (click)=\"handleFooterButtonClick(button)\"\n >\n {{ button.text }}\n </ax-button>\n </ng-container>\n </div>\n </div>\n </div>\n </div>\n</div>\n", styles: [".popup-wrapper{position:relative;display:flex;justify-content:center;align-items:center}.popup-wrapper .popup-container{position:absolute;opacity:1;background:var(--ax-white-color);display:flex;flex-direction:column;border-radius:var(--ax-size-border-radius);-webkit-border-radius:var(--ax-size-border-radius);-moz-border-radius:var(--ax-size-border-radius);overflow:hidden;max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh));min-height:fit-content}.popup-wrapper .popup-container.has-border{border:1px solid var(--ax-border-color);box-shadow:1px 1px 10px var(--ax-border-color)}.popup-wrapper .popup-container:focus{box-shadow:0 0 0 .2rem rgba(var(--outline-color),.8);outline-color:transparent}.popup-wrapper .popup-container.full{width:100vw;max-height:calc(100 * var(--ax-vh));height:calc(100 * var(--ax-vh))}.popup-wrapper .popup-container .ax-popup-header{background:var(--ax-gray-light-color);color:var(--ax-gray-fore-color);display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:1rem;font-weight:500;padding:.5rem .7rem}.popup-wrapper .popup-container .ax-popup-header .ax-buttons-containers{display:flex;flex-direction:row}.popup-wrapper .popup-container .ax-popup-header .ax-buttons-containers .ax-popup-header-button{border-radius:50%;font-size:1.1rem;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;cursor:pointer;margin-inline-start:.5em}.popup-wrapper .popup-container .ax-popup-body{max-height:90dvh;position:relative;overflow:hidden;display:flex;flex-direction:column}.popup-wrapper .popup-container .ax-popup-body .ax-popup-body-container{overflow:auto}.popup-wrapper .popup-container .ax-popup-body .ax-footer{background:var(--ax-white-color);border-top:1px solid;border-color:var(--ax-border-color);margin-block-start:.5em;padding:.4em .5em;display:flex;align-items:center}.popup-wrapper .popup-container .ax-popup-body .ax-footer .button{min-width:100px;margin-inline-end:.5em}.popup-wrapper .popup-container .ax-popup-body .ax-popup-footer{background-color:var(--ax-white-color);display:flex;flex-direction:row;align-items:center;padding:.5em;border-top:1px solid var(--ax-border-color);margin-block-start:.5em}.popup-wrapper .popup-container .ax-popup-body .ax-popup-footer .ax-buttons-containers{flex:1;max-width:fit-content;max-width:-moz-fit-content}.popup-wrapper .popup-container .ax-popup-body .ax-popup-footer .ax-buttons-containers .button{margin-inline-end:.5em;min-width:80px}@media all and (min-width: 1280px){.popup-wrapper .popup-container.sm{width:420px!important}.popup-wrapper .popup-container.md{width:680px!important}.popup-wrapper .popup-container.lg{width:1024px!important}}@media all and (min-width: 1024px) and (max-width: 1279px){.popup-wrapper .popup-container.sm{width:100vw;max-height:100vh}.popup-wrapper .popup-container.md{width:500px!important}.popup-wrapper .popup-container.lg{width:900px!important}}@media all and (min-width: 768px) and (max-width: 1023px){.popup-wrapper .popup-container.sm{width:100vw;max-height:100vh}.popup-wrapper .popup-container.md{width:500px!important}.popup-wrapper .popup-container.lg{width:700px!important}}@media (max-width: 599px){.popup-wrapper .popup-container.sm,.popup-wrapper .popup-container.md,.popup-wrapper .popup-container.lg{width:93vw!important;height:calc(var(--ax-overlay-full-width) * var(--ax-vh))!important}}\n"] }]
|
|
7219
|
+
args: [{ encapsulation: ViewEncapsulation.None, standalone: false, template: "<div\n class=\"popup-wrapper\"\n role=\"dialog\"\n [attr.aria-labelledby]=\"'dialog' + uid + '_label'\"\n aria-modal=\"true\"\n cdkTrapFocus\n cdkDrag\n>\n <div\n class=\"popup-container {{ size }}\"\n tabindex=\"0\"\n [class.has-border]=\"!modal\"\n >\n @if (hasHeader) {\n <div\n class=\"ax-popup-header\"\n cdkDragHandle\n [attr.id]=\"'dialog' + uid + '_label'\"\n >\n <span>\n {{ title }}\n </span>\n <span class=\"ax-buttons-containers\">\n <i\n class=\"far fa-expand ax-popup-header-button\"\n (click)=\"onFullScreen()\"\n *ngIf=\"maximizable\"\n tabindex=\"2\"\n title=\"\u062A\u0645\u0627\u0645 \u0635\u0641\u062D\u0647\"\n ></i>\n <i\n class=\"far fa-times ax-popup-header-button\"\n (click)=\"onCloseClick()\"\n *ngIf=\"closable\"\n tabindex=\"1\"\n title=\"\u0628\u0633\u062A\u0646\"\n ></i>\n </span>\n </div>\n }\n <div class=\"ax-popup-body ax-loading-host\">\n <div class=\"ax-popup-body-container\">\n <div [hidden]=\"isLoading\">\n <ng-template #popupBody></ng-template>\n </div>\n </div>\n <div\n class=\"ax-popup-footer\"\n *ngIf=\"!isLoading && footerButtons.length > 0\"\n >\n <div class=\"ax-buttons-containers\">\n <ng-container *ngFor=\"let button of footerButtons\">\n <ax-button\n [type]=\"button.style\"\n [icon]=\"button.icon\"\n [submitBehavior]=\"button.submitBehavior\"\n [disabled]=\"button.disable\"\n [cancelBehavior]=\"button.cancelBehavior\"\n (click)=\"handleFooterButtonClick(button)\"\n >\n {{ button.text }}\n </ax-button>\n </ng-container>\n </div>\n </div>\n </div>\n </div>\n</div>\n", styles: [".popup-wrapper{position:relative;display:flex;justify-content:center;align-items:center}.popup-wrapper .popup-container{position:absolute;opacity:1;background:var(--ax-white-color);display:flex;flex-direction:column;border-radius:var(--ax-size-border-radius);-webkit-border-radius:var(--ax-size-border-radius);-moz-border-radius:var(--ax-size-border-radius);overflow:hidden;max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh));min-height:fit-content}.popup-wrapper .popup-container.has-border{border:1px solid var(--ax-border-color);box-shadow:1px 1px 10px var(--ax-border-color)}.popup-wrapper .popup-container:focus{box-shadow:0 0 0 .2rem rgba(var(--outline-color),.8);outline-color:transparent}.popup-wrapper .popup-container.full{width:100vw;max-height:calc(100 * var(--ax-vh));height:calc(100 * var(--ax-vh))}.popup-wrapper .popup-container .ax-popup-header{background:var(--ax-gray-light-color);color:var(--ax-gray-fore-color);display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:1rem;font-weight:500;padding:.5rem .7rem}.popup-wrapper .popup-container .ax-popup-header .ax-buttons-containers{display:flex;flex-direction:row}.popup-wrapper .popup-container .ax-popup-header .ax-buttons-containers .ax-popup-header-button{border-radius:50%;font-size:1.1rem;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;cursor:pointer;margin-inline-start:.5em}.popup-wrapper .popup-container .ax-popup-body{max-height:90dvh;position:relative;overflow:hidden;display:flex;flex-direction:column}.popup-wrapper .popup-container .ax-popup-body .ax-popup-body-container{overflow:auto}.popup-wrapper .popup-container .ax-popup-body .ax-footer{background:var(--ax-white-color);border-top:1px solid;border-color:var(--ax-border-color);margin-block-start:.5em;padding:.4em .5em;display:flex;align-items:center}.popup-wrapper .popup-container .ax-popup-body .ax-footer .button{min-width:100px;margin-inline-end:.5em}.popup-wrapper .popup-container .ax-popup-body .ax-popup-footer{background-color:var(--ax-white-color);display:flex;flex-direction:row;align-items:center;padding:.5em;border-top:1px solid var(--ax-border-color);margin-block-start:.5em}.popup-wrapper .popup-container .ax-popup-body .ax-popup-footer .ax-buttons-containers{flex:1;max-width:fit-content;max-width:-moz-fit-content}.popup-wrapper .popup-container .ax-popup-body .ax-popup-footer .ax-buttons-containers .button{margin-inline-end:.5em;min-width:80px}@media all and (min-width: 1280px){.popup-wrapper .popup-container.sm{width:420px!important}.popup-wrapper .popup-container.md{width:680px!important}.popup-wrapper .popup-container.lg{width:1024px!important}}@media all and (min-width: 1024px) and (max-width: 1279px){.popup-wrapper .popup-container.sm{width:100vw;max-height:100vh}.popup-wrapper .popup-container.md{width:500px!important}.popup-wrapper .popup-container.lg{width:900px!important}}@media all and (min-width: 768px) and (max-width: 1023px){.popup-wrapper .popup-container.sm{width:100vw;max-height:100vh}.popup-wrapper .popup-container.md{width:500px!important}.popup-wrapper .popup-container.lg{width:700px!important}}@media (max-width: 599px){.popup-wrapper .popup-container.sm,.popup-wrapper .popup-container.md,.popup-wrapper .popup-container.lg{width:93vw!important;height:calc(var(--ax-overlay-full-width) * var(--ax-vh))!important}}\n"] }]
|
|
7200
7220
|
}], ctorParameters: () => [{ type: i0.ComponentFactoryResolver }, { type: i0.ElementRef }, { type: i1$2.AXRenderService }, { type: AXLoadingService }, { type: i0.ChangeDetectorRef }, { type: i1$2.AXPlatform }], propDecorators: { popupBody: [{
|
|
7201
7221
|
type: ViewChild,
|
|
7202
7222
|
args: ['popupBody', { read: ViewContainerRef, static: true }]
|
|
@@ -7229,7 +7249,7 @@ class AXPopupService {
|
|
|
7229
7249
|
transparentBackdrop: false,
|
|
7230
7250
|
hasBackdrop: options.modal,
|
|
7231
7251
|
closeOnClickOutside: false,
|
|
7232
|
-
scroll: 'block'
|
|
7252
|
+
scroll: 'block',
|
|
7233
7253
|
});
|
|
7234
7254
|
const popup = com.instance;
|
|
7235
7255
|
popup.content = arg1;
|
|
@@ -7241,7 +7261,7 @@ class AXPopupService {
|
|
|
7241
7261
|
popup.footerButtons = options.footerButtons;
|
|
7242
7262
|
}
|
|
7243
7263
|
this.stack.push(popup);
|
|
7244
|
-
popup.onClosed.subscribe(c => {
|
|
7264
|
+
popup.onClosed.subscribe((c) => {
|
|
7245
7265
|
this.closePopup(popup, com, c);
|
|
7246
7266
|
});
|
|
7247
7267
|
const promise = new AXPageClosedPromise((resolve) => {
|
|
@@ -7251,7 +7271,9 @@ class AXPopupService {
|
|
|
7251
7271
|
}
|
|
7252
7272
|
};
|
|
7253
7273
|
});
|
|
7254
|
-
promise['closeMethod'] = () => {
|
|
7274
|
+
promise['closeMethod'] = () => {
|
|
7275
|
+
popup.onCloseClick();
|
|
7276
|
+
};
|
|
7255
7277
|
return promise;
|
|
7256
7278
|
}
|
|
7257
7279
|
closePopup(popup, com, result) {
|
|
@@ -7660,19 +7682,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
|
|
|
7660
7682
|
}]
|
|
7661
7683
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }] });
|
|
7662
7684
|
|
|
7663
|
-
const COMPONENT$
|
|
7664
|
-
const MODULES$
|
|
7685
|
+
const COMPONENT$6 = [AXDrawerComponent, AXDrawerContainerComponent, AXDecoratorContentComponent];
|
|
7686
|
+
const MODULES$6 = [CommonModule];
|
|
7665
7687
|
class AXDrawerModule {
|
|
7666
7688
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXDrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7667
7689
|
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: AXDrawerModule, declarations: [AXDrawerComponent, AXDrawerContainerComponent, AXDecoratorContentComponent], imports: [CommonModule], exports: [AXDrawerComponent, AXDrawerContainerComponent, AXDecoratorContentComponent] });
|
|
7668
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXDrawerModule, imports: [MODULES$
|
|
7690
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXDrawerModule, imports: [MODULES$6] });
|
|
7669
7691
|
}
|
|
7670
7692
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXDrawerModule, decorators: [{
|
|
7671
7693
|
type: NgModule,
|
|
7672
7694
|
args: [{
|
|
7673
|
-
declarations: [...COMPONENT$
|
|
7674
|
-
imports: [...MODULES$
|
|
7675
|
-
exports: [...COMPONENT$
|
|
7695
|
+
declarations: [...COMPONENT$6],
|
|
7696
|
+
imports: [...MODULES$6],
|
|
7697
|
+
exports: [...COMPONENT$6],
|
|
7676
7698
|
providers: [],
|
|
7677
7699
|
}]
|
|
7678
7700
|
}] });
|
|
@@ -7746,19 +7768,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
|
|
|
7746
7768
|
}]
|
|
7747
7769
|
}] });
|
|
7748
7770
|
|
|
7749
|
-
const COMPONENT$
|
|
7750
|
-
const MODULES$
|
|
7771
|
+
const COMPONENT$5 = [AXLabelComponent];
|
|
7772
|
+
const MODULES$5 = [CommonModule];
|
|
7751
7773
|
class AXLabelModule {
|
|
7752
7774
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7753
7775
|
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: AXLabelModule, declarations: [AXLabelComponent], imports: [CommonModule], exports: [AXLabelComponent] });
|
|
7754
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXLabelModule, imports: [MODULES$
|
|
7776
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXLabelModule, imports: [MODULES$5] });
|
|
7755
7777
|
}
|
|
7756
7778
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXLabelModule, decorators: [{
|
|
7757
7779
|
type: NgModule,
|
|
7758
7780
|
args: [{
|
|
7759
|
-
declarations: [...COMPONENT$
|
|
7760
|
-
imports: [...MODULES$
|
|
7761
|
-
exports: [...COMPONENT$
|
|
7781
|
+
declarations: [...COMPONENT$5],
|
|
7782
|
+
imports: [...MODULES$5],
|
|
7783
|
+
exports: [...COMPONENT$5],
|
|
7762
7784
|
providers: [],
|
|
7763
7785
|
}]
|
|
7764
7786
|
}] });
|
|
@@ -7919,51 +7941,572 @@ class AXSideMenuComponent {
|
|
|
7919
7941
|
});
|
|
7920
7942
|
}
|
|
7921
7943
|
}
|
|
7922
|
-
loadingState = signal({});
|
|
7923
|
-
isNodeLoading(nodeId) {
|
|
7924
|
-
return this.loadingState()[nodeId] || false;
|
|
7944
|
+
loadingState = signal({});
|
|
7945
|
+
isNodeLoading(nodeId) {
|
|
7946
|
+
return this.loadingState()[nodeId] || false;
|
|
7947
|
+
}
|
|
7948
|
+
setNodeLoading(nodeId, isLoading) {
|
|
7949
|
+
this.loadingState.update((state) => ({
|
|
7950
|
+
...state,
|
|
7951
|
+
[nodeId]: isLoading,
|
|
7952
|
+
}));
|
|
7953
|
+
}
|
|
7954
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXSideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7955
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: AXSideMenuComponent, isStandalone: false, selector: "ax-side-menu", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, textField: { classPropertyName: "textField", publicName: "textField", isSignal: true, isRequired: false, transformFunction: null }, valueField: { classPropertyName: "valueField", publicName: "valueField", isSignal: true, isRequired: false, transformFunction: null }, expandedField: { classPropertyName: "expandedField", publicName: "expandedField", isSignal: true, isRequired: false, transformFunction: null }, childrenField: { classPropertyName: "childrenField", publicName: "childrenField", isSignal: true, isRequired: false, transformFunction: null }, hasChildField: { classPropertyName: "hasChildField", publicName: "hasChildField", isSignal: true, isRequired: false, transformFunction: null }, disableField: { classPropertyName: "disableField", publicName: "disableField", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onMenuItemClick: "onMenuItemClick", onParentItemClick: "onParentItemClick" }, ngImport: i0, template: "<div class=\"ax-side-menu-container noselect-side-menu\">\n @for (item of resolvedItems; track $index) {\n <div\n class=\"ax-side-menu-parent-item\"\n [class.ax-side-menu-state-disabled]=\"item[disableField()]\"\n [class.ax-side-menu-parent-item-active-state]=\"item[expandedField()]\"\n (click)=\"handleParentItemClick($event, item)\"\n >\n @if (item[childrenField()]?.length || item[hasChildField()] &&\n !isNodeLoading(item[valueField()])) {\n <span\n [ngClass]=\"{\n fas: true,\n 'fa-chevron-down': !!item[expandedField()],\n 'fa-chevron-right': !item[expandedField()] && !isRtl,\n 'fa-chevron-left': !item[expandedField()] && isRtl\n }\"\n ></span>\n }@else if(isNodeLoading(item[valueField()])) {\n <i class=\"far fa-circle-notch fa-spin icon\"></i>\n }\n <span>{{ item[textField()] }}</span>\n </div>\n\n <div\n class=\"ax-side-menu-children\"\n [@expandCollapse]=\"item[expandedField()] ? 'expanded' : 'collapsed'\"\n >\n @for (child of item[childrenField()]; track $index) {\n <div\n class=\"ax-side-menu-child-item\"\n [class.ax-side-menu-state-disabled]=\"child[disableField()]\"\n [class.ax-child-active-state]=\"child === isActiveItem\"\n (click)=\"handleItemClick($event, child)\"\n >\n <span>\n {{ child[textField()] }}\n </span>\n </div>\n }\n </div>\n }\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [
|
|
7956
|
+
trigger('expandCollapse', [
|
|
7957
|
+
state('expanded', style({ height: '*', opacity: 1, overflow: 'hidden' })),
|
|
7958
|
+
state('collapsed', style({ height: '0px', opacity: 0, overflow: 'hidden' })),
|
|
7959
|
+
transition('expanded <=> collapsed', animate('300ms ease')),
|
|
7960
|
+
]),
|
|
7961
|
+
] });
|
|
7962
|
+
}
|
|
7963
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXSideMenuComponent, decorators: [{
|
|
7964
|
+
type: Component,
|
|
7965
|
+
args: [{ selector: 'ax-side-menu', standalone: false, animations: [
|
|
7966
|
+
trigger('expandCollapse', [
|
|
7967
|
+
state('expanded', style({ height: '*', opacity: 1, overflow: 'hidden' })),
|
|
7968
|
+
state('collapsed', style({ height: '0px', opacity: 0, overflow: 'hidden' })),
|
|
7969
|
+
transition('expanded <=> collapsed', animate('300ms ease')),
|
|
7970
|
+
]),
|
|
7971
|
+
], template: "<div class=\"ax-side-menu-container noselect-side-menu\">\n @for (item of resolvedItems; track $index) {\n <div\n class=\"ax-side-menu-parent-item\"\n [class.ax-side-menu-state-disabled]=\"item[disableField()]\"\n [class.ax-side-menu-parent-item-active-state]=\"item[expandedField()]\"\n (click)=\"handleParentItemClick($event, item)\"\n >\n @if (item[childrenField()]?.length || item[hasChildField()] &&\n !isNodeLoading(item[valueField()])) {\n <span\n [ngClass]=\"{\n fas: true,\n 'fa-chevron-down': !!item[expandedField()],\n 'fa-chevron-right': !item[expandedField()] && !isRtl,\n 'fa-chevron-left': !item[expandedField()] && isRtl\n }\"\n ></span>\n }@else if(isNodeLoading(item[valueField()])) {\n <i class=\"far fa-circle-notch fa-spin icon\"></i>\n }\n <span>{{ item[textField()] }}</span>\n </div>\n\n <div\n class=\"ax-side-menu-children\"\n [@expandCollapse]=\"item[expandedField()] ? 'expanded' : 'collapsed'\"\n >\n @for (child of item[childrenField()]; track $index) {\n <div\n class=\"ax-side-menu-child-item\"\n [class.ax-side-menu-state-disabled]=\"child[disableField()]\"\n [class.ax-child-active-state]=\"child === isActiveItem\"\n (click)=\"handleItemClick($event, child)\"\n >\n <span>\n {{ child[textField()] }}\n </span>\n </div>\n }\n </div>\n }\n</div>\n" }]
|
|
7972
|
+
}] });
|
|
7973
|
+
|
|
7974
|
+
const COMPONENT$4 = [AXSideMenuComponent];
|
|
7975
|
+
const MODULES$4 = [CommonModule, AXTranslatorModule, AXLoadingModule];
|
|
7976
|
+
class AXSideMenuModule {
|
|
7977
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXSideMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7978
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: AXSideMenuModule, declarations: [AXSideMenuComponent], imports: [CommonModule, AXTranslatorModule, AXLoadingModule], exports: [AXSideMenuComponent] });
|
|
7979
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXSideMenuModule, imports: [MODULES$4] });
|
|
7980
|
+
}
|
|
7981
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXSideMenuModule, decorators: [{
|
|
7982
|
+
type: NgModule,
|
|
7983
|
+
args: [{
|
|
7984
|
+
declarations: [...COMPONENT$4],
|
|
7985
|
+
imports: [...MODULES$4],
|
|
7986
|
+
exports: [...COMPONENT$4],
|
|
7987
|
+
providers: [],
|
|
7988
|
+
schemas: [NO_ERRORS_SCHEMA],
|
|
7989
|
+
}]
|
|
7990
|
+
}] });
|
|
7991
|
+
|
|
7992
|
+
class AXAutoCompleteComponent extends AXBaseComponent {
|
|
7993
|
+
el;
|
|
7994
|
+
constructor(el) {
|
|
7995
|
+
super();
|
|
7996
|
+
this.el = el;
|
|
7997
|
+
}
|
|
7998
|
+
listContainer;
|
|
7999
|
+
#effct = effect(() => {
|
|
8000
|
+
this.localShowDropdownWhenClick.set(this.showDropdownWhenClick());
|
|
8001
|
+
});
|
|
8002
|
+
searchText$ = new BehaviorSubject('');
|
|
8003
|
+
searchTextSubscription;
|
|
8004
|
+
text = signal('');
|
|
8005
|
+
resolvedItems = signal([]);
|
|
8006
|
+
totalCount = signal(0);
|
|
8007
|
+
localShowDropdownWhenClick = signal(false);
|
|
8008
|
+
clickTimer;
|
|
8009
|
+
dropdown;
|
|
8010
|
+
isDropdownOpen = signal(false);
|
|
8011
|
+
showDropdownWhenClick = input(true);
|
|
8012
|
+
value = signal('');
|
|
8013
|
+
disabled = input(false);
|
|
8014
|
+
remoteOperation = input(true);
|
|
8015
|
+
readonly = input(false);
|
|
8016
|
+
allowClear = input(false);
|
|
8017
|
+
showDropDownButton = input(true);
|
|
8018
|
+
onDemandTranslate = input(false);
|
|
8019
|
+
rtl = input(AXConfig.get('layout.rtl'));
|
|
8020
|
+
dropdownWidth = input('300px');
|
|
8021
|
+
size = input('md');
|
|
8022
|
+
multiLine = input(false);
|
|
8023
|
+
fitParent = input(true);
|
|
8024
|
+
selectedItems = model([]);
|
|
8025
|
+
onValueChanged = output();
|
|
8026
|
+
onItemClick = output();
|
|
8027
|
+
onFocus = output();
|
|
8028
|
+
onBlur = output();
|
|
8029
|
+
mode = input('multiple');
|
|
8030
|
+
textAlign = input(null);
|
|
8031
|
+
textField = input('text');
|
|
8032
|
+
valueField = input('value');
|
|
8033
|
+
placeholder = input(AXTranslator.get('common.search'));
|
|
8034
|
+
showCheckBox = input(true);
|
|
8035
|
+
showLoading = signal(false);
|
|
8036
|
+
currentfocusedIndex = signal(-1);
|
|
8037
|
+
disabledField = input('disabled');
|
|
8038
|
+
allowNull = input(false);
|
|
8039
|
+
bufferSize = signal(20);
|
|
8040
|
+
isDbClick = signal(false);
|
|
8041
|
+
disabledCallback;
|
|
8042
|
+
_contentDataSource;
|
|
8043
|
+
_dataSource;
|
|
8044
|
+
get dataSource() {
|
|
8045
|
+
return this._dataSource ? this._dataSource : this._contentDataSource;
|
|
8046
|
+
}
|
|
8047
|
+
set dataSource(v) {
|
|
8048
|
+
this._dataSource = v;
|
|
8049
|
+
}
|
|
8050
|
+
ngAfterViewInit() {
|
|
8051
|
+
if (this.dataSource) {
|
|
8052
|
+
this.dataSource.onDataReceived.subscribe({
|
|
8053
|
+
next: ({ data: { result } }) => {
|
|
8054
|
+
this.totalCount.set(result.totalCount);
|
|
8055
|
+
this.showLoading.set(false);
|
|
8056
|
+
this.resolvedItems.update((current) => {
|
|
8057
|
+
const items = result.items ?? [];
|
|
8058
|
+
const merged = [...(current ?? []), ...items];
|
|
8059
|
+
const unique = merged.filter((item, index, self) => index ===
|
|
8060
|
+
self.findIndex((i) => i[this.valueField()] === item[this.valueField()]));
|
|
8061
|
+
return unique;
|
|
8062
|
+
});
|
|
8063
|
+
},
|
|
8064
|
+
});
|
|
8065
|
+
}
|
|
8066
|
+
this.searchTextSubscription = this.searchText$
|
|
8067
|
+
.pipe(debounceTime$1(500), distinctUntilChanged$1())
|
|
8068
|
+
.subscribe({
|
|
8069
|
+
next: (v) => {
|
|
8070
|
+
this.text.set(v);
|
|
8071
|
+
const params = {
|
|
8072
|
+
take: this.bufferSize(),
|
|
8073
|
+
skip: 0,
|
|
8074
|
+
};
|
|
8075
|
+
this.fetch(params);
|
|
8076
|
+
},
|
|
8077
|
+
});
|
|
8078
|
+
}
|
|
8079
|
+
ngOnDestroy() {
|
|
8080
|
+
this.searchTextSubscription.unsubscribe();
|
|
8081
|
+
}
|
|
8082
|
+
scrolled(e) {
|
|
8083
|
+
if (this.showLoading()) {
|
|
8084
|
+
return;
|
|
8085
|
+
}
|
|
8086
|
+
const target = e.target;
|
|
8087
|
+
const scrollTop = target.scrollTop;
|
|
8088
|
+
const scrollHeight = target.scrollHeight;
|
|
8089
|
+
const clientHeight = target.clientHeight;
|
|
8090
|
+
const isLoadAllData = this.resolvedItems().length === this.totalCount();
|
|
8091
|
+
if (scrollTop + clientHeight >= scrollHeight - 20 &&
|
|
8092
|
+
this.remoteOperation() &&
|
|
8093
|
+
!isLoadAllData) {
|
|
8094
|
+
if (!this.showLoading()) {
|
|
8095
|
+
const params = {
|
|
8096
|
+
skip: this.resolvedItems().length,
|
|
8097
|
+
take: this.bufferSize(),
|
|
8098
|
+
};
|
|
8099
|
+
this.fetch(params);
|
|
8100
|
+
}
|
|
8101
|
+
}
|
|
8102
|
+
}
|
|
8103
|
+
handleClick() {
|
|
8104
|
+
if (this.disabled() || this.readonly()) {
|
|
8105
|
+
return;
|
|
8106
|
+
}
|
|
8107
|
+
this.currentfocusedIndex.set(-1);
|
|
8108
|
+
if (this.remoteOperation()) {
|
|
8109
|
+
const params = {};
|
|
8110
|
+
params.skip = this.resolvedItems().length;
|
|
8111
|
+
params.take = this.bufferSize();
|
|
8112
|
+
this.fetch(params);
|
|
8113
|
+
}
|
|
8114
|
+
if (this.localShowDropdownWhenClick()) {
|
|
8115
|
+
this.dropdown.open();
|
|
8116
|
+
}
|
|
8117
|
+
}
|
|
8118
|
+
textChange(e) {
|
|
8119
|
+
if (this.disabled() || this.readonly()) {
|
|
8120
|
+
return;
|
|
8121
|
+
}
|
|
8122
|
+
this.searchText$.next(e.value);
|
|
8123
|
+
this.totalCount.set(0);
|
|
8124
|
+
const hasValue = !!e.value;
|
|
8125
|
+
const shouldOpen = this.localShowDropdownWhenClick();
|
|
8126
|
+
if (hasValue) {
|
|
8127
|
+
if (!shouldOpen) {
|
|
8128
|
+
this.localShowDropdownWhenClick.set(true);
|
|
8129
|
+
}
|
|
8130
|
+
this.dropdown.open();
|
|
8131
|
+
}
|
|
8132
|
+
this.onValueChanged.emit({
|
|
8133
|
+
component: this,
|
|
8134
|
+
...e,
|
|
8135
|
+
});
|
|
8136
|
+
}
|
|
8137
|
+
isItemSelected(item) {
|
|
8138
|
+
return this.selectedItems().some((c) => c[this.valueField()] === item[this.valueField()]);
|
|
8139
|
+
}
|
|
8140
|
+
isItemDisabled(item) {
|
|
8141
|
+
if (item[this.disabledField()] == true) {
|
|
8142
|
+
return true;
|
|
8143
|
+
}
|
|
8144
|
+
else if (this.disabledCallback) {
|
|
8145
|
+
return this.disabledCallback({ item, index: -1 });
|
|
8146
|
+
}
|
|
8147
|
+
else {
|
|
8148
|
+
return false;
|
|
8149
|
+
}
|
|
8150
|
+
}
|
|
8151
|
+
fetch(params = {}) {
|
|
8152
|
+
if (params.skip === 0) {
|
|
8153
|
+
this.resolvedItems.set([]);
|
|
8154
|
+
}
|
|
8155
|
+
params.searchText = this.text();
|
|
8156
|
+
if (this.dataSource) {
|
|
8157
|
+
if (this.onDemandTranslate() && params?.searchText) {
|
|
8158
|
+
params.searchText = this.translateSearch(params?.searchText);
|
|
8159
|
+
}
|
|
8160
|
+
this.showLoading.set(true);
|
|
8161
|
+
this.dataSource.fetch(params);
|
|
8162
|
+
}
|
|
8163
|
+
}
|
|
8164
|
+
translateSearch(searchText) {
|
|
8165
|
+
const latinPattern = /[A-Za-z;'\/\\[\],]/;
|
|
8166
|
+
const asciiToPersianMap = {
|
|
8167
|
+
113: 'ض',
|
|
8168
|
+
119: 'ص',
|
|
8169
|
+
101: 'ث',
|
|
8170
|
+
114: 'ق',
|
|
8171
|
+
116: 'ف',
|
|
8172
|
+
121: 'غ',
|
|
8173
|
+
117: 'ع',
|
|
8174
|
+
105: 'ه',
|
|
8175
|
+
111: 'خ',
|
|
8176
|
+
112: 'ح',
|
|
8177
|
+
97: 'ش',
|
|
8178
|
+
115: 'س',
|
|
8179
|
+
100: 'ی',
|
|
8180
|
+
102: 'ب',
|
|
8181
|
+
103: 'ل',
|
|
8182
|
+
104: 'ا',
|
|
8183
|
+
106: 'ت',
|
|
8184
|
+
107: 'ن',
|
|
8185
|
+
108: 'م',
|
|
8186
|
+
59: 'ک',
|
|
8187
|
+
122: 'ظ',
|
|
8188
|
+
120: 'ط',
|
|
8189
|
+
99: 'ز',
|
|
8190
|
+
118: 'ر',
|
|
8191
|
+
98: 'ذ',
|
|
8192
|
+
110: 'د',
|
|
8193
|
+
44: 'و',
|
|
8194
|
+
39: 'گ',
|
|
8195
|
+
67: 'ژ',
|
|
8196
|
+
93: 'چ',
|
|
8197
|
+
91: 'ج',
|
|
8198
|
+
92: 'پ',
|
|
8199
|
+
109: 'ئ',
|
|
8200
|
+
};
|
|
8201
|
+
if (latinPattern.test(searchText)) {
|
|
8202
|
+
searchText = searchText
|
|
8203
|
+
.split('')
|
|
8204
|
+
.map((char) => {
|
|
8205
|
+
const asciiValue = char.charCodeAt(0);
|
|
8206
|
+
if (asciiToPersianMap[asciiValue]) {
|
|
8207
|
+
return asciiToPersianMap[asciiValue];
|
|
8208
|
+
}
|
|
8209
|
+
else {
|
|
8210
|
+
return char;
|
|
8211
|
+
}
|
|
8212
|
+
})
|
|
8213
|
+
.join('');
|
|
8214
|
+
}
|
|
8215
|
+
return searchText;
|
|
8216
|
+
}
|
|
8217
|
+
handleItemClick(e, item) {
|
|
8218
|
+
clearTimeout(this.clickTimer);
|
|
8219
|
+
this.clickTimer = setTimeout(() => {
|
|
8220
|
+
if (!this.isDbClick()) {
|
|
8221
|
+
this.handleSelectedItemsChange(item);
|
|
8222
|
+
}
|
|
8223
|
+
}, 200);
|
|
8224
|
+
}
|
|
8225
|
+
handleItemDbClick(e, item) {
|
|
8226
|
+
clearTimeout(this.clickTimer);
|
|
8227
|
+
this.isDbClick.set(true);
|
|
8228
|
+
const hasItemSelect = this.isItemSelected(item);
|
|
8229
|
+
if (!hasItemSelect) {
|
|
8230
|
+
this.handleSelectedItemsChange(item);
|
|
8231
|
+
this.dropdown.close();
|
|
8232
|
+
}
|
|
8233
|
+
this.isDbClick.set(false);
|
|
8234
|
+
}
|
|
8235
|
+
handleSelectedItemsChange(item) {
|
|
8236
|
+
if (this.mode() === 'multiple') {
|
|
8237
|
+
const current = this.selectedItems() ?? [];
|
|
8238
|
+
const exists = current.some((c) => c[this.valueField()] === item[this.valueField()]);
|
|
8239
|
+
if (exists) {
|
|
8240
|
+
this.selectedItems.set(current.filter((c) => c[this.valueField()] !== item[this.valueField()]));
|
|
8241
|
+
}
|
|
8242
|
+
else {
|
|
8243
|
+
this.selectedItems.set([...current, item]);
|
|
8244
|
+
}
|
|
8245
|
+
}
|
|
8246
|
+
else {
|
|
8247
|
+
this.selectedItems.set([item]);
|
|
8248
|
+
}
|
|
8249
|
+
this.onItemClick.emit({
|
|
8250
|
+
component: this,
|
|
8251
|
+
value: item,
|
|
8252
|
+
htmlElement: this.el.nativeElement,
|
|
8253
|
+
});
|
|
8254
|
+
}
|
|
8255
|
+
handleKeyPress(e) {
|
|
8256
|
+
const items = this.resolvedItems();
|
|
8257
|
+
if (!items || items.length === 0)
|
|
8258
|
+
return;
|
|
8259
|
+
let newIndex = this.currentfocusedIndex();
|
|
8260
|
+
switch (e.key) {
|
|
8261
|
+
case 'ArrowDown':
|
|
8262
|
+
e.preventDefault();
|
|
8263
|
+
if (newIndex < items.length - 1) {
|
|
8264
|
+
newIndex++;
|
|
8265
|
+
this.currentfocusedIndex.set(newIndex);
|
|
8266
|
+
this.scrollToFocusedItem();
|
|
8267
|
+
}
|
|
8268
|
+
break;
|
|
8269
|
+
case 'ArrowUp':
|
|
8270
|
+
e.preventDefault();
|
|
8271
|
+
if (newIndex > 0) {
|
|
8272
|
+
newIndex--;
|
|
8273
|
+
this.currentfocusedIndex.set(newIndex);
|
|
8274
|
+
this.scrollToFocusedItem();
|
|
8275
|
+
}
|
|
8276
|
+
break;
|
|
8277
|
+
case 'Enter':
|
|
8278
|
+
e.preventDefault();
|
|
8279
|
+
if (newIndex >= 0 && newIndex < items.length) {
|
|
8280
|
+
this.handleSelectedItemsChange(items[newIndex]);
|
|
8281
|
+
if (this.mode() === 'single')
|
|
8282
|
+
this.dropdown.close();
|
|
8283
|
+
}
|
|
8284
|
+
break;
|
|
8285
|
+
case 'Escape':
|
|
8286
|
+
e.preventDefault();
|
|
8287
|
+
this.dropdown.close();
|
|
8288
|
+
break;
|
|
8289
|
+
}
|
|
8290
|
+
}
|
|
8291
|
+
scrollToFocusedItem() {
|
|
8292
|
+
const index = this.currentfocusedIndex();
|
|
8293
|
+
if (index < 0)
|
|
8294
|
+
return;
|
|
8295
|
+
const container = this.listContainer?.nativeElement;
|
|
8296
|
+
const item = container?.querySelectorAll('.list-item')[index];
|
|
8297
|
+
if (item) {
|
|
8298
|
+
item.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
|
|
8299
|
+
}
|
|
8300
|
+
}
|
|
8301
|
+
handleFocus(e) {
|
|
8302
|
+
this.onFocus.emit({
|
|
8303
|
+
component: this,
|
|
8304
|
+
htmlElement: this.el.nativeElement,
|
|
8305
|
+
htmlEvent: e,
|
|
8306
|
+
});
|
|
8307
|
+
}
|
|
8308
|
+
handleBlur(e) {
|
|
8309
|
+
this.onFocus.emit({
|
|
8310
|
+
component: this,
|
|
8311
|
+
htmlElement: this.el.nativeElement,
|
|
8312
|
+
htmlEvent: e,
|
|
8313
|
+
});
|
|
8314
|
+
}
|
|
8315
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXAutoCompleteComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
8316
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: AXAutoCompleteComponent, isStandalone: false, selector: "ax-auto-complete", inputs: { showDropdownWhenClick: { classPropertyName: "showDropdownWhenClick", publicName: "showDropdownWhenClick", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, remoteOperation: { classPropertyName: "remoteOperation", publicName: "remoteOperation", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, allowClear: { classPropertyName: "allowClear", publicName: "allowClear", isSignal: true, isRequired: false, transformFunction: null }, showDropDownButton: { classPropertyName: "showDropDownButton", publicName: "showDropDownButton", isSignal: true, isRequired: false, transformFunction: null }, onDemandTranslate: { classPropertyName: "onDemandTranslate", publicName: "onDemandTranslate", isSignal: true, isRequired: false, transformFunction: null }, rtl: { classPropertyName: "rtl", publicName: "rtl", isSignal: true, isRequired: false, transformFunction: null }, dropdownWidth: { classPropertyName: "dropdownWidth", publicName: "dropdownWidth", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, multiLine: { classPropertyName: "multiLine", publicName: "multiLine", isSignal: true, isRequired: false, transformFunction: null }, fitParent: { classPropertyName: "fitParent", publicName: "fitParent", isSignal: true, isRequired: false, transformFunction: null }, selectedItems: { classPropertyName: "selectedItems", publicName: "selectedItems", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, textAlign: { classPropertyName: "textAlign", publicName: "textAlign", isSignal: true, isRequired: false, transformFunction: null }, textField: { classPropertyName: "textField", publicName: "textField", isSignal: true, isRequired: false, transformFunction: null }, valueField: { classPropertyName: "valueField", publicName: "valueField", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, showCheckBox: { classPropertyName: "showCheckBox", publicName: "showCheckBox", isSignal: true, isRequired: false, transformFunction: null }, disabledField: { classPropertyName: "disabledField", publicName: "disabledField", isSignal: true, isRequired: false, transformFunction: null }, allowNull: { classPropertyName: "allowNull", publicName: "allowNull", isSignal: true, isRequired: false, transformFunction: null }, disabledCallback: { classPropertyName: "disabledCallback", publicName: "disabledCallback", isSignal: false, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { selectedItems: "selectedItemsChange", onValueChanged: "onValueChanged", onItemClick: "onItemClick", onFocus: "onFocus", onBlur: "onBlur" }, queries: [{ propertyName: "_contentDataSource", first: true, predicate: AXDataSourceComponent, descendants: true, static: true }], viewQueries: [{ propertyName: "listContainer", first: true, predicate: ["listContainer"], descendants: true }, { propertyName: "dropdown", first: true, predicate: ["d"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ax-drop-down\n #d\n [readonly]=\"readonly()\"\n [fitParent]=\"fitParent()\"\n [disabled]=\"disabled()\"\n [size]=\"size()\"\n [showDropDownButton]=\"showDropDownButton()\"\n>\n <ng-container start>\n <ng-content select=\"[start]\"> </ng-content>\n </ng-container>\n <ng-container header>\n <ax-text-box\n #input\n [textAlign]=\"textAlign()\"\n [(value)]=\"value\"\n [disabled]=\"disabled()\"\n [placeholder]=\"placeholder()\"\n [size]=\"size()\"\n (onkey)=\"handleKeyPress($event)\"\n (click)=\"handleClick()\"\n (onValueChanged)=\"textChange($event)\"\n (onFocus)=\"handleFocus($event)\"\n (onBlur)=\"handleBlur($event)\"\n ></ax-text-box>\n </ng-container>\n <ng-container panel>\n <div class=\"ax list-container\">\n <div\n #listContainer\n class=\"list-container-items\"\n (scroll)=\"scrolled($event)\"\n >\n @if(resolvedItems().length > 0){ @for (item of resolvedItems(); track\n $index) {\n <div\n class=\"list-item\"\n [class.focused]=\"$index == currentfocusedIndex()\"\n [class.selected]=\"isItemSelected(item)\"\n (click)=\"handleItemClick($event, item)\"\n (dblclick)=\"handleItemDbClick($event, item)\"\n >\n <div style=\"display: flex\">\n @if (showCheckBox()) {\n <ax-check-box\n [size]=\"size()\"\n [value]=\"isItemSelected(item)\"\n (onClick)=\"handleItemClick($event, item)\"\n >\n </ax-check-box>\n } @if (rowTemplate) {\n <div\n style=\"\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n flex: 1;\n \"\n [title]=\"item[textField()]\"\n [ngStyle]=\"\n showCheckBox() ? { 'padding-inline-start': '0.5rem' } : ''\n \"\n >\n <ng-container\n *ngTemplateOutlet=\"rowTemplate; context: { $implicit: item }\"\n >\n </ng-container>\n </div>\n }@else {\n <div\n style=\"\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n flex: 1;\n \"\n [title]=\"item[textField()]\"\n [ngStyle]=\"\n showCheckBox() ? { 'padding-inline-start': '0.5rem' } : ''\n \"\n >\n {{ item[textField()] }}\n </div>\n }\n </div>\n </div>\n } }@else { @if(showLoading() == true){\n <div class=\"list-item\">\n {{ 'common.search' | trans }}\n </div>\n }@else {\n <div class=\"list-item\">\n {{ 'common.noDataFound' | trans }}\n </div>\n } } @if (showLoading()) {\n <div class=\"ax-pad-sm\" style=\"text-align: center\">\n <i\n class=\"far fa-spinner-third fa-pulse fa-2x\"\n style=\"color: var(--ax-primary-color)\"\n ></i>\n </div>\n }\n </div>\n </div></ng-container\n >\n <ng-container end>\n <ng-content select=\"[end]\"> </ng-content>\n </ng-container>\n</ax-drop-down>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: AXDropdownComponent, selector: "ax-drop-down", inputs: ["rtl", "readonly", "loading", "dropdownWidth"], outputs: ["dropdownToggle", "onButtonClick"] }, { kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["mask", "showMask", "type", "maxLength", "maskGuid", "maskPlaceholder", "maskKeepCharPositions", "leadZeroDateTime"] }, { kind: "component", type: AXCheckBoxComponent, selector: "ax-check-box", inputs: ["readonly", "disabled", "size", "label", "tabIndex", "indeterminate", "value"], outputs: ["onValueChanged", "valueChange", "onClick"] }, { kind: "pipe", type: i1$2.AXTranslatorPipe, name: "trans" }], encapsulation: i0.ViewEncapsulation.None });
|
|
8317
|
+
}
|
|
8318
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXAutoCompleteComponent, decorators: [{
|
|
8319
|
+
type: Component,
|
|
8320
|
+
args: [{ selector: 'ax-auto-complete', encapsulation: ViewEncapsulation.None, standalone: false, template: "<ax-drop-down\n #d\n [readonly]=\"readonly()\"\n [fitParent]=\"fitParent()\"\n [disabled]=\"disabled()\"\n [size]=\"size()\"\n [showDropDownButton]=\"showDropDownButton()\"\n>\n <ng-container start>\n <ng-content select=\"[start]\"> </ng-content>\n </ng-container>\n <ng-container header>\n <ax-text-box\n #input\n [textAlign]=\"textAlign()\"\n [(value)]=\"value\"\n [disabled]=\"disabled()\"\n [placeholder]=\"placeholder()\"\n [size]=\"size()\"\n (onkey)=\"handleKeyPress($event)\"\n (click)=\"handleClick()\"\n (onValueChanged)=\"textChange($event)\"\n (onFocus)=\"handleFocus($event)\"\n (onBlur)=\"handleBlur($event)\"\n ></ax-text-box>\n </ng-container>\n <ng-container panel>\n <div class=\"ax list-container\">\n <div\n #listContainer\n class=\"list-container-items\"\n (scroll)=\"scrolled($event)\"\n >\n @if(resolvedItems().length > 0){ @for (item of resolvedItems(); track\n $index) {\n <div\n class=\"list-item\"\n [class.focused]=\"$index == currentfocusedIndex()\"\n [class.selected]=\"isItemSelected(item)\"\n (click)=\"handleItemClick($event, item)\"\n (dblclick)=\"handleItemDbClick($event, item)\"\n >\n <div style=\"display: flex\">\n @if (showCheckBox()) {\n <ax-check-box\n [size]=\"size()\"\n [value]=\"isItemSelected(item)\"\n (onClick)=\"handleItemClick($event, item)\"\n >\n </ax-check-box>\n } @if (rowTemplate) {\n <div\n style=\"\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n flex: 1;\n \"\n [title]=\"item[textField()]\"\n [ngStyle]=\"\n showCheckBox() ? { 'padding-inline-start': '0.5rem' } : ''\n \"\n >\n <ng-container\n *ngTemplateOutlet=\"rowTemplate; context: { $implicit: item }\"\n >\n </ng-container>\n </div>\n }@else {\n <div\n style=\"\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n flex: 1;\n \"\n [title]=\"item[textField()]\"\n [ngStyle]=\"\n showCheckBox() ? { 'padding-inline-start': '0.5rem' } : ''\n \"\n >\n {{ item[textField()] }}\n </div>\n }\n </div>\n </div>\n } }@else { @if(showLoading() == true){\n <div class=\"list-item\">\n {{ 'common.search' | trans }}\n </div>\n }@else {\n <div class=\"list-item\">\n {{ 'common.noDataFound' | trans }}\n </div>\n } } @if (showLoading()) {\n <div class=\"ax-pad-sm\" style=\"text-align: center\">\n <i\n class=\"far fa-spinner-third fa-pulse fa-2x\"\n style=\"color: var(--ax-primary-color)\"\n ></i>\n </div>\n }\n </div>\n </div></ng-container\n >\n <ng-container end>\n <ng-content select=\"[end]\"> </ng-content>\n </ng-container>\n</ax-drop-down>\n" }]
|
|
8321
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { listContainer: [{
|
|
8322
|
+
type: ViewChild,
|
|
8323
|
+
args: ['listContainer']
|
|
8324
|
+
}], dropdown: [{
|
|
8325
|
+
type: ViewChild,
|
|
8326
|
+
args: ['d', { static: true }]
|
|
8327
|
+
}], disabledCallback: [{
|
|
8328
|
+
type: Input
|
|
8329
|
+
}], _contentDataSource: [{
|
|
8330
|
+
type: ContentChild,
|
|
8331
|
+
args: [AXDataSourceComponent, { static: true }]
|
|
8332
|
+
}], dataSource: [{
|
|
8333
|
+
type: Input
|
|
8334
|
+
}] } });
|
|
8335
|
+
|
|
8336
|
+
class AXSearchBoxComponent extends AXBaseTextComponent {
|
|
8337
|
+
cdr;
|
|
8338
|
+
textChanged = new EventEmitter();
|
|
8339
|
+
onButtonClick = new EventEmitter();
|
|
8340
|
+
placeholder = AXTranslator.get('common.search');
|
|
8341
|
+
onDemandTranslate = false;
|
|
8342
|
+
constructor(cdr, ref) {
|
|
8343
|
+
super(cdr, ref);
|
|
8344
|
+
this.cdr = cdr;
|
|
8345
|
+
}
|
|
8346
|
+
_text;
|
|
8347
|
+
get text() {
|
|
8348
|
+
return this._text;
|
|
8349
|
+
}
|
|
8350
|
+
set text(v) {
|
|
8351
|
+
if (v !== this._text) {
|
|
8352
|
+
const old = this._text;
|
|
8353
|
+
this._text = v;
|
|
8354
|
+
this.textChanged.emit({
|
|
8355
|
+
component: this,
|
|
8356
|
+
value: v,
|
|
8357
|
+
oldValue: old,
|
|
8358
|
+
});
|
|
8359
|
+
}
|
|
8360
|
+
}
|
|
8361
|
+
ngOnInit() {
|
|
8362
|
+
this.value = '';
|
|
8363
|
+
this.text = '';
|
|
8364
|
+
}
|
|
8365
|
+
onSearchChanged(text) {
|
|
8366
|
+
if (this.onDemandTranslate) {
|
|
8367
|
+
const latinPattern = /[A-Za-z;'\/\\[\],]/;
|
|
8368
|
+
const asciiToPersianMap = {
|
|
8369
|
+
113: 'ض',
|
|
8370
|
+
119: 'ص',
|
|
8371
|
+
101: 'ث',
|
|
8372
|
+
114: 'ق',
|
|
8373
|
+
116: 'ف',
|
|
8374
|
+
121: 'غ',
|
|
8375
|
+
117: 'ع',
|
|
8376
|
+
105: 'ه',
|
|
8377
|
+
111: 'خ',
|
|
8378
|
+
112: 'ح',
|
|
8379
|
+
97: 'ش',
|
|
8380
|
+
115: 'س',
|
|
8381
|
+
100: 'ی',
|
|
8382
|
+
102: 'ب',
|
|
8383
|
+
103: 'ل',
|
|
8384
|
+
104: 'ا',
|
|
8385
|
+
106: 'ت',
|
|
8386
|
+
107: 'ن',
|
|
8387
|
+
108: 'م',
|
|
8388
|
+
59: 'ک',
|
|
8389
|
+
122: 'ظ',
|
|
8390
|
+
120: 'ط',
|
|
8391
|
+
99: 'ز',
|
|
8392
|
+
118: 'ر',
|
|
8393
|
+
98: 'ذ',
|
|
8394
|
+
110: 'د',
|
|
8395
|
+
44: 'و',
|
|
8396
|
+
39: 'گ',
|
|
8397
|
+
67: 'ژ',
|
|
8398
|
+
93: 'چ',
|
|
8399
|
+
91: 'ج',
|
|
8400
|
+
92: 'پ',
|
|
8401
|
+
109: 'ئ',
|
|
8402
|
+
};
|
|
8403
|
+
if (latinPattern.test(text)) {
|
|
8404
|
+
text = text
|
|
8405
|
+
.split('')
|
|
8406
|
+
.map((char) => {
|
|
8407
|
+
const asciiValue = char.charCodeAt(0);
|
|
8408
|
+
if (asciiToPersianMap[asciiValue]) {
|
|
8409
|
+
return asciiToPersianMap[asciiValue];
|
|
8410
|
+
}
|
|
8411
|
+
else {
|
|
8412
|
+
return char;
|
|
8413
|
+
}
|
|
8414
|
+
})
|
|
8415
|
+
.join('');
|
|
8416
|
+
}
|
|
8417
|
+
}
|
|
8418
|
+
if (!this.searchChangeObserver) {
|
|
8419
|
+
Observable.create((observer) => {
|
|
8420
|
+
this.searchChangeObserver = observer;
|
|
8421
|
+
})
|
|
8422
|
+
.pipe(debounceTime(this.delay))
|
|
8423
|
+
.pipe(distinctUntilChanged())
|
|
8424
|
+
.subscribe((c) => {
|
|
8425
|
+
this.text = c;
|
|
8426
|
+
this.value = c;
|
|
8427
|
+
});
|
|
8428
|
+
}
|
|
8429
|
+
this.searchChangeObserver.next(text);
|
|
8430
|
+
}
|
|
8431
|
+
delay = 500;
|
|
8432
|
+
searchChangeObserver;
|
|
8433
|
+
handleKeyEvent(e) {
|
|
8434
|
+
// this.searchChangeObserver.next(this.text);
|
|
8435
|
+
this.onkey.emit(e);
|
|
7925
8436
|
}
|
|
7926
|
-
|
|
7927
|
-
this.
|
|
7928
|
-
|
|
7929
|
-
|
|
7930
|
-
|
|
8437
|
+
click(e) {
|
|
8438
|
+
this.onButtonClick.emit({
|
|
8439
|
+
component: this,
|
|
8440
|
+
htmlElement: this.ref.nativeElement,
|
|
8441
|
+
value: this.text,
|
|
8442
|
+
});
|
|
8443
|
+
// this.searchChangeObserver.next(this.text);
|
|
7931
8444
|
}
|
|
7932
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type:
|
|
7933
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
7934
|
-
trigger('expandCollapse', [
|
|
7935
|
-
state('expanded', style({ height: '*', opacity: 1, overflow: 'hidden' })),
|
|
7936
|
-
state('collapsed', style({ height: '0px', opacity: 0, overflow: 'hidden' })),
|
|
7937
|
-
transition('expanded <=> collapsed', animate('300ms ease')),
|
|
7938
|
-
]),
|
|
7939
|
-
] });
|
|
8445
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXSearchBoxComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
8446
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: AXSearchBoxComponent, isStandalone: false, selector: "ax-search-box", inputs: { placeholder: "placeholder", onDemandTranslate: "onDemandTranslate", text: "text", delay: "delay" }, outputs: { textChanged: "textChanged", onButtonClick: "onButtonClick" }, host: { styleAttribute: "width: 100%" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax form-item\" [class.disabled]=\"disabled\" [attr.id]=\"uid\">\n <div class=\"ax items-wrapper\">\n <ng-content select=\"[start]\">\n </ng-content>\n <i class=\"form-item-icon {{icon}}\" *ngIf=\"icon\"></i>\n </div>\n <div class=\"content\" #content>\n <div class=\"ax input form-control {{size}}\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\"\n [class.icon]=\"icon\">\n <input #input type=\"text\" class=\"ax {{size}}\" [(ngModel)]=\"value\"\n (input)=\"onSearchChanged($event.target.value)\" [placeholder]=\"placeholder\" [readonly]=\"readonly\"\n [disabled]=\"disabled\" [ngClass]=\"setTextAlign()\" [class.clear]=\"value && allowClear\"\n (focus)=\"handleInputFocus($event)\" (blur)=\"handleInputBlur($event)\" (keyup)=\"handleKeyEvent($event)\"\n (keydown)=\"handleKeyEvent($event)\">\n </div>\n </div>\n <div class=\"ax items-wrapper\">\n <ax-button [size]=\"size\" *ngIf=\"value && allowClear\" icon=\"far fa-times\" type=\"danger blank\" (click)=\"clear()\" [tabIndex]=\"-1\">\n </ax-button>\n <ax-button [size]=\"size\" type=\"light blank\" icon=\"far fa-search\" end (click)=\"click($event)\" [tabIndex]=\"-1\">\n </ax-button>\n <ng-content select=\"[end]\">\n </ng-content>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }, { kind: "directive", type: i2$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: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7940
8447
|
}
|
|
7941
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type:
|
|
8448
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXSearchBoxComponent, decorators: [{
|
|
7942
8449
|
type: Component,
|
|
7943
|
-
args: [{ selector: 'ax-
|
|
7944
|
-
|
|
7945
|
-
|
|
7946
|
-
|
|
7947
|
-
|
|
7948
|
-
|
|
7949
|
-
|
|
8450
|
+
args: [{ selector: 'ax-search-box', host: { style: 'width: 100%' }, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"ax form-item\" [class.disabled]=\"disabled\" [attr.id]=\"uid\">\n <div class=\"ax items-wrapper\">\n <ng-content select=\"[start]\">\n </ng-content>\n <i class=\"form-item-icon {{icon}}\" *ngIf=\"icon\"></i>\n </div>\n <div class=\"content\" #content>\n <div class=\"ax input form-control {{size}}\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\"\n [class.icon]=\"icon\">\n <input #input type=\"text\" class=\"ax {{size}}\" [(ngModel)]=\"value\"\n (input)=\"onSearchChanged($event.target.value)\" [placeholder]=\"placeholder\" [readonly]=\"readonly\"\n [disabled]=\"disabled\" [ngClass]=\"setTextAlign()\" [class.clear]=\"value && allowClear\"\n (focus)=\"handleInputFocus($event)\" (blur)=\"handleInputBlur($event)\" (keyup)=\"handleKeyEvent($event)\"\n (keydown)=\"handleKeyEvent($event)\">\n </div>\n </div>\n <div class=\"ax items-wrapper\">\n <ax-button [size]=\"size\" *ngIf=\"value && allowClear\" icon=\"far fa-times\" type=\"danger blank\" (click)=\"clear()\" [tabIndex]=\"-1\">\n </ax-button>\n <ax-button [size]=\"size\" type=\"light blank\" icon=\"far fa-search\" end (click)=\"click($event)\" [tabIndex]=\"-1\">\n </ax-button>\n <ng-content select=\"[end]\">\n </ng-content>\n </div>\n</div>" }]
|
|
8451
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { textChanged: [{
|
|
8452
|
+
type: Output
|
|
8453
|
+
}], onButtonClick: [{
|
|
8454
|
+
type: Output
|
|
8455
|
+
}], placeholder: [{
|
|
8456
|
+
type: Input
|
|
8457
|
+
}], onDemandTranslate: [{
|
|
8458
|
+
type: Input
|
|
8459
|
+
}], text: [{
|
|
8460
|
+
type: Input
|
|
8461
|
+
}], delay: [{
|
|
8462
|
+
type: Input
|
|
8463
|
+
}] } });
|
|
8464
|
+
|
|
8465
|
+
class AXSearchBoxModule {
|
|
8466
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXSearchBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8467
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: AXSearchBoxModule, declarations: [AXSearchBoxComponent], imports: [CommonModule, AXTextBoxModule, AXButtonModule, AXFormGroupModule, AXTranslatorModule, FormsModule], exports: [AXSearchBoxComponent] });
|
|
8468
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXSearchBoxModule, imports: [CommonModule, AXTextBoxModule, AXButtonModule, AXFormGroupModule, AXTranslatorModule, FormsModule] });
|
|
8469
|
+
}
|
|
8470
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXSearchBoxModule, decorators: [{
|
|
8471
|
+
type: NgModule,
|
|
8472
|
+
args: [{
|
|
8473
|
+
declarations: [AXSearchBoxComponent],
|
|
8474
|
+
imports: [CommonModule, AXTextBoxModule, AXButtonModule, AXFormGroupModule, AXTranslatorModule, FormsModule],
|
|
8475
|
+
exports: [AXSearchBoxComponent],
|
|
8476
|
+
providers: []
|
|
8477
|
+
}]
|
|
7950
8478
|
}] });
|
|
7951
8479
|
|
|
7952
|
-
const COMPONENT$3 = [
|
|
7953
|
-
const MODULES$3 = [
|
|
7954
|
-
|
|
7955
|
-
|
|
7956
|
-
|
|
7957
|
-
|
|
8480
|
+
const COMPONENT$3 = [AXAutoCompleteComponent];
|
|
8481
|
+
const MODULES$3 = [
|
|
8482
|
+
CommonModule,
|
|
8483
|
+
AXDropdownModule,
|
|
8484
|
+
AXTextBoxModule,
|
|
8485
|
+
AXTranslatorModule,
|
|
8486
|
+
AXScrollModule,
|
|
8487
|
+
AXCheckBoxModule,
|
|
8488
|
+
AXLoadingModule,
|
|
8489
|
+
AXSearchBoxModule,
|
|
8490
|
+
];
|
|
8491
|
+
class AXAutoCompleteModule {
|
|
8492
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXAutoCompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8493
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: AXAutoCompleteModule, declarations: [AXAutoCompleteComponent], imports: [CommonModule,
|
|
8494
|
+
AXDropdownModule,
|
|
8495
|
+
AXTextBoxModule,
|
|
8496
|
+
AXTranslatorModule,
|
|
8497
|
+
AXScrollModule,
|
|
8498
|
+
AXCheckBoxModule,
|
|
8499
|
+
AXLoadingModule,
|
|
8500
|
+
AXSearchBoxModule], exports: [AXAutoCompleteComponent] });
|
|
8501
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXAutoCompleteModule, imports: [MODULES$3] });
|
|
7958
8502
|
}
|
|
7959
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type:
|
|
8503
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXAutoCompleteModule, decorators: [{
|
|
7960
8504
|
type: NgModule,
|
|
7961
8505
|
args: [{
|
|
7962
8506
|
declarations: [...COMPONENT$3],
|
|
7963
8507
|
imports: [...MODULES$3],
|
|
7964
8508
|
exports: [...COMPONENT$3],
|
|
7965
8509
|
providers: [],
|
|
7966
|
-
schemas: [NO_ERRORS_SCHEMA],
|
|
7967
8510
|
}]
|
|
7968
8511
|
}] });
|
|
7969
8512
|
|
|
@@ -8904,135 +9447,6 @@ class AXQueryBuilderPopup {
|
|
|
8904
9447
|
type;
|
|
8905
9448
|
}
|
|
8906
9449
|
|
|
8907
|
-
class AXSearchBoxComponent extends AXBaseTextComponent {
|
|
8908
|
-
cdr;
|
|
8909
|
-
textChanged = new EventEmitter();
|
|
8910
|
-
onButtonClick = new EventEmitter();
|
|
8911
|
-
placeholder = AXTranslator.get('common.search');
|
|
8912
|
-
onDemandTranslate = false;
|
|
8913
|
-
constructor(cdr, ref) {
|
|
8914
|
-
super(cdr, ref);
|
|
8915
|
-
this.cdr = cdr;
|
|
8916
|
-
}
|
|
8917
|
-
_text;
|
|
8918
|
-
get text() {
|
|
8919
|
-
return this._text;
|
|
8920
|
-
}
|
|
8921
|
-
set text(v) {
|
|
8922
|
-
if (v !== this._text) {
|
|
8923
|
-
const old = this._text;
|
|
8924
|
-
this._text = v;
|
|
8925
|
-
this.textChanged.emit({
|
|
8926
|
-
component: this,
|
|
8927
|
-
value: v,
|
|
8928
|
-
oldValue: old,
|
|
8929
|
-
});
|
|
8930
|
-
}
|
|
8931
|
-
}
|
|
8932
|
-
ngOnInit() {
|
|
8933
|
-
this.value = '';
|
|
8934
|
-
this.text = '';
|
|
8935
|
-
}
|
|
8936
|
-
onSearchChanged(text) {
|
|
8937
|
-
if (this.onDemandTranslate) {
|
|
8938
|
-
const latinPattern = /[A-Za-z;'\/\\[\],]/;
|
|
8939
|
-
const asciiToPersianMap = {
|
|
8940
|
-
113: 'ض',
|
|
8941
|
-
119: 'ص',
|
|
8942
|
-
101: 'ث',
|
|
8943
|
-
114: 'ق',
|
|
8944
|
-
116: 'ف',
|
|
8945
|
-
121: 'غ',
|
|
8946
|
-
117: 'ع',
|
|
8947
|
-
105: 'ه',
|
|
8948
|
-
111: 'خ',
|
|
8949
|
-
112: 'ح',
|
|
8950
|
-
97: 'ش',
|
|
8951
|
-
115: 'س',
|
|
8952
|
-
100: 'ی',
|
|
8953
|
-
102: 'ب',
|
|
8954
|
-
103: 'ل',
|
|
8955
|
-
104: 'ا',
|
|
8956
|
-
106: 'ت',
|
|
8957
|
-
107: 'ن',
|
|
8958
|
-
108: 'م',
|
|
8959
|
-
59: 'ک',
|
|
8960
|
-
122: 'ظ',
|
|
8961
|
-
120: 'ط',
|
|
8962
|
-
99: 'ز',
|
|
8963
|
-
118: 'ر',
|
|
8964
|
-
98: 'ذ',
|
|
8965
|
-
110: 'د',
|
|
8966
|
-
44: 'و',
|
|
8967
|
-
39: 'گ',
|
|
8968
|
-
67: 'ژ',
|
|
8969
|
-
93: 'چ',
|
|
8970
|
-
91: 'ج',
|
|
8971
|
-
92: 'پ',
|
|
8972
|
-
109: 'ئ',
|
|
8973
|
-
};
|
|
8974
|
-
if (latinPattern.test(text)) {
|
|
8975
|
-
text = text
|
|
8976
|
-
.split('')
|
|
8977
|
-
.map((char) => {
|
|
8978
|
-
const asciiValue = char.charCodeAt(0);
|
|
8979
|
-
if (asciiToPersianMap[asciiValue]) {
|
|
8980
|
-
return asciiToPersianMap[asciiValue];
|
|
8981
|
-
}
|
|
8982
|
-
else {
|
|
8983
|
-
return char;
|
|
8984
|
-
}
|
|
8985
|
-
})
|
|
8986
|
-
.join('');
|
|
8987
|
-
}
|
|
8988
|
-
}
|
|
8989
|
-
if (!this.searchChangeObserver) {
|
|
8990
|
-
Observable.create((observer) => {
|
|
8991
|
-
this.searchChangeObserver = observer;
|
|
8992
|
-
})
|
|
8993
|
-
.pipe(debounceTime(this.delay))
|
|
8994
|
-
.pipe(distinctUntilChanged())
|
|
8995
|
-
.subscribe((c) => {
|
|
8996
|
-
this.text = c;
|
|
8997
|
-
this.value = c;
|
|
8998
|
-
});
|
|
8999
|
-
}
|
|
9000
|
-
this.searchChangeObserver.next(text);
|
|
9001
|
-
}
|
|
9002
|
-
delay = 500;
|
|
9003
|
-
searchChangeObserver;
|
|
9004
|
-
handleKeyEvent(e) {
|
|
9005
|
-
// this.searchChangeObserver.next(this.text);
|
|
9006
|
-
this.onkey.emit(e);
|
|
9007
|
-
}
|
|
9008
|
-
click(e) {
|
|
9009
|
-
this.onButtonClick.emit({
|
|
9010
|
-
component: this,
|
|
9011
|
-
htmlElement: this.ref.nativeElement,
|
|
9012
|
-
value: this.text,
|
|
9013
|
-
});
|
|
9014
|
-
// this.searchChangeObserver.next(this.text);
|
|
9015
|
-
}
|
|
9016
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXSearchBoxComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
9017
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: AXSearchBoxComponent, isStandalone: false, selector: "ax-search-box", inputs: { placeholder: "placeholder", onDemandTranslate: "onDemandTranslate", text: "text", delay: "delay" }, outputs: { textChanged: "textChanged", onButtonClick: "onButtonClick" }, host: { styleAttribute: "width: 100%" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax form-item\" [class.disabled]=\"disabled\" [attr.id]=\"uid\">\n <div class=\"ax items-wrapper\">\n <ng-content select=\"[start]\">\n </ng-content>\n <i class=\"form-item-icon {{icon}}\" *ngIf=\"icon\"></i>\n </div>\n <div class=\"content\" #content>\n <div class=\"ax input form-control {{size}}\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\"\n [class.icon]=\"icon\">\n <input #input type=\"text\" class=\"ax {{size}}\" [(ngModel)]=\"value\"\n (input)=\"onSearchChanged($event.target.value)\" [placeholder]=\"placeholder\" [readonly]=\"readonly\"\n [disabled]=\"disabled\" [ngClass]=\"setTextAlign()\" [class.clear]=\"value && allowClear\"\n (focus)=\"handleInputFocus($event)\" (blur)=\"handleInputBlur($event)\" (keyup)=\"handleKeyEvent($event)\"\n (keydown)=\"handleKeyEvent($event)\">\n </div>\n </div>\n <div class=\"ax items-wrapper\">\n <ax-button [size]=\"size\" *ngIf=\"value && allowClear\" icon=\"far fa-times\" type=\"danger blank\" (click)=\"clear()\" [tabIndex]=\"-1\">\n </ax-button>\n <ax-button [size]=\"size\" type=\"light blank\" icon=\"far fa-search\" end (click)=\"click($event)\" [tabIndex]=\"-1\">\n </ax-button>\n <ng-content select=\"[end]\">\n </ng-content>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }, { kind: "directive", type: i2$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: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
9018
|
-
}
|
|
9019
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXSearchBoxComponent, decorators: [{
|
|
9020
|
-
type: Component,
|
|
9021
|
-
args: [{ selector: 'ax-search-box', host: { style: 'width: 100%' }, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"ax form-item\" [class.disabled]=\"disabled\" [attr.id]=\"uid\">\n <div class=\"ax items-wrapper\">\n <ng-content select=\"[start]\">\n </ng-content>\n <i class=\"form-item-icon {{icon}}\" *ngIf=\"icon\"></i>\n </div>\n <div class=\"content\" #content>\n <div class=\"ax input form-control {{size}}\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\"\n [class.icon]=\"icon\">\n <input #input type=\"text\" class=\"ax {{size}}\" [(ngModel)]=\"value\"\n (input)=\"onSearchChanged($event.target.value)\" [placeholder]=\"placeholder\" [readonly]=\"readonly\"\n [disabled]=\"disabled\" [ngClass]=\"setTextAlign()\" [class.clear]=\"value && allowClear\"\n (focus)=\"handleInputFocus($event)\" (blur)=\"handleInputBlur($event)\" (keyup)=\"handleKeyEvent($event)\"\n (keydown)=\"handleKeyEvent($event)\">\n </div>\n </div>\n <div class=\"ax items-wrapper\">\n <ax-button [size]=\"size\" *ngIf=\"value && allowClear\" icon=\"far fa-times\" type=\"danger blank\" (click)=\"clear()\" [tabIndex]=\"-1\">\n </ax-button>\n <ax-button [size]=\"size\" type=\"light blank\" icon=\"far fa-search\" end (click)=\"click($event)\" [tabIndex]=\"-1\">\n </ax-button>\n <ng-content select=\"[end]\">\n </ng-content>\n </div>\n</div>" }]
|
|
9022
|
-
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { textChanged: [{
|
|
9023
|
-
type: Output
|
|
9024
|
-
}], onButtonClick: [{
|
|
9025
|
-
type: Output
|
|
9026
|
-
}], placeholder: [{
|
|
9027
|
-
type: Input
|
|
9028
|
-
}], onDemandTranslate: [{
|
|
9029
|
-
type: Input
|
|
9030
|
-
}], text: [{
|
|
9031
|
-
type: Input
|
|
9032
|
-
}], delay: [{
|
|
9033
|
-
type: Input
|
|
9034
|
-
}] } });
|
|
9035
|
-
|
|
9036
9450
|
class AXSelectBoxSelectionChangedEvent extends AXBaseEvent {
|
|
9037
9451
|
selectedItems;
|
|
9038
9452
|
selectedValues;
|
|
@@ -10527,7 +10941,7 @@ class AXQueryBuilderRuleComponent {
|
|
|
10527
10941
|
return this.rule.control.options ? this.rule.control.options[name] : null;
|
|
10528
10942
|
}
|
|
10529
10943
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXQueryBuilderRuleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10530
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: AXQueryBuilderRuleComponent, isStandalone: false, selector: "ax-query-rule", inputs: { isEditing: "isEditing", rule: "rule", parent: "parent", mode: "mode", fields: "fields" }, outputs: { onRuleDelete: "onRuleDelete", ruleChanged: "ruleChanged" }, host: { classAttribute: "ax ax-query-rule" }, viewQueries: [{ propertyName: "selectBox", first: true, predicate: ["selectBox"], descendants: true }, { propertyName: "selectBoxValue", first: true, predicate: ["selectBoxValue"], descendants: true }, { propertyName: "selectBoxBoolean", first: true, predicate: ["selectBoxBoolean"], descendants: true }, { propertyName: "textBoxNameValue", first: true, predicate: ["textBoxNameValue"], descendants: true }, { propertyName: "form", first: true, predicate: AXValidationFormComponent, descendants: true }], ngImport: i0, template: "<div class=\"condition\" *ngIf=\"parent\">\n <div class=\"text {{parent.condition}}\">\n <span>{{parent.condition}}</span>\n </div>\n</div>\n<div class=\"handler\">\n <i class=\"far fa-grip-lines-vertical\"></i>\n</div>\n\n<div class=\"caption\" [ngClass]=\"{'editable': isEditing}\">\n <ng-container *ngIf=\"isEditing;else fieldsTemplate\">\n <ax-form-group>\n <ax-select-box [readonly]=\"mode == 'edit'\" (selectionChanged)=\"captionChange($event)\" allowNull=\"false\"\n [(selectedItems)]=\"rule.dataFieldItem\" textField=\"caption\" valueField=\"dataField\" [items]=\"fields\"\n mode=\"single\">\n </ax-select-box>\n </ax-form-group>\n </ng-container>\n <ng-template #fieldsTemplate>\n <div (click)=\"handleEditClick()\">\n {{rule.caption}}\n </div>\n </ng-template>\n</div>\n\n<div class=\"operator\" [ngClass]=\"{'editable': isEditing,'radius':!showValue}\">\n <ng-container *ngIf=\"isEditing;else operatorTemplate\">\n <ax-form-group>\n <ax-select-box [readonly]=\"mode == 'edit'\" *ngIf=\"showOperatorSelectBox\" [(selectedValues)]=\"rule.operator\"\n #selectBox (selectedItemsChange)=\"operatorChange($event)\" allowNull=\"false\" mode=\"single\">\n <ax-data-source [provideData]=\"provideDataOperator\">\n </ax-data-source>\n </ax-select-box>\n </ax-form-group>\n </ng-container>\n <ng-template #operatorTemplate>\n <div class=\"text\" (click)=\"handleEditClick()\">\n {{('queryBuilder.'+rule.operator) | trans}}\n </div>\n </ng-template>\n</div>\n<div *ngIf=\"showValue\" class=\"value\" [ngClass]=\"{'editable': isEditing}\">\n <ng-container *ngIf=\"isEditing;else valueTemplate\">\n\n <div *ngIf=\" rule.control && !isOnDemandLabel\" [ngSwitch]=\"rule.control.type\">\n <div *ngSwitchCase=\"'textBox'\">\n <ax-form-group>\n <ax-text-box (onValueChanged)=\"valueChange($event)\" placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\"\n [(value)]=\"rule.value\">\n </ax-text-box>\n </ax-form-group>\n </div>\n <div *ngSwitchCase=\"'selectBox'\">\n <ax-form-group>\n <ax-select-box *ngIf=\"showSelectBox\" [mode]=\"getOption('mode')\"\n [remoteOperation]=\"getOption('remoteOperation')\" [valueField]=\"getOption('valueField')\"\n placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\" [textField]=\"getOption('textField')\"\n [(selectedItems)]=\"rule.valueItem\" (selectedItemsChange)=\"selectedItemsChange($event)\"\n #selectBoxValue>\n <ax-data-source [provideData]=\"getProvideData\"></ax-data-source>\n </ax-select-box>\n </ax-form-group>\n </div>\n\n <div *ngSwitchCase=\"'numberBox'\">\n <ax-form-group>\n <ax-number-box [decimalNumber]=\"2\" (onValueChanged)=\"valueChange($event)\"\n placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\" [(value)]=\"rule.value\">\n </ax-number-box>\n </ax-form-group>\n </div>\n <div *ngSwitchCase=\"'datetime'\">\n <ax-date-picker label=\"From\" [(value)]=\"rule.value\" (onValueChanged)=\"valueChange($event)\">\n </ax-date-picker>\n\n </div>\n <div *ngSwitchCase=\"'boolean'\">\n\n <ax-form-group>\n <ax-select-box #selectBoxBoolean (selectedItemsChange)=\"valueBooleanChange($event)\"\n allowNull=\"false\" [selectedValues]=\"rule.value\" mode=\"single\">\n <ax-data-source [provideData]=\"provideDataBoolean\">\n </ax-data-source>\n </ax-select-box>\n </ax-form-group>\n\n </div>\n <div *ngSwitchDefault>\n <ax-form-group>\n <ax-text-box (onValueChanged)=\"valueChange($event)\" placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\"\n [(value)]=\"rule.value\">\n </ax-text-box>\n\n </ax-form-group>\n\n </div>\n </div>\n\n <div *ngIf=\"isOnDemandLabel\">\n\n <ax-text-box #textBoxNameValue [value]=\"getOnDemandName(rule.onDemandLabel)\"\n (onValueChanged)=\"onDemandLabelChange($event)\" placeholder=\"\u0646\u0627\u0645 \u0645\u062A\u063A\u06CC\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\">\n <!-- <ax-validation>\n <ax-validation-rule type=\"required\"></ax-validation-rule>\n </ax-validation> -->\n </ax-text-box>\n\n\n </div>\n\n </ng-container>\n <ng-template #valueTemplate>\n <div (click)=\"handleEditClick()\">\n\n {{rule.text}}\n\n </div>\n </ng-template>\n</div>\n\n<div class=\"buttons-list\">\n <div *ngIf=\"showValue && isEditing && mode == 'new'\" class=\"button variable\"\n [ngClass]=\"{'active-button': isOnDemandLabel}\">\n <i class=\"far fa-dollar-sign\"></i>\n <ax-check-box [value]=\"isOnDemandLabel\" (onClick)=\"onDemandLabel($event)\">\n </ax-check-box>\n </div>\n\n <div class=\"button commit\" (click)=\"handleCommitClick()\" *ngIf=\"isEditing\">\n <i class=\"far fa-check\"></i>\n </div>\n <div class=\"button remove\" (click)=\"handleRemoveClick()\" *ngIf=\"mode == 'new'\">\n <i class=\"far fa-times\"></i>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: AXSelectBoxComponent, selector: "ax-select-box", inputs: ["showDropDownButton", "rowInputTemplate", "showCheckBox", "readonly", "rtl", "disabled", "placeholder", "size", "allowNull", "textAlign", "bufferSize", "remoteOperation", "fitParent", "dropdownWidth", "multiLine", "onDemandTranslate", "dataSource", "validation", "disabledCallback", "allowSearch", "textField", "valueField", "disabledField", "mode", "items", "selectedItems", "selectedValues"], outputs: ["dropdownToggle", "itemsChange", "onBlur", "onFocus", "selectionChanged", "selectedItemsChange", "selectedValuesChange"] }, { kind: "component", type: AXDataSourceComponent, selector: "ax-data-source", inputs: ["provideData", "params"] }, { kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["mask", "showMask", "type", "maxLength", "maskGuid", "maskPlaceholder", "maskKeepCharPositions", "leadZeroDateTime"] }, { kind: "component", type: AXNumberBoxComponent, selector: "ax-number-box", inputs: ["min", "max", "showSeparator", "showCurrency", "showCounter", "scrollWeel", "showDoubleCounter", "maxLength", "intStep", "decimalNumber", "customStep"] }, { kind: "component", type: AXFormGroupComponent, selector: "ax-form-group", inputs: ["size", "labelMode"], outputs: ["labelModeChange"] }, { kind: "component", type: AXCheckBoxComponent, selector: "ax-check-box", inputs: ["readonly", "disabled", "size", "label", "tabIndex", "indeterminate", "value"], outputs: ["onValueChanged", "valueChange", "onClick"] }, { kind: "component", type: AXDatePickerComponent, selector: "ax-date-picker", inputs: ["dayStyle", "dayMinMaxResoan", "validation", "placeholder", "min", "max", "readonly", "disabled", "allowClear", "textAlign", "showToday", "selectableHoliday", "dateType", "showTodayButton", "openByClick", "size", "type", "value"], outputs: ["typeChange", "onValueChanged", "valueChange"] }, { kind: "pipe", type: i1$2.AXTranslatorPipe, name: "trans" }], encapsulation: i0.ViewEncapsulation.None });
|
|
10944
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: AXQueryBuilderRuleComponent, isStandalone: false, selector: "ax-query-rule", inputs: { isEditing: "isEditing", rule: "rule", parent: "parent", mode: "mode", fields: "fields" }, outputs: { onRuleDelete: "onRuleDelete", ruleChanged: "ruleChanged" }, host: { classAttribute: "ax ax-query-rule" }, viewQueries: [{ propertyName: "selectBox", first: true, predicate: ["selectBox"], descendants: true }, { propertyName: "selectBoxValue", first: true, predicate: ["selectBoxValue"], descendants: true }, { propertyName: "selectBoxBoolean", first: true, predicate: ["selectBoxBoolean"], descendants: true }, { propertyName: "textBoxNameValue", first: true, predicate: ["textBoxNameValue"], descendants: true }, { propertyName: "form", first: true, predicate: AXValidationFormComponent, descendants: true }], ngImport: i0, template: "<div class=\"condition\" *ngIf=\"parent\">\n <div class=\"text {{parent.condition}}\">\n <span>{{parent.condition}}</span>\n </div>\n</div>\n<div class=\"handler\">\n <i class=\"far fa-grip-lines-vertical\"></i>\n</div>\n\n<div class=\"caption\" [ngClass]=\"{'editable': isEditing}\">\n <ng-container *ngIf=\"isEditing;else fieldsTemplate\">\n <ax-form-group>\n <ax-select-box [readonly]=\"mode == 'edit'\" (selectionChanged)=\"captionChange($event)\" allowNull=\"false\"\n [(selectedItems)]=\"rule.dataFieldItem\" textField=\"caption\" valueField=\"dataField\" [items]=\"fields\"\n mode=\"single\">\n </ax-select-box>\n </ax-form-group>\n </ng-container>\n <ng-template #fieldsTemplate>\n <div (click)=\"handleEditClick()\">\n {{rule.caption}}\n </div>\n </ng-template>\n</div>\n\n<div class=\"operator\" [ngClass]=\"{'editable': isEditing,'radius':!showValue}\">\n <ng-container *ngIf=\"isEditing;else operatorTemplate\">\n <ax-form-group>\n <ax-select-box [readonly]=\"mode == 'edit'\" *ngIf=\"showOperatorSelectBox\" [(selectedValues)]=\"rule.operator\"\n #selectBox (selectedItemsChange)=\"operatorChange($event)\" allowNull=\"false\" mode=\"single\">\n <ax-data-source [provideData]=\"provideDataOperator\">\n </ax-data-source>\n </ax-select-box>\n </ax-form-group>\n </ng-container>\n <ng-template #operatorTemplate>\n <div class=\"text\" (click)=\"handleEditClick()\">\n {{('queryBuilder.'+rule.operator) | trans}}\n </div>\n </ng-template>\n</div>\n<div *ngIf=\"showValue\" class=\"value\" [ngClass]=\"{'editable': isEditing}\">\n <ng-container *ngIf=\"isEditing;else valueTemplate\">\n\n <div *ngIf=\" rule.control && !isOnDemandLabel\" [ngSwitch]=\"rule.control.type\">\n <div *ngSwitchCase=\"'textBox'\">\n <ax-form-group>\n <ax-text-box (onValueChanged)=\"valueChange($event)\" placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\"\n [(value)]=\"rule.value\">\n </ax-text-box>\n </ax-form-group>\n </div>\n <div *ngSwitchCase=\"'selectBox'\">\n <ax-form-group>\n <ax-select-box *ngIf=\"showSelectBox\" [mode]=\"getOption('mode')\"\n [remoteOperation]=\"getOption('remoteOperation')\" [valueField]=\"getOption('valueField')\"\n placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\" [textField]=\"getOption('textField')\"\n [(selectedItems)]=\"rule.valueItem\" (selectedItemsChange)=\"selectedItemsChange($event)\"\n #selectBoxValue>\n <ax-data-source [provideData]=\"getProvideData\"></ax-data-source>\n </ax-select-box>\n </ax-form-group>\n </div>\n\n <div *ngSwitchCase=\"'numberBox'\">\n <ax-form-group>\n <ax-number-box [decimalNumber]=\"2\" (onValueChanged)=\"valueChange($event)\"\n placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\" [(value)]=\"rule.value\">\n </ax-number-box>\n </ax-form-group>\n </div>\n <div *ngSwitchCase=\"'datetime'\">\n <ax-date-picker label=\"From\" [(value)]=\"rule.value\" (onValueChanged)=\"valueChange($event)\">\n </ax-date-picker>\n\n </div>\n <div *ngSwitchCase=\"'boolean'\">\n\n <ax-form-group>\n <ax-select-box #selectBoxBoolean (selectedItemsChange)=\"valueBooleanChange($event)\"\n allowNull=\"false\" [selectedValues]=\"rule.value\" mode=\"single\">\n <ax-data-source [provideData]=\"provideDataBoolean\">\n </ax-data-source>\n </ax-select-box>\n </ax-form-group>\n\n </div>\n <div *ngSwitchDefault>\n <ax-form-group>\n <ax-text-box (onValueChanged)=\"valueChange($event)\" placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\"\n [(value)]=\"rule.value\">\n </ax-text-box>\n\n </ax-form-group>\n\n </div>\n </div>\n\n <div *ngIf=\"isOnDemandLabel\">\n\n <ax-text-box #textBoxNameValue [value]=\"getOnDemandName(rule.onDemandLabel)\"\n (onValueChanged)=\"onDemandLabelChange($event)\" placeholder=\"\u0646\u0627\u0645 \u0645\u062A\u063A\u06CC\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\">\n <!-- <ax-validation>\n <ax-validation-rule type=\"required\"></ax-validation-rule>\n </ax-validation> -->\n </ax-text-box>\n\n\n </div>\n\n </ng-container>\n <ng-template #valueTemplate>\n <div (click)=\"handleEditClick()\">\n\n {{rule.text}}\n\n </div>\n </ng-template>\n</div>\n\n<div class=\"buttons-list\">\n <div *ngIf=\"showValue && isEditing && mode == 'new'\" class=\"button variable\"\n [ngClass]=\"{'active-button': isOnDemandLabel}\">\n <i class=\"far fa-dollar-sign\"></i>\n <ax-check-box [value]=\"isOnDemandLabel\" (onClick)=\"onDemandLabel($event)\">\n </ax-check-box>\n </div>\n\n <div class=\"button commit\" (click)=\"handleCommitClick()\" *ngIf=\"isEditing\">\n <i class=\"far fa-check\"></i>\n </div>\n <div class=\"button remove\" (click)=\"handleRemoveClick()\" *ngIf=\"mode == 'new'\">\n <i class=\"far fa-times\"></i>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: AXSelectBoxComponent, selector: "ax-select-box", inputs: ["showDropDownButton", "rowInputTemplate", "showCheckBox", "readonly", "rtl", "disabled", "placeholder", "size", "allowNull", "textAlign", "bufferSize", "remoteOperation", "fitParent", "dropdownWidth", "multiLine", "onDemandTranslate", "dataSource", "validation", "disabledCallback", "allowSearch", "textField", "valueField", "disabledField", "mode", "items", "selectedItems", "selectedValues"], outputs: ["dropdownToggle", "itemsChange", "onBlur", "onFocus", "selectionChanged", "selectedItemsChange", "selectedValuesChange"] }, { kind: "component", type: AXDataSourceComponent, selector: "ax-data-source", inputs: ["provideData", "params"] }, { kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["mask", "showMask", "type", "maxLength", "maskGuid", "maskPlaceholder", "maskKeepCharPositions", "leadZeroDateTime"] }, { kind: "component", type: AXNumberBoxComponent, selector: "ax-number-box", inputs: ["min", "max", "showSeparator", "showCurrency", "showCounter", "scrollWeel", "showDoubleCounter", "maxLength", "intStep", "decimalNumber", "customStep"] }, { kind: "component", type: AXFormGroupComponent, selector: "ax-form-group", inputs: ["size", "labelMode"], outputs: ["labelModeChange"] }, { kind: "component", type: AXCheckBoxComponent, selector: "ax-check-box", inputs: ["readonly", "disabled", "size", "label", "tabIndex", "indeterminate", "value"], outputs: ["onValueChanged", "valueChange", "onClick"] }, { kind: "component", type: AXDatePickerComponent, selector: "ax-date-picker", inputs: ["selectedDates", "dayStyle", "dayMinMaxResoan", "validation", "placeholder", "min", "max", "readonly", "disabled", "allowClear", "textAlign", "showToday", "selectableHoliday", "dateType", "showTodayButton", "openByClick", "size", "type", "value"], outputs: ["typeChange", "onValueChanged", "valueChange"] }, { kind: "pipe", type: i1$2.AXTranslatorPipe, name: "trans" }], encapsulation: i0.ViewEncapsulation.None });
|
|
10531
10945
|
}
|
|
10532
10946
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXQueryBuilderRuleComponent, decorators: [{
|
|
10533
10947
|
type: Component,
|
|
@@ -10712,7 +11126,7 @@ class AXQueryBuilderPopupComponent extends AXBasePopupPageComponent {
|
|
|
10712
11126
|
];
|
|
10713
11127
|
}
|
|
10714
11128
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXQueryBuilderPopupComponent, deps: [{ token: AXToastService }], target: i0.ɵɵFactoryTarget.Component });
|
|
10715
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: AXQueryBuilderPopupComponent, isStandalone: false, selector: "ng-component", viewQueries: [{ propertyName: "form", first: true, predicate: AXValidationFormComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div>\n <ax-validation-form #form>\n <div *ngFor=\"let rule of items\">\n\n <div *ngIf=\" rule.control\" [ngSwitch]=\"rule.control.type\" style=\"padding: 1em;\">\n <div *ngSwitchCase=\"'textBox'\">\n <ax-form-group>\n <ax-label>{{getValue(rule.onDemandLabel)}}</ax-label>\n <ax-text-box (onValueChanged)=\"textValueChange($event,rule)\"\n placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\" size=\"sm\">\n <ax-validation>\n <ax-validation-rule type=\"required\"></ax-validation-rule>\n </ax-validation>\n </ax-text-box>\n </ax-form-group>\n </div>\n <div *ngSwitchCase=\"'selectBox'\">\n <ax-form-group>\n <ax-label>{{getValue(rule.onDemandLabel)}}</ax-label>\n <ax-select-box placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\"\n [textField]=\"getOption('textField',rule)\" [(selectedItems)]=\"rule.valueItem\"\n [valueField]=\"getOption('valueField',rule)\" [mode]=\"getOption('mode',rule)\"\n (selectedItemsChange)=\"selectedItemsChange($event,rule)\" size=\"sm\" #selectBoxValue\n [remoteOperation]=\"getOption('remoteOperation',rule)\">\n <ax-validation>\n <ax-validation-rule type=\"required\"></ax-validation-rule>\n </ax-validation>\n <ax-data-source [provideData]=\"getProvideData\" [params]=\"rule\"></ax-data-source>\n </ax-select-box>\n </ax-form-group>\n </div>\n <div *ngSwitchCase=\"'numberBox'\">\n <ax-form-group>\n <ax-label>{{getValue(rule.onDemandLabel)}}</ax-label>\n <ax-number-box (onValueChanged)=\"valueChange($event,rule)\"\n placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\" size=\"sm\">\n <ax-validation>\n <ax-validation-rule type=\"required\"></ax-validation-rule>\n </ax-validation>\n </ax-number-box>\n </ax-form-group>\n </div>\n <div *ngSwitchCase=\"'datetime'\">\n <ax-date-picker label=\"From\" [(value)]=\"rule.value\" (onValueChanged)=\"valueChange($event,rule)\">\n </ax-date-picker>\n </div>\n <div *ngSwitchCase=\"'boolean'\">\n <ax-form-group>\n <ax-label>{{getValue(rule.onDemandLabel)}}</ax-label>\n <ax-select-box #selectBoxBoolean (selectedItemsChange)=\"valueBooleanChange($event,rule)\"\n allowNull=\"false\" [selectedValues]=\"rule.value\" size=\"sm\" mode=\"single\">\n <ax-data-source [provideData]=\"provideDataBoolean\">\n </ax-data-source>\n <ax-validation>\n <ax-validation-rule type=\"required\"></ax-validation-rule>\n </ax-validation>\n </ax-select-box>\n </ax-form-group>\n </div>\n <div *ngSwitchDefault>\n <ax-form-group>\n <ax-label>{{getValue(rule.onDemandLabel)}}</ax-label>\n <ax-text-box (onValueChanged)=\"textValueChange($event,rule)\"\n placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\" size=\"sm\">\n <ax-validation>\n <ax-validation-rule type=\"required\"></ax-validation-rule>\n </ax-validation>\n </ax-text-box>\n\n </ax-form-group>\n\n </div>\n </div>\n\n\n\n\n </div>\n\n </ax-validation-form>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: AXSelectBoxComponent, selector: "ax-select-box", inputs: ["showDropDownButton", "rowInputTemplate", "showCheckBox", "readonly", "rtl", "disabled", "placeholder", "size", "allowNull", "textAlign", "bufferSize", "remoteOperation", "fitParent", "dropdownWidth", "multiLine", "onDemandTranslate", "dataSource", "validation", "disabledCallback", "allowSearch", "textField", "valueField", "disabledField", "mode", "items", "selectedItems", "selectedValues"], outputs: ["dropdownToggle", "itemsChange", "onBlur", "onFocus", "selectionChanged", "selectedItemsChange", "selectedValuesChange"] }, { kind: "component", type: AXDataSourceComponent, selector: "ax-data-source", inputs: ["provideData", "params"] }, { kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["mask", "showMask", "type", "maxLength", "maskGuid", "maskPlaceholder", "maskKeepCharPositions", "leadZeroDateTime"] }, { kind: "component", type: AXNumberBoxComponent, selector: "ax-number-box", inputs: ["min", "max", "showSeparator", "showCurrency", "showCounter", "scrollWeel", "showDoubleCounter", "maxLength", "intStep", "decimalNumber", "customStep"] }, { kind: "component", type: AXFormGroupComponent, selector: "ax-form-group", inputs: ["size", "labelMode"], outputs: ["labelModeChange"] }, { kind: "component", type: AXLabelComponent, selector: "ax-label", inputs: ["size"], outputs: ["clickLabel"] }, { kind: "component", type: AXValidationFormComponent, selector: "ax-validation-form", inputs: ["validateOn"], outputs: ["onInit"] }, { kind: "component", type: AXValidationComponent, selector: "ax-validation", inputs: ["rules", "validateOn"], outputs: ["rulesChange", "showMessage"] }, { kind: "component", type: AXValidationRuleComponent, selector: "ax-validation-rule", inputs: ["type", "message", "value", "enabled", "operation"] }, { kind: "component", type: AXDatePickerComponent, selector: "ax-date-picker", inputs: ["dayStyle", "dayMinMaxResoan", "validation", "placeholder", "min", "max", "readonly", "disabled", "allowClear", "textAlign", "showToday", "selectableHoliday", "dateType", "showTodayButton", "openByClick", "size", "type", "value"], outputs: ["typeChange", "onValueChanged", "valueChange"] }] });
|
|
11129
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: AXQueryBuilderPopupComponent, isStandalone: false, selector: "ng-component", viewQueries: [{ propertyName: "form", first: true, predicate: AXValidationFormComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div>\n <ax-validation-form #form>\n <div *ngFor=\"let rule of items\">\n\n <div *ngIf=\" rule.control\" [ngSwitch]=\"rule.control.type\" style=\"padding: 1em;\">\n <div *ngSwitchCase=\"'textBox'\">\n <ax-form-group>\n <ax-label>{{getValue(rule.onDemandLabel)}}</ax-label>\n <ax-text-box (onValueChanged)=\"textValueChange($event,rule)\"\n placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\" size=\"sm\">\n <ax-validation>\n <ax-validation-rule type=\"required\"></ax-validation-rule>\n </ax-validation>\n </ax-text-box>\n </ax-form-group>\n </div>\n <div *ngSwitchCase=\"'selectBox'\">\n <ax-form-group>\n <ax-label>{{getValue(rule.onDemandLabel)}}</ax-label>\n <ax-select-box placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\"\n [textField]=\"getOption('textField',rule)\" [(selectedItems)]=\"rule.valueItem\"\n [valueField]=\"getOption('valueField',rule)\" [mode]=\"getOption('mode',rule)\"\n (selectedItemsChange)=\"selectedItemsChange($event,rule)\" size=\"sm\" #selectBoxValue\n [remoteOperation]=\"getOption('remoteOperation',rule)\">\n <ax-validation>\n <ax-validation-rule type=\"required\"></ax-validation-rule>\n </ax-validation>\n <ax-data-source [provideData]=\"getProvideData\" [params]=\"rule\"></ax-data-source>\n </ax-select-box>\n </ax-form-group>\n </div>\n <div *ngSwitchCase=\"'numberBox'\">\n <ax-form-group>\n <ax-label>{{getValue(rule.onDemandLabel)}}</ax-label>\n <ax-number-box (onValueChanged)=\"valueChange($event,rule)\"\n placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\" size=\"sm\">\n <ax-validation>\n <ax-validation-rule type=\"required\"></ax-validation-rule>\n </ax-validation>\n </ax-number-box>\n </ax-form-group>\n </div>\n <div *ngSwitchCase=\"'datetime'\">\n <ax-date-picker label=\"From\" [(value)]=\"rule.value\" (onValueChanged)=\"valueChange($event,rule)\">\n </ax-date-picker>\n </div>\n <div *ngSwitchCase=\"'boolean'\">\n <ax-form-group>\n <ax-label>{{getValue(rule.onDemandLabel)}}</ax-label>\n <ax-select-box #selectBoxBoolean (selectedItemsChange)=\"valueBooleanChange($event,rule)\"\n allowNull=\"false\" [selectedValues]=\"rule.value\" size=\"sm\" mode=\"single\">\n <ax-data-source [provideData]=\"provideDataBoolean\">\n </ax-data-source>\n <ax-validation>\n <ax-validation-rule type=\"required\"></ax-validation-rule>\n </ax-validation>\n </ax-select-box>\n </ax-form-group>\n </div>\n <div *ngSwitchDefault>\n <ax-form-group>\n <ax-label>{{getValue(rule.onDemandLabel)}}</ax-label>\n <ax-text-box (onValueChanged)=\"textValueChange($event,rule)\"\n placeholder=\"\u0645\u0642\u062F\u0627\u0631 \u0645\u0648\u0631\u062F \u0646\u0638\u0631 \u062E\u0648\u062F \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F\" size=\"sm\">\n <ax-validation>\n <ax-validation-rule type=\"required\"></ax-validation-rule>\n </ax-validation>\n </ax-text-box>\n\n </ax-form-group>\n\n </div>\n </div>\n\n\n\n\n </div>\n\n </ax-validation-form>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: AXSelectBoxComponent, selector: "ax-select-box", inputs: ["showDropDownButton", "rowInputTemplate", "showCheckBox", "readonly", "rtl", "disabled", "placeholder", "size", "allowNull", "textAlign", "bufferSize", "remoteOperation", "fitParent", "dropdownWidth", "multiLine", "onDemandTranslate", "dataSource", "validation", "disabledCallback", "allowSearch", "textField", "valueField", "disabledField", "mode", "items", "selectedItems", "selectedValues"], outputs: ["dropdownToggle", "itemsChange", "onBlur", "onFocus", "selectionChanged", "selectedItemsChange", "selectedValuesChange"] }, { kind: "component", type: AXDataSourceComponent, selector: "ax-data-source", inputs: ["provideData", "params"] }, { kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["mask", "showMask", "type", "maxLength", "maskGuid", "maskPlaceholder", "maskKeepCharPositions", "leadZeroDateTime"] }, { kind: "component", type: AXNumberBoxComponent, selector: "ax-number-box", inputs: ["min", "max", "showSeparator", "showCurrency", "showCounter", "scrollWeel", "showDoubleCounter", "maxLength", "intStep", "decimalNumber", "customStep"] }, { kind: "component", type: AXFormGroupComponent, selector: "ax-form-group", inputs: ["size", "labelMode"], outputs: ["labelModeChange"] }, { kind: "component", type: AXLabelComponent, selector: "ax-label", inputs: ["size"], outputs: ["clickLabel"] }, { kind: "component", type: AXValidationFormComponent, selector: "ax-validation-form", inputs: ["validateOn"], outputs: ["onInit"] }, { kind: "component", type: AXValidationComponent, selector: "ax-validation", inputs: ["rules", "validateOn"], outputs: ["rulesChange", "showMessage"] }, { kind: "component", type: AXValidationRuleComponent, selector: "ax-validation-rule", inputs: ["type", "message", "value", "enabled", "operation"] }, { kind: "component", type: AXDatePickerComponent, selector: "ax-date-picker", inputs: ["selectedDates", "dayStyle", "dayMinMaxResoan", "validation", "placeholder", "min", "max", "readonly", "disabled", "allowClear", "textAlign", "showToday", "selectableHoliday", "dateType", "showTodayButton", "openByClick", "size", "type", "value"], outputs: ["typeChange", "onValueChanged", "valueChange"] }] });
|
|
10716
11130
|
}
|
|
10717
11131
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXQueryBuilderPopupComponent, decorators: [{
|
|
10718
11132
|
type: Component,
|
|
@@ -11116,21 +11530,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
|
|
|
11116
11530
|
type: Output
|
|
11117
11531
|
}] } });
|
|
11118
11532
|
|
|
11119
|
-
class AXSearchBoxModule {
|
|
11120
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXSearchBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
11121
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: AXSearchBoxModule, declarations: [AXSearchBoxComponent], imports: [CommonModule, AXTextBoxModule, AXButtonModule, AXFormGroupModule, AXTranslatorModule, FormsModule], exports: [AXSearchBoxComponent] });
|
|
11122
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXSearchBoxModule, imports: [CommonModule, AXTextBoxModule, AXButtonModule, AXFormGroupModule, AXTranslatorModule, FormsModule] });
|
|
11123
|
-
}
|
|
11124
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXSearchBoxModule, decorators: [{
|
|
11125
|
-
type: NgModule,
|
|
11126
|
-
args: [{
|
|
11127
|
-
declarations: [AXSearchBoxComponent],
|
|
11128
|
-
imports: [CommonModule, AXTextBoxModule, AXButtonModule, AXFormGroupModule, AXTranslatorModule, FormsModule],
|
|
11129
|
-
exports: [AXSearchBoxComponent],
|
|
11130
|
-
providers: []
|
|
11131
|
-
}]
|
|
11132
|
-
}] });
|
|
11133
|
-
|
|
11134
11533
|
class AXSelectBoxValueChangedEvent extends AXValueEvent {
|
|
11135
11534
|
isUserInput = false;
|
|
11136
11535
|
}
|
|
@@ -13490,7 +13889,7 @@ class AXDatePropertyEditorComponent extends AXProperyEditorComponent {
|
|
|
13490
13889
|
>
|
|
13491
13890
|
<ax-validation [rules]="validation?.rules"> </ax-validation>
|
|
13492
13891
|
</ax-date-picker>
|
|
13493
|
-
`, isInline: true, dependencies: [{ kind: "component", type: AXDatePickerComponent, selector: "ax-date-picker", inputs: ["dayStyle", "dayMinMaxResoan", "validation", "placeholder", "min", "max", "readonly", "disabled", "allowClear", "textAlign", "showToday", "selectableHoliday", "dateType", "showTodayButton", "openByClick", "size", "type", "value"], outputs: ["typeChange", "onValueChanged", "valueChange"] }, { kind: "component", type: AXValidationComponent, selector: "ax-validation", inputs: ["rules", "validateOn"], outputs: ["rulesChange", "showMessage"] }] });
|
|
13892
|
+
`, isInline: true, dependencies: [{ kind: "component", type: AXDatePickerComponent, selector: "ax-date-picker", inputs: ["selectedDates", "dayStyle", "dayMinMaxResoan", "validation", "placeholder", "min", "max", "readonly", "disabled", "allowClear", "textAlign", "showToday", "selectableHoliday", "dateType", "showTodayButton", "openByClick", "size", "type", "value"], outputs: ["typeChange", "onValueChanged", "valueChange"] }, { kind: "component", type: AXValidationComponent, selector: "ax-validation", inputs: ["rules", "validateOn"], outputs: ["rulesChange", "showMessage"] }] });
|
|
13494
13893
|
}
|
|
13495
13894
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXDatePropertyEditorComponent, decorators: [{
|
|
13496
13895
|
type: Component,
|
|
@@ -17495,7 +17894,8 @@ class AXTreeViewComponent extends AXBaseComponent {
|
|
|
17495
17894
|
// if (this.selectionMode !== 'single' && (this.selectNodesRecursive == 'all' || this.selectNodesRecursive == 'childs')) {
|
|
17496
17895
|
if (this.selectionMode !== 'single' && this.checkChilds == true) {
|
|
17497
17896
|
result[i].select =
|
|
17498
|
-
this.itemRow.select === undefined ||
|
|
17897
|
+
this.itemRow.select === undefined ||
|
|
17898
|
+
this.itemRow.select === null
|
|
17499
17899
|
? false
|
|
17500
17900
|
: this.itemRow.select;
|
|
17501
17901
|
if (this.itemRow.select === true &&
|
|
@@ -18234,5 +18634,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
|
|
|
18234
18634
|
* Generated bundle index. Do not edit.
|
|
18235
18635
|
*/
|
|
18236
18636
|
|
|
18237
|
-
export { AXAccordionComponent, AXAccordionModule, AXAsyncEventArgs, AXBaseButtonComponent, AXBaseComponent, AXBaseDropdownComponent, AXBaseEvent, AXBaseInputChangeEvent, AXBasePageComponent, AXBasePopupPageComponent, AXBaseTextComponent, AXButtonComponent, AXButtonModule, AXCalendarBoxComponent, AXCalendarBoxModule, AXCheckBoxComponent, AXCheckBoxItemClick, AXCheckBoxModule, AXColorBoxComponent, AXColorPickerComponent, AXColorPickerModule, AXColorPropertyEditorComponent, AXColorPropertyEditorModule, AXConditionalColorPropertyEditorComponent, AXConditionalColorPropertyEditorModule, AXContextMenuComponent, AXContextMenuDirective, AXContextMenuItemClickEvent, AXContextMenuModule, AXDataEvent, AXDataListComponent, AXDataPickerChangeEvent, AXDataSourceComponent, AXDataSourceModule, AXDataSourceRead, AXDataSourceReceivedEvent, AXDataSourceReceivedResult, AXDatePickerComponent, AXDatePickerModule, AXDecoratorContentComponent, AXDialogAlertResult, AXDialogComponent, AXDialogConfirmResult, AXDialogModule, AXDialogResult, AXDialogService, AXDrawerComponent, AXDrawerContainerComponent, AXDrawerModule, AXDropdownComponent, AXDropdownModule, AXEvent, AXFieldsetComponent, AXFieldsetModule, AXFilterColumnComponent, AXFilterColumnDateComponent, AXFilterColumnNumberComponent, AXFilterColumnSelectionComponent, AXFilterColumnStringComponent, AXFilterModule, AXFilterPanelComponent, AXFormGroupComponent, AXFormGroupModule, AXFormLableDirective, AXHtmlEvent, AXLabelComponent, AXLabelModule, AXListComponent, AXListModule, AXLoadingIndicatorComponent, AXLoadingModule, AXLoadingPanelComponent, AXLoadingService, AXMenu2Component, AXMenuComponent, AXMenuItemClickEvent, AXMenuItemComponent, AXMenuModule, AXNumberBoxComponent, AXNumberBoxModule, AXOverlayService, AXPageCloseEvent, AXPageClosedPromise, AXPageClosing, AXPageComponent, AXPageContentComponent, AXPageFooterComponent, AXPageModule, AXPageResult, AXPanelBoxComponent, AXPanelBoxModule, AXPasswordBoxComponent, AXPasswordBoxModule, AXPopoverComponent, AXPopoverModule, AXPopupComponent, AXPopupModule, AXPopupService, AXProgressBarComponent, AXProgressBarModule, AXPropertyDecorator, AXPropertyDecorators, AXPropertyEditorRendererDirective, AXProperyEditorComponent, AXProppertyEditorModule, AXQueryBuilderComponent, AXQueryBuilderControl, AXQueryBuilderField, AXQueryBuilderGroup, AXQueryBuilderGroupEvent, AXQueryBuilderModule, AXQueryBuilderPopup, AXQueryBuilderRule, AXQueryBuilderRuleEvent, AXQueryBuilderService, AXRangePropertyEditorComponent, AXRangePropertyEditorModule, AXSchedulerAgendaViewComponent, AXSchedulerBaseViewComponent, AXSchedulerComponent, AXSchedulerDayTimeViewComponent, AXSchedulerEventChangeArgs, AXSchedulerModule, AXSchedulerMonthViewComponent, AXSchedulerTimelineViewComponent, AXSchedulerViewProperty, AXSchedulerViewsProperty, AXSearchBarComponent, AXSearchBarModule, AXSearchBoxComponent, AXSearchBoxModule, AXSelectBox2Component, AXSelectBoxComponent, AXSelectBoxModule, AXSelectBoxPropertyEditorComponent, AXSelectBoxPropertyEditorModule, AXSelectBoxSelectionChangedEvent, AXSelectBoxValueChangedEvent, AXSelectionListComponent, AXSelectionListModule, AXSideMenuComponent, AXSideMenuModule, AXSwitchComponent, AXSwitchModule, AXTabComponent, AXTabPageHostComponent, AXTabPageModule, AXTabPageRendererComponent, AXTabPageService, AXTabStripChangedEvent, AXTabStripComponent, AXTabStripModule, AXTabViewComponent, AXTabViewModule, AXTextAreaComponent, AXTextAreaModule, AXTextBoxComponent, AXTextBoxModule, AXTextPropertyEditorComponent, AXTextPropertyEditorModule, AXTimePickerChangedEvent, AXTimePickerComponent, AXTimePickerItemChangedEvent, AXTimePickerModule, AXToastMessageComponent, AXToastModule, AXToastService, AXToastWrapperComponent, AXToolbarButtonGroupComponent, AXToolbarComponent, AXToolbarFilterViewComponent, AXToolbarItem, AXToolbarListViewComponent, AXToolbarMenuComponent, AXToolbarModule, AXToolbarSchedulerNavigatorComponent, AXToolbarSchedulerViewsComponent, AXToolbarSearchComponent, AXToolbarTitleComponent, AXTooltipDirective, AXTooltipModule, AXTreeSideMenuComponent, AXTreeSideMenuItemClick, AXTreeSideMenuItemData, AXTreeSideMenuItemMovedEvent, AXTreeSideMenuModule, AXTreeSideMenuNode, AXTreeSideMenuSelectionChangedEvent, AXTreeViewComponent, AXTreeViewItemClick, AXTreeViewItemData, AXTreeViewItemMovedEvent, AXTreeViewModule, AXTreeViewNode, AXTreeViewselectionChangedEvent, AXTreeViewseletedKeyFieldsChangedEvent, AXUploadFileComponent, AXUploadFileModule, AXValidatableComponent, AXValidation, AXValidationComponent, AXValidationFormComponent, AXValidationModule, AXValidationRuleComponent, AXValidationRules, AXValueEvent, DynamicTabsDirective, TAB_META_KEY, propertyEditor };
|
|
18637
|
+
export { AXAccordionComponent, AXAccordionModule, AXAsyncEventArgs, AXAutoCompleteComponent, AXAutoCompleteModule, AXBaseButtonComponent, AXBaseComponent, AXBaseDropdownComponent, AXBaseEvent, AXBaseInputChangeEvent, AXBasePageComponent, AXBasePopupPageComponent, AXBaseTextComponent, AXButtonComponent, AXButtonModule, AXCalendarBoxComponent, AXCalendarBoxModule, AXCheckBoxComponent, AXCheckBoxItemClick, AXCheckBoxModule, AXColorBoxComponent, AXColorPickerComponent, AXColorPickerModule, AXColorPropertyEditorComponent, AXColorPropertyEditorModule, AXConditionalColorPropertyEditorComponent, AXConditionalColorPropertyEditorModule, AXContextMenuComponent, AXContextMenuDirective, AXContextMenuItemClickEvent, AXContextMenuModule, AXDataEvent, AXDataListComponent, AXDataPickerChangeEvent, AXDataSourceComponent, AXDataSourceModule, AXDataSourceRead, AXDataSourceReceivedEvent, AXDataSourceReceivedResult, AXDatePickerComponent, AXDatePickerModule, AXDecoratorContentComponent, AXDialogAlertResult, AXDialogComponent, AXDialogConfirmResult, AXDialogModule, AXDialogResult, AXDialogService, AXDrawerComponent, AXDrawerContainerComponent, AXDrawerModule, AXDropdownComponent, AXDropdownModule, AXEvent, AXFieldsetComponent, AXFieldsetModule, AXFilterColumnComponent, AXFilterColumnDateComponent, AXFilterColumnNumberComponent, AXFilterColumnSelectionComponent, AXFilterColumnStringComponent, AXFilterModule, AXFilterPanelComponent, AXFormGroupComponent, AXFormGroupModule, AXFormLableDirective, AXHtmlEvent, AXLabelComponent, AXLabelModule, AXListComponent, AXListModule, AXLoadingIndicatorComponent, AXLoadingModule, AXLoadingPanelComponent, AXLoadingService, AXMenu2Component, AXMenuComponent, AXMenuItemClickEvent, AXMenuItemComponent, AXMenuModule, AXNumberBoxComponent, AXNumberBoxModule, AXOverlayService, AXPageCloseEvent, AXPageClosedPromise, AXPageClosing, AXPageComponent, AXPageContentComponent, AXPageFooterComponent, AXPageModule, AXPageResult, AXPanelBoxComponent, AXPanelBoxModule, AXPasswordBoxComponent, AXPasswordBoxModule, AXPopoverComponent, AXPopoverModule, AXPopupComponent, AXPopupModule, AXPopupService, AXProgressBarComponent, AXProgressBarModule, AXPropertyDecorator, AXPropertyDecorators, AXPropertyEditorRendererDirective, AXProperyEditorComponent, AXProppertyEditorModule, AXQueryBuilderComponent, AXQueryBuilderControl, AXQueryBuilderField, AXQueryBuilderGroup, AXQueryBuilderGroupEvent, AXQueryBuilderModule, AXQueryBuilderPopup, AXQueryBuilderRule, AXQueryBuilderRuleEvent, AXQueryBuilderService, AXRangePropertyEditorComponent, AXRangePropertyEditorModule, AXSchedulerAgendaViewComponent, AXSchedulerBaseViewComponent, AXSchedulerComponent, AXSchedulerDayTimeViewComponent, AXSchedulerEventChangeArgs, AXSchedulerModule, AXSchedulerMonthViewComponent, AXSchedulerTimelineViewComponent, AXSchedulerViewProperty, AXSchedulerViewsProperty, AXSearchBarComponent, AXSearchBarModule, AXSearchBoxComponent, AXSearchBoxModule, AXSelectBox2Component, AXSelectBoxComponent, AXSelectBoxModule, AXSelectBoxPropertyEditorComponent, AXSelectBoxPropertyEditorModule, AXSelectBoxSelectionChangedEvent, AXSelectBoxValueChangedEvent, AXSelectionListComponent, AXSelectionListModule, AXSideMenuComponent, AXSideMenuModule, AXSwitchComponent, AXSwitchModule, AXTabComponent, AXTabPageHostComponent, AXTabPageModule, AXTabPageRendererComponent, AXTabPageService, AXTabStripChangedEvent, AXTabStripComponent, AXTabStripModule, AXTabViewComponent, AXTabViewModule, AXTextAreaComponent, AXTextAreaModule, AXTextBoxComponent, AXTextBoxModule, AXTextPropertyEditorComponent, AXTextPropertyEditorModule, AXTimePickerChangedEvent, AXTimePickerComponent, AXTimePickerItemChangedEvent, AXTimePickerModule, AXToastMessageComponent, AXToastModule, AXToastService, AXToastWrapperComponent, AXToolbarButtonGroupComponent, AXToolbarComponent, AXToolbarFilterViewComponent, AXToolbarItem, AXToolbarListViewComponent, AXToolbarMenuComponent, AXToolbarModule, AXToolbarSchedulerNavigatorComponent, AXToolbarSchedulerViewsComponent, AXToolbarSearchComponent, AXToolbarTitleComponent, AXTooltipDirective, AXTooltipModule, AXTreeSideMenuComponent, AXTreeSideMenuItemClick, AXTreeSideMenuItemData, AXTreeSideMenuItemMovedEvent, AXTreeSideMenuModule, AXTreeSideMenuNode, AXTreeSideMenuSelectionChangedEvent, AXTreeViewComponent, AXTreeViewItemClick, AXTreeViewItemData, AXTreeViewItemMovedEvent, AXTreeViewModule, AXTreeViewNode, AXTreeViewselectionChangedEvent, AXTreeViewseletedKeyFieldsChangedEvent, AXUploadFileComponent, AXUploadFileModule, AXValidatableComponent, AXValidation, AXValidationComponent, AXValidationFormComponent, AXValidationModule, AXValidationRuleComponent, AXValidationRules, AXValueEvent, DynamicTabsDirective, TAB_META_KEY, propertyEditor };
|
|
18238
18638
|
//# sourceMappingURL=acorex-components.mjs.map
|