@acorex/components 3.0.34 → 3.0.38
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/acorex-components.metadata.json +1 -1
- package/bundles/acorex-components.umd.js +92 -56
- package/bundles/acorex-components.umd.js.map +1 -1
- package/bundles/acorex-components.umd.min.js +11 -11
- package/bundles/acorex-components.umd.min.js.map +1 -1
- package/esm2015/lib/calendar/scheduler/scheduler.component.js +1 -1
- package/esm2015/lib/calendar/scheduler/views/daytime/scheduler-daytime-view.component.js +1 -1
- package/esm2015/lib/calendar/scheduler/views/month/scheduler-month-view.component.js +1 -1
- package/esm2015/lib/checkbox/checkbox.component.js +2 -2
- package/esm2015/lib/color-picker/color-box/color-box.component.js +1 -1
- package/esm2015/lib/data-filter/filter-panel/filter-panel.component.js +1 -1
- package/esm2015/lib/data-list/list/list.component.js +1 -1
- package/esm2015/lib/dialog/dialog.component.js +1 -1
- package/esm2015/lib/menu/menu2.component.js +1 -1
- package/esm2015/lib/panel-box/panel-box.component.js +1 -1
- package/esm2015/lib/popup/popup.component.js +1 -1
- package/esm2015/lib/property-editor/editors/column-editor/column.editor.js +1 -1
- package/esm2015/lib/property-editor/editors/conditional-color-editor/conditional-color.editor.js +1 -1
- package/esm2015/lib/property-editor/editors/range-editor/range.editor.js +1 -1
- package/esm2015/lib/query-builder/query-builder.component.js +1 -1
- package/esm2015/lib/switch/switch.component.js +1 -1
- package/esm2015/lib/toast/toast-message/toast-message.component.js +1 -1
- package/esm2015/lib/toast/toast-wrapper/toast-wrapper.component.js +1 -1
- package/esm2015/lib/toolbar/search/toolbar-search.component.js +1 -1
- package/esm2015/lib/toolbar/toolbar.component.js +1 -1
- package/esm2015/lib/tree-view/tree-view.component.js +48 -17
- package/esm5/lib/calendar/scheduler/scheduler.component.js +1 -1
- package/esm5/lib/calendar/scheduler/views/daytime/scheduler-daytime-view.component.js +1 -1
- package/esm5/lib/calendar/scheduler/views/month/scheduler-month-view.component.js +1 -1
- package/esm5/lib/checkbox/checkbox.component.js +2 -2
- package/esm5/lib/color-picker/color-box/color-box.component.js +1 -1
- package/esm5/lib/data-filter/filter-panel/filter-panel.component.js +1 -1
- package/esm5/lib/data-list/list/list.component.js +1 -1
- package/esm5/lib/dialog/dialog.component.js +1 -1
- package/esm5/lib/menu/menu2.component.js +1 -1
- package/esm5/lib/panel-box/panel-box.component.js +1 -1
- package/esm5/lib/popup/popup.component.js +1 -1
- package/esm5/lib/property-editor/editors/column-editor/column.editor.js +1 -1
- package/esm5/lib/property-editor/editors/conditional-color-editor/conditional-color.editor.js +1 -1
- package/esm5/lib/property-editor/editors/range-editor/range.editor.js +1 -1
- package/esm5/lib/query-builder/query-builder.component.js +1 -1
- package/esm5/lib/switch/switch.component.js +1 -1
- package/esm5/lib/toast/toast-message/toast-message.component.js +1 -1
- package/esm5/lib/toast/toast-wrapper/toast-wrapper.component.js +1 -1
- package/esm5/lib/toolbar/search/toolbar-search.component.js +1 -1
- package/esm5/lib/toolbar/toolbar.component.js +1 -1
- package/esm5/lib/tree-view/tree-view.component.js +48 -17
- package/fesm2015/acorex-components.js +67 -36
- package/fesm2015/acorex-components.js.map +1 -1
- package/fesm5/acorex-components.js +67 -36
- package/fesm5/acorex-components.js.map +1 -1
- package/lib/tree-view/tree-view.component.d.ts +4 -1
- package/package.json +4 -4
|
@@ -5,18 +5,18 @@
|
|
|
5
5
|
}(this, (function (exports, core, core$1, overlay, portal, rxjs, bidi, common, platform, operators, dragDrop, forms, animations, angular2TextMask, animations$1, a11y, lodash, router) { 'use strict';
|
|
6
6
|
|
|
7
7
|
/*! *****************************************************************************
|
|
8
|
-
Copyright (c) Microsoft Corporation.
|
|
9
|
-
Licensed under the Apache License, Version 2.0 (the "License"); you may not use
|
|
10
|
-
this file except in compliance with the License. You may obtain a copy of the
|
|
11
|
-
License at http://www.apache.org/licenses/LICENSE-2.0
|
|
8
|
+
Copyright (c) Microsoft Corporation.
|
|
12
9
|
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
|
|
16
|
-
MERCHANTABLITY OR NON-INFRINGEMENT.
|
|
10
|
+
Permission to use, copy, modify, and/or distribute this software for any
|
|
11
|
+
purpose with or without fee is hereby granted.
|
|
17
12
|
|
|
18
|
-
|
|
19
|
-
|
|
13
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
14
|
+
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
15
|
+
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
16
|
+
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
17
|
+
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
18
|
+
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
19
|
+
PERFORMANCE OF THIS SOFTWARE.
|
|
20
20
|
***************************************************************************** */
|
|
21
21
|
/* global Reflect, Promise */
|
|
22
22
|
|
|
@@ -109,8 +109,13 @@
|
|
|
109
109
|
}
|
|
110
110
|
}
|
|
111
111
|
|
|
112
|
+
function __createBinding(o, m, k, k2) {
|
|
113
|
+
if (k2 === undefined) k2 = k;
|
|
114
|
+
o[k2] = m[k];
|
|
115
|
+
}
|
|
116
|
+
|
|
112
117
|
function __exportStar(m, exports) {
|
|
113
|
-
for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
|
|
118
|
+
for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) exports[p] = m[p];
|
|
114
119
|
}
|
|
115
120
|
|
|
116
121
|
function __values(o) {
|
|
@@ -809,7 +814,7 @@
|
|
|
809
814
|
DynamicOverlayContainer.prototype.setContainerElement = function (containerElement) {
|
|
810
815
|
this._containerElement = containerElement;
|
|
811
816
|
};
|
|
812
|
-
DynamicOverlayContainer.ɵprov = core
|
|
817
|
+
DynamicOverlayContainer.ɵprov = core.ɵɵdefineInjectable({ factory: function DynamicOverlayContainer_Factory() { return new DynamicOverlayContainer(core.ɵɵinject(common.DOCUMENT), core.ɵɵinject(platform.Platform)); }, token: DynamicOverlayContainer, providedIn: "root" });
|
|
813
818
|
DynamicOverlayContainer = __decorate([
|
|
814
819
|
core.Injectable({
|
|
815
820
|
providedIn: 'root'
|
|
@@ -845,7 +850,7 @@
|
|
|
845
850
|
{ type: bidi.Directionality },
|
|
846
851
|
{ type: core.RendererFactory2 }
|
|
847
852
|
]; };
|
|
848
|
-
DynamicOverlay.ɵprov = core
|
|
853
|
+
DynamicOverlay.ɵprov = core.ɵɵdefineInjectable({ factory: function DynamicOverlay_Factory() { return new DynamicOverlay(core.ɵɵinject(overlay.ScrollStrategyOptions), core.ɵɵinject(DynamicOverlayContainer), core.ɵɵinject(core.ComponentFactoryResolver), core.ɵɵinject(overlay.OverlayPositionBuilder), core.ɵɵinject(overlay.OverlayKeyboardDispatcher), core.ɵɵinject(core.INJECTOR), core.ɵɵinject(core.NgZone), core.ɵɵinject(common.DOCUMENT), core.ɵɵinject(bidi.Directionality), core.ɵɵinject(core.RendererFactory2)); }, token: DynamicOverlay, providedIn: "root" });
|
|
849
854
|
DynamicOverlay = __decorate([
|
|
850
855
|
core.Injectable({
|
|
851
856
|
providedIn: 'root'
|
|
@@ -939,7 +944,7 @@
|
|
|
939
944
|
{ type: overlay.Overlay },
|
|
940
945
|
{ type: core.ApplicationRef }
|
|
941
946
|
]; };
|
|
942
|
-
AXOverlayService.ɵprov = core
|
|
947
|
+
AXOverlayService.ɵprov = core.ɵɵdefineInjectable({ factory: function AXOverlayService_Factory() { return new AXOverlayService(core.ɵɵinject(DynamicOverlay), core.ɵɵinject(overlay.Overlay), core.ɵɵinject(core.ApplicationRef)); }, token: AXOverlayService, providedIn: "root" });
|
|
943
948
|
AXOverlayService = __decorate([
|
|
944
949
|
core.Injectable({ providedIn: 'root' }),
|
|
945
950
|
__metadata("design:paramtypes", [DynamicOverlay,
|
|
@@ -1003,7 +1008,7 @@
|
|
|
1003
1008
|
{ type: core$1.AXRenderService },
|
|
1004
1009
|
{ type: AXOverlayService }
|
|
1005
1010
|
]; };
|
|
1006
|
-
AXLoadingService.ɵprov = core
|
|
1011
|
+
AXLoadingService.ɵprov = core.ɵɵdefineInjectable({ factory: function AXLoadingService_Factory() { return new AXLoadingService(core.ɵɵinject(core$1.AXRenderService), core.ɵɵinject(AXOverlayService)); }, token: AXLoadingService, providedIn: "root" });
|
|
1007
1012
|
AXLoadingService = __decorate([
|
|
1008
1013
|
core.Injectable({ providedIn: 'root' }),
|
|
1009
1014
|
__metadata("design:paramtypes", [core$1.AXRenderService, AXOverlayService])
|
|
@@ -2414,7 +2419,7 @@
|
|
|
2414
2419
|
template: "<div class=\"view ax-scheduler-day-time-view\">\r\n <table class=\"header\">\r\n <thead>\r\n <th class=\"time-column\"></th>\r\n <th *ngFor=\"let d of slots\" class=\"header-cell\">\r\n <div [class.same-week-day]=\"d.range.startTime.equal(today)\">\r\n {{d.range.startTime | dt: 'ddd'}}<br>\r\n {{d.range.startTime | dt: 'DD'}}\r\n </div>\r\n </th>\r\n </thead>\r\n </table>\r\n <div class=\"v-scroll\">\r\n <table class=\"body\" cdkDropListGroup>\r\n <tbody>\r\n <tr *ngFor=\"let t of times\">\r\n <td>\r\n {{t.display}}\r\n </td>\r\n <td *ngFor=\"let d of slots\" class=\"slot-cell\" cdkDropList [cdkDropListData]=\"d\"\r\n (cdkDropListDropped)=\"onDragDropOnDay($event,t.value)\" [attr.data-uid]=\"d.uid\">\r\n <div class=\"event-wrapper\">\r\n <ng-container *ngFor=\"let e of d.events\">\r\n <div *ngIf=\"e.range.startTime.hour==t.value\" class=\"event\"\r\n role=\"button\" aria-readonly=\"false\" aria-selected=\"true\" aria-grabbed=\"false\"\r\n cdkDrag [cdkDragData]=\"e\" \r\n [attr.data-uid]=\"e.uid\" [style.background-color]=\"e.color\" [title]=\"e.title\">\r\n <div class=\"event-title\">{{e.title}}</div>\r\n <div>\r\n <span>{{e.range.startTime | dt: 'HH:mm'}}</span> -\r\n <span>{{e.range.endTime | dt: 'HH:mm'}}</span>\r\n </div>\r\n <div *cdkDragPreview [style.background-color]=\"e.color\" class=\"event-drag-preview\">\r\n {{e.title}}\r\n </div>\r\n <div class=\"event-drag-placeholder\" *cdkDragPlaceholder></div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n</div>",
|
|
2415
2420
|
encapsulation: core.ViewEncapsulation.None,
|
|
2416
2421
|
providers: [{ provide: AXSchedulerBaseViewComponent, useExisting: AXSchedulerDayTimeViewComponent_1 }],
|
|
2417
|
-
styles: [".ax-scheduler-day-time-view .event-wrapper{position:absolute;top:0;left:0;display
|
|
2422
|
+
styles: [".ax-scheduler-day-time-view .event-wrapper{position:absolute;top:0;left:0;display:inline-flex;flex:auto;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;width:100%}.ax-scheduler-day-time-view .event-wrapper .event{display:block;position:relative;flex:1}"]
|
|
2418
2423
|
}),
|
|
2419
2424
|
__metadata("design:paramtypes", [core.ElementRef, core.ChangeDetectorRef])
|
|
2420
2425
|
], AXSchedulerDayTimeViewComponent);
|
|
@@ -2634,7 +2639,7 @@
|
|
|
2634
2639
|
template: "<div class=\"view ax-sheduler-month-view\">\r\n <table class=\"header\">\r\n <thead>\r\n <th *ngFor=\"let d of weekDays\" class=\"header-cell\">\r\n <span [class.same-week-day]=\"d.index==today.dayInWeek\"> {{d.title}}</span>\r\n </th>\r\n </thead>\r\n </table>\r\n <table class=\"body\" cdkDropListGroup>\r\n <tbody>\r\n <tr *ngFor=\"let r of matrixSlots\">\r\n <td *ngFor=\"let d of r\" class=\"cell-slot\" cdkDropList [cdkDropListData]=\"d\"\r\n (cdkDropListDropped)=\"onDragDropOnDay($event)\" \r\n [attr.data-uid]=\"d.uid\">\r\n <div class=\"day-num\" [class.first-day-month]=\"d.range.startTime.dayInMonth==1\"\r\n [class.today]=\"d.range.startTime.equal(today)\">\r\n <ng-container *ngIf=\"d.range.startTime.dayInMonth==1\">\r\n {{d.range.startTime | dt: 'MMM'}}\r\n </ng-container>\r\n {{d.range.startTime | dt: 'DD'}}\r\n </div>\r\n <div class=\"event-wrapper\">\r\n <ng-container *ngFor=\"let e of d.events\">\r\n <div class=\"event ax-scheduler-event\" cdkDrag [cdkDragData]=\"e\" [attr.data-uid]=\"e.uid\"\r\n [style.background-color]=\"e.color\"\r\n (cdkDragStarted)=\"onDragStarted($event)\"\r\n (cdkDragEnded)=\"onDragEnded($event)\"\r\n (cdkDragEntered)=\"onDragEntered($event)\">\r\n <span class=\"ax-sch-str\">{{e.range.startTime | dt: 'HH:mm'}}</span><span\r\n class=\"event-title\">{{e.title}}</span><span>{{e.range.endTime | dt: 'HH:mm'}}</span>\r\n </div>\r\n </ng-container>\r\n </div>\r\n <div class=\"view-more\"></div>\r\n </td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n</div>",
|
|
2635
2640
|
encapsulation: core.ViewEncapsulation.None,
|
|
2636
2641
|
providers: [{ provide: AXSchedulerBaseViewComponent, useExisting: AXSchedulerMonthViewComponent_1 }],
|
|
2637
|
-
styles: [".ax-sheduler-month-view .day-num{position:absolute;left:5px;top:5px;font-size:smaller;padding:1px 5px;display
|
|
2642
|
+
styles: [".ax-sheduler-month-view .day-num{position:absolute;left:5px;top:5px;font-size:smaller;padding:1px 5px;display:flex;border-radius:10%;align-items:center;justify-content:center}.ax-sheduler-month-view .day-num.first-day-month{color:var(--primary-color);font-weight:700}.ax-sheduler-month-view .day-num:hover{text-decoration:underline;cursor:pointer}.ax-sheduler-month-view .day-num.today{background-color:var(--primary-light-color);color:var(--danger-fore-color)}.ax-sheduler-month-view .view-more{position:absolute;bottom:0;font-size:x-small;right:0;padding:0 5px;width:100%;cursor:pointer;text-align:center;background-color:var(--gray-dark-color)}.ax-sheduler-month-view .view-more:hover{box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2)}.ax-sheduler-month-view .event-wrapper{position:absolute;top:30px;left:0}.ax-sheduler-month-view .event-wrapper .event{position:absolute}"]
|
|
2638
2643
|
}),
|
|
2639
2644
|
__metadata("design:paramtypes", [core.ElementRef,
|
|
2640
2645
|
core.NgZone,
|
|
@@ -2959,7 +2964,7 @@
|
|
|
2959
2964
|
selector: 'ax-toolbar-search',
|
|
2960
2965
|
template: "<div class=\"search-bar\">\r\n <input #input type=\"text\" placeholder=\"\u062C\u0633\u062A\u062C\u0648 ...\" (input)=\"onSearchChanged($event.target.value)\" />\r\n <i class=\"far fa-search text-secondary\"></i>\r\n</div>",
|
|
2961
2966
|
providers: [{ provide: AXToolbarItem, useExisting: AXToolbarSearchComponent_1 }],
|
|
2962
|
-
styles: [".search-bar{display
|
|
2967
|
+
styles: [".search-bar{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--ax-border-color);border-radius:var(--ax-size-border-radius);padding:.3em .6em;background:var(--ax-white-color)}.search-bar input{border:none!important;background-color:transparent;outline-color:transparent!important;flex:1;font-family:inherit;font-size:inherit}.search-bar input::-moz-placeholder{color:var(--ax-gray-color)}.search-bar input::placeholder{color:var(--ax-gray-color)}.search-bar i{color:var(--ax-gray-color)}"]
|
|
2963
2968
|
}),
|
|
2964
2969
|
__metadata("design:paramtypes", [])
|
|
2965
2970
|
], AXToolbarSearchComponent);
|
|
@@ -3251,7 +3256,7 @@
|
|
|
3251
3256
|
selector: 'ax-scheduler',
|
|
3252
3257
|
template: "<ng-content select=\"ax-scheduler-views\"></ng-content>\r\n<div class=\"ax-scheduler\">\r\n <div class=\"ax-scheduler-toolbar\" >\r\n <ng-content select=\"ax-toolbar\"></ng-content>\r\n </div>\r\n <div class=\"view-container\" #container>\r\n <ng-template cdkPortalOutlet></ng-template>\r\n </div>\r\n</div>",
|
|
3253
3258
|
encapsulation: core.ViewEncapsulation.None,
|
|
3254
|
-
styles: [".ax-scheduler{height:100%;width:100%}.ax-scheduler .ax-scheduler-toolbar{padding:4px 5px;background:#fff;border:1px solid var(--border-color);border-bottom:0;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;border-top-left-radius:4px;border-top-right-radius:4px}.ax-scheduler .event-wrapper{z-index:100}.ax-scheduler .event-wrapper .event{color:var(--primary-fore-color);border:var(--gray-light-color);display
|
|
3259
|
+
styles: [".ax-scheduler{height:100%;width:100%}.ax-scheduler .ax-scheduler-toolbar{padding:4px 5px;background:#fff;border:1px solid var(--border-color);border-bottom:0;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;border-top-left-radius:4px;border-top-right-radius:4px}.ax-scheduler .event-wrapper{z-index:100}.ax-scheduler .event-wrapper .event{color:var(--primary-fore-color);border:var(--gray-light-color);display:flex;overflow:hidden;position:absolute;font-size:smaller;justify-content:space-between;padding:1px 3px}.ax-scheduler .event-wrapper .event .span{padding:1px 2px;margin:1px}.ax-scheduler .event-wrapper .event .event-title{text-overflow:ellipsis;font-weight:700;color:var(--primary-fore-color);white-space:nowrap;overflow:hidden}.ax-scheduler .event-wrapper .event:focus,.ax-scheduler .event-wrapper .event:hover{cursor:pointer;box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2)}.ax-scheduler table{border-collapse:collapse;table-layout:fixed;width:100%}.ax-scheduler table td.cell-slot{position:relative}.ax-scheduler table td.cell-slot:hover{background-color:var(--primary-lighter-color)}.ax-scheduler table .same-week-day{color:var(--primary-color)}.ax-scheduler td,.ax-scheduler th{padding:8px 16px;border:1px solid var(--border-color);text-overflow:ellipsis;white-space:nowrap;position:relative}.ax-scheduler th{overflow:hidden}.ax-scheduler .view-container{height:100%}.ax-scheduler .time-column{width:80px}.ax-scheduler .h-scroll{overflow-x:auto;overflow-y:hidden;height:100%}.ax-scheduler .v-scroll{overflow-y:auto;overflow-x:hidden}.ax-scheduler .cdk-drag-placeholder{opacity:0;display:none}.event-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);padding:5px 10px;color:#fff;cursor:-webkit-grabbing;cursor:grabbing;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.event-drag-placeholder{background:#ccc;border:3px dotted #999;min-height:60px;transition:transform 250ms cubic-bezier(0,0,.2,1)}.ax-scheduler-event.cdk-drag-preview{box-sizing:border-box;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);padding:1px 3px;cursor:-webkit-grabbing;cursor:grabbing;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;color:var(--primary-fore-color);border:var(--gray-light-color);display:flex;overflow:hidden;position:absolute;font-size:smaller;justify-content:space-between}.ax-scheduler-event.cdk-drag-preview .span{padding:1px 2px;margin:1px}.ax-scheduler-event.cdk-drag-preview .event-title{text-overflow:ellipsis;font-weight:700;color:var(--primary-fore-color);white-space:nowrap;overflow:hidden}"]
|
|
3255
3260
|
}),
|
|
3256
3261
|
__metadata("design:paramtypes", [core.ElementRef,
|
|
3257
3262
|
core.NgZone,
|
|
@@ -3269,7 +3274,7 @@
|
|
|
3269
3274
|
selector: 'ax-toolbar',
|
|
3270
3275
|
template: "<div class=\"ax-toolbar\">\r\n <ng-content>\r\n </ng-content>\r\n</div>",
|
|
3271
3276
|
encapsulation: core.ViewEncapsulation.None,
|
|
3272
|
-
styles: ["ax-toolbar{width:100%}ax-toolbar .ax-toolbar{display
|
|
3277
|
+
styles: ["ax-toolbar{width:100%}ax-toolbar .ax-toolbar{display:flex;width:100%;justify-content:space-between;align-items:center}"]
|
|
3273
3278
|
}),
|
|
3274
3279
|
__metadata("design:paramtypes", [])
|
|
3275
3280
|
], AXToolbarComponent);
|
|
@@ -3443,7 +3448,7 @@
|
|
|
3443
3448
|
selector: 'ax-menu2',
|
|
3444
3449
|
template: "\n <div class=\"ax ax-menu ax-menu-vertical\" [attr.data-level]=\"level\">\n <ax-menu-item\n *ngFor=\"let item of items\"\n [level]=\"level\"\n [item]=\"item\"\n (showSubMenu)=\"showSubmenu($event)\">\n </ax-menu-item>\n </div>\n ",
|
|
3445
3450
|
encapsulation: core.ViewEncapsulation.None,
|
|
3446
|
-
styles: [".ax.ax-menu{display
|
|
3451
|
+
styles: [".ax.ax-menu{display:flex}.ax.ax-menu.ax-menu-vertical[data-level=\"0\"]{display:flex;flex-direction:row}.ax.ax-menu.ax-menu-vertical:not([data-level=\"0\"]){display:flex;transition:opacity .3s;min-width:12em;box-shadow:0 1px 7px 0 var(--ax-border-color);background:#fff;flex-direction:column}.ax.ax-menu.ax-menu-vertical .ax-menu-item{display:flex;white-space:nowrap;cursor:pointer;padding:0 10px;font-weight:400;font-size:1rem;line-height:40px;text-decoration:none;align-items:center}.ax.ax-menu.ax-menu-vertical .ax-menu-item .icon:first-child{-webkit-margin-end:var(--ax-size-md);margin-inline-end:var(--ax-size-md)}.ax.ax-menu.ax-menu-vertical .ax-menu-item .icon:last-child{-webkit-margin-start:var(--ax-size-md);margin-inline-start:var(--ax-size-md)}.ax.ax-menu.ax-menu-vertical .ax-menu-item span{flex:1}.ax.ax-menu.ax-menu-vertical .ax-menu-item.disabled{color:var(--ax-gray-color)!important;background-color:var(--ax-gray-trans-light-color)!important;cursor:not-allowed!important}.ax.ax-menu.ax-menu-vertical .ax-menu-item.disabled .icon{color:var(--ax-gray-dark-color)!important}.ax.ax-menu.ax-menu-vertical .ax-menu-item.disabled:hover{background:var(--ax-light-light-color)!important;border-color:var(--ax-light-light-color)!important;color:var(--ax-gray-dark-color)!important;cursor:not-allowed!important}"]
|
|
3447
3452
|
}),
|
|
3448
3453
|
__metadata("design:paramtypes", [overlay.Overlay,
|
|
3449
3454
|
core.ViewContainerRef,
|
|
@@ -3817,7 +3822,7 @@
|
|
|
3817
3822
|
AXCheckBoxComponent = __decorate([
|
|
3818
3823
|
core.Component({
|
|
3819
3824
|
selector: 'ax-check-box',
|
|
3820
|
-
template: "<!-- <label class=\"ax checkbox {{size}}\" for=\"{{uid}}\" [ngClass]=\"{ 'disabled': disabled, 'readonly': readonly }\"\r\n (click)=\"handleClick($event)\">\r\n {{ label }}\r\n <input #input type=\"checkbox\" id=\"{{uid}}\" [readonly]=\"readonly\" [checked]=\"value\"\r\n [disabled]=\"disabled || readonly\" />\r\n <span class=\"checkmark\" [ngClass]=\"{'indeterminate': indeterminate && value == null}\"></span>\r\n\r\n</label> -->\r\n\r\n<label for=\"{{uid}}\" class=\"ax-checkbox-container\" (click)=\"handleClick($event)\">\r\n <input #input type=\"checkbox\" class=\"ax-checkbox\" [ngClass]=\"{'indeterminate': indeterminate && value == null}\"\r\n id=\"{{uid}}\" [readonly]=\"readonly\" [checked]=\"value\" [(ngModel)]=\"value\" [disabled]=\"disabled || readonly\" />\r\n <span>{{ label ? label : ' ' }}</span>\r\n</label>",
|
|
3825
|
+
template: "<!-- <label class=\"ax checkbox {{size}}\" for=\"{{uid}}\" [ngClass]=\"{ 'disabled': disabled, 'readonly': readonly }\"\r\n (click)=\"handleClick($event)\">\r\n {{ label }}\r\n <input #input type=\"checkbox\" id=\"{{uid}}\" [readonly]=\"readonly\" [checked]=\"value\"\r\n [disabled]=\"disabled || readonly\" />\r\n <span class=\"checkmark\" [ngClass]=\"{'indeterminate': indeterminate && value == null}\"></span>\r\n\r\n</label> -->\r\n\r\n<label for=\"{{uid}}\" class=\"ax-checkbox-container\" [ngClass]=\"{ 'disabled': disabled, 'readonly': readonly }\"\r\n (click)=\"handleClick($event)\">\r\n <input #input type=\"checkbox\" class=\"ax-checkbox\" [ngClass]=\"{'indeterminate': indeterminate && value == null}\"\r\n id=\"{{uid}}\" [readonly]=\"readonly\" [checked]=\"value\" [(ngModel)]=\"value\" [disabled]=\"disabled || readonly\" />\r\n <span>{{ label ? label : ' ' }}</span>\r\n</label>",
|
|
3821
3826
|
encapsulation: core.ViewEncapsulation.None,
|
|
3822
3827
|
changeDetection: core.ChangeDetectionStrategy.OnPush
|
|
3823
3828
|
}),
|
|
@@ -4736,7 +4741,7 @@
|
|
|
4736
4741
|
selector: 'ax-toast-wrapper',
|
|
4737
4742
|
template: '',
|
|
4738
4743
|
encapsulation: core.ViewEncapsulation.None,
|
|
4739
|
-
styles: ["ax-toast-wrapper{min-width:300px;max-width:360px;height:auto;position:fixed;bottom:0;right:50%;left:50%;display
|
|
4744
|
+
styles: ["ax-toast-wrapper{min-width:300px;max-width:360px;height:auto;position:fixed;bottom:0;right:50%;left:50%;display:flex;flex-direction:column;margin:auto auto auto -150px;z-index:10003;flex-wrap:wrap}"]
|
|
4740
4745
|
}),
|
|
4741
4746
|
__metadata("design:paramtypes", [])
|
|
4742
4747
|
], AXToastWrapperComponent);
|
|
@@ -4824,7 +4829,7 @@
|
|
|
4824
4829
|
core.Component({
|
|
4825
4830
|
template: "<div class=\"toast-container\">\r\n <header *ngIf=\"title\" class=\"ax toast {{ style }}\">\r\n <div>\r\n <i class=\"{{icon}}\"></i> {{ title }}\r\n </div>\r\n <div *ngIf=\"closeable\" (click)=\"close()\" class=\"toast-close\">\r\n <i class=\"far fa-times-circle\"></i>\r\n </div>\r\n </header>\r\n <div class=\"content ax toast {{ style }}\">\r\n {{ message }}\r\n <div *ngIf=\"!title && closeable\" (click)=\"close()\" class=\"toast-close\">\r\n <i class=\"far fa-times-circle\"></i>\r\n </div>\r\n <div class=\"toast-progress\" [style.animation-duration.ms]=\"timeOut\"></div>\r\n </div>\r\n</div>",
|
|
4826
4831
|
encapsulation: core.ViewEncapsulation.None,
|
|
4827
|
-
styles: [".rtl .toast-progress{right:0;left:inherit!important}.toast-container{overflow:hidden;margin:.8em 0;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);animation:.3s cubic-bezier(.25,.46,.45,.94) both slide-in-bottom;-webkit-animation:.3s cubic-bezier(.25,.46,.45,.94) both slide-in-bottom;border-radius:var(--ax-size-border-radius)}.toast-container header{display
|
|
4832
|
+
styles: [".rtl .toast-progress{right:0;left:inherit!important}.toast-container{overflow:hidden;margin:.8em 0;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);animation:.3s cubic-bezier(.25,.46,.45,.94) both slide-in-bottom;-webkit-animation:.3s cubic-bezier(.25,.46,.45,.94) both slide-in-bottom;border-radius:var(--ax-size-border-radius)}.toast-container header{display:flex;justify-content:space-between;padding:1rem;font-weight:500}.toast-container .content{padding:1rem;display:flex;align-items:center;justify-content:space-between}.toast-container .toast-close{cursor:pointer}.toast-container .toast-progress{position:absolute;background:rgba(0,0,0,.5);width:100%;bottom:0;left:0;padding:.15em 0;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-name:progressBar;animation-name:progressBar}@-webkit-keyframes progressBar{0%{width:100%}100%{width:0%}}@keyframes progressBar{0%{width:100%}100%{width:0%}}@-webkit-keyframes slide-in-top{0%{transform:translateY(-1000px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes slide-in-top{0%{transform:translateY(-1000px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes slide-in-bottom{0%{transform:translateY(1000px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes slide-in-bottom{0%{transform:translateY(1000px);opacity:0}100%{transform:translateY(0);opacity:1}}"]
|
|
4828
4833
|
}),
|
|
4829
4834
|
__metadata("design:paramtypes", [core.ElementRef])
|
|
4830
4835
|
], AXToastMessageComponent);
|
|
@@ -4864,7 +4869,7 @@
|
|
|
4864
4869
|
AXToastService.ctorParameters = function () { return [
|
|
4865
4870
|
{ type: core$1.AXRenderService }
|
|
4866
4871
|
]; };
|
|
4867
|
-
AXToastService.ɵprov = core
|
|
4872
|
+
AXToastService.ɵprov = core.ɵɵdefineInjectable({ factory: function AXToastService_Factory() { return new AXToastService(core.ɵɵinject(core$1.AXRenderService)); }, token: AXToastService, providedIn: "root" });
|
|
4868
4873
|
AXToastService = __decorate([
|
|
4869
4874
|
core.Injectable({ providedIn: 'root' }),
|
|
4870
4875
|
__metadata("design:paramtypes", [core$1.AXRenderService])
|
|
@@ -5139,7 +5144,7 @@
|
|
|
5139
5144
|
template: "<div class=\"ax-filter-panel\" #panel>\r\n <div class=\"saved-list\" #savedList>\r\n <ax-panel-box #fb>\r\n <ng-template #header>\r\n <div class=\"group-header\" (click)=\"fb.toggle()\">\r\n <ax-toolbar>\r\n <ax-toolbar-title>\r\n <div>\r\n <i class=\"far fa-filter\"></i>\r\n <span>SAVED FILTERS</span>\r\n </div>\r\n </ax-toolbar-title>\r\n <ax-toolbar-menu #menu [items]=\"saveItems\" (onItemClick)=\"onMenuItemClick($event)\">\r\n </ax-toolbar-menu>\r\n </ax-toolbar>\r\n </div>\r\n </ng-template>\r\n\r\n <div class=\"list\">\r\n <ng-container *ngIf=\"predefinedFilters && predefinedFilters.length; else emptyList\">\r\n <ul>\r\n <ng-container *ngFor=\"let f of predefinedFilters\">\r\n <ng-container *ngIf=\"!f.isInEdit; else editMode\">\r\n <li (click)=\"setFilterByName(f.name)\">\r\n <div class=\"item-line\" [class.selected]=\"f.selected\">\r\n <span class=\"title\"><i class=\"far fa-check\"></i> {{f.title}}</span>\r\n <span class=\"tools\"><i class=\"far fa-pen text-primary\" title=\"Rename\"\r\n (click)=\"handleRenameClick(f)\"></i> <i\r\n class=\"far fa-times text-danger\" title=\"Remove\"\r\n (click)=\"removeFilter(f)\"></i></span>\r\n </div>\r\n </li>\r\n </ng-container>\r\n <ng-template #editMode>\r\n <li>\r\n <ax-text-box #tbxName placeholder=\"Enter filter's title here\"\r\n (onKey)=\"tbxNameOnKey($event)\">\r\n <ax-button title=\"Save\" type=\"primary\" (onClick)=\"applySaveFilter()\">\r\n <i class=\"far fa-check\"></i>\r\n </ax-button>\r\n <ax-button title=\"Cancel\" type=\"danger\" (onClick)=\"cancelSaveFilter()\">\r\n <i class=\"far fa-times\"></i>\r\n </ax-button>\r\n <ax-validation>\r\n <ax-validation-rule type=\"required\" message=\"this field is required\">\r\n </ax-validation-rule>\r\n </ax-validation>\r\n </ax-text-box>\r\n </li>\r\n </ng-template>\r\n </ng-container>\r\n </ul>\r\n </ng-container>\r\n <ng-template #emptyList>\r\n <div class=\"empty-list\">\r\n Empty\r\n </div>\r\n </ng-template>\r\n </div>\r\n </ax-panel-box>\r\n </div>\r\n <div class=\"body\" #body>\r\n <ng-container *ngFor=\"let g of groups\">\r\n <ax-panel-box #fb>\r\n <ng-template #header>\r\n <div class=\"group-header\" *ngIf=\"g.caption\" (click)=\"fb.toggle()\">\r\n <i\r\n [ngClass]=\"{ 'far fa-minus-square' : !fb.collapsed ,'fas fa-plus-square' : fb.collapsed }\"></i>\r\n <span>{{g.caption}}</span>\r\n </div>\r\n </ng-template>\r\n <ng-container *ngFor=\"let c of g.columns\">\r\n <div class=\"ax-filter-item-header\" [style.margin-bottom.px]=\"c.active ? 0 : 2\">\r\n <ax-check-box (onValueChanged)=\"onCheckValueChange(c,$event)\" [label]=\"c.caption\"\r\n [(value)]=\"c.active\">\r\n </ax-check-box>\r\n </div>\r\n <div [hidden]=\"!c.active\">\r\n <ng-container [ngSwitch]=\"c.type\">\r\n <ng-container *ngSwitchCase=\"'selection'\">\r\n <ax-filter-column-selection (valueChange)=\"onValueChange($event)\" [field]=\"c.field\"\r\n [(active)]=\"c.active\" [mode]=\"c.options.mode\" [items]=\"c.options.items\"\r\n [dataType]=\"c.options.dataType\">\r\n </ax-filter-column-selection>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'date'\">\r\n <ax-filter-column-date (valueChange)=\"onValueChange($event)\" [field]=\"c.field\"\r\n [(active)]=\"c.active\">\r\n </ax-filter-column-date>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'number'\">\r\n <ax-filter-column-number (valueChange)=\"onValueChange($event)\" [field]=\"c.field\"\r\n [(active)]=\"c.active\">\r\n </ax-filter-column-number>\r\n </ng-container>\r\n <ng-container *ngSwitchDefault>\r\n <ax-filter-column-string (valueChange)=\"onValueChange($event)\" [field]=\"c.field\"\r\n [(active)]=\"c.active\">\r\n </ax-filter-column-string>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n </ax-panel-box>\r\n </ng-container>\r\n </div>\r\n\r\n <div *ngIf=\"mode=='click'\" class=\"footer\" #footer>\r\n <div class=\"filter-panel\">\r\n <ax-button (onClick)=\"apply()\" type=\"success\" size=\"sm\">\r\n <i class=\"far fa-filter\"></i>\r\n Apply Filter\r\n </ax-button>\r\n <ax-button (onClick)=\"clear();\" type=\"light \" size=\"sm\">\r\n <i class=\"far fa-eraser\"></i>\r\n Clear\r\n </ax-button>\r\n </div>\r\n </div>\r\n</div>",
|
|
5140
5145
|
encapsulation: core.ViewEncapsulation.None,
|
|
5141
5146
|
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
5142
|
-
styles: [".ax-filter-panel{padding:2px;position:relative;height:100%;font-size:var(--font-md-size)}.ax-filter-panel .empty-list{text-align:center;padding:var(--sp-sm-size);color:var(--gray)}.ax-filter-panel .saved-list{border-bottom:1px solid var(--border-color)}.ax-filter-panel .saved-list .list ul{list-style-type:none;display
|
|
5147
|
+
styles: [".ax-filter-panel{padding:2px;position:relative;height:100%;font-size:var(--font-md-size)}.ax-filter-panel .empty-list{text-align:center;padding:var(--sp-sm-size);color:var(--gray)}.ax-filter-panel .saved-list{border-bottom:1px solid var(--border-color)}.ax-filter-panel .saved-list .list ul{list-style-type:none;display:flex;flex-direction:column;padding:0;margin-bottom:var(--sp-md-size)}.ax-filter-panel .saved-list .list ul li .item-line{cursor:pointer;display:flex;flex-direction:row;justify-content:space-between}.ax-filter-panel .saved-list .list ul li .item-line .title i{opacity:.1}.ax-filter-panel .saved-list .list ul li .item-line .tools{display:inline}.ax-filter-panel .saved-list .list ul li .item-line .tools i{opacity:.2;cursor:pointer}.ax-filter-panel .saved-list .list ul li .item-line .tools i:hover{opacity:1}.ax-filter-panel .saved-list .list ul li .item-line.selected{font-weight:700}.ax-filter-panel .saved-list .list ul li .item-line.selected .title i{opacity:1}.ax-filter-panel .body{overflow-y:auto;overflow-x:hidden;height:calc(100% - 150px)}.ax-filter-panel .body .form-inline{justify-content:space-between}.ax-filter-panel .group-header{background:var(--white-color);display:flex;align-items:center;padding:var(--sp-sm-size) var(--sp-md-size);border-bottom:1px solid var(--border-color);background:var(--gray-dark-color);color:var(--gray-dark)}.ax-filter-panel .group-header i{margin-right:var(--sp-sm-size)}.ax-filter-panel .ax-filter-item-header{height:var(--el-md-size);display:flex;align-items:center}.ax-filter-panel .footer{width:100%;position:absolute;background-color:var(--white-color);bottom:0;padding:var(--sp-sm-size);border-top:1px solid var(--border-color)}.ax-filter-panel .footer .filter-panel{display:flex;align-items:center}.ax-filter-panel .footer .filter-panel ax-button{margin:0 2px}.ax-filter-panel .ax-filter-section{padding:var(--sp-md-size) var(--sp-lg-size);display:flex;justify-content:space-between;align-items:center}.ax-filter-panel .ax-filter-section>div{flex:1}.ax-filter-panel .ax-filter-section-value{padding:0 var(--sp-md-size) var(--sp-md-size) var(--sp-md-size);display:flex;justify-content:space-between;align-items:center}.ax-filter-panel .ax-filter-section-value>*{margin:0 3px}"]
|
|
5143
5148
|
}),
|
|
5144
5149
|
__metadata("design:paramtypes", [core.ChangeDetectorRef, AXToastService])
|
|
5145
5150
|
], AXFilterPanelComponent);
|
|
@@ -5409,7 +5414,7 @@
|
|
|
5409
5414
|
animations.transition("hidden => shown", animations.animate("200ms")),
|
|
5410
5415
|
]),
|
|
5411
5416
|
],
|
|
5412
|
-
styles: [".ax-panel-box{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);border-radius:var(--ax-size-border-radius);overflow:hidden;font-family:inherit;font-size:inherit;position:relative}.ax-panel-box header{display
|
|
5417
|
+
styles: [".ax-panel-box{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);border-radius:var(--ax-size-border-radius);overflow:hidden;font-family:inherit;font-size:inherit;position:relative}.ax-panel-box header{display:flex;flex:1;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ax-border-color);padding:.8em}.ax-panel-box .content{padding:.8em;overflow:hidden}.ax-panel-box .toggle{cursor:pointer}"]
|
|
5413
5418
|
})
|
|
5414
5419
|
], AXPanelBoxComponent);
|
|
5415
5420
|
return AXPanelBoxComponent;
|
|
@@ -6925,7 +6930,7 @@
|
|
|
6925
6930
|
selector: "ax-list",
|
|
6926
6931
|
template: "<div [style.height]=\"height\" [style.width]=\"width\">\r\n <div class=\"ax-list-toolbar\" *ngIf=\"toolbar\">\r\n <ng-content select=\"ax-toolbar\"></ng-content>\r\n </div>\r\n <div class=\"ax-list-container\" cdkDropList [id]=\"dropId\" [cdkDropListConnectedTo]=\"connectedList\"\r\n (cdkDropListDropped)=\"dragDrop($event)\" [cdkDropListData]=\"items\"\r\n [ngClass]=\"{'overflow-y': direction=='vertical' || direction=='horizontal-wrap','overflow-x': direction=='horizontal' || direction=='vertical-wrap'}\">\r\n <div class=\"item-wrapper\" [ngClass]=\"direction\">\r\n <!-- <ng-container *ngIf=\"items && items.length; else emptyTemplate\"> -->\r\n <ng-container *ngIf=\"allowMoveItem; else elseTemplate\">\r\n <div class=\"ax-list-item\" *ngFor=\"let item of items\" cdkDrag [cdkDragData]=\"item\">\r\n <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item,direction:direction}\">\r\n </ng-container>\r\n <div class=\"drop-placeholder\" *cdkDragPlaceholder></div>\r\n </div>\r\n </ng-container>\r\n <ng-template #elseTemplate>\r\n <div class=\"ax-list-item\" *ngFor=\"let item of items\">\r\n <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item,direction:direction }\">\r\n </ng-container>\r\n </div>\r\n </ng-template>\r\n <!-- </ng-container> -->\r\n\r\n </div>\r\n <ng-container *ngIf=\"items==null || items.length==0\">\r\n <ng-container *ngTemplateOutlet=\"emptyTemplate\">\r\n </ng-container>\r\n </ng-container>\r\n\r\n </div>\r\n</div>",
|
|
6927
6932
|
encapsulation: core.ViewEncapsulation.None,
|
|
6928
|
-
styles: [".ax-list-container{height:calc(100% - 45px);min-height:50px}.ax-list-container.overflow-x{overflow-x:auto;overflow-y:hidden}.ax-list-container.overflow-y{overflow-y:auto;overflow-x:hidden}.ax-list-container .item-wrapper{height:auto;display
|
|
6933
|
+
styles: [".ax-list-container{height:calc(100% - 45px);min-height:50px}.ax-list-container.overflow-x{overflow-x:auto;overflow-y:hidden}.ax-list-container.overflow-y{overflow-y:auto;overflow-x:hidden}.ax-list-container .item-wrapper{height:auto;display:flex}.ax-list-container .cdk-drop-list-dragging .cdk-drag{transition:transform 250ms cubic-bezier(0,0,.2,1)}.ax-list-container .cdk-drag-animating{transition:transform .3s cubic-bezier(0,0,.2,1)}.ax-list-container .drop-placeholder{background:var(--gray-light-color);border:dotted 2px var(--border-color);min-height:60px;margin-bottom:5px;transition:transform 250ms cubic-bezier(0,0,.2,1)}.ax-list-container .vertical{flex-direction:column}.ax-list-container .vertical-wrap{flex-direction:column;flex-wrap:wrap}.ax-list-container .horizontal-wrap{flex-direction:row;flex-wrap:wrap}.ax-list-container .horizontal{flex-direction:row}.ax-list-toolbar{padding:4px 5px;background:#fff;border:1px solid var(--border-color);border-radius:4px;margin-bottom:10px}"]
|
|
6929
6934
|
}),
|
|
6930
6935
|
__metadata("design:paramtypes", [])
|
|
6931
6936
|
], AXListComponent);
|
|
@@ -6980,7 +6985,7 @@
|
|
|
6980
6985
|
selector: 'ax-dialog',
|
|
6981
6986
|
template: "<div class=\"ax-dialog\">\r\n <div class=\"dialog-content\" [innerHTML]=\"message\">\r\n \r\n </div>\r\n</div>",
|
|
6982
6987
|
encapsulation: core.ViewEncapsulation.None,
|
|
6983
|
-
styles: [".ax-dialog{background:var(--ax-white-color);display
|
|
6988
|
+
styles: [".ax-dialog{background:var(--ax-white-color);display:flex;flex-direction:column;padding:.8em}.ax-dialog .dialog-content{display:flex;justify-content:center;align-items:center}.ax-dialog .buttons{display:flex;flex-direction:row-reverse;margin-top:1em}.ax-dialog .buttons .button{-webkit-margin-end:.5em;margin-inline-end:.5em;min-width:100px}[dir=rtl] .ax-dialog .buttons{flex-direction:row!important}.ax-dialog .buttons .btn{margin:0 5px}"]
|
|
6984
6989
|
}),
|
|
6985
6990
|
__metadata("design:paramtypes", [])
|
|
6986
6991
|
], AXDialogComponent);
|
|
@@ -7149,7 +7154,7 @@
|
|
|
7149
7154
|
core.Component({
|
|
7150
7155
|
template: "<div class=\"popup-wrapper\" role=\"dialog\" [attr.aria-labelledby]=\"'dialog'+uid+'_label'\" aria-modal=\"true\" cdkTrapFocus>\r\n <div class=\"popup-container {{size}}\" tabindex=\"0\" cdkDrag [class.has-border]=\"!modal\">\r\n <div class=\"ax-popup-header\" cdkDragHandle [attr.id]=\"'dialog'+uid+'_label'\">\r\n <span>\r\n {{title}}\r\n </span>\r\n <span class=\"ax-buttons-containers\">\r\n <i class=\"far fa-expand ax-popup-header-button\" (click)=\"onFullScreen()\" *ngIf=\"maximizable\" tabindex=\"2\"\r\n title=\"\u062A\u0645\u0627\u0645 \u0635\u0641\u062D\u0647\"></i>\r\n <i class=\"far fa-times ax-popup-header-button\" (click)=\"onCloseClick()\" *ngIf=\"closable\" tabindex=\"1\"\r\n title=\"\u0628\u0633\u062A\u0646\"></i>\r\n </span>\r\n </div>\r\n <div class=\"ax-popup-body ax-loading-host\">\r\n <div class=\"ax-popup-body-container\">\r\n <div [hidden]=\"isLoading\">\r\n <ng-template #popupBody></ng-template>\r\n </div>\r\n </div>\r\n <div class=\"ax-popup-footer\" *ngIf=\"!isLoading && footerButtons.length > 0\">\r\n <div class=\"ax-buttons-containers\">\r\n <ng-container *ngFor=\"let button of footerButtons\">\r\n <ax-button [type]=\"button.style\" [icon]=\"button.icon\" [submitBehavior]=\"button.submitBehavior\"\r\n [disabled]=\"button.disable\" [cancelBehavior]=\"button.cancelBehavior\"\r\n (click)=\"handleFooterButtonClick(button)\">\r\n {{button.text}}\r\n </ax-button>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>",
|
|
7151
7156
|
encapsulation: core.ViewEncapsulation.None,
|
|
7152
|
-
styles: [".popup-wrapper .popup-container{opacity:1;background:var(--ax-white-color);display
|
|
7157
|
+
styles: [".popup-wrapper .popup-container{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:95vh;height:-webkit-fit-content;height:fit-content;height:-moz-fit-content}.popup-wrapper .popup-container.has-border{border:1px solid var(--ax-border-color);box-shadow:1px 1px 10px var(--ax-border-color)}@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 all and (min-width:425px) and (max-width:767px){.popup-wrapper .popup-container.sm{width:100vw;max-height:100vh}.popup-wrapper .popup-container.lg,.popup-wrapper .popup-container.md{width:460px!important}}@media all and (min-width:0px) and (max-width:424px){.popup-wrapper .popup-container.lg,.popup-wrapper .popup-container.md,.popup-wrapper .popup-container.sm{width:100vw;max-height:100vh}}.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:95vw}.popup-wrapper .popup-container .ax-popup-header{background:var(--ax-gray-trans-dark-color);color:var(--ax-dark-color);display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:1.2rem;font-weight:500;padding:0 1rem;height:calc(var(--ax-base-size) * var(--ax-base-ratio))!important}.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{width:1em;height:1em;padding:1em;background:rgba(0,0,0,.05);border-radius:50%;font-size:1.2rem;display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-margin-start:.5em;margin-inline-start:.5em}.popup-wrapper .popup-container .ax-popup-body{max-height:90vh;min-height:100px;position:relative;overflow:hidden;display:flex;flex-direction:column}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.popup-wrapper .popup-container .ax-popup-body{min-height:93vh!important}}.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);-webkit-margin-before:.5em;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;-webkit-margin-end:.5em;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);-webkit-margin-before:.5em;margin-block-start:.5em}.popup-wrapper .popup-container .ax-popup-body .ax-popup-footer .ax-buttons-containers{flex:1;max-width:-webkit-fit-content;max-width:fit-content;max-width:-moz-fit-content}.popup-wrapper .popup-container .ax-popup-body .ax-popup-footer .ax-buttons-containers .button{-webkit-margin-end:.5em;margin-inline-end:.5em;min-width:80px}"]
|
|
7153
7158
|
}),
|
|
7154
7159
|
__metadata("design:paramtypes", [core.ComponentFactoryResolver,
|
|
7155
7160
|
core.ElementRef,
|
|
@@ -7245,7 +7250,7 @@
|
|
|
7245
7250
|
AXPopupService.ctorParameters = function () { return [
|
|
7246
7251
|
{ type: AXOverlayService }
|
|
7247
7252
|
]; };
|
|
7248
|
-
AXPopupService.ɵprov = core
|
|
7253
|
+
AXPopupService.ɵprov = core.ɵɵdefineInjectable({ factory: function AXPopupService_Factory() { return new AXPopupService(core.ɵɵinject(AXOverlayService)); }, token: AXPopupService, providedIn: "root" });
|
|
7249
7254
|
AXPopupService = __decorate([
|
|
7250
7255
|
core.Injectable({ providedIn: 'root' }),
|
|
7251
7256
|
__metadata("design:paramtypes", [AXOverlayService])
|
|
@@ -7406,7 +7411,7 @@
|
|
|
7406
7411
|
AXDialogService.ctorParameters = function () { return [
|
|
7407
7412
|
{ type: AXPopupService }
|
|
7408
7413
|
]; };
|
|
7409
|
-
AXDialogService.ɵprov = core
|
|
7414
|
+
AXDialogService.ɵprov = core.ɵɵdefineInjectable({ factory: function AXDialogService_Factory() { return new AXDialogService(core.ɵɵinject(AXPopupService)); }, token: AXDialogService, providedIn: "root" });
|
|
7410
7415
|
AXDialogService = __decorate([
|
|
7411
7416
|
core.Injectable({ providedIn: 'root' }),
|
|
7412
7417
|
__metadata("design:paramtypes", [AXPopupService])
|
|
@@ -10370,7 +10375,7 @@
|
|
|
10370
10375
|
{ type: AXPopupService },
|
|
10371
10376
|
{ type: AXToastService }
|
|
10372
10377
|
]; };
|
|
10373
|
-
AXQueryBuilderService.ɵprov = core
|
|
10378
|
+
AXQueryBuilderService.ɵprov = core.ɵɵdefineInjectable({ factory: function AXQueryBuilderService_Factory() { return new AXQueryBuilderService(core.ɵɵinject(AXPopupService), core.ɵɵinject(AXToastService)); }, token: AXQueryBuilderService, providedIn: "root" });
|
|
10374
10379
|
AXQueryBuilderService = __decorate([
|
|
10375
10380
|
core.Injectable({ providedIn: 'root' }),
|
|
10376
10381
|
__metadata("design:paramtypes", [AXPopupService, AXToastService])
|
|
@@ -10601,7 +10606,7 @@
|
|
|
10601
10606
|
selector: 'ax-query-builder',
|
|
10602
10607
|
template: "<ax-query-group #queryGroup [mode]=\"mode\" [group]=\"rootGroup\" [fields]=\"fields\"\r\n (groupRuleChanged)=\"ruleChanged($event)\">\r\n</ax-query-group>",
|
|
10603
10608
|
encapsulation: core.ViewEncapsulation.None,
|
|
10604
|
-
styles: [".ax-query-group{display
|
|
10609
|
+
styles: [".ax-query-group{display:flex;flex-direction:column;margin:5px;-webkit-padding-start:0;padding-inline-start:0}.ax-query-group .add-buttons{display:flex;margin:5px;flex-direction:row}.ax-query-group .add-buttons .handler{display:flex;align-items:center;background-color:var(--ax-primary-trans-light-color);color:var(--ax-primary-color);padding:5px;cursor:move;border:1px solid var(--ax-primary-trans-light-color);border-start-start-radius:4px;border-end-start-radius:4px}.ax-query-group .buttons-list{-webkit-margin-start:10px;margin-inline-start:10px;display:flex;align-items:center}.ax-query-group .buttons-list .button{cursor:pointer;-webkit-margin-end:.5em;margin-inline-end:.5em;width:2.3em;height:2.3em;display:flex;align-items:center;justify-content:center;border-radius:50px;position:relative}.ax-query-group .buttons-list .button ax-check-box{opacity:0;width:100%;height:100%;position:absolute;z-index:1;left:0;top:0}.ax-query-group .buttons-list .variable{color:var(--ax-warning-color);background:var(--ax-warning-trans-light-color)}.ax-query-group .buttons-list .variable.active-button{background:var(--ax-warning-light-color);color:var(--ax-white-color);opacity:.7}.ax-query-group .buttons-list .commit{color:var(--ax-success-color);background:var(--ax-success-trans-light-color)}.ax-query-group .buttons-list .remove{color:var(--ax-danger-color);background:var(--ax-danger-trans-light-color)}.ax-query-group .buttons-list .edit{color:var(--ax-primary-color);background:var(--ax-primary-trans-light-color)}.ax-query-group .group-item{transition:.5s}.ax-query-group .group-item .condition{width:40px;display:flex;align-items:center;background:linear-gradient(180deg,rgba(2,0,36,0) 49%,var(--ax-gray-light-color) 49%,var(--ax-gray-light-color) 55%,rgba(0,212,255,0) 50%)}.ax-query-group .group-item .condition .text{-webkit-margin-start:-50%;margin-inline-start:-50%;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center}.ax-query-group .group-item .condition .text.OR{background:var(--ax-warning-color);color:var(--ax-warning-fore-color)}.ax-query-group .group-item .condition .text.AND{background:var(--ax-success-color);color:var(--ax-success-fore-color)}.ax-query-group .header{display:flex;flex-direction:row}.ax-query-group .header .handler{display:flex;align-items:center;background-color:var(--ax-light-light-color);color:var(--ax-light-fore-color);padding:5px;cursor:move;border:1px solid var(--ax-light-light-color);border-start-start-radius:4px;border-end-start-radius:4px}.ax-query-group .header .caption{padding:.5rem;background-color:var(--ax-gray-trans-light-color);color:var(--ax-gray-dark-color);font-weight:700;cursor:pointer}.ax-query-group .header .detail{padding:.5rem;background-color:var(--ax-gray-trans-light-color);border-right:none;border-start-end-radius:4px;border-end-end-radius:4px;cursor:pointer}.ax-query-group .header .detail.OR{background-color:var(--ax-warning-trans-light-color)}.ax-query-group .header .detail.AND{background-color:var(--ax-success-trans-light-color)}.ax-query-group .rules{-webkit-margin-start:10px;margin-inline-start:10px;-webkit-border-start:2px solid var(--ax-gray-light-color);border-inline-start:2px solid var(--ax-gray-light-color)}.ax-query-group .rules .rules{-webkit-margin-start:48px;margin-inline-start:48px}.ax-query-group .ax-query-rule{display:flex;margin:5px;flex-direction:row;transition:.5s}.ax-query-group .ax-query-rule .handler{display:flex;align-items:center;background-color:var(--ax-light-light-color);color:var(--ax-light-fore-color);padding:.5em;cursor:move;border:1px solid var(--ax-light-light-color);border-start-start-radius:4px;border-end-start-radius:4px}.ax-query-group .ax-query-rule .caption{padding:.5rem;background-color:var(--ax-gray-trans-light-color);border:1px solid var(--ax-gray-light-color);color:#333;font-weight:700;cursor:pointer}.ax-query-group .ax-query-rule .caption.editable{width:200px}.ax-query-group .ax-query-rule .operator{border-top:1px solid var(--ax-gray-light-color);border-bottom:1px solid var(--ax-gray-light-color);background-color:var(--ax-gray-trans-light-color);padding:.5rem}.ax-query-group .ax-query-rule .operator.editable{width:200px}.ax-query-group .ax-query-rule .operator .text{color:var(--ax-primary-color);font-weight:700;-webkit-text-decoration:underline dashed;text-decoration:underline dashed;cursor:pointer}.ax-query-group .ax-query-rule .operator.radius{border-top-left-radius:4px;border-bottom-left-radius:4px;border:1px solid var(--ax-gray-light-color);border-right:none}.ax-query-group .ax-query-rule .value{padding:.5rem;background-color:var(--ax-light-light-color);color:#000;border:1px solid var(--ax-gray-light-color);border-right:none;border-start-end-radius:4px;border-end-end-radius:4px;cursor:pointer}.ax-query-group .ax-query-rule .value.editable{width:200px}.ax-query-group .ax-query-rule .add-rule{border-top:1px dashed var(--ax-gray-light-color);border-bottom:1px dashed var(--ax-gray-light-color);color:var(--ax-gray-dark-color);padding:.5rem;font-weight:700;cursor:pointer}.ax-query-group .ax-query-rule .add-group:hover,.ax-query-group .ax-query-rule .add-rule:hover{background-color:var(--ax-gray-light-color)}.ax-query-group .ax-query-rule .add-condition,.ax-query-group .ax-query-rule .add-group{border-top:1px dashed var(--ax-gray-light-color);border-bottom:1px dashed var(--ax-gray-light-color);color:var(--ax-gray-dark-color);padding:.5rem;border:1px dashed var(--ax-gray-light-color);border-top-left-radius:4px;border-bottom-left-radius:4px;cursor:pointer}.ax-query-group .ax-query-rule .add-condition.OR{background-color:var(--ax-warning-trans-light-color);color:var(--ax-warning-dark-color)}.ax-query-group .ax-query-rule .add-condition.AND{background-color:var(--ax-success-trans-light-color);color:var(--ax-success-dark-color)}.ax-query-group .ax-query-rule .add-condition:hover.OR{background-color:var(--ax-warning-trans-light-color);color:var(--ax-warning-dark-color)}.ax-query-group .ax-query-rule .add-condition:hover.AND{background-color:var(--ax-success-trans-light-color);color:var(--ax-success-dark-color)}"]
|
|
10605
10610
|
}),
|
|
10606
10611
|
__metadata("design:paramtypes", [core.ElementRef, AXToastService])
|
|
10607
10612
|
], AXQueryBuilderComponent);
|
|
@@ -11436,7 +11441,7 @@
|
|
|
11436
11441
|
template: "<label class=\"ax ax-switch\" >\r\n <input type=\"checkbox\" [(ngModel)]=\"value\" [ngModelOptions]=\"{standalone: true}\" [attr.tabindex]=\"tabIndex\">\r\n <span class=\"slider round\"></span>\r\n</label>",
|
|
11437
11442
|
encapsulation: core.ViewEncapsulation.None,
|
|
11438
11443
|
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
11439
|
-
styles: [".ax.ax-switch{position:relative;display:inline-block;width:46px;height:25px;margin:5px}.ax.ax-switch>input{opacity:0;width:0;height:0}.ax.ax-switch>input:checked+.slider{background-color:var(--ax-primary-color)}.ax.ax-switch>input:checked+.slider::before{
|
|
11444
|
+
styles: [".ax.ax-switch{position:relative;display:inline-block;width:46px;height:25px;margin:5px}.ax.ax-switch>input{opacity:0;width:0;height:0}.ax.ax-switch>input:checked+.slider{background-color:var(--ax-primary-color)}.ax.ax-switch>input:checked+.slider::before{transform:translateX(21px)}.ax.ax-switch:focus-within .slider{outline:1px solid var(--ax-primary-color)}.ax.ax-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.2s}.ax.ax-switch .slider::before{content:\"\";position:absolute;height:21px;width:21px;left:2px;bottom:2px;background-color:#fff;transition:.2s}.ax.ax-switch .slider.round{border-radius:25px}.ax.ax-switch .slider.round:before{border-radius:50%}"]
|
|
11440
11445
|
}),
|
|
11441
11446
|
__metadata("design:paramtypes", [core.ChangeDetectorRef])
|
|
11442
11447
|
], AXSwitchComponent);
|
|
@@ -11607,7 +11612,7 @@
|
|
|
11607
11612
|
return null;
|
|
11608
11613
|
}
|
|
11609
11614
|
};
|
|
11610
|
-
AXTabPageService.ɵprov = core
|
|
11615
|
+
AXTabPageService.ɵprov = core.ɵɵdefineInjectable({ factory: function AXTabPageService_Factory() { return new AXTabPageService(); }, token: AXTabPageService, providedIn: "root" });
|
|
11611
11616
|
AXTabPageService = __decorate([
|
|
11612
11617
|
core.Injectable({ providedIn: 'root' }),
|
|
11613
11618
|
__metadata("design:paramtypes", [])
|
|
@@ -13907,7 +13912,10 @@
|
|
|
13907
13912
|
//seletedKeyFields set id of nodes and parents
|
|
13908
13913
|
//selectedFieldName set name of fields that set selectes
|
|
13909
13914
|
_this.selectedFieldName = null;
|
|
13910
|
-
|
|
13915
|
+
// @Input()
|
|
13916
|
+
// selectNodesRecursive: 'all' | 'parents' | 'childs' | 'none' = 'all'; //leaf
|
|
13917
|
+
_this.checkParents = true;
|
|
13918
|
+
_this.checkChilds = true;
|
|
13911
13919
|
_this.seletedKeyFields = [];
|
|
13912
13920
|
_this.keyField = 'id';
|
|
13913
13921
|
_this.hasChildField = 'child';
|
|
@@ -13922,6 +13930,7 @@
|
|
|
13922
13930
|
_this.onItemClosing = new core.EventEmitter();
|
|
13923
13931
|
_this.onItemDrag = new core.EventEmitter();
|
|
13924
13932
|
_this.onItemMoved = new core.EventEmitter();
|
|
13933
|
+
_this.selectableField = '';
|
|
13925
13934
|
_this.onContextMenuItemClick = new core.EventEmitter();
|
|
13926
13935
|
_this.showSelectBox = false;
|
|
13927
13936
|
_this.loading = false;
|
|
@@ -14041,7 +14050,8 @@
|
|
|
14041
14050
|
};
|
|
14042
14051
|
AXTreeViewComponent.prototype.changeChildSelect = function (item, s) {
|
|
14043
14052
|
var _this = this;
|
|
14044
|
-
if (this.selectNodesRecursive == 'all' || this.selectNodesRecursive == 'childs') {
|
|
14053
|
+
// if (this.selectNodesRecursive == 'all' || this.selectNodesRecursive == 'childs') {
|
|
14054
|
+
if (this.checkChilds == true) {
|
|
14045
14055
|
item.select = s;
|
|
14046
14056
|
if (item[this.hasChildField] === true && item[this.childField] && item[this.childField].length > 0) {
|
|
14047
14057
|
item[this.childField].forEach(function (elm) {
|
|
@@ -14075,7 +14085,8 @@
|
|
|
14075
14085
|
};
|
|
14076
14086
|
AXTreeViewComponent.prototype.changeParentSelect = function (item) {
|
|
14077
14087
|
var _this = this;
|
|
14078
|
-
if (this.selectNodesRecursive == 'all' || this.selectNodesRecursive == 'parents') {
|
|
14088
|
+
//if (this.selectNodesRecursive == 'all' || this.selectNodesRecursive == 'parents') {
|
|
14089
|
+
if (this.checkParents) {
|
|
14079
14090
|
var allselect = true;
|
|
14080
14091
|
var alldeselect = true;
|
|
14081
14092
|
var oneselect = false;
|
|
@@ -14183,7 +14194,7 @@
|
|
|
14183
14194
|
_this.hideLoading(null);
|
|
14184
14195
|
_this.list = _data.data.result;
|
|
14185
14196
|
_this.list.forEach(function (el) {
|
|
14186
|
-
el.disabledCheckBox = false;
|
|
14197
|
+
el.disabledCheckBox = _this.selectableField != '' ? (el[_this.selectableField] ? el[_this.selectableField] : false) : false;
|
|
14187
14198
|
el.select = false;
|
|
14188
14199
|
if (_this.selectionLevel == 'nodes' && el[_this.hasChildField] == true) {
|
|
14189
14200
|
el.disabledCheckBox = true;
|
|
@@ -14195,9 +14206,11 @@
|
|
|
14195
14206
|
_this.seletedKeyFields.forEach(function (n) {
|
|
14196
14207
|
if (n.includes(el[_this.keyField])) {
|
|
14197
14208
|
if (el[_this.hasChildField] == true) {
|
|
14198
|
-
|
|
14209
|
+
if (_this.checkParents == false && _this.checkChilds == false) {
|
|
14210
|
+
//select parent when check child and check parent is false TODO check this Action
|
|
14211
|
+
_this.selectItem(el);
|
|
14212
|
+
}
|
|
14199
14213
|
_this.open(el);
|
|
14200
|
-
// }
|
|
14201
14214
|
}
|
|
14202
14215
|
else {
|
|
14203
14216
|
_this.selectItem(el);
|
|
@@ -14208,9 +14221,11 @@
|
|
|
14208
14221
|
}
|
|
14209
14222
|
else if (_this.selectedFieldName != null) {
|
|
14210
14223
|
if (el[_this.hasChildField] == true && el[_this.selectedFieldName] == true) {
|
|
14211
|
-
|
|
14224
|
+
if (_this.checkParents == false && _this.checkChilds == false) {
|
|
14225
|
+
//select parent when check child and check parent is false TODO check this Action
|
|
14226
|
+
_this.selectItem(el);
|
|
14227
|
+
}
|
|
14212
14228
|
_this.open(el);
|
|
14213
|
-
// }
|
|
14214
14229
|
}
|
|
14215
14230
|
else if (el[_this.selectedFieldName] == true) {
|
|
14216
14231
|
_this.selectItem(el);
|
|
@@ -14229,7 +14244,8 @@
|
|
|
14229
14244
|
if (_this.list.length !== 0) {
|
|
14230
14245
|
if (_this.itemRow[_this.childField] && _this.itemRow[_this.childField].length > 0) {
|
|
14231
14246
|
result_1.forEach(function (el) {
|
|
14232
|
-
el.disabledCheckBox = false;
|
|
14247
|
+
el.disabledCheckBox = _this.selectableField != '' ? (el[_this.selectableField] ? el[_this.selectableField] : false) : false;
|
|
14248
|
+
// el.disabledCheckBox = this.selectableField != '' ? el[this.selectableField] : false;
|
|
14233
14249
|
_this.itemRow[_this.childField][_this.itemRow[_this.childField].length] = el;
|
|
14234
14250
|
});
|
|
14235
14251
|
}
|
|
@@ -14237,13 +14253,16 @@
|
|
|
14237
14253
|
_this.itemRow[_this.childField] = result_1;
|
|
14238
14254
|
}
|
|
14239
14255
|
var _loop_1 = function (i) {
|
|
14256
|
+
result_1[i].disabledCheckBox =
|
|
14257
|
+
_this.selectableField != '' ? (result_1[i][_this.selectableField] ? result_1[i][_this.selectableField] : false) : false;
|
|
14240
14258
|
if (_this.selectionLevel == 'nodes' && result_1[i][_this.hasChildField] == true) {
|
|
14241
14259
|
result_1[i].disabledCheckBox = true;
|
|
14242
14260
|
}
|
|
14243
14261
|
if (_this.selectionLevel == 'parents' && result_1[i][_this.hasChildField] == false) {
|
|
14244
14262
|
result_1[i].disabledCheckBox = true;
|
|
14245
14263
|
}
|
|
14246
|
-
if (
|
|
14264
|
+
// if (this.selectionMode !== 'single' && (this.selectNodesRecursive == 'all' || this.selectNodesRecursive == 'childs')) {
|
|
14265
|
+
if (_this.selectionMode !== 'single' && _this.checkChilds == true) {
|
|
14247
14266
|
result_1[i].select = _this.itemRow.select === (undefined || null) ? false : _this.itemRow.select;
|
|
14248
14267
|
if (_this.itemRow.select === true && _this.selectionMode == 'multiple' && result_1[i][_this.hasChildField] === false) {
|
|
14249
14268
|
_this.selectedItems = _this.selectedItems.filter(function (c) { return c[_this.keyField] !== result_1[i][_this.keyField]; });
|
|
@@ -14258,9 +14277,11 @@
|
|
|
14258
14277
|
_this.seletedKeyFields.forEach(function (n) {
|
|
14259
14278
|
if (n.includes(result_1[i][_this.keyField])) {
|
|
14260
14279
|
if (result_1[i][_this.hasChildField] == true) {
|
|
14261
|
-
|
|
14280
|
+
if (_this.checkParents == false && _this.checkChilds == false) {
|
|
14281
|
+
//select parent when check child and check parent is false TODO check this Action
|
|
14282
|
+
_this.selectItem(result_1[i]);
|
|
14283
|
+
}
|
|
14262
14284
|
_this.open(result_1[i]);
|
|
14263
|
-
// }
|
|
14264
14285
|
}
|
|
14265
14286
|
else {
|
|
14266
14287
|
_this.selectItem(result_1[i]);
|
|
@@ -14271,9 +14292,11 @@
|
|
|
14271
14292
|
}
|
|
14272
14293
|
else if (_this.selectedFieldName != null) {
|
|
14273
14294
|
if (result_1[i][_this.hasChildField] == true && result_1[i][_this.selectedFieldName] == true) {
|
|
14274
|
-
|
|
14295
|
+
if (_this.checkParents == false && _this.checkChilds == false) {
|
|
14296
|
+
//select parent when check child and check parent is false TODO check this Action
|
|
14297
|
+
_this.selectItem(result_1[i]);
|
|
14298
|
+
}
|
|
14275
14299
|
_this.open(result_1[i]);
|
|
14276
|
-
// }
|
|
14277
14300
|
}
|
|
14278
14301
|
else if (result_1[i][_this.selectedFieldName] == true) {
|
|
14279
14302
|
_this.selectItem(result_1[i]);
|
|
@@ -14445,6 +14468,11 @@
|
|
|
14445
14468
|
this.internalSelectItem(item, false);
|
|
14446
14469
|
}
|
|
14447
14470
|
};
|
|
14471
|
+
AXTreeViewComponent.prototype.unSelectItem = function (item) {
|
|
14472
|
+
if (item['select'] == true) {
|
|
14473
|
+
this.internalSelectItem(item, false);
|
|
14474
|
+
}
|
|
14475
|
+
};
|
|
14448
14476
|
AXTreeViewComponent.prototype.open = function (item) {
|
|
14449
14477
|
if (item['toggle'] !== true) {
|
|
14450
14478
|
this.toggleNode(item, true);
|
|
@@ -14528,8 +14556,12 @@
|
|
|
14528
14556
|
], AXTreeViewComponent.prototype, "selectedFieldName", void 0);
|
|
14529
14557
|
__decorate([
|
|
14530
14558
|
core.Input(),
|
|
14531
|
-
__metadata("design:type",
|
|
14532
|
-
], AXTreeViewComponent.prototype, "
|
|
14559
|
+
__metadata("design:type", Boolean)
|
|
14560
|
+
], AXTreeViewComponent.prototype, "checkParents", void 0);
|
|
14561
|
+
__decorate([
|
|
14562
|
+
core.Input(),
|
|
14563
|
+
__metadata("design:type", Boolean)
|
|
14564
|
+
], AXTreeViewComponent.prototype, "checkChilds", void 0);
|
|
14533
14565
|
__decorate([
|
|
14534
14566
|
core.Input(),
|
|
14535
14567
|
__metadata("design:type", Array)
|
|
@@ -14586,6 +14618,10 @@
|
|
|
14586
14618
|
core.Output(),
|
|
14587
14619
|
__metadata("design:type", core.EventEmitter)
|
|
14588
14620
|
], AXTreeViewComponent.prototype, "onItemMoved", void 0);
|
|
14621
|
+
__decorate([
|
|
14622
|
+
core.Input(),
|
|
14623
|
+
__metadata("design:type", String)
|
|
14624
|
+
], AXTreeViewComponent.prototype, "selectableField", void 0);
|
|
14589
14625
|
__decorate([
|
|
14590
14626
|
core.Output(),
|
|
14591
14627
|
__metadata("design:type", core.EventEmitter)
|
|
@@ -15418,7 +15454,7 @@
|
|
|
15418
15454
|
core.Component({
|
|
15419
15455
|
template: "<div *ngFor=\"let r of ranges\" [style.border-color]=\"r.color\" class=\"range-item\" (click)=\"handleEditClick(r)\">\r\n <div>\r\n <div [style.background-color]=\"r.color\"></div>\r\n <div>{{r.title}}</div>\r\n </div>\r\n <div>\r\n <div class=\"min\" title=\"minimum {{r.minValue}}\">{{r.minValue}}</div>\r\n <div>\r\n <i class=\"far fa-long-arrow-left\"></i>\r\n </div>\r\n <div class=\"max\" title=\"maxmimum {{r.maxValue}}\">{{r.maxValue}}</div>\r\n <div class=\"remove-button\" (click)=\"handleRemoveClick(r)\"><i class=\"far fa-trash-alt\"></i></div>\r\n </div>\r\n</div>\r\n<ax-button icon=\"far fa-plus\" type=\"success outline\" (click)=\"handleAddClick()\">{{ 'common.add-item' | trans }}\r\n</ax-button>\r\n<ng-template #tplEdit>\r\n <ax-page>\r\n <ax-page-content>\r\n <div class=\"container\">\r\n <ax-validation-form (onInit)=\"onFormInit($event)\">\r\n <div class=\"row\">\r\n <div class=\"col-12\">\r\n <ax-label>{{ 'common.title' | trans }}</ax-label>\r\n <ax-text-box [(value)]=\"editRow.title\">\r\n <ax-validation>\r\n <ax-validation-rule type=\"required\"></ax-validation-rule>\r\n </ax-validation>\r\n </ax-text-box>\r\n </div>\r\n </div>\r\n <div class=\"row\">\r\n <div class=\"col-6\">\r\n <ax-label>{{ 'common.min-value' | trans }}</ax-label>\r\n <ax-number-box [(value)]=\"editRow.minValue\" [showSeparator]=\"showSeparator\"\r\n [decimalNumber]=\"decimalNumber\">\r\n <ax-validation>\r\n <ax-validation-rule type=\"required\"></ax-validation-rule>\r\n </ax-validation>\r\n </ax-number-box>\r\n </div>\r\n <div class=\"col-6\">\r\n <ax-label>{{ 'common.max-value' | trans }}</ax-label>\r\n <ax-number-box [(value)]=\"editRow.maxValue\" [showSeparator]=\"showSeparator\"\r\n [decimalNumber]=\"decimalNumber\">\r\n <ax-validation>\r\n <ax-validation-rule type=\"required\"></ax-validation-rule>\r\n </ax-validation>\r\n </ax-number-box>\r\n </div>\r\n </div>\r\n <div class=\"row\">\r\n <div class=\"col-12\">\r\n <ax-label>{{ 'common.color' | trans }}</ax-label>\r\n <ax-color-picker [(value)]=\"editRow.color\">\r\n <ax-validation>\r\n <ax-validation-rule type=\"required\"></ax-validation-rule>\r\n </ax-validation>\r\n </ax-color-picker>\r\n </div>\r\n </div>\r\n </ax-validation-form>\r\n </div>\r\n <div class=\"ax-mrg-md\"></div>\r\n </ax-page-content>\r\n </ax-page>\r\n</ng-template>",
|
|
15420
15456
|
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
15421
|
-
styles: [".range-item{border:1px solid var(--ax-gray-color);margin-bottom:5px;display
|
|
15457
|
+
styles: [".range-item{border:1px solid var(--ax-gray-color);margin-bottom:5px;display:flex;padding:5px;border-radius:5px;justify-content:space-between;align-items:center;cursor:pointer}.range-item .remove-button{color:var(--ax-danger-color);padding:var(--ax-size-sm);display:flex;justify-content:center;cursor:pointer}.range-item .remove-button:hover{background-color:var(--ax-danger-trans-light-color)}.range-item div:first-child{display:flex;align-items:center}.range-item div:first-child div:first-child{width:25px;height:25px;border-radius:3px}.range-item div:first-child div:last-child{-webkit-margin-start:10px;margin-inline-start:10px}.range-item div:last-child{display:flex;align-items:center}.range-item div:last-child button{background-color:transparent;border:none;cursor:pointer}.range-item div:last-child button i{color:var(--ax-danger-color)}.range-item div:last-child div{min-width:40px}.range-item div:last-child div.min{color:var(--ax-danger-color)}.range-item div:last-child div.max{color:var(--ax-success-color)}"]
|
|
15422
15458
|
}),
|
|
15423
15459
|
__metadata("design:paramtypes", [core.ChangeDetectorRef, AXPopupService])
|
|
15424
15460
|
], AXRangePropertyEditorComponent);
|
|
@@ -15851,7 +15887,7 @@
|
|
|
15851
15887
|
providers: [
|
|
15852
15888
|
{ provide: AXValidatableComponent, useExisting: AXColorBoxComponent_1 },
|
|
15853
15889
|
],
|
|
15854
|
-
styles: [".color-box{border:1px solid var(--ax-border-color);max-width:300px;padding:5px}.color-box .color-box-pallet{display
|
|
15890
|
+
styles: [".color-box{border:1px solid var(--ax-border-color);max-width:300px;padding:5px}.color-box .color-box-pallet{display:flex;width:100%;height:auto;flex-wrap:wrap;justify-content:space-between;align-items:center}.color-box .color-box-pallet div{width:18px;height:18px;cursor:pointer;display:flex;justify-content:center;align-items:center;border:1px solid var(--ax-border-color);margin:1px}.color-box .color-box-pallet .color-active{color:#fff;box-shadow:1px 1px 4px 0 #5a5a5a;border-radius:50%;font-size:14px}.color-box .text-input{display:flex;justify-content:space-between}.color-box .text-input .color-part{padding:2px;display:flex;align-items:center;flex-direction:column;justify-content:center}.color-box .text-input .color-part.switch{cursor:pointer;font-weight:700}.color-box .text-input .color-part.switch:hover{text-decoration:underline}.color-box .text-input .color-part .ax-field-set .no-label input{margin-top:0!important;text-align:center;height:var(--ax-size-md)}"]
|
|
15855
15891
|
}),
|
|
15856
15892
|
__metadata("design:paramtypes", [])
|
|
15857
15893
|
], AXColorBoxComponent);
|
|
@@ -16148,7 +16184,7 @@
|
|
|
16148
16184
|
ColumnPropertyEditorComponent = __decorate([
|
|
16149
16185
|
core.Component({
|
|
16150
16186
|
template: "<div *ngFor=\"let c of columns\" class=\"column-item\">\r\n <div>\r\n <div>{{c.fieldName}} - {{c.caption}}</div>\r\n </div>\r\n <div>\r\n <div>\r\n </div>\r\n <div class=\"remove-button\" (click)=\"handleRemoveClick(c)\"><i class=\"far fa-trash-alt\"></i></div>\r\n </div>\r\n</div>\r\n<ax-button icon=\"far fa-plus\" size=\"sm\" type=\"success outline\" (click)=\"handleAddClick()\">\u0633\u062A\u0648\u0646 \u0647\u0627</ax-button>\r\n<ng-template #tplEdit>\r\n <ax-page>\r\n <ax-page-content>\r\n <div class=\"container\">\r\n <div class=\"ax-mrg-md\"></div>\r\n <div class=\"table\">\r\n <div class=\"thead\">\r\n <div class=\"tr\">\r\n <div class=\"th\">\r\n <div style=\"width: 5px;\"></div>\r\n \u0646\u0627\u0645\r\n </div>\r\n <div class=\"th\">\u0639\u0646\u0648\u0627\u0646</div>\r\n <div class=\"th\">\u0646\u0648\u0639</div>\r\n <div class=\"th\">\u0646\u0648\u0639 \u0646\u0645\u0627\u06CC\u0634</div>\r\n <div class=\"th\">\u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0647\u062F\u0631</div>\r\n <div class=\"th\">\u062A\u06A9\u0645\u06CC\u0644 \u062A\u0648\u0633\u0637 \u06A9\u0627\u0631\u0628\u0631</div>\r\n <div class=\"th\">\u0639\u0645\u0644\u06CC\u0627\u062A</div>\r\n </div>\r\n </div>\r\n <div class=\"tbody\">\r\n <div cdkDropList class=\"drag-drop-table-item\" (cdkDropListDropped)=\"drop($event)\">\r\n <div class=\"tr drag-drop-item-box\" *ngFor=\"let c of columns\" cdkDrag>\r\n <div class=\"td\">\r\n <div>\r\n </div>\r\n <ax-text-box size=\"sm\" [(value)]=\"c.fieldName\" [allowClear]=\"true\"></ax-text-box>\r\n </div>\r\n <div class=\"td\">\r\n <ax-text-box size=\"sm\" [(value)]=\"c.caption\" [allowClear]=\"true\"></ax-text-box>\r\n </div>\r\n <div class=\"td\">\r\n <ax-select-box size=\"sm\" textField=\"title\" valueField=\"id\">\r\n <ax-data-source [provideData]=\"handleDataReceived\"></ax-data-source>\r\n </ax-select-box>\r\n </div>\r\n <div class=\"td\">\r\n <ax-text-box size=\"sm\" [(value)]=\"c.displayType\"></ax-text-box>\r\n </div>\r\n <div class=\"td\">\r\n <ax-check-box size=\"md\" [(value)]=\"c.rowHeader\"></ax-check-box>\r\n </div>\r\n <div class=\"td\">\r\n <ax-check-box size=\"md\" [(value)]=\"c.fillByUser\"></ax-check-box>\r\n </div>\r\n <div class=\"td\">\r\n <ax-button type=\"danger blank\" icon=\"far fa-trash-alt\" (click)=\"handleRemoveClick(c)\">\r\n </ax-button>\r\n <ax-button type=\"primary blank\" icon=\"far fa-ellipsis-v\">\r\n </ax-button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"ax-mrg-md\"></div>\r\n <div style=\"display: flex; justify-content: flex-end;margin-left: 15px;\">\r\n <ax-button icon=\"far fa-plus\" size=\"sm\" type=\"primary\" (click)=\"handleAddColumn()\">\u0627\u0641\u0632\u0648\u062F\u0646 \u0633\u062A\u0648\u0646 \u062C\u062F\u06CC\u062F\r\n </ax-button>\r\n </div>\r\n </ax-page-content>\r\n </ax-page>\r\n</ng-template>",
|
|
16151
|
-
styles: [".column-item{border:1px solid var(--ax-gray-light-color);margin-bottom:5px;display
|
|
16187
|
+
styles: [".column-item{border:1px solid var(--ax-gray-light-color);margin-bottom:5px;display:flex;padding:5px;border-radius:5px;justify-content:space-between;font-weight:500;align-items:center}.column-item .remove-button{color:var(--ax-danger-color);padding:var(--ax-size-sm);display:flex;justify-content:center;cursor:pointer}.column-item .remove-button:hover{background-color:var(--ax-danger-trans-light-color)}.column-item div:first-child{display:flex;align-items:center}.column-item div:first-child div:first-child{width:100px;height:25px;border-radius:3px}.column-item div:first-child div:last-child{-webkit-margin-start:10px;margin-inline-start:10px}.column-item div:last-child{display:flex;align-items:center}.column-item div:last-child button{background-color:transparent;border:none;cursor:pointer}.column-item div:last-child button i{color:var(--ax-danger-color)}.column-item div:last-child div{min-width:40px}.column-item div:last-child div.min{color:var(--ax-danger-color)}.column-item div:last-child div.max{color:var(--ax-success-color)}.add-item{border:1px solid var(--ax-success-color);background-color:transparent;color:var(--ax-success-color)}table{width:100%;margin-top:1em}table thead th{text-align:right;padding:.4em;border:1px solid #00000029;background-color:var(--ax-primary-trans-dark-color)}table tbody tr td{text-align:center}.table{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.table .thead{width:100%;display:flex;align-items:center;justify-content:center}.table .thead .tr{width:100%;display:flex;border:1px solid var(--ax-border-color);background-color:var(--ax-primary-trans-light-color)}.table .thead .tr .th{width:calc(100% / 7);height:100%;display:flex;justify-content:center;flex-direction:column;border-left:1px solid var(--ax-border-color);padding:.5em;font-weight:700}.table .tbody{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.table .tbody .tr{width:100%;height:100%;display:flex;border:1px solid var(--ax-border-color);border-top:0;align-items:center;justify-content:center}.table .tbody .tr .td{width:calc(100% / 7);height:45px;padding:0 .4em;border-left:1px solid var(--ax-border-color);text-align:center;align-items:center;justify-content:center;display:flex}.table .tbody .tr .td:first-child{padding-right:0!important}.table .tbody .tr .td div{width:12px;background-color:var(--ax-border-color);margin-left:.4em;height:100%;cursor:move}.table .tbody .tr .td:last-child{border-left:0!important}.table .tr:first-child{overflow:hidden}.table .th:last-child{border-left:0!important}.drag-drop-table-item{width:100%}.drag-drop-item-box{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;background:#fff;font-size:14px;z-index:700000!important}.cdk-drag-preview{box-sizing:border-box;border-radius:var(--ax-size-border-radius);box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating,.drag-drop-table-item.cdk-drop-list-dragging .drag-drop-item-box:not(.cdk-drag-placeholder){transition:transform 250ms cubic-bezier(0,0,.2,1)}"]
|
|
16152
16188
|
}),
|
|
16153
16189
|
__metadata("design:paramtypes", [core.ChangeDetectorRef, AXPopupService])
|
|
16154
16190
|
], ColumnPropertyEditorComponent);
|
|
@@ -16371,7 +16407,7 @@
|
|
|
16371
16407
|
core.Component({
|
|
16372
16408
|
template: "<div *ngFor=\"let r of ranges\" [style.border-color]=\"r.color\" class=\"range-item\" (click)=\"handleEditClick(r)\">\r\n <div>\r\n <div [style.background-color]=\"r.color\"></div>\r\n <div>{{ r.display }}</div>\r\n </div>\r\n <div [attr.title]=\"getTitle(r.operator)\">\r\n <div class=\"value\">{{r.value}}</div>\r\n <div>\r\n <i class=\"far {{getIcon(r.operator)}}\"></i>\r\n </div>\r\n <div class=\"value-text\">{{'common.value' | trans}}</div>\r\n <div class=\"remove-button\" (click)=\"handleRemoveClick(r)\"><i class=\"far fa-trash-alt\"></i></div>\r\n </div>\r\n</div>\r\n<ax-button icon=\"far fa-plus\" type=\"success outline\" (click)=\"handleAddClick()\">{{ 'common.add-item' | trans }}\r\n</ax-button>\r\n<ng-template #tplEdit>\r\n <ax-page>\r\n <ax-page-content>\r\n <div class=\"container\">\r\n <ax-validation-form (onInit)=\"onFormInit($event)\">\r\n\r\n <div class=\"row\">\r\n <div class=\"col-12\">\r\n <ax-label>{{ 'common.condition' | trans }}</ax-label>\r\n <ax-select-box [(selectedValues)]=\"editRow.operator\" [allowSearch]=\"false\"\r\n [allowNull]=\"false\" [items]=\"operators\">\r\n <ax-validation>\r\n <ax-validation-rule type=\"required\"></ax-validation-rule>\r\n </ax-validation>\r\n </ax-select-box>\r\n </div>\r\n </div>\r\n <div class=\"row\">\r\n <div class=\"col-12\">\r\n <ax-label>{{ 'common.value' | trans }}</ax-label>\r\n <div [ngSwitch]=\"dataType\">\r\n <ax-text-box *ngSwitchCase=\"'string'\" [(value)]=\"editRow.value\">\r\n <ax-validation>\r\n <ax-validation-rule type=\"required\"></ax-validation-rule>\r\n </ax-validation>\r\n </ax-text-box>\r\n <ax-select-box *ngSwitchCase=\"'boolean'\" [(selectedValues)]=\"editRow.value\"\r\n [allowSearch]=\"false\" [allowNull]=\"false\" [items]=\"booleanItems\">\r\n <ax-validation>\r\n <ax-validation-rule type=\"required\"></ax-validation-rule>\r\n </ax-validation>\r\n </ax-select-box>\r\n <ax-number-box *ngSwitchDefault [(value)]=\"editRow.value\"\r\n [showSeparator]=\"showSeparator\" [decimalNumber]=\"decimalNumber\">\r\n <ax-validation>\r\n <ax-validation-rule type=\"required\"></ax-validation-rule>\r\n </ax-validation>\r\n </ax-number-box>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"row\">\r\n <div class=\"col-12\">\r\n <ax-label>{{ 'conditional-color-property-editor.replaced-color' | trans }}</ax-label>\r\n <ax-color-picker [(value)]=\"editRow.color\">\r\n <ax-validation>\r\n <ax-validation-rule type=\"required\"></ax-validation-rule>\r\n </ax-validation>\r\n </ax-color-picker>\r\n </div>\r\n </div>\r\n <div class=\"row\">\r\n <div class=\"col-12\">\r\n <ax-label>{{ 'conditional-color-property-editor.replaced-title' | trans }}</ax-label>\r\n <ax-text-box [(value)]=\"editRow.display\">\r\n </ax-text-box>\r\n </div>\r\n </div>\r\n </ax-validation-form>\r\n </div>\r\n <div class=\"ax-mrg-md\"></div>\r\n </ax-page-content>\r\n </ax-page>\r\n</ng-template>",
|
|
16373
16409
|
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
16374
|
-
styles: [".range-item{border:1px solid var(--ax-gray-color);margin-bottom:5px;display
|
|
16410
|
+
styles: [".range-item{border:1px solid var(--ax-gray-color);margin-bottom:5px;display:flex;padding:5px;border-radius:5px;justify-content:space-between;align-items:center;cursor:pointer}.range-item .remove-button{color:var(--ax-danger-color);padding:var(--ax-size-sm);display:flex;justify-content:center;cursor:pointer}.range-item .remove-button:hover{background-color:var(--ax-danger-trans-light-color)}.range-item div:first-child{display:flex;align-items:center}.range-item div:first-child div:first-child{width:25px;height:25px;border-radius:3px}.range-item div:first-child div:last-child{-webkit-margin-start:10px;margin-inline-start:10px}.range-item div:last-child{display:flex;align-items:center}.range-item div:last-child button{background-color:transparent;border:none;cursor:pointer}.range-item div:last-child button i{color:var(--ax-danger-color)}.range-item div:last-child div{min-width:40px}.range-item div:last-child div.value-text{color:var(--ax-success-color)}.range-item div:last-child div.value{color:var(--ax-danger-color)}"]
|
|
16375
16411
|
}),
|
|
16376
16412
|
__metadata("design:paramtypes", [core.ChangeDetectorRef, AXPopupService])
|
|
16377
16413
|
], AXConditionalColorPropertyEditorComponent);
|