@acorex/components 7.5.0 → 7.8.0

package/esm2022/select-box/lib/select-box2.component.mjs

@@ -1,97 +0,0 @@
-import { AXClearableComponent, AXComponent, AXFocusableComponent, AXValuableComponent, MXAppearanceComponent, MXSelectionValueComponent, } from '@acorex/components/common';
-import { AXDropdownBoxComponent, MXDropdownBoxBaseComponent } from '@acorex/components/dropdown';
-import { ChangeDetectionStrategy, Component, Input, ViewChild, ViewEncapsulation, forwardRef, } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { classes } from 'polytype';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/forms";
-import * as i3 from "@acorex/components/loading";
-import * as i4 from "@acorex/components/dropdown";
-import * as i5 from "@acorex/components/list";
-/**
- * The Button is a component which detects user interaction and triggers a corresponding event
- *
- * @category Components
- */
-export class AXSelectBox2Component extends classes(MXDropdownBoxBaseComponent, MXSelectionValueComponent, MXAppearanceComponent) {
-    constructor() {
-        super(...arguments);
-        this.isLoading = false;
-        this.dropdownHeight = 180;
-        this.source = [];
-    }
-    getItemByKey(key) {
-        debugger;
-        return { [this.valueField]: key, [this.textField]: key };
-    }
-    _handleOnOpenedEvent() {
-    }
-    _handleOnClosedEvent() {
-        //this.input.focus();
-    }
-    _handleBadgeRemove(e, item) {
-        this.unselectItems(item);
-    }
-    _handleValueChanged(e) {
-        this.commitValue(e.value, true);
-    }
-    internalValueChanged() {
-        this.close();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXSelectBox2Component, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.9", type: AXSelectBox2Component, selector: "ax-select-box2", inputs: { disabled: "disabled", readonly: "readonly", tabIndex: "tabIndex", placeholder: "placeholder", minValue: "minValue", maxValue: "maxValue", value: "value", state: "state", name: "name", id: "id", type: "type", appearance: "appearance", source: "source" }, outputs: { valueChange: "valueChange", stateChange: "stateChange", onValueChanged: "onValueChanged", onBlur: "onBlur", onFocus: "onFocus", readonlyChange: "readonlyChange", disabledChange: "disabledChange" }, providers: [
-            { provide: AXComponent, useExisting: AXSelectBox2Component },
-            { provide: AXFocusableComponent, useExisting: AXSelectBox2Component },
-            { provide: AXValuableComponent, useExisting: AXSelectBox2Component },
-            { provide: AXClearableComponent, useExisting: AXSelectBox2Component },
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => AXSelectBox2Component),
-                multi: true,
-            },
-        ], viewQueries: [{ propertyName: "dropdown", first: true, predicate: AXDropdownBoxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ax-dropdown-box [disabled]=\"disabled\" (onOpened)=\"_handleOnOpenedEvent()\" (onClosed)=\"_handleOnClosedEvent()\"\n    [appearance]=\"appearance\">\n    <ng-container input>\n        <ng-content select=\"ax-prefix\"> </ng-content>\n        <div class=\"ax-select-box-selection\" [tabindex]=\"tabIndex\" (focus)=\"emitOnFocusEvent($event)\"\n            (blur)=\"emitOnBlurEvent($event)\">\n            <div class=\"ax-placeholder\" role=\"textbox\" area-readonly=\"true\" *ngIf=\"selectedItems.length===0\">\n                {{ placeholder }}\n            </div>\n            <ng-container *ngFor=\"let item of selectedItems\">\n                <div class=\"ax-select-multi-item\">\n                    {{ item[textField] }}\n                    <span class=\"ax-icon ax-icon-close\" (click)=\"_handleBadgeRemove($event, item)\"> </span>\n                </div>\n            </ng-container>\n        </div>\n        <ng-content select=\"ax-clear-button\"></ng-content>\n        <button type=\"button\" [disabled]=\"disabled\" [tabIndex]=\"-1\" class=\"ax-general-button ax-button-icon\"\n            (click)=\"toggle()\">\n            <ng-container *ngIf=\"isLoading && !isOpen; else iconTemplate\">\n                <ax-loading type=\"spinner\"></ax-loading>\n            </ng-container>\n            <ng-template #iconTemplate>\n                <span class=\"ax-icon ax-icon-chevron-left ax-transition-all\" [ngClass]=\"{\n        '-ax-rotation-90': !isOpen,\n        'ax-rotation-90': isOpen\n      }\"></span>\n            </ng-template>\n        </button>\n        <ng-content select=\"ax-suffix\"> </ng-content>\n    </ng-container>\n    <ng-container panel>\n        <ax-list [source]=\"source\" [style.width.px]=\"getHostElement().offsetWidth\" [style.height.px]=\"dropdownHeight\"\n            [emptyTemplate]=\"emp\" [ngModel]=\"value\" (onValueChanged)=\"_handleValueChanged($event)\">\n            <ng-template #emp>Empty</ng-template>\n        </ax-list>\n    </ng-container>\n</ax-dropdown-box>\n<ng-content select=\"ax-validation-rule\"> </ng-content>", styles: ["ax-select-box2 .ax-select-multi-item{display:flex;align-items:center;padding:.25rem .5rem;background-color:rgba(var(--ax-color-gray-200));color:rgba(var(--ax-color-text-default));border-radius:var(--ax-rounded-border-default);margin-inline-end:.5rem}ax-select-box2 .ax-select-multi-item .ax-icon-close{cursor:pointer;margin-inline-start:.5rem}ax-select-box2 .ax-select-box-selection{display:flex;justify-content:center;align-items:center;outline-color:transparent;outline:transparent;-webkit-user-select:none;user-select:none;justify-content:flex-start;flex:1}ax-select-box2 .ax-select-box-selection>span{padding-inline-start:1rem;padding-inline-end:.75rem;white-space:nowrap}ax-select-box2 .ax-select-box-selection .ax-selectbox-input{opacity:0;width:0}ax-select-box2 .ax-select-box-multi-selection{padding:0 .5rem;display:flex;justify-content:center;align-items:center}ax-select-box2 .ax-placeholder{padding-inline-start:1rem;padding-inline-end:.75rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "component", type: i4.AXDropdownBoxComponent, selector: "ax-dropdown-box", inputs: ["disabled", "appearance"], outputs: ["disabledChange", "onBlur", "onFocus", "onClick", "onOpened", "onClosed"] }, { kind: "component", type: i5.AXListComponent, selector: "ax-list", inputs: ["id", "name", "disabled", "readonly", "valueField", "textField", "disabledField", "multiple", "source", "itemHeight", "itemTemplate", "emptyTemplate", "loadingTemplate", "checkbox"], outputs: ["onValueChanged", "disabledChange", "readOnlyChange", "onBlur", "onFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXSelectBox2Component, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-select-box2', inputs: [
-                        'disabled',
-                        'readonly',
-                        'tabIndex',
-                        'placeholder',
-                        'minValue',
-                        'maxValue',
-                        'value',
-                        'state',
-                        'name',
-                        'id',
-                        'type',
-                        'appearance'
-                    ], outputs: [
-                        'valueChange',
-                        'stateChange',
-                        'onValueChanged',
-                        'onBlur',
-                        'onFocus',
-                        'readonlyChange',
-                        'disabledChange',
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
-                        { provide: AXComponent, useExisting: AXSelectBox2Component },
-                        { provide: AXFocusableComponent, useExisting: AXSelectBox2Component },
-                        { provide: AXValuableComponent, useExisting: AXSelectBox2Component },
-                        { provide: AXClearableComponent, useExisting: AXSelectBox2Component },
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => AXSelectBox2Component),
-                            multi: true,
-                        },
-                    ], template: "<ax-dropdown-box [disabled]=\"disabled\" (onOpened)=\"_handleOnOpenedEvent()\" (onClosed)=\"_handleOnClosedEvent()\"\n    [appearance]=\"appearance\">\n    <ng-container input>\n        <ng-content select=\"ax-prefix\"> </ng-content>\n        <div class=\"ax-select-box-selection\" [tabindex]=\"tabIndex\" (focus)=\"emitOnFocusEvent($event)\"\n            (blur)=\"emitOnBlurEvent($event)\">\n            <div class=\"ax-placeholder\" role=\"textbox\" area-readonly=\"true\" *ngIf=\"selectedItems.length===0\">\n                {{ placeholder }}\n            </div>\n            <ng-container *ngFor=\"let item of selectedItems\">\n                <div class=\"ax-select-multi-item\">\n                    {{ item[textField] }}\n                    <span class=\"ax-icon ax-icon-close\" (click)=\"_handleBadgeRemove($event, item)\"> </span>\n                </div>\n            </ng-container>\n        </div>\n        <ng-content select=\"ax-clear-button\"></ng-content>\n        <button type=\"button\" [disabled]=\"disabled\" [tabIndex]=\"-1\" class=\"ax-general-button ax-button-icon\"\n            (click)=\"toggle()\">\n            <ng-container *ngIf=\"isLoading && !isOpen; else iconTemplate\">\n                <ax-loading type=\"spinner\"></ax-loading>\n            </ng-container>\n            <ng-template #iconTemplate>\n                <span class=\"ax-icon ax-icon-chevron-left ax-transition-all\" [ngClass]=\"{\n        '-ax-rotation-90': !isOpen,\n        'ax-rotation-90': isOpen\n      }\"></span>\n            </ng-template>\n        </button>\n        <ng-content select=\"ax-suffix\"> </ng-content>\n    </ng-container>\n    <ng-container panel>\n        <ax-list [source]=\"source\" [style.width.px]=\"getHostElement().offsetWidth\" [style.height.px]=\"dropdownHeight\"\n            [emptyTemplate]=\"emp\" [ngModel]=\"value\" (onValueChanged)=\"_handleValueChanged($event)\">\n            <ng-template #emp>Empty</ng-template>\n        </ax-list>\n    </ng-container>\n</ax-dropdown-box>\n<ng-content select=\"ax-validation-rule\"> </ng-content>", styles: ["ax-select-box2 .ax-select-multi-item{display:flex;align-items:center;padding:.25rem .5rem;background-color:rgba(var(--ax-color-gray-200));color:rgba(var(--ax-color-text-default));border-radius:var(--ax-rounded-border-default);margin-inline-end:.5rem}ax-select-box2 .ax-select-multi-item .ax-icon-close{cursor:pointer;margin-inline-start:.5rem}ax-select-box2 .ax-select-box-selection{display:flex;justify-content:center;align-items:center;outline-color:transparent;outline:transparent;-webkit-user-select:none;user-select:none;justify-content:flex-start;flex:1}ax-select-box2 .ax-select-box-selection>span{padding-inline-start:1rem;padding-inline-end:.75rem;white-space:nowrap}ax-select-box2 .ax-select-box-selection .ax-selectbox-input{opacity:0;width:0}ax-select-box2 .ax-select-box-multi-selection{padding:0 .5rem;display:flex;justify-content:center;align-items:center}ax-select-box2 .ax-placeholder{padding-inline-start:1rem;padding-inline-end:.75rem}\n"] }]
-        }], propDecorators: { source: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], dropdown: [{
-                type: ViewChild,
-                args: [AXDropdownBoxComponent]
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LWJveDIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NlbGVjdC1ib3gvc3JjL2xpYi9zZWxlY3QtYm94Mi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc2VsZWN0LWJveC9zcmMvbGliL3NlbGVjdC1ib3gyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCxvQkFBb0IsRUFDcEIsV0FBVyxFQUNYLG9CQUFvQixFQUNwQixtQkFBbUIsRUFDbkIscUJBQXFCLEVBQ3JCLHlCQUF5QixHQUU1QixNQUFNLDJCQUEyQixDQUFDO0FBQ25DLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ2pHLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLFVBQVUsR0FDYixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sVUFBVSxDQUFDOzs7Ozs7O0FBRW5DOzs7O0dBSUc7QUEwQ0gsTUFBTSxPQUFPLHFCQUFzQixTQUFRLE9BQU8sQ0FDOUMsMEJBQTBCLEVBQzFCLHlCQUF5QixFQUN6QixxQkFBcUIsQ0FDeEI7SUE3Q0Q7O1FBOENJLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDUixtQkFBYyxHQUFHLEdBQUcsQ0FBQztRQUcvQixXQUFNLEdBQW9CLEVBQUUsQ0FBQztLQWtDaEM7SUF6QkcsWUFBWSxDQUFDLEdBQVk7UUFDckIsUUFBUSxDQUFBO1FBQ1IsT0FBTyxFQUFFLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQztJQUM3RCxDQUFDO0lBR1Msb0JBQW9CO0lBRTlCLENBQUM7SUFFUyxvQkFBb0I7UUFDMUIscUJBQXFCO0lBQ3pCLENBQUM7SUFFRCxrQkFBa0IsQ0FBQyxDQUFhLEVBQUUsSUFBSTtRQUNsQyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFFUyxtQkFBbUIsQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsQ0FBQztJQUNwQyxDQUFDO0lBRVEsb0JBQW9CO1FBQ3pCLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNqQixDQUFDOzhHQTFDUSxxQkFBcUI7a0dBQXJCLHFCQUFxQixrZ0JBWm5CO1lBQ1AsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSxxQkFBcUIsRUFBRTtZQUM1RCxFQUFFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxXQUFXLEVBQUUscUJBQXFCLEVBQUU7WUFDckUsRUFBRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsV0FBVyxFQUFFLHFCQUFxQixFQUFFO1lBQ3BFLEVBQUUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFdBQVcsRUFBRSxxQkFBcUIsRUFBRTtZQUNyRTtnQkFDSSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHFCQUFxQixDQUFDO2dCQUNwRCxLQUFLLEVBQUUsSUFBSTthQUNkO1NBQ0osb0VBZ0JVLHNCQUFzQix1RUNqRnJDLHVoRUFzQ3NEOzsyRkQ2QnpDLHFCQUFxQjtrQkF6Q2pDLFNBQVM7K0JBQ0ksZ0JBQWdCLFVBR2xCO3dCQUNKLFVBQVU7d0JBQ1YsVUFBVTt3QkFDVixVQUFVO3dCQUNWLGFBQWE7d0JBQ2IsVUFBVTt3QkFDVixVQUFVO3dCQUNWLE9BQU87d0JBQ1AsT0FBTzt3QkFDUCxNQUFNO3dCQUNOLElBQUk7d0JBQ0osTUFBTTt3QkFDTixZQUFZO3FCQUNmLFdBQ1E7d0JBQ0wsYUFBYTt3QkFDYixhQUFhO3dCQUNiLGdCQUFnQjt3QkFDaEIsUUFBUTt3QkFDUixTQUFTO3dCQUNULGdCQUFnQjt3QkFDaEIsZ0JBQWdCO3FCQUNuQixtQkFDZ0IsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxhQUMxQjt3QkFDUCxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsV0FBVyx1QkFBdUIsRUFBRTt3QkFDNUQsRUFBRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsV0FBVyx1QkFBdUIsRUFBRTt3QkFDckUsRUFBRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsV0FBVyx1QkFBdUIsRUFBRTt3QkFDcEUsRUFBRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsV0FBVyx1QkFBdUIsRUFBRTt3QkFDckU7NEJBQ0ksT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsc0JBQXNCLENBQUM7NEJBQ3BELEtBQUssRUFBRSxJQUFJO3lCQUNkO3FCQUNKOzhCQVdELE1BQU07c0JBREwsS0FBSztnQkFJTixXQUFXO3NCQURWLEtBQUs7Z0JBSUksUUFBUTtzQkFEakIsU0FBUzt1QkFBQyxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIEFYQ2xlYXJhYmxlQ29tcG9uZW50LFxuICAgIEFYQ29tcG9uZW50LFxuICAgIEFYRm9jdXNhYmxlQ29tcG9uZW50LFxuICAgIEFYVmFsdWFibGVDb21wb25lbnQsXG4gICAgTVhBcHBlYXJhbmNlQ29tcG9uZW50LFxuICAgIE1YU2VsZWN0aW9uVmFsdWVDb21wb25lbnQsXG4gICAgQVhEYXRhTGlzdEl0ZW1zLFxufSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvY29tbW9uJztcbmltcG9ydCB7IEFYRHJvcGRvd25Cb3hDb21wb25lbnQsIE1YRHJvcGRvd25Cb3hCYXNlQ29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2Ryb3Bkb3duJztcbmltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIElucHV0LFxuICAgIFZpZXdDaGlsZCxcbiAgICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgICBmb3J3YXJkUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgY2xhc3NlcyB9IGZyb20gJ3BvbHl0eXBlJztcblxuLyoqXG4gKiBUaGUgQnV0dG9uIGlzIGEgY29tcG9uZW50IHdoaWNoIGRldGVjdHMgdXNlciBpbnRlcmFjdGlvbiBhbmQgdHJpZ2dlcnMgYSBjb3JyZXNwb25kaW5nIGV2ZW50XG4gKlxuICogQGNhdGVnb3J5IENvbXBvbmVudHNcbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdheC1zZWxlY3QtYm94MicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NlbGVjdC1ib3gyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zZWxlY3QtYm94Mi5jb21wb25lbnQuc2NzcyddLFxuICAgIGlucHV0czogW1xuICAgICAgICAnZGlzYWJsZWQnLFxuICAgICAgICAncmVhZG9ubHknLFxuICAgICAgICAndGFiSW5kZXgnLFxuICAgICAgICAncGxhY2Vob2xkZXInLFxuICAgICAgICAnbWluVmFsdWUnLFxuICAgICAgICAnbWF4VmFsdWUnLFxuICAgICAgICAndmFsdWUnLFxuICAgICAgICAnc3RhdGUnLFxuICAgICAgICAnbmFtZScsXG4gICAgICAgICdpZCcsXG4gICAgICAgICd0eXBlJyxcbiAgICAgICAgJ2FwcGVhcmFuY2UnXG4gICAgXSxcbiAgICBvdXRwdXRzOiBbXG4gICAgICAgICd2YWx1ZUNoYW5nZScsXG4gICAgICAgICdzdGF0ZUNoYW5nZScsXG4gICAgICAgICdvblZhbHVlQ2hhbmdlZCcsXG4gICAgICAgICdvbkJsdXInLFxuICAgICAgICAnb25Gb2N1cycsXG4gICAgICAgICdyZWFkb25seUNoYW5nZScsXG4gICAgICAgICdkaXNhYmxlZENoYW5nZScsXG4gICAgXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7IHByb3ZpZGU6IEFYQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhTZWxlY3RCb3gyQ29tcG9uZW50IH0sXG4gICAgICAgIHsgcHJvdmlkZTogQVhGb2N1c2FibGVDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWFNlbGVjdEJveDJDb21wb25lbnQgfSxcbiAgICAgICAgeyBwcm92aWRlOiBBWFZhbHVhYmxlQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhTZWxlY3RCb3gyQ29tcG9uZW50IH0sXG4gICAgICAgIHsgcHJvdmlkZTogQVhDbGVhcmFibGVDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWFNlbGVjdEJveDJDb21wb25lbnQgfSxcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICAgICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBBWFNlbGVjdEJveDJDb21wb25lbnQpLFxuICAgICAgICAgICAgbXVsdGk6IHRydWUsXG4gICAgICAgIH0sXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQVhTZWxlY3RCb3gyQ29tcG9uZW50IGV4dGVuZHMgY2xhc3NlcyhcbiAgICBNWERyb3Bkb3duQm94QmFzZUNvbXBvbmVudCxcbiAgICBNWFNlbGVjdGlvblZhbHVlQ29tcG9uZW50LFxuICAgIE1YQXBwZWFyYW5jZUNvbXBvbmVudCxcbikge1xuICAgIGlzTG9hZGluZyA9IGZhbHNlO1xuICAgIHByb3RlY3RlZCBkcm9wZG93bkhlaWdodCA9IDE4MDtcblxuICAgIEBJbnB1dCgpXG4gICAgc291cmNlOiBBWERhdGFMaXN0SXRlbXMgPSBbXTtcblxuICAgIEBJbnB1dCgpXG4gICAgcGxhY2Vob2xkZXI6IHN0cmluZztcblxuICAgIEBWaWV3Q2hpbGQoQVhEcm9wZG93bkJveENvbXBvbmVudClcbiAgICBwcm90ZWN0ZWQgZHJvcGRvd246IEFYRHJvcGRvd25Cb3hDb21wb25lbnQ7XG5cblxuICAgIGdldEl0ZW1CeUtleShrZXk6IHVua25vd24pOiB1bmtub3duIHtcbiAgICAgICAgZGVidWdnZXJcbiAgICAgICAgcmV0dXJuIHsgW3RoaXMudmFsdWVGaWVsZF06IGtleSwgW3RoaXMudGV4dEZpZWxkXToga2V5IH07XG4gICAgfVxuXG5cbiAgICBwcm90ZWN0ZWQgX2hhbmRsZU9uT3BlbmVkRXZlbnQoKSB7XG5cbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgX2hhbmRsZU9uQ2xvc2VkRXZlbnQoKSB7XG4gICAgICAgIC8vdGhpcy5pbnB1dC5mb2N1cygpO1xuICAgIH1cblxuICAgIF9oYW5kbGVCYWRnZVJlbW92ZShlOiBNb3VzZUV2ZW50LCBpdGVtKSB7XG4gICAgICAgIHRoaXMudW5zZWxlY3RJdGVtcyhpdGVtKTtcbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgX2hhbmRsZVZhbHVlQ2hhbmdlZChlKSB7XG4gICAgICAgIHRoaXMuY29tbWl0VmFsdWUoZS52YWx1ZSwgdHJ1ZSk7XG4gICAgfVxuXG4gICAgb3ZlcnJpZGUgaW50ZXJuYWxWYWx1ZUNoYW5nZWQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuY2xvc2UoKTtcbiAgICB9XG59XG4iLCI8YXgtZHJvcGRvd24tYm94IFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIChvbk9wZW5lZCk9XCJfaGFuZGxlT25PcGVuZWRFdmVudCgpXCIgKG9uQ2xvc2VkKT1cIl9oYW5kbGVPbkNsb3NlZEV2ZW50KClcIlxuICAgIFthcHBlYXJhbmNlXT1cImFwcGVhcmFuY2VcIj5cbiAgICA8bmctY29udGFpbmVyIGlucHV0PlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1wcmVmaXhcIj4gPC9uZy1jb250ZW50PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYXgtc2VsZWN0LWJveC1zZWxlY3Rpb25cIiBbdGFiaW5kZXhdPVwidGFiSW5kZXhcIiAoZm9jdXMpPVwiZW1pdE9uRm9jdXNFdmVudCgkZXZlbnQpXCJcbiAgICAgICAgICAgIChibHVyKT1cImVtaXRPbkJsdXJFdmVudCgkZXZlbnQpXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXgtcGxhY2Vob2xkZXJcIiByb2xlPVwidGV4dGJveFwiIGFyZWEtcmVhZG9ubHk9XCJ0cnVlXCIgKm5nSWY9XCJzZWxlY3RlZEl0ZW1zLmxlbmd0aD09PTBcIj5cbiAgICAgICAgICAgICAgICB7eyBwbGFjZWhvbGRlciB9fVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpdGVtIG9mIHNlbGVjdGVkSXRlbXNcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXgtc2VsZWN0LW11bHRpLWl0ZW1cIj5cbiAgICAgICAgICAgICAgICAgICAge3sgaXRlbVt0ZXh0RmllbGRdIH19XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYXgtaWNvbiBheC1pY29uLWNsb3NlXCIgKGNsaWNrKT1cIl9oYW5kbGVCYWRnZVJlbW92ZSgkZXZlbnQsIGl0ZW0pXCI+IDwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtY2xlYXItYnV0dG9uXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiBbdGFiSW5kZXhdPVwiLTFcIiBjbGFzcz1cImF4LWdlbmVyYWwtYnV0dG9uIGF4LWJ1dHRvbi1pY29uXCJcbiAgICAgICAgICAgIChjbGljayk9XCJ0b2dnbGUoKVwiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImlzTG9hZGluZyAmJiAhaXNPcGVuOyBlbHNlIGljb25UZW1wbGF0ZVwiPlxuICAgICAgICAgICAgICAgIDxheC1sb2FkaW5nIHR5cGU9XCJzcGlubmVyXCI+PC9heC1sb2FkaW5nPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8bmctdGVtcGxhdGUgI2ljb25UZW1wbGF0ZT5cbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImF4LWljb24gYXgtaWNvbi1jaGV2cm9uLWxlZnQgYXgtdHJhbnNpdGlvbi1hbGxcIiBbbmdDbGFzc109XCJ7XG4gICAgICAgICctYXgtcm90YXRpb24tOTAnOiAhaXNPcGVuLFxuICAgICAgICAnYXgtcm90YXRpb24tOTAnOiBpc09wZW5cbiAgICAgIH1cIj48L3NwYW4+XG4gICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtc3VmZml4XCI+IDwvbmctY29udGVudD5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyIHBhbmVsPlxuICAgICAgICA8YXgtbGlzdCBbc291cmNlXT1cInNvdXJjZVwiIFtzdHlsZS53aWR0aC5weF09XCJnZXRIb3N0RWxlbWVudCgpLm9mZnNldFdpZHRoXCIgW3N0eWxlLmhlaWdodC5weF09XCJkcm9wZG93bkhlaWdodFwiXG4gICAgICAgICAgICBbZW1wdHlUZW1wbGF0ZV09XCJlbXBcIiBbbmdNb2RlbF09XCJ2YWx1ZVwiIChvblZhbHVlQ2hhbmdlZCk9XCJfaGFuZGxlVmFsdWVDaGFuZ2VkKCRldmVudClcIj5cbiAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSAjZW1wPkVtcHR5PC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgPC9heC1saXN0PlxuICAgIDwvbmctY29udGFpbmVyPlxuPC9heC1kcm9wZG93bi1ib3g+XG48bmctY29udGVudCBzZWxlY3Q9XCJheC12YWxpZGF0aW9uLXJ1bGVcIj4gPC9uZy1jb250ZW50PiJdfQ==

package/fesm2022/acorex-components-context-menu.mjs

@@ -1,300 +0,0 @@
-import * as i1 from '@angular/cdk/overlay';
-import { OverlayModule } from '@angular/cdk/overlay';
-import * as i0 from '@angular/core';
-import { ElementRef, Component, ChangeDetectionStrategy, ViewEncapsulation, ViewChild, Input, NgModule } from '@angular/core';
-import { AXBaseMenuMixin, AXBaseComponent } from '@acorex/components/mixin';
-import { TemplatePortal } from '@angular/cdk/portal';
-import * as i2 from '@acorex/core/platform';
-import * as i3 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i4 from '@acorex/components/menu';
-import { AXMenuModule } from '@acorex/components/menu';
-import { AXLoadingModule } from '@acorex/components/loading';
-import { AXTranslationModule } from '@acorex/core/translation';
-import { AXDecoratorModule } from '@acorex/components/decorators';
-
-/**
- * The Button is a component which detects user interaction and triggers a corresponding event
- *
- * @category Components
- */
-class AXContextMenuComponent extends AXBaseMenuMixin {
-    get contextTemplate() {
-        return this._contextTemplate;
-    }
-    get target() {
-        return this._target;
-    }
-    set target(v) {
-        if (v instanceof HTMLElement)
-            this._target = v;
-        else if (v instanceof ElementRef)
-            this._target = v.nativeElement;
-        else if (v instanceof AXBaseComponent)
-            this._target = v._getInnerElement();
-    }
-    constructor(_elementRef, cdr, _overlay, _viewContainerRef, _platform) {
-        super(_elementRef, cdr);
-        this._elementRef = _elementRef;
-        this.cdr = cdr;
-        this._overlay = _overlay;
-        this._viewContainerRef = _viewContainerRef;
-        this._platform = _platform;
-    }
-    onInit() {
-        super.onInit();
-    }
-    ngAfterViewInit() {
-        super.onViewInit();
-        this._templatePortal = new TemplatePortal(this._contextTemplate ? this._contextTemplate : this._menuTmp, this._viewContainerRef);
-        if (this._target) {
-            this._target.addEventListener('contextmenu', (e) => {
-                e.preventDefault();
-                const position = {
-                    getBoundingClientRect: () => ({
-                        bottom: e.clientY,
-                        height: 0,
-                        left: e.clientX,
-                        right: e.clientX,
-                        top: e.clientY,
-                        width: 0,
-                    }),
-                };
-                this._openAsOverlay(new ElementRef(position));
-            });
-        }
-    }
-    _openAsOverlay(position) {
-        this._overlayRef = this._overlay.create({
-            positionStrategy: this._overlay
-                .position()
-                .flexibleConnectedTo(position)
-                .withPositions([
-                {
-                    originX: 'end',
-                    originY: 'top',
-                    overlayX: 'start',
-                    overlayY: 'top',
-                },
-                {
-                    originX: 'end',
-                    originY: 'center',
-                    overlayX: 'start',
-                    overlayY: 'top',
-                },
-                {
-                    originX: 'end',
-                    originY: 'bottom',
-                    overlayX: 'start',
-                    overlayY: 'top',
-                },
-                {
-                    originX: 'end',
-                    originY: 'top',
-                    overlayX: 'center',
-                    overlayY: 'top',
-                },
-                {
-                    originX: 'end',
-                    originY: 'top',
-                    overlayX: 'end',
-                    overlayY: 'top',
-                },
-                {
-                    originX: 'end',
-                    originY: 'top',
-                    overlayX: 'end',
-                    overlayY: 'center',
-                },
-                {
-                    originX: 'end',
-                    originY: 'top',
-                    overlayX: 'end',
-                    overlayY: 'bottom',
-                },
-                {
-                    originX: 'start',
-                    originY: 'top',
-                    overlayX: 'start',
-                    overlayY: 'top',
-                },
-                {
-                    originX: 'start',
-                    originY: 'center',
-                    overlayX: 'start',
-                    overlayY: 'top',
-                },
-                {
-                    originX: 'start',
-                    originY: 'bottom',
-                    overlayX: 'start',
-                    overlayY: 'top',
-                },
-                {
-                    originX: 'start',
-                    originY: 'top',
-                    overlayX: 'center',
-                    overlayY: 'top',
-                },
-                {
-                    originX: 'start',
-                    originY: 'top',
-                    overlayX: 'end',
-                    overlayY: 'top',
-                },
-                {
-                    originX: 'start',
-                    originY: 'top',
-                    overlayX: 'end',
-                    overlayY: 'center',
-                },
-                {
-                    originX: 'start',
-                    originY: 'top',
-                    overlayX: 'end',
-                    overlayY: 'bottom',
-                },
-                {
-                    originX: 'center',
-                    originY: 'top',
-                    overlayX: 'start',
-                    overlayY: 'top',
-                },
-                {
-                    originX: 'center',
-                    originY: 'center',
-                    overlayX: 'start',
-                    overlayY: 'top',
-                },
-                {
-                    originX: 'center',
-                    originY: 'bottom',
-                    overlayX: 'start',
-                    overlayY: 'top',
-                },
-                {
-                    originX: 'center',
-                    originY: 'top',
-                    overlayX: 'center',
-                    overlayY: 'top',
-                },
-                {
-                    originX: 'center',
-                    originY: 'top',
-                    overlayX: 'end',
-                    overlayY: 'top',
-                },
-                {
-                    originX: 'center',
-                    originY: 'top',
-                    overlayX: 'end',
-                    overlayY: 'center',
-                },
-                {
-                    originX: 'center',
-                    originY: 'top',
-                    overlayX: 'end',
-                    overlayY: 'bottom',
-                },
-            ])
-                .withPush(false),
-            direction: this._platform.isRtl() ? 'rtl' : 'ltr',
-            disposeOnNavigation: true,
-            panelClass: ['ax-animate-fadeIn', 'ax-animate-faster', 'ax-overlay-menu'],
-            maxHeight: 'unset',
-            hasBackdrop: false,
-            backdropClass: ['cdk-overlay-transparent-backdrop'],
-        });
-        this._overlayRef.attach(this._templatePortal);
-        this._overlayRef.outsidePointerEvents().subscribe(() => {
-            if (this._overlayRef && this.openMode === 'click') {
-                this.close();
-            }
-        });
-        this._platform.scroll.subscribe(() => {
-            if (this._overlayRef) {
-                this.close();
-            }
-        });
-        this._platform.resize.subscribe(() => {
-            if (this._overlayRef) {
-                this.close();
-            }
-        });
-    }
-    close() {
-        this._overlayRef.detach();
-        this.displayItems.forEach((element) => {
-            element.opened = false;
-            element.active = false;
-        });
-        this.cdr.detectChanges();
-    }
-    /***********defultTmp***********/
-    onContextMenuClick(e) {
-        this.onMenuItemClick.emit(e);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXContextMenuComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.Overlay }, { token: i0.ViewContainerRef }, { token: i2.AXPlatform }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.9", type: AXContextMenuComponent, selector: "ax-context-menu", inputs: { disabled: "disabled", textField: "textField", valueField: "valueField", items: "items", parentId: "parentId", iconField: "iconField", opened: "opened", active: "active", visibleField: "visibleField", disableField: "disableField", hasChildField: "hasChildField", dividerField: "dividerField", openMode: "openMode", displayMode: "displayMode", target: "target" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", onMenuItemClick: "onMenuItemClick" }, viewQueries: [{ propertyName: "_contextTemplate", first: true, predicate: ["contextTemplate"], descendants: true }, { propertyName: "_menuTmp", first: true, predicate: ["menuTmp"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #contextTemplateRef>\n    <ng-container *ngIf=\"contextTemplate  else menuTmp\">\n            <ng-container *ngTemplateOutlet=\"contextTemplate\">\n            </ng-container>\n    </ng-container>\n</ng-template>\n<ng-template #menuTmp>\n    <ax-menu class=\"ax-context-menu\" displayMode=\"vertical\" openMode=\"hover\" [items]='items'\n        [disableField]=\"disableField\" [hasChildField]=\"hasChildField\" [textField]=\"textField\" [iconField]=\"iconField\"\n        [valueField]=\"valueField\" [dividerField]=\"dividerField\" (onMenuItemClick)='onContextMenuClick($event)'>\n    </ax-menu>\n</ng-template>", styles: [".ax-context-menu{background-color:rgba(var(--ax-color-surface));border:1px solid;border-color:rgba(var(--ax-color-border-default));min-width:12rem;border-radius:var(--ax-rounded-border-default)}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.AXMenuComponent, selector: "ax-menu", inputs: ["disabled", "tabIndex", "textField", "valueField", "items", "parentId", "iconField", "tooltip", "opened", "visibleField", "disableField", "hasChildField", "dividerField", "openMode", "displayMode", "showModal", "activeCallback"], outputs: ["onBlur", "onFocus", "onMenuItemClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXContextMenuComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-context-menu', inputs: [
-                        'disabled',
-                        'textField',
-                        'valueField',
-                        'items',
-                        'parentId',
-                        'iconField',
-                        'opened',
-                        'active',
-                        'visibleField',
-                        'disableField',
-                        'hasChildField',
-                        'dividerField',
-                        'openMode',
-                        'displayMode',
-                    ], outputs: ['onBlur', 'onFocus', 'onMenuItemClick'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-template #contextTemplateRef>\n    <ng-container *ngIf=\"contextTemplate  else menuTmp\">\n            <ng-container *ngTemplateOutlet=\"contextTemplate\">\n            </ng-container>\n    </ng-container>\n</ng-template>\n<ng-template #menuTmp>\n    <ax-menu class=\"ax-context-menu\" displayMode=\"vertical\" openMode=\"hover\" [items]='items'\n        [disableField]=\"disableField\" [hasChildField]=\"hasChildField\" [textField]=\"textField\" [iconField]=\"iconField\"\n        [valueField]=\"valueField\" [dividerField]=\"dividerField\" (onMenuItemClick)='onContextMenuClick($event)'>\n    </ax-menu>\n</ng-template>", styles: [".ax-context-menu{background-color:rgba(var(--ax-color-surface));border:1px solid;border-color:rgba(var(--ax-color-border-default));min-width:12rem;border-radius:var(--ax-rounded-border-default)}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.Overlay }, { type: i0.ViewContainerRef }, { type: i2.AXPlatform }]; }, propDecorators: { _contextTemplate: [{
-                type: ViewChild,
-                args: ['contextTemplate']
-            }], _menuTmp: [{
-                type: ViewChild,
-                args: ['menuTmp', { static: true }]
-            }], target: [{
-                type: Input
-            }] } });
-
-const COMPONENT = [AXContextMenuComponent];
-const MODULES = [
-    AXDecoratorModule,
-    AXLoadingModule,
-    AXTranslationModule,
-    OverlayModule,
-    AXMenuModule,
-];
-class AXContextMenuModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXContextMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.9", ngImport: i0, type: AXContextMenuModule, declarations: [AXContextMenuComponent], imports: [CommonModule, AXDecoratorModule,
-            AXLoadingModule,
-            AXTranslationModule,
-            OverlayModule,
-            AXMenuModule], exports: [AXContextMenuComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXContextMenuModule, imports: [CommonModule, MODULES] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXContextMenuModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [...COMPONENT],
-                    imports: [CommonModule, ...MODULES],
-                    exports: [...COMPONENT],
-                    providers: [],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AXContextMenuComponent, AXContextMenuModule };
-//# sourceMappingURL=acorex-components-context-menu.mjs.map

