@acorex/components 3.0.34 → 3.0.35
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 +76 -53
- 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/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 +33 -15
- 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/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 +33 -15
- package/fesm2015/acorex-components.js +51 -33
- package/fesm2015/acorex-components.js.map +1 -1
- package/fesm5/acorex-components.js +51 -33
- package/fesm5/acorex-components.js.map +1 -1
- package/lib/tree-view/tree-view.component.d.ts +2 -1
- package/package.json +4 -4
|
@@ -2213,7 +2213,7 @@ var AXSchedulerDayTimeViewComponent = /** @class */ (function (_super) {
|
|
|
2213
2213
|
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>",
|
|
2214
2214
|
encapsulation: ViewEncapsulation.None,
|
|
2215
2215
|
providers: [{ provide: AXSchedulerBaseViewComponent, useExisting: AXSchedulerDayTimeViewComponent_1 }],
|
|
2216
|
-
styles: [".ax-scheduler-day-time-view .event-wrapper{position:absolute;top:0;left:0;display
|
|
2216
|
+
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}"]
|
|
2217
2217
|
}),
|
|
2218
2218
|
__metadata("design:paramtypes", [ElementRef, ChangeDetectorRef])
|
|
2219
2219
|
], AXSchedulerDayTimeViewComponent);
|
|
@@ -2433,7 +2433,7 @@ var AXSchedulerMonthViewComponent = /** @class */ (function (_super) {
|
|
|
2433
2433
|
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>",
|
|
2434
2434
|
encapsulation: ViewEncapsulation.None,
|
|
2435
2435
|
providers: [{ provide: AXSchedulerBaseViewComponent, useExisting: AXSchedulerMonthViewComponent_1 }],
|
|
2436
|
-
styles: [".ax-sheduler-month-view .day-num{position:absolute;left:5px;top:5px;font-size:smaller;padding:1px 5px;display
|
|
2436
|
+
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}"]
|
|
2437
2437
|
}),
|
|
2438
2438
|
__metadata("design:paramtypes", [ElementRef,
|
|
2439
2439
|
NgZone,
|
|
@@ -2758,7 +2758,7 @@ var AXToolbarSearchComponent = /** @class */ (function () {
|
|
|
2758
2758
|
selector: 'ax-toolbar-search',
|
|
2759
2759
|
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>",
|
|
2760
2760
|
providers: [{ provide: AXToolbarItem, useExisting: AXToolbarSearchComponent_1 }],
|
|
2761
|
-
styles: [".search-bar{display
|
|
2761
|
+
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)}"]
|
|
2762
2762
|
}),
|
|
2763
2763
|
__metadata("design:paramtypes", [])
|
|
2764
2764
|
], AXToolbarSearchComponent);
|
|
@@ -3050,7 +3050,7 @@ var AXSchedulerComponent = /** @class */ (function () {
|
|
|
3050
3050
|
selector: 'ax-scheduler',
|
|
3051
3051
|
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>",
|
|
3052
3052
|
encapsulation: ViewEncapsulation.None,
|
|
3053
|
-
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
|
|
3053
|
+
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}"]
|
|
3054
3054
|
}),
|
|
3055
3055
|
__metadata("design:paramtypes", [ElementRef,
|
|
3056
3056
|
NgZone,
|
|
@@ -3068,7 +3068,7 @@ var AXToolbarComponent = /** @class */ (function () {
|
|
|
3068
3068
|
selector: 'ax-toolbar',
|
|
3069
3069
|
template: "<div class=\"ax-toolbar\">\r\n <ng-content>\r\n </ng-content>\r\n</div>",
|
|
3070
3070
|
encapsulation: ViewEncapsulation.None,
|
|
3071
|
-
styles: ["ax-toolbar{width:100%}ax-toolbar .ax-toolbar{display
|
|
3071
|
+
styles: ["ax-toolbar{width:100%}ax-toolbar .ax-toolbar{display:flex;width:100%;justify-content:space-between;align-items:center}"]
|
|
3072
3072
|
}),
|
|
3073
3073
|
__metadata("design:paramtypes", [])
|
|
3074
3074
|
], AXToolbarComponent);
|
|
@@ -3242,7 +3242,7 @@ var AXMenu2Component = /** @class */ (function () {
|
|
|
3242
3242
|
selector: 'ax-menu2',
|
|
3243
3243
|
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 ",
|
|
3244
3244
|
encapsulation: ViewEncapsulation.None,
|
|
3245
|
-
styles: [".ax.ax-menu{display
|
|
3245
|
+
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}"]
|
|
3246
3246
|
}),
|
|
3247
3247
|
__metadata("design:paramtypes", [Overlay,
|
|
3248
3248
|
ViewContainerRef,
|
|
@@ -4535,7 +4535,7 @@ var AXToastWrapperComponent = /** @class */ (function () {
|
|
|
4535
4535
|
selector: 'ax-toast-wrapper',
|
|
4536
4536
|
template: '',
|
|
4537
4537
|
encapsulation: ViewEncapsulation.None,
|
|
4538
|
-
styles: ["ax-toast-wrapper{min-width:300px;max-width:360px;height:auto;position:fixed;bottom:0;right:50%;left:50%;display
|
|
4538
|
+
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}"]
|
|
4539
4539
|
}),
|
|
4540
4540
|
__metadata("design:paramtypes", [])
|
|
4541
4541
|
], AXToastWrapperComponent);
|
|
@@ -4623,7 +4623,7 @@ var AXToastMessageComponent = /** @class */ (function () {
|
|
|
4623
4623
|
Component({
|
|
4624
4624
|
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>",
|
|
4625
4625
|
encapsulation: ViewEncapsulation.None,
|
|
4626
|
-
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
|
|
4626
|
+
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}}"]
|
|
4627
4627
|
}),
|
|
4628
4628
|
__metadata("design:paramtypes", [ElementRef])
|
|
4629
4629
|
], AXToastMessageComponent);
|
|
@@ -4938,7 +4938,7 @@ var AXFilterPanelComponent = /** @class */ (function () {
|
|
|
4938
4938
|
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>",
|
|
4939
4939
|
encapsulation: ViewEncapsulation.None,
|
|
4940
4940
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
4941
|
-
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
|
|
4941
|
+
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}"]
|
|
4942
4942
|
}),
|
|
4943
4943
|
__metadata("design:paramtypes", [ChangeDetectorRef, AXToastService])
|
|
4944
4944
|
], AXFilterPanelComponent);
|
|
@@ -5208,7 +5208,7 @@ var AXPanelBoxComponent = /** @class */ (function () {
|
|
|
5208
5208
|
transition("hidden => shown", animate("200ms")),
|
|
5209
5209
|
]),
|
|
5210
5210
|
],
|
|
5211
|
-
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
|
|
5211
|
+
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}"]
|
|
5212
5212
|
})
|
|
5213
5213
|
], AXPanelBoxComponent);
|
|
5214
5214
|
return AXPanelBoxComponent;
|
|
@@ -6724,7 +6724,7 @@ var AXListComponent = /** @class */ (function (_super) {
|
|
|
6724
6724
|
selector: "ax-list",
|
|
6725
6725
|
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>",
|
|
6726
6726
|
encapsulation: ViewEncapsulation.None,
|
|
6727
|
-
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
|
|
6727
|
+
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}"]
|
|
6728
6728
|
}),
|
|
6729
6729
|
__metadata("design:paramtypes", [])
|
|
6730
6730
|
], AXListComponent);
|
|
@@ -6779,7 +6779,7 @@ var AXDialogComponent = /** @class */ (function (_super) {
|
|
|
6779
6779
|
selector: 'ax-dialog',
|
|
6780
6780
|
template: "<div class=\"ax-dialog\">\r\n <div class=\"dialog-content\" [innerHTML]=\"message\">\r\n \r\n </div>\r\n</div>",
|
|
6781
6781
|
encapsulation: ViewEncapsulation.None,
|
|
6782
|
-
styles: [".ax-dialog{background:var(--ax-white-color);display
|
|
6782
|
+
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}"]
|
|
6783
6783
|
}),
|
|
6784
6784
|
__metadata("design:paramtypes", [])
|
|
6785
6785
|
], AXDialogComponent);
|
|
@@ -6948,7 +6948,7 @@ var AXPopupComponent = /** @class */ (function (_super) {
|
|
|
6948
6948
|
Component({
|
|
6949
6949
|
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>",
|
|
6950
6950
|
encapsulation: ViewEncapsulation.None,
|
|
6951
|
-
styles: [".popup-wrapper .popup-container{opacity:1;background:var(--ax-white-color);display
|
|
6951
|
+
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}"]
|
|
6952
6952
|
}),
|
|
6953
6953
|
__metadata("design:paramtypes", [ComponentFactoryResolver,
|
|
6954
6954
|
ElementRef,
|
|
@@ -10400,7 +10400,7 @@ var AXQueryBuilderComponent = /** @class */ (function (_super) {
|
|
|
10400
10400
|
selector: 'ax-query-builder',
|
|
10401
10401
|
template: "<ax-query-group #queryGroup [mode]=\"mode\" [group]=\"rootGroup\" [fields]=\"fields\"\r\n (groupRuleChanged)=\"ruleChanged($event)\">\r\n</ax-query-group>",
|
|
10402
10402
|
encapsulation: ViewEncapsulation.None,
|
|
10403
|
-
styles: [".ax-query-group{display
|
|
10403
|
+
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)}"]
|
|
10404
10404
|
}),
|
|
10405
10405
|
__metadata("design:paramtypes", [ElementRef, AXToastService])
|
|
10406
10406
|
], AXQueryBuilderComponent);
|
|
@@ -11235,7 +11235,7 @@ var AXSwitchComponent = /** @class */ (function (_super) {
|
|
|
11235
11235
|
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>",
|
|
11236
11236
|
encapsulation: ViewEncapsulation.None,
|
|
11237
11237
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
11238
|
-
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{
|
|
11238
|
+
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%}"]
|
|
11239
11239
|
}),
|
|
11240
11240
|
__metadata("design:paramtypes", [ChangeDetectorRef])
|
|
11241
11241
|
], AXSwitchComponent);
|
|
@@ -13706,7 +13706,10 @@ var AXTreeViewComponent = /** @class */ (function (_super) {
|
|
|
13706
13706
|
//seletedKeyFields set id of nodes and parents
|
|
13707
13707
|
//selectedFieldName set name of fields that set selectes
|
|
13708
13708
|
_this.selectedFieldName = null;
|
|
13709
|
-
|
|
13709
|
+
// @Input()
|
|
13710
|
+
// selectNodesRecursive: 'all' | 'parents' | 'childs' | 'none' = 'all'; //leaf
|
|
13711
|
+
_this.checkParents = true;
|
|
13712
|
+
_this.checkChilds = true;
|
|
13710
13713
|
_this.seletedKeyFields = [];
|
|
13711
13714
|
_this.keyField = 'id';
|
|
13712
13715
|
_this.hasChildField = 'child';
|
|
@@ -13840,7 +13843,8 @@ var AXTreeViewComponent = /** @class */ (function (_super) {
|
|
|
13840
13843
|
};
|
|
13841
13844
|
AXTreeViewComponent.prototype.changeChildSelect = function (item, s) {
|
|
13842
13845
|
var _this = this;
|
|
13843
|
-
if (this.selectNodesRecursive == 'all' || this.selectNodesRecursive == 'childs') {
|
|
13846
|
+
// if (this.selectNodesRecursive == 'all' || this.selectNodesRecursive == 'childs') {
|
|
13847
|
+
if (this.checkChilds == true) {
|
|
13844
13848
|
item.select = s;
|
|
13845
13849
|
if (item[this.hasChildField] === true && item[this.childField] && item[this.childField].length > 0) {
|
|
13846
13850
|
item[this.childField].forEach(function (elm) {
|
|
@@ -13874,7 +13878,8 @@ var AXTreeViewComponent = /** @class */ (function (_super) {
|
|
|
13874
13878
|
};
|
|
13875
13879
|
AXTreeViewComponent.prototype.changeParentSelect = function (item) {
|
|
13876
13880
|
var _this = this;
|
|
13877
|
-
if (this.selectNodesRecursive == 'all' || this.selectNodesRecursive == 'parents') {
|
|
13881
|
+
//if (this.selectNodesRecursive == 'all' || this.selectNodesRecursive == 'parents') {
|
|
13882
|
+
if (this.checkParents) {
|
|
13878
13883
|
var allselect = true;
|
|
13879
13884
|
var alldeselect = true;
|
|
13880
13885
|
var oneselect = false;
|
|
@@ -13994,9 +13999,11 @@ var AXTreeViewComponent = /** @class */ (function (_super) {
|
|
|
13994
13999
|
_this.seletedKeyFields.forEach(function (n) {
|
|
13995
14000
|
if (n.includes(el[_this.keyField])) {
|
|
13996
14001
|
if (el[_this.hasChildField] == true) {
|
|
13997
|
-
|
|
14002
|
+
if (_this.checkParents == false && _this.checkChilds == false) {
|
|
14003
|
+
//select parent when check child and check parent is false TODO check this Action
|
|
14004
|
+
_this.selectItem(el);
|
|
14005
|
+
}
|
|
13998
14006
|
_this.open(el);
|
|
13999
|
-
// }
|
|
14000
14007
|
}
|
|
14001
14008
|
else {
|
|
14002
14009
|
_this.selectItem(el);
|
|
@@ -14007,9 +14014,11 @@ var AXTreeViewComponent = /** @class */ (function (_super) {
|
|
|
14007
14014
|
}
|
|
14008
14015
|
else if (_this.selectedFieldName != null) {
|
|
14009
14016
|
if (el[_this.hasChildField] == true && el[_this.selectedFieldName] == true) {
|
|
14010
|
-
|
|
14017
|
+
if (_this.checkParents == false && _this.checkChilds == false) {
|
|
14018
|
+
//select parent when check child and check parent is false TODO check this Action
|
|
14019
|
+
_this.selectItem(el);
|
|
14020
|
+
}
|
|
14011
14021
|
_this.open(el);
|
|
14012
|
-
// }
|
|
14013
14022
|
}
|
|
14014
14023
|
else if (el[_this.selectedFieldName] == true) {
|
|
14015
14024
|
_this.selectItem(el);
|
|
@@ -14042,7 +14051,8 @@ var AXTreeViewComponent = /** @class */ (function (_super) {
|
|
|
14042
14051
|
if (_this.selectionLevel == 'parents' && result_1[i][_this.hasChildField] == false) {
|
|
14043
14052
|
result_1[i].disabledCheckBox = true;
|
|
14044
14053
|
}
|
|
14045
|
-
if (
|
|
14054
|
+
// if (this.selectionMode !== 'single' && (this.selectNodesRecursive == 'all' || this.selectNodesRecursive == 'childs')) {
|
|
14055
|
+
if (_this.selectionMode !== 'single' && _this.checkChilds == true) {
|
|
14046
14056
|
result_1[i].select = _this.itemRow.select === (undefined || null) ? false : _this.itemRow.select;
|
|
14047
14057
|
if (_this.itemRow.select === true && _this.selectionMode == 'multiple' && result_1[i][_this.hasChildField] === false) {
|
|
14048
14058
|
_this.selectedItems = _this.selectedItems.filter(function (c) { return c[_this.keyField] !== result_1[i][_this.keyField]; });
|
|
@@ -14057,9 +14067,11 @@ var AXTreeViewComponent = /** @class */ (function (_super) {
|
|
|
14057
14067
|
_this.seletedKeyFields.forEach(function (n) {
|
|
14058
14068
|
if (n.includes(result_1[i][_this.keyField])) {
|
|
14059
14069
|
if (result_1[i][_this.hasChildField] == true) {
|
|
14060
|
-
|
|
14070
|
+
if (_this.checkParents == false && _this.checkChilds == false) {
|
|
14071
|
+
//select parent when check child and check parent is false TODO check this Action
|
|
14072
|
+
_this.selectItem(result_1[i]);
|
|
14073
|
+
}
|
|
14061
14074
|
_this.open(result_1[i]);
|
|
14062
|
-
// }
|
|
14063
14075
|
}
|
|
14064
14076
|
else {
|
|
14065
14077
|
_this.selectItem(result_1[i]);
|
|
@@ -14070,9 +14082,11 @@ var AXTreeViewComponent = /** @class */ (function (_super) {
|
|
|
14070
14082
|
}
|
|
14071
14083
|
else if (_this.selectedFieldName != null) {
|
|
14072
14084
|
if (result_1[i][_this.hasChildField] == true && result_1[i][_this.selectedFieldName] == true) {
|
|
14073
|
-
|
|
14085
|
+
if (_this.checkParents == false && _this.checkChilds == false) {
|
|
14086
|
+
//select parent when check child and check parent is false TODO check this Action
|
|
14087
|
+
_this.selectItem(result_1[i]);
|
|
14088
|
+
}
|
|
14074
14089
|
_this.open(result_1[i]);
|
|
14075
|
-
// }
|
|
14076
14090
|
}
|
|
14077
14091
|
else if (result_1[i][_this.selectedFieldName] == true) {
|
|
14078
14092
|
_this.selectItem(result_1[i]);
|
|
@@ -14327,8 +14341,12 @@ var AXTreeViewComponent = /** @class */ (function (_super) {
|
|
|
14327
14341
|
], AXTreeViewComponent.prototype, "selectedFieldName", void 0);
|
|
14328
14342
|
__decorate([
|
|
14329
14343
|
Input(),
|
|
14330
|
-
__metadata("design:type",
|
|
14331
|
-
], AXTreeViewComponent.prototype, "
|
|
14344
|
+
__metadata("design:type", Boolean)
|
|
14345
|
+
], AXTreeViewComponent.prototype, "checkParents", void 0);
|
|
14346
|
+
__decorate([
|
|
14347
|
+
Input(),
|
|
14348
|
+
__metadata("design:type", Boolean)
|
|
14349
|
+
], AXTreeViewComponent.prototype, "checkChilds", void 0);
|
|
14332
14350
|
__decorate([
|
|
14333
14351
|
Input(),
|
|
14334
14352
|
__metadata("design:type", Array)
|
|
@@ -15217,7 +15235,7 @@ var AXRangePropertyEditorComponent = /** @class */ (function (_super) {
|
|
|
15217
15235
|
Component({
|
|
15218
15236
|
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>",
|
|
15219
15237
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
15220
|
-
styles: [".range-item{border:1px solid var(--ax-gray-color);margin-bottom:5px;display
|
|
15238
|
+
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)}"]
|
|
15221
15239
|
}),
|
|
15222
15240
|
__metadata("design:paramtypes", [ChangeDetectorRef, AXPopupService])
|
|
15223
15241
|
], AXRangePropertyEditorComponent);
|
|
@@ -15650,7 +15668,7 @@ var AXColorBoxComponent = /** @class */ (function (_super) {
|
|
|
15650
15668
|
providers: [
|
|
15651
15669
|
{ provide: AXValidatableComponent, useExisting: AXColorBoxComponent_1 },
|
|
15652
15670
|
],
|
|
15653
|
-
styles: [".color-box{border:1px solid var(--ax-border-color);max-width:300px;padding:5px}.color-box .color-box-pallet{display
|
|
15671
|
+
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)}"]
|
|
15654
15672
|
}),
|
|
15655
15673
|
__metadata("design:paramtypes", [])
|
|
15656
15674
|
], AXColorBoxComponent);
|
|
@@ -15947,7 +15965,7 @@ var ColumnPropertyEditorComponent = /** @class */ (function (_super) {
|
|
|
15947
15965
|
ColumnPropertyEditorComponent = __decorate([
|
|
15948
15966
|
Component({
|
|
15949
15967
|
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>",
|
|
15950
|
-
styles: [".column-item{border:1px solid var(--ax-gray-light-color);margin-bottom:5px;display
|
|
15968
|
+
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)}"]
|
|
15951
15969
|
}),
|
|
15952
15970
|
__metadata("design:paramtypes", [ChangeDetectorRef, AXPopupService])
|
|
15953
15971
|
], ColumnPropertyEditorComponent);
|
|
@@ -16170,7 +16188,7 @@ var AXConditionalColorPropertyEditorComponent = /** @class */ (function (_super)
|
|
|
16170
16188
|
Component({
|
|
16171
16189
|
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>",
|
|
16172
16190
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
16173
|
-
styles: [".range-item{border:1px solid var(--ax-gray-color);margin-bottom:5px;display
|
|
16191
|
+
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)}"]
|
|
16174
16192
|
}),
|
|
16175
16193
|
__metadata("design:paramtypes", [ChangeDetectorRef, AXPopupService])
|
|
16176
16194
|
], AXConditionalColorPropertyEditorComponent);
|