@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
|
@@ -2021,7 +2021,7 @@ AXSchedulerDayTimeViewComponent = AXSchedulerDayTimeViewComponent_1 = __decorate
|
|
|
2021
2021
|
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>",
|
|
2022
2022
|
encapsulation: ViewEncapsulation.None,
|
|
2023
2023
|
providers: [{ provide: AXSchedulerBaseViewComponent, useExisting: AXSchedulerDayTimeViewComponent_1 }],
|
|
2024
|
-
styles: [".ax-scheduler-day-time-view .event-wrapper{position:absolute;top:0;left:0;display
|
|
2024
|
+
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}"]
|
|
2025
2025
|
}),
|
|
2026
2026
|
__metadata("design:paramtypes", [ElementRef, ChangeDetectorRef])
|
|
2027
2027
|
], AXSchedulerDayTimeViewComponent);
|
|
@@ -2229,7 +2229,7 @@ AXSchedulerMonthViewComponent = AXSchedulerMonthViewComponent_1 = __decorate([
|
|
|
2229
2229
|
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>",
|
|
2230
2230
|
encapsulation: ViewEncapsulation.None,
|
|
2231
2231
|
providers: [{ provide: AXSchedulerBaseViewComponent, useExisting: AXSchedulerMonthViewComponent_1 }],
|
|
2232
|
-
styles: [".ax-sheduler-month-view .day-num{position:absolute;left:5px;top:5px;font-size:smaller;padding:1px 5px;display
|
|
2232
|
+
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}"]
|
|
2233
2233
|
}),
|
|
2234
2234
|
__metadata("design:paramtypes", [ElementRef,
|
|
2235
2235
|
NgZone,
|
|
@@ -2541,7 +2541,7 @@ AXToolbarSearchComponent = AXToolbarSearchComponent_1 = __decorate([
|
|
|
2541
2541
|
selector: 'ax-toolbar-search',
|
|
2542
2542
|
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>",
|
|
2543
2543
|
providers: [{ provide: AXToolbarItem, useExisting: AXToolbarSearchComponent_1 }],
|
|
2544
|
-
styles: [".search-bar{display
|
|
2544
|
+
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)}"]
|
|
2545
2545
|
}),
|
|
2546
2546
|
__metadata("design:paramtypes", [])
|
|
2547
2547
|
], AXToolbarSearchComponent);
|
|
@@ -2811,7 +2811,7 @@ AXSchedulerComponent = __decorate([
|
|
|
2811
2811
|
selector: 'ax-scheduler',
|
|
2812
2812
|
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>",
|
|
2813
2813
|
encapsulation: ViewEncapsulation.None,
|
|
2814
|
-
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
|
|
2814
|
+
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}"]
|
|
2815
2815
|
}),
|
|
2816
2816
|
__metadata("design:paramtypes", [ElementRef,
|
|
2817
2817
|
NgZone,
|
|
@@ -2827,7 +2827,7 @@ AXToolbarComponent = __decorate([
|
|
|
2827
2827
|
selector: 'ax-toolbar',
|
|
2828
2828
|
template: "<div class=\"ax-toolbar\">\r\n <ng-content>\r\n </ng-content>\r\n</div>",
|
|
2829
2829
|
encapsulation: ViewEncapsulation.None,
|
|
2830
|
-
styles: ["ax-toolbar{width:100%}ax-toolbar .ax-toolbar{display
|
|
2830
|
+
styles: ["ax-toolbar{width:100%}ax-toolbar .ax-toolbar{display:flex;width:100%;justify-content:space-between;align-items:center}"]
|
|
2831
2831
|
}),
|
|
2832
2832
|
__metadata("design:paramtypes", [])
|
|
2833
2833
|
], AXToolbarComponent);
|
|
@@ -3025,7 +3025,7 @@ AXMenu2Component = AXMenu2Component_1 = __decorate([
|
|
|
3025
3025
|
</div>
|
|
3026
3026
|
`,
|
|
3027
3027
|
encapsulation: ViewEncapsulation.None,
|
|
3028
|
-
styles: [".ax.ax-menu{display
|
|
3028
|
+
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}"]
|
|
3029
3029
|
}),
|
|
3030
3030
|
__metadata("design:paramtypes", [Overlay,
|
|
3031
3031
|
ViewContainerRef,
|
|
@@ -4267,7 +4267,7 @@ AXToastWrapperComponent = __decorate([
|
|
|
4267
4267
|
selector: 'ax-toast-wrapper',
|
|
4268
4268
|
template: '',
|
|
4269
4269
|
encapsulation: ViewEncapsulation.None,
|
|
4270
|
-
styles: ["ax-toast-wrapper{min-width:300px;max-width:360px;height:auto;position:fixed;bottom:0;right:50%;left:50%;display
|
|
4270
|
+
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}"]
|
|
4271
4271
|
}),
|
|
4272
4272
|
__metadata("design:paramtypes", [])
|
|
4273
4273
|
], AXToastWrapperComponent);
|
|
@@ -4353,7 +4353,7 @@ AXToastMessageComponent = __decorate([
|
|
|
4353
4353
|
Component({
|
|
4354
4354
|
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>",
|
|
4355
4355
|
encapsulation: ViewEncapsulation.None,
|
|
4356
|
-
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
|
|
4356
|
+
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}}"]
|
|
4357
4357
|
}),
|
|
4358
4358
|
__metadata("design:paramtypes", [ElementRef])
|
|
4359
4359
|
], AXToastMessageComponent);
|
|
@@ -4652,7 +4652,7 @@ AXFilterPanelComponent = __decorate([
|
|
|
4652
4652
|
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>",
|
|
4653
4653
|
encapsulation: ViewEncapsulation.None,
|
|
4654
4654
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
4655
|
-
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
|
|
4655
|
+
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}"]
|
|
4656
4656
|
}),
|
|
4657
4657
|
__metadata("design:paramtypes", [ChangeDetectorRef, AXToastService])
|
|
4658
4658
|
], AXFilterPanelComponent);
|
|
@@ -4905,7 +4905,7 @@ AXPanelBoxComponent = __decorate([
|
|
|
4905
4905
|
transition("hidden => shown", animate("200ms")),
|
|
4906
4906
|
]),
|
|
4907
4907
|
],
|
|
4908
|
-
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
|
|
4908
|
+
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}"]
|
|
4909
4909
|
})
|
|
4910
4910
|
], AXPanelBoxComponent);
|
|
4911
4911
|
|
|
@@ -6337,7 +6337,7 @@ AXListComponent = __decorate([
|
|
|
6337
6337
|
selector: "ax-list",
|
|
6338
6338
|
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>",
|
|
6339
6339
|
encapsulation: ViewEncapsulation.None,
|
|
6340
|
-
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
|
|
6340
|
+
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}"]
|
|
6341
6341
|
}),
|
|
6342
6342
|
__metadata("design:paramtypes", [])
|
|
6343
6343
|
], AXListComponent);
|
|
@@ -6383,7 +6383,7 @@ AXDialogComponent = __decorate([
|
|
|
6383
6383
|
selector: 'ax-dialog',
|
|
6384
6384
|
template: "<div class=\"ax-dialog\">\r\n <div class=\"dialog-content\" [innerHTML]=\"message\">\r\n \r\n </div>\r\n</div>",
|
|
6385
6385
|
encapsulation: ViewEncapsulation.None,
|
|
6386
|
-
styles: [".ax-dialog{background:var(--ax-white-color);display
|
|
6386
|
+
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}"]
|
|
6387
6387
|
}),
|
|
6388
6388
|
__metadata("design:paramtypes", [])
|
|
6389
6389
|
], AXDialogComponent);
|
|
@@ -6543,7 +6543,7 @@ AXPopupComponent = __decorate([
|
|
|
6543
6543
|
Component({
|
|
6544
6544
|
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>",
|
|
6545
6545
|
encapsulation: ViewEncapsulation.None,
|
|
6546
|
-
styles: [".popup-wrapper .popup-container{opacity:1;background:var(--ax-white-color);display
|
|
6546
|
+
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}"]
|
|
6547
6547
|
}),
|
|
6548
6548
|
__metadata("design:paramtypes", [ComponentFactoryResolver,
|
|
6549
6549
|
ElementRef,
|
|
@@ -9808,7 +9808,7 @@ AXQueryBuilderComponent = __decorate([
|
|
|
9808
9808
|
selector: 'ax-query-builder',
|
|
9809
9809
|
template: "<ax-query-group #queryGroup [mode]=\"mode\" [group]=\"rootGroup\" [fields]=\"fields\"\r\n (groupRuleChanged)=\"ruleChanged($event)\">\r\n</ax-query-group>",
|
|
9810
9810
|
encapsulation: ViewEncapsulation.None,
|
|
9811
|
-
styles: [".ax-query-group{display
|
|
9811
|
+
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)}"]
|
|
9812
9812
|
}),
|
|
9813
9813
|
__metadata("design:paramtypes", [ElementRef, AXToastService])
|
|
9814
9814
|
], AXQueryBuilderComponent);
|
|
@@ -10569,7 +10569,7 @@ AXSwitchComponent = __decorate([
|
|
|
10569
10569
|
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>",
|
|
10570
10570
|
encapsulation: ViewEncapsulation.None,
|
|
10571
10571
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
10572
|
-
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{
|
|
10572
|
+
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%}"]
|
|
10573
10573
|
}),
|
|
10574
10574
|
__metadata("design:paramtypes", [ChangeDetectorRef])
|
|
10575
10575
|
], AXSwitchComponent);
|
|
@@ -12908,7 +12908,10 @@ let AXTreeViewComponent = class AXTreeViewComponent extends AXBaseComponent {
|
|
|
12908
12908
|
//seletedKeyFields set id of nodes and parents
|
|
12909
12909
|
//selectedFieldName set name of fields that set selectes
|
|
12910
12910
|
this.selectedFieldName = null;
|
|
12911
|
-
|
|
12911
|
+
// @Input()
|
|
12912
|
+
// selectNodesRecursive: 'all' | 'parents' | 'childs' | 'none' = 'all'; //leaf
|
|
12913
|
+
this.checkParents = true;
|
|
12914
|
+
this.checkChilds = true;
|
|
12912
12915
|
this.seletedKeyFields = [];
|
|
12913
12916
|
this.keyField = 'id';
|
|
12914
12917
|
this.hasChildField = 'child';
|
|
@@ -13036,7 +13039,8 @@ let AXTreeViewComponent = class AXTreeViewComponent extends AXBaseComponent {
|
|
|
13036
13039
|
return node;
|
|
13037
13040
|
}
|
|
13038
13041
|
changeChildSelect(item, s) {
|
|
13039
|
-
if (this.selectNodesRecursive == 'all' || this.selectNodesRecursive == 'childs') {
|
|
13042
|
+
// if (this.selectNodesRecursive == 'all' || this.selectNodesRecursive == 'childs') {
|
|
13043
|
+
if (this.checkChilds == true) {
|
|
13040
13044
|
item.select = s;
|
|
13041
13045
|
if (item[this.hasChildField] === true && item[this.childField] && item[this.childField].length > 0) {
|
|
13042
13046
|
item[this.childField].forEach((elm) => {
|
|
@@ -13069,7 +13073,8 @@ let AXTreeViewComponent = class AXTreeViewComponent extends AXBaseComponent {
|
|
|
13069
13073
|
}
|
|
13070
13074
|
}
|
|
13071
13075
|
changeParentSelect(item) {
|
|
13072
|
-
if (this.selectNodesRecursive == 'all' || this.selectNodesRecursive == 'parents') {
|
|
13076
|
+
//if (this.selectNodesRecursive == 'all' || this.selectNodesRecursive == 'parents') {
|
|
13077
|
+
if (this.checkParents) {
|
|
13073
13078
|
let allselect = true;
|
|
13074
13079
|
let alldeselect = true;
|
|
13075
13080
|
let oneselect = false;
|
|
@@ -13185,9 +13190,11 @@ let AXTreeViewComponent = class AXTreeViewComponent extends AXBaseComponent {
|
|
|
13185
13190
|
this.seletedKeyFields.forEach((n) => {
|
|
13186
13191
|
if (n.includes(el[this.keyField])) {
|
|
13187
13192
|
if (el[this.hasChildField] == true) {
|
|
13188
|
-
|
|
13193
|
+
if (this.checkParents == false && this.checkChilds == false) {
|
|
13194
|
+
//select parent when check child and check parent is false TODO check this Action
|
|
13195
|
+
this.selectItem(el);
|
|
13196
|
+
}
|
|
13189
13197
|
this.open(el);
|
|
13190
|
-
// }
|
|
13191
13198
|
}
|
|
13192
13199
|
else {
|
|
13193
13200
|
this.selectItem(el);
|
|
@@ -13198,9 +13205,11 @@ let AXTreeViewComponent = class AXTreeViewComponent extends AXBaseComponent {
|
|
|
13198
13205
|
}
|
|
13199
13206
|
else if (this.selectedFieldName != null) {
|
|
13200
13207
|
if (el[this.hasChildField] == true && el[this.selectedFieldName] == true) {
|
|
13201
|
-
|
|
13208
|
+
if (this.checkParents == false && this.checkChilds == false) {
|
|
13209
|
+
//select parent when check child and check parent is false TODO check this Action
|
|
13210
|
+
this.selectItem(el);
|
|
13211
|
+
}
|
|
13202
13212
|
this.open(el);
|
|
13203
|
-
// }
|
|
13204
13213
|
}
|
|
13205
13214
|
else if (el[this.selectedFieldName] == true) {
|
|
13206
13215
|
this.selectItem(el);
|
|
@@ -13233,7 +13242,8 @@ let AXTreeViewComponent = class AXTreeViewComponent extends AXBaseComponent {
|
|
|
13233
13242
|
if (this.selectionLevel == 'parents' && result[i][this.hasChildField] == false) {
|
|
13234
13243
|
result[i].disabledCheckBox = true;
|
|
13235
13244
|
}
|
|
13236
|
-
if (this.selectionMode !== 'single' && (this.selectNodesRecursive == 'all' || this.selectNodesRecursive == 'childs')) {
|
|
13245
|
+
// if (this.selectionMode !== 'single' && (this.selectNodesRecursive == 'all' || this.selectNodesRecursive == 'childs')) {
|
|
13246
|
+
if (this.selectionMode !== 'single' && this.checkChilds == true) {
|
|
13237
13247
|
result[i].select = this.itemRow.select === (undefined || null) ? false : this.itemRow.select;
|
|
13238
13248
|
if (this.itemRow.select === true && this.selectionMode == 'multiple' && result[i][this.hasChildField] === false) {
|
|
13239
13249
|
this.selectedItems = this.selectedItems.filter((c) => c[this.keyField] !== result[i][this.keyField]);
|
|
@@ -13248,9 +13258,11 @@ let AXTreeViewComponent = class AXTreeViewComponent extends AXBaseComponent {
|
|
|
13248
13258
|
this.seletedKeyFields.forEach((n) => {
|
|
13249
13259
|
if (n.includes(result[i][this.keyField])) {
|
|
13250
13260
|
if (result[i][this.hasChildField] == true) {
|
|
13251
|
-
|
|
13261
|
+
if (this.checkParents == false && this.checkChilds == false) {
|
|
13262
|
+
//select parent when check child and check parent is false TODO check this Action
|
|
13263
|
+
this.selectItem(result[i]);
|
|
13264
|
+
}
|
|
13252
13265
|
this.open(result[i]);
|
|
13253
|
-
// }
|
|
13254
13266
|
}
|
|
13255
13267
|
else {
|
|
13256
13268
|
this.selectItem(result[i]);
|
|
@@ -13261,9 +13273,11 @@ let AXTreeViewComponent = class AXTreeViewComponent extends AXBaseComponent {
|
|
|
13261
13273
|
}
|
|
13262
13274
|
else if (this.selectedFieldName != null) {
|
|
13263
13275
|
if (result[i][this.hasChildField] == true && result[i][this.selectedFieldName] == true) {
|
|
13264
|
-
|
|
13276
|
+
if (this.checkParents == false && this.checkChilds == false) {
|
|
13277
|
+
//select parent when check child and check parent is false TODO check this Action
|
|
13278
|
+
this.selectItem(result[i]);
|
|
13279
|
+
}
|
|
13265
13280
|
this.open(result[i]);
|
|
13266
|
-
// }
|
|
13267
13281
|
}
|
|
13268
13282
|
else if (result[i][this.selectedFieldName] == true) {
|
|
13269
13283
|
this.selectItem(result[i]);
|
|
@@ -13509,8 +13523,12 @@ __decorate([
|
|
|
13509
13523
|
], AXTreeViewComponent.prototype, "selectedFieldName", void 0);
|
|
13510
13524
|
__decorate([
|
|
13511
13525
|
Input(),
|
|
13512
|
-
__metadata("design:type",
|
|
13513
|
-
], AXTreeViewComponent.prototype, "
|
|
13526
|
+
__metadata("design:type", Boolean)
|
|
13527
|
+
], AXTreeViewComponent.prototype, "checkParents", void 0);
|
|
13528
|
+
__decorate([
|
|
13529
|
+
Input(),
|
|
13530
|
+
__metadata("design:type", Boolean)
|
|
13531
|
+
], AXTreeViewComponent.prototype, "checkChilds", void 0);
|
|
13514
13532
|
__decorate([
|
|
13515
13533
|
Input(),
|
|
13516
13534
|
__metadata("design:type", Array)
|
|
@@ -14362,7 +14380,7 @@ AXRangePropertyEditorComponent = __decorate([
|
|
|
14362
14380
|
Component({
|
|
14363
14381
|
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>",
|
|
14364
14382
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
14365
|
-
styles: [".range-item{border:1px solid var(--ax-gray-color);margin-bottom:5px;display
|
|
14383
|
+
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)}"]
|
|
14366
14384
|
}),
|
|
14367
14385
|
__metadata("design:paramtypes", [ChangeDetectorRef, AXPopupService])
|
|
14368
14386
|
], AXRangePropertyEditorComponent);
|
|
@@ -14787,7 +14805,7 @@ AXColorBoxComponent = AXColorBoxComponent_1 = __decorate([
|
|
|
14787
14805
|
providers: [
|
|
14788
14806
|
{ provide: AXValidatableComponent, useExisting: AXColorBoxComponent_1 },
|
|
14789
14807
|
],
|
|
14790
|
-
styles: [".color-box{border:1px solid var(--ax-border-color);max-width:300px;padding:5px}.color-box .color-box-pallet{display
|
|
14808
|
+
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)}"]
|
|
14791
14809
|
}),
|
|
14792
14810
|
__metadata("design:paramtypes", [])
|
|
14793
14811
|
], AXColorBoxComponent);
|
|
@@ -15069,7 +15087,7 @@ __decorate([
|
|
|
15069
15087
|
ColumnPropertyEditorComponent = __decorate([
|
|
15070
15088
|
Component({
|
|
15071
15089
|
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>",
|
|
15072
|
-
styles: [".column-item{border:1px solid var(--ax-gray-light-color);margin-bottom:5px;display
|
|
15090
|
+
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)}"]
|
|
15073
15091
|
}),
|
|
15074
15092
|
__metadata("design:paramtypes", [ChangeDetectorRef, AXPopupService])
|
|
15075
15093
|
], ColumnPropertyEditorComponent);
|
|
@@ -15285,7 +15303,7 @@ AXConditionalColorPropertyEditorComponent = __decorate([
|
|
|
15285
15303
|
Component({
|
|
15286
15304
|
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>",
|
|
15287
15305
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
15288
|
-
styles: [".range-item{border:1px solid var(--ax-gray-color);margin-bottom:5px;display
|
|
15306
|
+
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)}"]
|
|
15289
15307
|
}),
|
|
15290
15308
|
__metadata("design:paramtypes", [ChangeDetectorRef, AXPopupService])
|
|
15291
15309
|
], AXConditionalColorPropertyEditorComponent);
|