package/fesm2022/acorex-components-context-menu.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"acorex-components-context-menu.mjs","sources":["../../../../libs/components/context-menu/src/lib/context-menu.component.ts","../../../../libs/components/context-menu/src/lib/context-menu.component.html","../../../../libs/components/context-menu/src/lib/context-menu.module.ts","../../../../libs/components/context-menu/src/acorex-components-context-menu.ts"],"sourcesContent":["import { OverlayRef, Overlay } from '@angular/cdk/overlay';\n\nimport {\n  Component,\n  ChangeDetectionStrategy,\n  ViewEncapsulation,\n  OnInit,\n  TemplateRef,\n  ElementRef,\n  ChangeDetectorRef,\n  ViewContainerRef,\n  ViewChild,\n  Input,\n} from '@angular/core';\nimport { AXBaseComponent, AXBaseMenuMixin } from '@acorex/components/mixin';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport { AXPlatform } from '@acorex/core/platform';\n\n/**\n * The Button is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-context-menu',\n  templateUrl: './context-menu.component.html',\n  styleUrls: ['./context-menu.component.scss'],\n  inputs: [\n    'disabled',\n    'textField',\n    'valueField',\n    'items',\n    'parentId',\n    'iconField',\n    'opened',\n    'active',\n    'visibleField',\n    'disableField',\n    'hasChildField',\n    'dividerField',\n    'openMode',\n    'displayMode',\n  ],\n  outputs: ['onBlur', 'onFocus', 'onMenuItemClick'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXContextMenuComponent extends AXBaseMenuMixin implements OnInit {\n  @ViewChild('contextTemplate')\n  _contextTemplate: TemplateRef<any>;\n\n  get contextTemplate(): TemplateRef<any> {\n    return this._contextTemplate;\n  }\n\n  @ViewChild('menuTmp', { static: true })\n  _menuTmp: TemplateRef<any>;\n\n  private _overlayRef: OverlayRef;\n\n  private _templatePortal: TemplatePortal;\n\n  private _target: HTMLElement;\n\n  @Input()\n  public get target(): HTMLElement {\n    return this._target;\n  }\n\n  public set target(v: HTMLElement | ElementRef | AXBaseComponent) {\n    if (v instanceof HTMLElement) this._target = v;\n    else if (v instanceof ElementRef) this._target = v.nativeElement;\n    else if (v instanceof AXBaseComponent) this._target = v._getInnerElement();\n  }\n\n  constructor(\n    private _elementRef: ElementRef,\n    private cdr: ChangeDetectorRef,\n    private _overlay: Overlay,\n    private _viewContainerRef: ViewContainerRef,\n    private _platform: AXPlatform\n  ) {\n    super(_elementRef, cdr);\n  }\n\n  override onInit(): void {\n    super.onInit();\n  }\n\n  override ngAfterViewInit(): void {\n    super.onViewInit();\n\n    this._templatePortal = new TemplatePortal(\n      this._contextTemplate ? this._contextTemplate : this._menuTmp,\n      this._viewContainerRef\n    );\n\n    if (this._target) {\n      this._target.addEventListener('contextmenu', (e) => {\n        e.preventDefault();\n        const position = {\n          getBoundingClientRect: () => ({\n            bottom: e.clientY,\n            height: 0,\n            left: e.clientX,\n            right: e.clientX,\n            top: e.clientY,\n            width: 0,\n          }),\n        };\n        this._openAsOverlay(new ElementRef(position));\n      });\n    }\n  }\n\n  private _openAsOverlay(position): void {\n    this._overlayRef = this._overlay.create({\n      positionStrategy: this._overlay\n        .position()\n        .flexibleConnectedTo(position)\n        .withPositions([\n          {\n            originX: 'end',\n            originY: 'top',\n            overlayX: 'start',\n            overlayY: 'top',\n          },\n          {\n            originX: 'end',\n            originY: 'center',\n            overlayX: 'start',\n            overlayY: 'top',\n          },\n          {\n            originX: 'end',\n            originY: 'bottom',\n            overlayX: 'start',\n            overlayY: 'top',\n          },\n          {\n            originX: 'end',\n            originY: 'top',\n            overlayX: 'center',\n            overlayY: 'top',\n          },\n          {\n            originX: 'end',\n            originY: 'top',\n            overlayX: 'end',\n            overlayY: 'top',\n          },\n          {\n            originX: 'end',\n            originY: 'top',\n            overlayX: 'end',\n            overlayY: 'center',\n          },\n          {\n            originX: 'end',\n            originY: 'top',\n            overlayX: 'end',\n            overlayY: 'bottom',\n          },\n          {\n            originX: 'start',\n            originY: 'top',\n            overlayX: 'start',\n            overlayY: 'top',\n          },\n          {\n            originX: 'start',\n            originY: 'center',\n            overlayX: 'start',\n            overlayY: 'top',\n          },\n          {\n            originX: 'start',\n            originY: 'bottom',\n            overlayX: 'start',\n            overlayY: 'top',\n          },\n          {\n            originX: 'start',\n            originY: 'top',\n            overlayX: 'center',\n            overlayY: 'top',\n          },\n          {\n            originX: 'start',\n            originY: 'top',\n            overlayX: 'end',\n            overlayY: 'top',\n          },\n          {\n            originX: 'start',\n            originY: 'top',\n            overlayX: 'end',\n            overlayY: 'center',\n          },\n          {\n            originX: 'start',\n            originY: 'top',\n            overlayX: 'end',\n            overlayY: 'bottom',\n          },\n          {\n            originX: 'center',\n            originY: 'top',\n            overlayX: 'start',\n            overlayY: 'top',\n          },\n          {\n            originX: 'center',\n            originY: 'center',\n            overlayX: 'start',\n            overlayY: 'top',\n          },\n          {\n            originX: 'center',\n            originY: 'bottom',\n            overlayX: 'start',\n            overlayY: 'top',\n          },\n          {\n            originX: 'center',\n            originY: 'top',\n            overlayX: 'center',\n            overlayY: 'top',\n          },\n          {\n            originX: 'center',\n            originY: 'top',\n            overlayX: 'end',\n            overlayY: 'top',\n          },\n          {\n            originX: 'center',\n            originY: 'top',\n            overlayX: 'end',\n            overlayY: 'center',\n          },\n          {\n            originX: 'center',\n            originY: 'top',\n            overlayX: 'end',\n            overlayY: 'bottom',\n          },\n        ])\n        .withPush(false),\n      direction: this._platform.isRtl() ? 'rtl' : 'ltr',\n      disposeOnNavigation: true,\n      panelClass: ['ax-animate-fadeIn', 'ax-animate-faster', 'ax-overlay-menu'],\n      maxHeight: 'unset',\n      hasBackdrop: false,\n      backdropClass: ['cdk-overlay-transparent-backdrop'],\n    });\n    this._overlayRef.attach(this._templatePortal);\n    this._overlayRef.outsidePointerEvents().subscribe(() => {\n      if (this._overlayRef && this.openMode === 'click') {\n        this.close();\n      }\n    });\n\n    this._platform.scroll.subscribe(() => {\n      if (this._overlayRef) {\n        this.close();\n      }\n    });\n\n    this._platform.resize.subscribe(() => {\n      if (this._overlayRef) {\n        this.close();\n      }\n    });\n  }\n\n  private close() {\n    this._overlayRef.detach();\n    this.displayItems.forEach((element) => {\n      element.opened = false;\n      element.active = false;\n    });\n    this.cdr.detectChanges();\n  }\n\n  /***********defultTmp***********/\n  onContextMenuClick(e) {\n    this.onMenuItemClick.emit(e);\n  }\n}\n","<ng-template #contextTemplateRef>\n    <ng-container *ngIf=\"contextTemplate  else menuTmp\">\n            <ng-container *ngTemplateOutlet=\"contextTemplate\">\n            </ng-container>\n    </ng-container>\n</ng-template>\n<ng-template #menuTmp>\n    <ax-menu class=\"ax-context-menu\" displayMode=\"vertical\" openMode=\"hover\" [items]='items'\n        [disableField]=\"disableField\" [hasChildField]=\"hasChildField\" [textField]=\"textField\" [iconField]=\"iconField\"\n        [valueField]=\"valueField\" [dividerField]=\"dividerField\" (onMenuItemClick)='onContextMenuClick($event)'>\n    </ax-menu>\n</ng-template>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { AXMenuModule } from '@acorex/components/menu';\nimport { AXContextMenuComponent } from './context-menu.component';\n\nconst COMPONENT = [AXContextMenuComponent];\nconst MODULES = [\n  AXDecoratorModule,\n  AXLoadingModule,\n  AXTranslationModule,\n  OverlayModule,\n  AXMenuModule,\n];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [CommonModule, ...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXContextMenuModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/menu/lib/menu2.component.d.ts

@@ -1,12 +0,0 @@
-import { AXOrientation, MXBaseComponent } from '@acorex/components/common';
-import { AfterViewInit, QueryList } from '@angular/core';
-import { AXMenuItemComponent } from './menu-item/menu-item.component';
-import * as i0 from "@angular/core";
-export declare class AXMenu2Component extends MXBaseComponent implements AfterViewInit {
-    oriatation: AXOrientation;
-    children: QueryList<AXMenuItemComponent>;
-    ngAfterViewInit(): void;
-    get __hostClass(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXMenu2Component, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXMenu2Component, "ax-menu2", never, { "oriatation": { "alias": "oriatation"; "required": false; }; }, {}, ["children"], ["ax-menu-item"], false, never>;
-}

package/select-box/lib/select-box2.component.d.ts

@@ -1,25 +0,0 @@
-import { MXAppearanceComponent, MXSelectionValueComponent, AXDataListItems } from '@acorex/components/common';
-import { AXDropdownBoxComponent, MXDropdownBoxBaseComponent } from '@acorex/components/dropdown';
-import * as i0 from "@angular/core";
-declare const AXSelectBox2Component_base: import("polytype").Polytype.ClusteredConstructor<[typeof MXDropdownBoxBaseComponent, typeof MXSelectionValueComponent, typeof MXAppearanceComponent]>;
-/**
- * The Button is a component which detects user interaction and triggers a corresponding event
- *
- * @category Components
- */
-export declare class AXSelectBox2Component extends AXSelectBox2Component_base {
-    isLoading: boolean;
-    protected dropdownHeight: number;
-    source: AXDataListItems;
-    placeholder: string;
-    protected dropdown: AXDropdownBoxComponent;
-    getItemByKey(key: unknown): unknown;
-    protected _handleOnOpenedEvent(): void;
-    protected _handleOnClosedEvent(): void;
-    _handleBadgeRemove(e: MouseEvent, item: any): void;
-    protected _handleValueChanged(e: any): void;
-    internalValueChanged(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectBox2Component, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectBox2Component, "ax-select-box2", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "type": { "alias": "type"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "source": { "alias": "source"; "required": false; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], false, never>;
-}
-export {};