@acorex/components 5.0.34 → 5.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/esm2020/lib/datepicker/datepicker.component.mjs +3 -3
- package/esm2020/lib/form/form-field.component.mjs +3 -3
- package/esm2020/lib/popover/popover.component.mjs +45 -16
- package/esm2020/lib/popup/popup.component.mjs +17 -10
- package/esm2020/lib/popup/popup.service.mjs +3 -2
- package/esm2020/lib/selectbox/selectbox.component.mjs +27 -25
- package/esm2020/lib/selectbox/selectbox.module.mjs +6 -4
- package/fesm2015/acorex-components.mjs +77 -45
- package/fesm2015/acorex-components.mjs.map +1 -1
- package/fesm2020/acorex-components.mjs +77 -45
- package/fesm2020/acorex-components.mjs.map +1 -1
- package/lib/popover/popover.component.d.ts +1 -0
- package/lib/popup/popup.component.d.ts +4 -1
- package/lib/popup/popup.service.d.ts +1 -0
- package/lib/selectbox/selectbox.component.d.ts +7 -9
- package/lib/selectbox/selectbox.module.d.ts +3 -1
- package/package.json +1 -1
|
@@ -2675,12 +2675,12 @@ class AXFormFieldComponent extends AXBaseComponentMixin {
|
|
|
2675
2675
|
}
|
|
2676
2676
|
}
|
|
2677
2677
|
AXFormFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AXFormFieldComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2678
|
-
AXFormFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: AXFormFieldComponent, selector: "ax-form-field", usesInheritance: true, ngImport: i0, template: '<
|
|
2678
|
+
AXFormFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: AXFormFieldComponent, selector: "ax-form-field", usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2679
2679
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AXFormFieldComponent, decorators: [{
|
|
2680
2680
|
type: Component,
|
|
2681
2681
|
args: [{
|
|
2682
2682
|
selector: 'ax-form-field',
|
|
2683
|
-
template: '<
|
|
2683
|
+
template: '<ng-content></ng-content>',
|
|
2684
2684
|
encapsulation: ViewEncapsulation.None,
|
|
2685
2685
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
2686
2686
|
}]
|
|
@@ -3075,17 +3075,28 @@ class AXPopoverComponent extends AXBaseComponent {
|
|
|
3075
3075
|
if (!targetRef)
|
|
3076
3076
|
return;
|
|
3077
3077
|
if (!this._overlayRef) {
|
|
3078
|
-
|
|
3079
|
-
|
|
3080
|
-
|
|
3081
|
-
|
|
3078
|
+
let positionStrategy;
|
|
3079
|
+
let scrollStrategy;
|
|
3080
|
+
debugger;
|
|
3081
|
+
if (this._platform.is('Mobile')) {
|
|
3082
|
+
positionStrategy = this._overlay.position().global().centerHorizontally().bottom();
|
|
3083
|
+
scrollStrategy = this._overlay.scrollStrategies.noop();
|
|
3084
|
+
}
|
|
3085
|
+
else {
|
|
3086
|
+
positionStrategy = this._overlay.position()
|
|
3087
|
+
.flexibleConnectedTo(targetRef)
|
|
3088
|
+
.withPositions(Array.isArray(this.position) ? this.position : [this.position])
|
|
3089
|
+
.withPush(false);
|
|
3090
|
+
scrollStrategy = this._overlay.scrollStrategies.close();
|
|
3091
|
+
}
|
|
3082
3092
|
this._overlayRef = this._overlay.create({
|
|
3083
3093
|
positionStrategy,
|
|
3084
|
-
scrollStrategy
|
|
3094
|
+
scrollStrategy,
|
|
3085
3095
|
panelClass: ['ax-animate-fadeIn', 'ax-animate-faster'],
|
|
3086
|
-
hasBackdrop:
|
|
3096
|
+
hasBackdrop: true,
|
|
3087
3097
|
backdropClass: [this.backdropClass || 'cdk-overlay-transparent-backdrop']
|
|
3088
3098
|
});
|
|
3099
|
+
this._updateOverlay();
|
|
3089
3100
|
if (this.closeTrigger == 'clickout') {
|
|
3090
3101
|
this._addSub(this._overlayRef._outsidePointerEvents.subscribe(c => {
|
|
3091
3102
|
const target = c.target;
|
|
@@ -3095,15 +3106,15 @@ class AXPopoverComponent extends AXBaseComponent {
|
|
|
3095
3106
|
}
|
|
3096
3107
|
}));
|
|
3097
3108
|
}
|
|
3098
|
-
this._addSub(this._overlayRef.attachments().subscribe(() => {
|
|
3099
|
-
|
|
3100
|
-
|
|
3101
|
-
|
|
3102
|
-
|
|
3103
|
-
|
|
3104
|
-
|
|
3105
|
-
|
|
3106
|
-
}));
|
|
3109
|
+
// this._addSub(this._overlayRef.attachments().subscribe(() => {
|
|
3110
|
+
// if (!this._isScrollAttached) {
|
|
3111
|
+
// this._addSub(this._platform.scroll.subscribe(c => {
|
|
3112
|
+
// // if (!(c.nativeEvent.target as HTMLElement).closest('.ax-overlay-pane'))
|
|
3113
|
+
// this.close();
|
|
3114
|
+
// }));
|
|
3115
|
+
// this._isScrollAttached = true;
|
|
3116
|
+
// }
|
|
3117
|
+
// }));
|
|
3107
3118
|
}
|
|
3108
3119
|
if (!this._templatePortal) {
|
|
3109
3120
|
this._templatePortal = new TemplatePortal(this._baseTemplate, this._viewContainerRef);
|
|
@@ -3115,6 +3126,24 @@ class AXPopoverComponent extends AXBaseComponent {
|
|
|
3115
3126
|
_addSub(sub) {
|
|
3116
3127
|
this._subs.push(sub);
|
|
3117
3128
|
}
|
|
3129
|
+
_updateOverlay() {
|
|
3130
|
+
const targetRef = this._target;
|
|
3131
|
+
let positionStrategy;
|
|
3132
|
+
let scrollStrategy;
|
|
3133
|
+
if (this._platform.is('Mobile')) {
|
|
3134
|
+
positionStrategy = this._overlay.position().global().centerHorizontally().bottom();
|
|
3135
|
+
scrollStrategy = this._overlay.scrollStrategies.noop();
|
|
3136
|
+
}
|
|
3137
|
+
else {
|
|
3138
|
+
positionStrategy = this._overlay.position()
|
|
3139
|
+
.flexibleConnectedTo(targetRef)
|
|
3140
|
+
.withPositions(Array.isArray(this.position) ? this.position : [this.position])
|
|
3141
|
+
.withPush(false);
|
|
3142
|
+
scrollStrategy = this._overlay.scrollStrategies.close();
|
|
3143
|
+
}
|
|
3144
|
+
this._overlayRef.updatePositionStrategy(positionStrategy);
|
|
3145
|
+
this._overlayRef.updateScrollStrategy(scrollStrategy);
|
|
3146
|
+
}
|
|
3118
3147
|
}
|
|
3119
3148
|
AXPopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AXPopoverComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i1$2.Overlay }, { token: i2.AXPlatform }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
3120
3149
|
AXPopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: AXPopoverComponent, selector: "ax-popover", inputs: { target: "target", position: "position", openTrigger: "openTrigger", closeTrigger: "closeTrigger", hasBackdrop: "hasBackdrop", backdropClass: "backdropClass" }, outputs: { onOpened: "onOpened", onClosed: "onClosed" }, host: { listeners: { "document:keydown": "_handleKeydownHandler($event)" } }, viewQueries: [{ propertyName: "_baseTemplate", first: true, predicate: ["baseTemplate"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #baseTemplate>\r\n <ng-content></ng-content>\r\n</ng-template>", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
@@ -3268,10 +3297,10 @@ class AXDatePickerComponent extends AXBaseDatePickerMixin {
|
|
|
3268
3297
|
}
|
|
3269
3298
|
}
|
|
3270
3299
|
AXDatePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AXDatePickerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
3271
|
-
AXDatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: AXDatePickerComponent, selector: "ax-date-picker", inputs: { isOpen: "isOpen", fitParent: "fitParent", dropdownWidth: "dropdownWidth", position: "position", disabled: "disabled", tabIndex: "tabIndex", readonly: "readonly", allowNull: "allowNull", value: "value", debounceTime: "debounceTime", name: "name", checked: "checked", placeholder: "placeholder", maxLength: "maxLength", depth: "depth", activeView: "activeView", min: "min", max: "max", disabledDates: "disabledDates", holidayDates: "holidayDates", format: "format" }, outputs: { onOpened: "onOpened", onClosed: "onClosed", onBlur: "onBlur", onFocus: "onFocus", valueChange: "valueChange", onValueChanged: "onValueChanged", depthChange: "depthChange", formatChange: "formatChange" }, host: { classAttribute: "ax-editor-container ax-drop-down" }, viewQueries: [{ propertyName: "popover", first: true, predicate: AXPopoverComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\">\r\n</ng-content>\r\n<div class=\"ax-dropdown-content\">\r\n <input class=\"ax-input\" type=\"text\" [attr.placeholder]=\"placeholder\"\r\n [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\" [disabled]=\"disabled\"\r\n [readonly]=\"readonly\" [tabindex]=\"tabIndex\" [ngModel]=\"displayText\" (focus)=\"_emitOnFocusEvent($event)\" (mouseup)=\"_handleOnInputClickEvent($event)\"\r\n (blur)=\"_emitOnBlurEvent($event)\" (keydown)=\"_handleOnKeydownEvent($event)\">\r\n</div>\r\n<ax-button [disabled]=\"disabled\" [tabIndex]=\"-1\" color=\"light\" look=\"blank\"\r\n (onClick)=\"_handleArrowClickEvent($event)\">\r\n <ax-icon icon=\"ax-ic ax-ic-chevron ax-transform ax--rotate-90\"></ax-icon>\r\n</ax-button>\r\n<ng-content select=\"ax-suffix\">\r\n</ng-content>\r\n<ax-popover [target]=\"_target\" [position]=\"position\" [openTrigger]=\"'manual'\" [closeTrigger]=\"'clickout'\" >\r\n <div class=\"ax-overlay-pane\" [style.min-width.px]=\"dropdownWidth\">\r\n <ax-calendar \r\n [disabled]=\"disabled\" \r\n [readonly]=\"readonly\" \r\n [(value)]=\"value\"\r\n [min]=\"min\"\r\n [min]=\"max\"\r\n [disabledDates]=\"disabledDates\"\r\n [holidayDates]=\"holidayDates\"\r\n [depth]=\"depth\"\r\n >\r\n
|
|
3300
|
+
AXDatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: AXDatePickerComponent, selector: "ax-date-picker", inputs: { isOpen: "isOpen", fitParent: "fitParent", dropdownWidth: "dropdownWidth", position: "position", disabled: "disabled", tabIndex: "tabIndex", readonly: "readonly", allowNull: "allowNull", value: "value", debounceTime: "debounceTime", name: "name", checked: "checked", placeholder: "placeholder", maxLength: "maxLength", depth: "depth", activeView: "activeView", min: "min", max: "max", disabledDates: "disabledDates", holidayDates: "holidayDates", format: "format" }, outputs: { onOpened: "onOpened", onClosed: "onClosed", onBlur: "onBlur", onFocus: "onFocus", valueChange: "valueChange", onValueChanged: "onValueChanged", depthChange: "depthChange", formatChange: "formatChange" }, host: { classAttribute: "ax-editor-container ax-drop-down" }, viewQueries: [{ propertyName: "popover", first: true, predicate: AXPopoverComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\">\r\n</ng-content>\r\n<div class=\"ax-dropdown-content\">\r\n <input class=\"ax-input\" type=\"text\" [attr.placeholder]=\"placeholder\"\r\n [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\" [disabled]=\"disabled\"\r\n [readonly]=\"readonly\" [tabindex]=\"tabIndex\" [ngModel]=\"displayText\" (focus)=\"_emitOnFocusEvent($event)\" (mouseup)=\"_handleOnInputClickEvent($event)\"\r\n (blur)=\"_emitOnBlurEvent($event)\" (keydown)=\"_handleOnKeydownEvent($event)\">\r\n</div>\r\n<ax-button [disabled]=\"disabled\" [tabIndex]=\"-1\" color=\"light\" look=\"blank\"\r\n (onClick)=\"_handleArrowClickEvent($event)\">\r\n <ax-icon icon=\"ax-ic ax-ic-chevron ax-transform ax--rotate-90\"></ax-icon>\r\n</ax-button>\r\n<ng-content select=\"ax-suffix\">\r\n</ng-content>\r\n<ax-popover [target]=\"_target\" [position]=\"position\" [openTrigger]=\"'manual'\" [closeTrigger]=\"'clickout'\" >\r\n <div class=\"ax-overlay-pane\" [style.min-width.px]=\"dropdownWidth\">\r\n <ax-calendar \r\n [disabled]=\"disabled\" \r\n [readonly]=\"readonly\" \r\n [(value)]=\"value\"\r\n [min]=\"min\"\r\n [min]=\"max\"\r\n [disabledDates]=\"disabledDates\"\r\n [holidayDates]=\"holidayDates\"\r\n [depth]=\"depth\"\r\n >\r\n </ax-calendar>\r\n </div>\r\n</ax-popover>", components: [{ type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "size", "text", "submitBehavior", "cancelBehavior", "color", "look", "toggleable", "selected"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange"] }, { type: AXIconComponent, selector: "ax-icon", inputs: ["icon"] }, { type: AXPopoverComponent, selector: "ax-popover", inputs: ["target", "position", "openTrigger", "closeTrigger", "hasBackdrop", "backdropClass"], outputs: ["onOpened", "onClosed"] }, { type: AXCalendarComponent, selector: "ax-calendar", inputs: ["readonly", "allowNull", "value", "debounceTime", "name", "checked", "disabled", "tabIndex", "depth", "activeView", "min", "max", "disabledDates", "holidayDates"], outputs: ["valueChange", "onValueChanged", "onBlur", "onFocus", "depthChange"] }], directives: [{ type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
3272
3301
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AXDatePickerComponent, decorators: [{
|
|
3273
3302
|
type: Component,
|
|
3274
|
-
args: [{ selector: 'ax-date-picker', inputs: [...DROPDOWN_INPUTS, ...INTERACTIVE_INPUTS, ...VALUE_INPUTS, ...TEXTBOX_INPUTS, ...CALENDAR_INPUTS], outputs: [...DROPDOWN_OUTPUT, ...INTERACTIVE_OUTPUT, ...VALUE_OUTPUT, ...TEXTBOX_OUTPUT, ...CALENDAR_OUTPUTS], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { class: 'ax-editor-container ax-drop-down' }, template: "<ng-content select=\"ax-prefix\">\r\n</ng-content>\r\n<div class=\"ax-dropdown-content\">\r\n <input class=\"ax-input\" type=\"text\" [attr.placeholder]=\"placeholder\"\r\n [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\" [disabled]=\"disabled\"\r\n [readonly]=\"readonly\" [tabindex]=\"tabIndex\" [ngModel]=\"displayText\" (focus)=\"_emitOnFocusEvent($event)\" (mouseup)=\"_handleOnInputClickEvent($event)\"\r\n (blur)=\"_emitOnBlurEvent($event)\" (keydown)=\"_handleOnKeydownEvent($event)\">\r\n</div>\r\n<ax-button [disabled]=\"disabled\" [tabIndex]=\"-1\" color=\"light\" look=\"blank\"\r\n (onClick)=\"_handleArrowClickEvent($event)\">\r\n <ax-icon icon=\"ax-ic ax-ic-chevron ax-transform ax--rotate-90\"></ax-icon>\r\n</ax-button>\r\n<ng-content select=\"ax-suffix\">\r\n</ng-content>\r\n<ax-popover [target]=\"_target\" [position]=\"position\" [openTrigger]=\"'manual'\" [closeTrigger]=\"'clickout'\" >\r\n <div class=\"ax-overlay-pane\" [style.min-width.px]=\"dropdownWidth\">\r\n <ax-calendar \r\n [disabled]=\"disabled\" \r\n [readonly]=\"readonly\" \r\n [(value)]=\"value\"\r\n [min]=\"min\"\r\n [min]=\"max\"\r\n [disabledDates]=\"disabledDates\"\r\n [holidayDates]=\"holidayDates\"\r\n [depth]=\"depth\"\r\n >\r\n
|
|
3303
|
+
args: [{ selector: 'ax-date-picker', inputs: [...DROPDOWN_INPUTS, ...INTERACTIVE_INPUTS, ...VALUE_INPUTS, ...TEXTBOX_INPUTS, ...CALENDAR_INPUTS], outputs: [...DROPDOWN_OUTPUT, ...INTERACTIVE_OUTPUT, ...VALUE_OUTPUT, ...TEXTBOX_OUTPUT, ...CALENDAR_OUTPUTS], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { class: 'ax-editor-container ax-drop-down' }, template: "<ng-content select=\"ax-prefix\">\r\n</ng-content>\r\n<div class=\"ax-dropdown-content\">\r\n <input class=\"ax-input\" type=\"text\" [attr.placeholder]=\"placeholder\"\r\n [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\" [disabled]=\"disabled\"\r\n [readonly]=\"readonly\" [tabindex]=\"tabIndex\" [ngModel]=\"displayText\" (focus)=\"_emitOnFocusEvent($event)\" (mouseup)=\"_handleOnInputClickEvent($event)\"\r\n (blur)=\"_emitOnBlurEvent($event)\" (keydown)=\"_handleOnKeydownEvent($event)\">\r\n</div>\r\n<ax-button [disabled]=\"disabled\" [tabIndex]=\"-1\" color=\"light\" look=\"blank\"\r\n (onClick)=\"_handleArrowClickEvent($event)\">\r\n <ax-icon icon=\"ax-ic ax-ic-chevron ax-transform ax--rotate-90\"></ax-icon>\r\n</ax-button>\r\n<ng-content select=\"ax-suffix\">\r\n</ng-content>\r\n<ax-popover [target]=\"_target\" [position]=\"position\" [openTrigger]=\"'manual'\" [closeTrigger]=\"'clickout'\" >\r\n <div class=\"ax-overlay-pane\" [style.min-width.px]=\"dropdownWidth\">\r\n <ax-calendar \r\n [disabled]=\"disabled\" \r\n [readonly]=\"readonly\" \r\n [(value)]=\"value\"\r\n [min]=\"min\"\r\n [min]=\"max\"\r\n [disabledDates]=\"disabledDates\"\r\n [holidayDates]=\"holidayDates\"\r\n [depth]=\"depth\"\r\n >\r\n </ax-calendar>\r\n </div>\r\n</ax-popover>" }]
|
|
3275
3304
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { popover: [{
|
|
3276
3305
|
type: ViewChild,
|
|
3277
3306
|
args: [AXPopoverComponent]
|
|
@@ -4968,19 +4997,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
4968
4997
|
}] });
|
|
4969
4998
|
|
|
4970
4999
|
class AXPopupComponent extends AXBaseComponentMixin {
|
|
4971
|
-
constructor(elementRef, cdr, _zone, _viewContainerRef, loadingService) {
|
|
5000
|
+
constructor(elementRef, cdr, _zone, _viewContainerRef, loadingService, _platform) {
|
|
4972
5001
|
super(elementRef, cdr);
|
|
4973
5002
|
this._zone = _zone;
|
|
4974
5003
|
this._viewContainerRef = _viewContainerRef;
|
|
4975
5004
|
this.loadingService = loadingService;
|
|
5005
|
+
this._platform = _platform;
|
|
4976
5006
|
this.isLoading = true;
|
|
4977
5007
|
this.onClosed = new EventEmitter();
|
|
4978
5008
|
this.size = 'sm';
|
|
5009
|
+
this.draggable = true;
|
|
4979
5010
|
this.data = {};
|
|
4980
5011
|
this.showCloseButton = true;
|
|
4981
5012
|
this.showHeader = true;
|
|
4982
5013
|
}
|
|
4983
5014
|
onViewInit() {
|
|
5015
|
+
debugger;
|
|
5016
|
+
if (this._platform.is('Mobile')) {
|
|
5017
|
+
this.draggable = false;
|
|
5018
|
+
}
|
|
4984
5019
|
this._loadingId = this.loadingService.show(this._getHostElement().querySelector('.ax-popup-body-container'));
|
|
4985
5020
|
//
|
|
4986
5021
|
if (typeof this.content === 'string') {
|
|
@@ -5047,12 +5082,12 @@ class AXPopupComponent extends AXBaseComponentMixin {
|
|
|
5047
5082
|
}
|
|
5048
5083
|
onFullScreen() { }
|
|
5049
5084
|
}
|
|
5050
|
-
AXPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AXPopupComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.ViewContainerRef }, { token: AXLoadingService }], target: i0.ɵɵFactoryTarget.Component });
|
|
5051
|
-
AXPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: AXPopupComponent, selector: "ax-popup", host: { listeners: { "keydown.escape": "onKeydownHandler($event)" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-popup-wrapper\" aria-modal=\"true\" cdkTrapFocus>\r\n <div class=\"ax-popup ax-popup-{{size}}\" tabindex=\"0\" cdkDrag>\r\n <ng-container *ngIf=\"showHeader\">\r\n <header cdkDragHandle class=\"ax-cursor-move\">\r\n <div>\r\n <div class=\"ax-text-lg ax-font-medium\">\r\n <span>\r\n {{title}}\r\n </span>\r\n </div>\r\n </div>\r\n <div *ngIf=\"showCloseButton\">\r\n <i class=\"ax-ic ax-ic-close ax-text-gray ax-cursor-pointer\" (click)=\"_handleCloseClick()\"\r\n tabindex=\"1\"></i>\r\n </div>\r\n </header>\r\n </ng-container>\r\n <main>\r\n <ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\r\n </main>\r\n </div>\r\n</div>", directives: [{ type: i2$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { type: i3.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragDisabled", "cdkDragStartDelay", "cdkDragLockAxis", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragBoundary", "cdkDragRootElement", "cdkDragPreviewContainer", "cdkDragData", "cdkDragFreeDragPosition"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { type: i1$4.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
5085
|
+
AXPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AXPopupComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.ViewContainerRef }, { token: AXLoadingService }, { token: i2.AXPlatform }], target: i0.ɵɵFactoryTarget.Component });
|
|
5086
|
+
AXPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: AXPopupComponent, selector: "ax-popup", host: { listeners: { "keydown.escape": "onKeydownHandler($event)" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-popup-wrapper\" aria-modal=\"true\" cdkTrapFocus>\r\n <div class=\"ax-popup ax-popup-{{size}}\" tabindex=\"0\" cdkDrag [cdkDragDisabled]=\"!draggable\">\r\n <ng-container *ngIf=\"showHeader\">\r\n <header cdkDragHandle class=\"ax-cursor-move\">\r\n <div>\r\n <div class=\"ax-text-lg ax-font-medium\">\r\n <span>\r\n {{title}}\r\n </span>\r\n </div>\r\n </div>\r\n <div *ngIf=\"showCloseButton\">\r\n <i class=\"ax-ic ax-ic-close ax-text-gray ax-cursor-pointer\" (click)=\"_handleCloseClick()\"\r\n tabindex=\"1\"></i>\r\n </div>\r\n </header>\r\n </ng-container>\r\n <main>\r\n <ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\r\n </main>\r\n </div>\r\n</div>", directives: [{ type: i2$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { type: i3.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragDisabled", "cdkDragStartDelay", "cdkDragLockAxis", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragBoundary", "cdkDragRootElement", "cdkDragPreviewContainer", "cdkDragData", "cdkDragFreeDragPosition"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { type: i1$4.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
5052
5087
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AXPopupComponent, decorators: [{
|
|
5053
5088
|
type: Component,
|
|
5054
|
-
args: [{ selector: 'ax-popup', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-popup-wrapper\" aria-modal=\"true\" cdkTrapFocus>\r\n <div class=\"ax-popup ax-popup-{{size}}\" tabindex=\"0\" cdkDrag>\r\n <ng-container *ngIf=\"showHeader\">\r\n <header cdkDragHandle class=\"ax-cursor-move\">\r\n <div>\r\n <div class=\"ax-text-lg ax-font-medium\">\r\n <span>\r\n {{title}}\r\n </span>\r\n </div>\r\n </div>\r\n <div *ngIf=\"showCloseButton\">\r\n <i class=\"ax-ic ax-ic-close ax-text-gray ax-cursor-pointer\" (click)=\"_handleCloseClick()\"\r\n tabindex=\"1\"></i>\r\n </div>\r\n </header>\r\n </ng-container>\r\n <main>\r\n <ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\r\n </main>\r\n </div>\r\n</div>" }]
|
|
5055
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i0.ViewContainerRef }, { type: AXLoadingService }]; }, propDecorators: { onKeydownHandler: [{
|
|
5089
|
+
args: [{ selector: 'ax-popup', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-popup-wrapper\" aria-modal=\"true\" cdkTrapFocus>\r\n <div class=\"ax-popup ax-popup-{{size}}\" tabindex=\"0\" cdkDrag [cdkDragDisabled]=\"!draggable\">\r\n <ng-container *ngIf=\"showHeader\">\r\n <header cdkDragHandle class=\"ax-cursor-move\">\r\n <div>\r\n <div class=\"ax-text-lg ax-font-medium\">\r\n <span>\r\n {{title}}\r\n </span>\r\n </div>\r\n </div>\r\n <div *ngIf=\"showCloseButton\">\r\n <i class=\"ax-ic ax-ic-close ax-text-gray ax-cursor-pointer\" (click)=\"_handleCloseClick()\"\r\n tabindex=\"1\"></i>\r\n </div>\r\n </header>\r\n </ng-container>\r\n <main>\r\n <ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\r\n </main>\r\n </div>\r\n</div>" }]
|
|
5090
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i0.ViewContainerRef }, { type: AXLoadingService }, { type: i2.AXPlatform }]; }, propDecorators: { onKeydownHandler: [{
|
|
5056
5091
|
type: HostListener,
|
|
5057
5092
|
args: ['keydown.escape', ['$event']]
|
|
5058
5093
|
}] } });
|
|
@@ -5078,7 +5113,8 @@ class AXPopupService {
|
|
|
5078
5113
|
showCloseButton: true,
|
|
5079
5114
|
showHeader: true,
|
|
5080
5115
|
size: 'md',
|
|
5081
|
-
maximizable: false
|
|
5116
|
+
maximizable: false,
|
|
5117
|
+
draggable: true
|
|
5082
5118
|
};
|
|
5083
5119
|
if (typeof arg2 === 'string') {
|
|
5084
5120
|
options.title = arg2;
|
|
@@ -5234,26 +5270,22 @@ class AXSelectBoxComponent extends AXBaseSelectionDropdownMixin {
|
|
|
5234
5270
|
super(elementRef, cdr);
|
|
5235
5271
|
this.zone = zone;
|
|
5236
5272
|
this._currentfocusedIndex = -1;
|
|
5273
|
+
this._target = this._getHostElement();
|
|
5237
5274
|
}
|
|
5238
|
-
|
|
5239
|
-
this.
|
|
5240
|
-
}
|
|
5241
|
-
close() {
|
|
5242
|
-
this.dropdown.close();
|
|
5243
|
-
}
|
|
5244
|
-
toggle() {
|
|
5245
|
-
this.dropdown.toggle();
|
|
5275
|
+
_handleArrowClickEvent(e) {
|
|
5276
|
+
this.toggle();
|
|
5246
5277
|
}
|
|
5247
5278
|
onViewInit() {
|
|
5248
|
-
|
|
5279
|
+
debugger;
|
|
5280
|
+
super.onViewInit();
|
|
5281
|
+
this.dropdownWidth = this._target._getHostElement().offsetWidth;
|
|
5282
|
+
this.onOpened.subscribe(() => {
|
|
5249
5283
|
this._focusSelectedItem();
|
|
5250
5284
|
});
|
|
5251
5285
|
}
|
|
5252
|
-
get isOpen() {
|
|
5253
|
-
return this.dropdown.isOpen;
|
|
5254
|
-
}
|
|
5255
5286
|
_handleOnItemClick(e, item) {
|
|
5256
|
-
this.
|
|
5287
|
+
if (!this.multiple)
|
|
5288
|
+
this.close();
|
|
5257
5289
|
this.toggleSelect(item);
|
|
5258
5290
|
}
|
|
5259
5291
|
_handleListScroll(e) {
|
|
@@ -5397,13 +5429,13 @@ class AXSelectBoxComponent extends AXBaseSelectionDropdownMixin {
|
|
|
5397
5429
|
}
|
|
5398
5430
|
}
|
|
5399
5431
|
AXSelectBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AXSelectBoxComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
5400
|
-
AXSelectBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: AXSelectBoxComponent, selector: "ax-select-box", inputs: {
|
|
5432
|
+
AXSelectBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: AXSelectBoxComponent, selector: "ax-select-box", inputs: { isOpen: "isOpen", fitParent: "fitParent", dropdownWidth: "dropdownWidth", position: "position", disabled: "disabled", tabIndex: "tabIndex", readonly: "readonly", allowNull: "allowNull", value: "value", debounceTime: "debounceTime", name: "name", checked: "checked", placeholder: "placeholder", maxLength: "maxLength", depth: "depth", activeView: "activeView", min: "min", max: "max", disabledDates: "disabledDates", holidayDates: "holidayDates", items: "items", multiple: "multiple", valueField: "valueField", textField: "textField" }, outputs: { onOpened: "onOpened", onClosed: "onClosed", onBlur: "onBlur", onFocus: "onFocus", valueChange: "valueChange", onValueChanged: "onValueChanged", depthChange: "depthChange" }, host: { listeners: { "document:keydown": "_handleKeydown($event)" }, classAttribute: "ax-editor-container ax-drop-down" }, viewQueries: [{ propertyName: "popover", first: true, predicate: AXPopoverComponent, descendants: true }, { propertyName: "listContainer", first: true, predicate: ["listContainer"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\">\r\n</ng-content>\r\n<div class=\"ax-dropdown-content\">\r\n <div class=\"ax-select-box-selection\" [tabindex]=\"tabIndex\" (focus)=\"_emitOnFocusEvent($event)\" (blur)=\"_emitOnBlurEvent($event)\">\r\n <ng-container *ngIf=\"!multiple; then singleSelectedTemplate; else multipleSelectedTemplate\"></ng-container>\r\n <ng-template #singleSelectedTemplate>\r\n <ng-container *ngFor=\"let item of selectedItems\">\r\n <span class=\"ax-mx-2\"> {{ _getItemDisplayTextTemplte(item) }}</span>\r\n </ng-container>\r\n </ng-template>\r\n <ng-template #multipleSelectedTemplate>\r\n <div class=\"ax-flex ax-mx-2\">\r\n <ng-container *ngFor=\"let item of selectedItems\">\r\n <ax-badge [text]=\"_getItemDisplayTextTemplte(item)\" color=\"light\" class=\"ax-me-2\">\r\n <ax-suffix>\r\n <ax-icon icon=\"ax-ic ax-ic-close\" (click)=\"_handleBadgeRemove($event,item)\"></ax-icon>\r\n </ax-suffix>\r\n </ax-badge>\r\n </ng-container>\r\n </div>\r\n </ng-template>\r\n </div>\r\n</div>\r\n<ax-button [disabled]=\"disabled\" [tabIndex]=\"-1\" color=\"light\" look=\"blank\"\r\n (onClick)=\"_handleArrowClickEvent($event)\">\r\n <ax-icon icon=\"ax-ic ax-ic-chevron ax-transform ax--rotate-90\"></ax-icon>\r\n</ax-button>\r\n<ng-content select=\"ax-suffix\">\r\n</ng-content>\r\n<ax-popover [target]=\"_target\" [position]=\"position\" [openTrigger]=\"'manual'\" [closeTrigger]=\"'clickout'\" >\r\n <div class=\"ax-overlay-pane\" [style.min-width.px]=\"dropdownWidth\">\r\n <div class=\"ax-list ax-list-container\" panel>\r\n <div class=\"ax-list-items-container ax-vertical ax-default\" (scroll)=\"_handleListScroll($event)\" #listContainer>\r\n <ng-container *ngFor=\"let item of displayItems;let i = index;trackBy : _trackByFunction\">\r\n <ng-container *ngIf=\"itemTemplate; else defualtTemplate\">\r\n <div class=\"ax-list-item\" (click)=\"_handleOnItemClick($event,item)\">\r\n <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item,direction:direction}\">\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n <ng-template #defualtTemplate>\r\n <ng-container *ngIf=\"!multiple; then singleTemplate; else multipleTemplate\"></ng-container>\r\n <ng-template #singleTemplate>\r\n <div class=\"ax-list-item\" [class.ax-state-selected]=\"isItemSelected(item)\" [attr.tabindex]=\"i\" (click)=\"_handleOnItemClick($event,item)\">\r\n {{ _getItemDisplayTextTemplte(item) }}\r\n </div>\r\n </ng-template>\r\n <ng-template #multipleTemplate>\r\n <div class=\"ax-list-item\" [class.ax-state-selected]=\"isItemSelected(item)\" [attr.tabindex]=\"i\" (click)=\"_handleOnItemClick($event,item)\">\r\n <ax-check-box [value]=\"isItemSelected(item)\">\r\n </ax-check-box>\r\n {{ _getItemDisplayTextTemplte(item) }}\r\n \r\n </div>\r\n </ng-template>\r\n </ng-template>\r\n </ng-container>\r\n <ng-container *ngIf=\"(displayItems==null || displayItems.length==0) && !isLoading\">\r\n <ng-container *ngIf=\"emptyTemplate; else elseEmptyTemplate\">\r\n <ng-container *ngTemplateOutlet=\"elseEmptyTemplate\">\r\n </ng-container>\r\n </ng-container>\r\n <ng-template #elseTemplate>\r\n Empty!\r\n </ng-template>\r\n </ng-container>\r\n <ng-container *ngIf=\"isLoading\">\r\n <ng-container *ngIf=\"loadingTemplate; else elseLoadingTemplate\">\r\n <ng-container *ngTemplateOutlet=\"loadingTemplate\">\r\n </ng-container>\r\n </ng-container>\r\n <ng-template #elseLoadingTemplate>\r\n <div class=\"ax-list-loading-container\">\r\n <div><i class=\"fas fa-spinner ax-animate-spin\"></i> Loading ...</div>\r\n </div>\r\n </ng-template>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n</ax-popover>", components: [{ type: AXBadgeComponent, selector: "ax-badge", inputs: ["text", "color"] }, { type: AXDecoratorSuffixComponent, selector: "ax-suffix" }, { type: AXIconComponent, selector: "ax-icon", inputs: ["icon"] }, { type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "size", "text", "submitBehavior", "cancelBehavior", "color", "look", "toggleable", "selected"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange"] }, { type: AXPopoverComponent, selector: "ax-popover", inputs: ["target", "position", "openTrigger", "closeTrigger", "hasBackdrop", "backdropClass"], outputs: ["onOpened", "onClosed"] }, { type: AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "allowNull", "value", "debounceTime", "name", "checked"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
5401
5433
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AXSelectBoxComponent, decorators: [{
|
|
5402
5434
|
type: Component,
|
|
5403
|
-
args: [{ selector: 'ax-select-box', inputs: [
|
|
5404
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }]; }, propDecorators: {
|
|
5435
|
+
args: [{ selector: 'ax-select-box', inputs: [...DROPDOWN_INPUTS, ...INTERACTIVE_INPUTS, ...VALUE_INPUTS, ...TEXTBOX_INPUTS, ...CALENDAR_INPUTS, 'items', 'multiple', 'allowNull', 'valueField', 'textField'], outputs: [...DROPDOWN_OUTPUT, ...INTERACTIVE_OUTPUT, ...VALUE_OUTPUT, ...TEXTBOX_OUTPUT, ...CALENDAR_OUTPUTS], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'ax-editor-container ax-drop-down' }, template: "<ng-content select=\"ax-prefix\">\r\n</ng-content>\r\n<div class=\"ax-dropdown-content\">\r\n <div class=\"ax-select-box-selection\" [tabindex]=\"tabIndex\" (focus)=\"_emitOnFocusEvent($event)\" (blur)=\"_emitOnBlurEvent($event)\">\r\n <ng-container *ngIf=\"!multiple; then singleSelectedTemplate; else multipleSelectedTemplate\"></ng-container>\r\n <ng-template #singleSelectedTemplate>\r\n <ng-container *ngFor=\"let item of selectedItems\">\r\n <span class=\"ax-mx-2\"> {{ _getItemDisplayTextTemplte(item) }}</span>\r\n </ng-container>\r\n </ng-template>\r\n <ng-template #multipleSelectedTemplate>\r\n <div class=\"ax-flex ax-mx-2\">\r\n <ng-container *ngFor=\"let item of selectedItems\">\r\n <ax-badge [text]=\"_getItemDisplayTextTemplte(item)\" color=\"light\" class=\"ax-me-2\">\r\n <ax-suffix>\r\n <ax-icon icon=\"ax-ic ax-ic-close\" (click)=\"_handleBadgeRemove($event,item)\"></ax-icon>\r\n </ax-suffix>\r\n </ax-badge>\r\n </ng-container>\r\n </div>\r\n </ng-template>\r\n </div>\r\n</div>\r\n<ax-button [disabled]=\"disabled\" [tabIndex]=\"-1\" color=\"light\" look=\"blank\"\r\n (onClick)=\"_handleArrowClickEvent($event)\">\r\n <ax-icon icon=\"ax-ic ax-ic-chevron ax-transform ax--rotate-90\"></ax-icon>\r\n</ax-button>\r\n<ng-content select=\"ax-suffix\">\r\n</ng-content>\r\n<ax-popover [target]=\"_target\" [position]=\"position\" [openTrigger]=\"'manual'\" [closeTrigger]=\"'clickout'\" >\r\n <div class=\"ax-overlay-pane\" [style.min-width.px]=\"dropdownWidth\">\r\n <div class=\"ax-list ax-list-container\" panel>\r\n <div class=\"ax-list-items-container ax-vertical ax-default\" (scroll)=\"_handleListScroll($event)\" #listContainer>\r\n <ng-container *ngFor=\"let item of displayItems;let i = index;trackBy : _trackByFunction\">\r\n <ng-container *ngIf=\"itemTemplate; else defualtTemplate\">\r\n <div class=\"ax-list-item\" (click)=\"_handleOnItemClick($event,item)\">\r\n <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item,direction:direction}\">\r\n </ng-container>\r\n </div>\r\n </ng-container>\r\n <ng-template #defualtTemplate>\r\n <ng-container *ngIf=\"!multiple; then singleTemplate; else multipleTemplate\"></ng-container>\r\n <ng-template #singleTemplate>\r\n <div class=\"ax-list-item\" [class.ax-state-selected]=\"isItemSelected(item)\" [attr.tabindex]=\"i\" (click)=\"_handleOnItemClick($event,item)\">\r\n {{ _getItemDisplayTextTemplte(item) }}\r\n </div>\r\n </ng-template>\r\n <ng-template #multipleTemplate>\r\n <div class=\"ax-list-item\" [class.ax-state-selected]=\"isItemSelected(item)\" [attr.tabindex]=\"i\" (click)=\"_handleOnItemClick($event,item)\">\r\n <ax-check-box [value]=\"isItemSelected(item)\">\r\n </ax-check-box>\r\n {{ _getItemDisplayTextTemplte(item) }}\r\n \r\n </div>\r\n </ng-template>\r\n </ng-template>\r\n </ng-container>\r\n <ng-container *ngIf=\"(displayItems==null || displayItems.length==0) && !isLoading\">\r\n <ng-container *ngIf=\"emptyTemplate; else elseEmptyTemplate\">\r\n <ng-container *ngTemplateOutlet=\"elseEmptyTemplate\">\r\n </ng-container>\r\n </ng-container>\r\n <ng-template #elseTemplate>\r\n Empty!\r\n </ng-template>\r\n </ng-container>\r\n <ng-container *ngIf=\"isLoading\">\r\n <ng-container *ngIf=\"loadingTemplate; else elseLoadingTemplate\">\r\n <ng-container *ngTemplateOutlet=\"loadingTemplate\">\r\n </ng-container>\r\n </ng-container>\r\n <ng-template #elseLoadingTemplate>\r\n <div class=\"ax-list-loading-container\">\r\n <div><i class=\"fas fa-spinner ax-animate-spin\"></i> Loading ...</div>\r\n </div>\r\n </ng-template>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n</ax-popover>" }]
|
|
5436
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }]; }, propDecorators: { popover: [{
|
|
5405
5437
|
type: ViewChild,
|
|
5406
|
-
args: [
|
|
5438
|
+
args: [AXPopoverComponent]
|
|
5407
5439
|
}], listContainer: [{
|
|
5408
5440
|
type: ViewChild,
|
|
5409
5441
|
args: ['listContainer', { static: true }]
|
|
@@ -5415,12 +5447,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
5415
5447
|
class AXSelectBoxModule {
|
|
5416
5448
|
}
|
|
5417
5449
|
AXSelectBoxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AXSelectBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5418
|
-
AXSelectBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AXSelectBoxModule, declarations: [AXSelectBoxComponent], imports: [CommonModule, AXDropdownModule, FormsModule, AXCheckBoxModule, AXBadgeModule, AXEditorDecoratorModule, AXIconModule], exports: [AXSelectBoxComponent] });
|
|
5419
|
-
AXSelectBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AXSelectBoxModule, providers: [], imports: [[CommonModule, AXDropdownModule, FormsModule, AXCheckBoxModule, AXBadgeModule, AXEditorDecoratorModule, AXIconModule]] });
|
|
5450
|
+
AXSelectBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AXSelectBoxModule, declarations: [AXSelectBoxComponent], imports: [CommonModule, AXDropdownModule, FormsModule, AXCheckBoxModule, AXBadgeModule, AXEditorDecoratorModule, AXIconModule, AXPopoverModule, AXButtonModule], exports: [AXSelectBoxComponent] });
|
|
5451
|
+
AXSelectBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AXSelectBoxModule, providers: [], imports: [[CommonModule, AXDropdownModule, FormsModule, AXCheckBoxModule, AXBadgeModule, AXEditorDecoratorModule, AXIconModule, AXPopoverModule, AXButtonModule]] });
|
|
5420
5452
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AXSelectBoxModule, decorators: [{
|
|
5421
5453
|
type: NgModule,
|
|
5422
5454
|
args: [{
|
|
5423
|
-
imports: [CommonModule, AXDropdownModule, FormsModule, AXCheckBoxModule, AXBadgeModule, AXEditorDecoratorModule, AXIconModule],
|
|
5455
|
+
imports: [CommonModule, AXDropdownModule, FormsModule, AXCheckBoxModule, AXBadgeModule, AXEditorDecoratorModule, AXIconModule, AXPopoverModule, AXButtonModule],
|
|
5424
5456
|
exports: [AXSelectBoxComponent],
|
|
5425
5457
|
declarations: [AXSelectBoxComponent],
|
|
5426
5458
|
providers: [],
|