@onecx/angular-accelerator 6.0.0-rc.2 → 6.0.0-rc.20

package/esm2022/lib/components/data-layout-selection/data-layout-selection.component.mjs

@@ -1,73 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { PrimeIcons } from 'primeng/api';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "primeng/tooltip";
-import * as i3 from "primeng/api";
-import * as i4 from "primeng/selectbutton";
-import * as i5 from "@angular/forms";
-import * as i6 from "@ngx-translate/core";
-const ALL_VIEW_LAYOUTS = [
-    {
-        id: 'ocx-data-layout-selection-list',
-        icon: PrimeIcons.LIST,
-        layout: 'list',
-        tooltipKey: 'OCX_DATA_LAYOUT_SELECTION.LAYOUT.LIST',
-        labelKey: 'OCX_DATA_LAYOUT_SELECTION.LAYOUT.LIST',
-    },
-    {
-        id: 'ocx-data-layout-selection-grid',
-        icon: PrimeIcons.TH_LARGE,
-        layout: 'grid',
-        tooltipKey: 'OCX_DATA_LAYOUT_SELECTION.LAYOUT.GRID',
-        labelKey: 'OCX_DATA_LAYOUT_SELECTION.LAYOUT.GRID',
-    },
-    {
-        id: 'ocx-data-layout-selection-table',
-        icon: PrimeIcons.TABLE,
-        layout: 'table',
-        tooltipKey: 'OCX_DATA_LAYOUT_SELECTION.LAYOUT.TABLE',
-        labelKey: 'OCX_DATA_LAYOUT_SELECTION.LAYOUT.TABLE',
-    },
-];
-export class DataLayoutSelectionComponent {
-    constructor() {
-        this.supportedViewLayouts = [];
-        this.dataViewLayoutChange = new EventEmitter();
-        this.componentStateChanged = new EventEmitter();
-        this.viewingLayouts = [];
-    }
-    set layout(value) {
-        this.selectedViewLayout = ALL_VIEW_LAYOUTS.find((v) => v.layout === value);
-    }
-    get layout() {
-        return this.selectedViewLayout?.layout || 'table';
-    }
-    ngOnInit() {
-        this.viewingLayouts = ALL_VIEW_LAYOUTS.filter((vl) => this.supportedViewLayouts.includes(vl.layout));
-        this.componentStateChanged.emit({
-            layout: this.layout,
-        });
-    }
-    onDataViewLayoutChange(event) {
-        this.dataViewLayoutChange.emit(event.layout);
-        this.componentStateChanged.emit({
-            layout: event.layout,
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: DataLayoutSelectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: DataLayoutSelectionComponent, selector: "ocx-data-layout-selection", inputs: { supportedViewLayouts: "supportedViewLayouts", layout: "layout" }, outputs: { dataViewLayoutChange: "dataViewLayoutChange", componentStateChanged: "componentStateChanged" }, ngImport: i0, template: "<div class=\"flex flex-wrap justify-content-between align-items-center py-1 gap-2\">\n  <p-selectButton\n    *ngIf=\"viewingLayouts.length > 1\"\n    [options]=\"viewingLayouts\"\n    [(ngModel)]=\"selectedViewLayout\"\n    optionLabel=\"id\"\n    (onChange)=\"onDataViewLayoutChange($event.value)\"\n  >\n    <ng-template let-item pTemplate>\n      <i [class]=\"item.icon\" [pTooltip]=\"item.tooltip || (item.tooltipKey | translate)\" tooltipPosition=\"top\"></i>\n      <label style=\"display: none\" id=\"{{item.id}}\">{{item.labelKey | translate}}</label>\n    </ng-template>\n  </p-selectButton>\n</div>\n", styles: ["::ng-deep .p-buttonset .p-button{min-width:auto}::ng-deep .p-buttonset{display:flex}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4.SelectButton, selector: "p-selectButton", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "style", "styleClass", "ariaLabelledBy", "disabled", "dataKey", "autofocus"], outputs: ["onOptionClick", "onChange"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: DataLayoutSelectionComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ocx-data-layout-selection', template: "<div class=\"flex flex-wrap justify-content-between align-items-center py-1 gap-2\">\n  <p-selectButton\n    *ngIf=\"viewingLayouts.length > 1\"\n    [options]=\"viewingLayouts\"\n    [(ngModel)]=\"selectedViewLayout\"\n    optionLabel=\"id\"\n    (onChange)=\"onDataViewLayoutChange($event.value)\"\n  >\n    <ng-template let-item pTemplate>\n      <i [class]=\"item.icon\" [pTooltip]=\"item.tooltip || (item.tooltipKey | translate)\" tooltipPosition=\"top\"></i>\n      <label style=\"display: none\" id=\"{{item.id}}\">{{item.labelKey | translate}}</label>\n    </ng-template>\n  </p-selectButton>\n</div>\n", styles: ["::ng-deep .p-buttonset .p-button{min-width:auto}::ng-deep .p-buttonset{display:flex}\n"] }]
-        }], propDecorators: { supportedViewLayouts: [{
-                type: Input
-            }], layout: [{
-                type: Input
-            }], dataViewLayoutChange: [{
-                type: Output
-            }], componentStateChanged: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1sYXlvdXQtc2VsZWN0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci1hY2NlbGVyYXRvci9zcmMvbGliL2NvbXBvbmVudHMvZGF0YS1sYXlvdXQtc2VsZWN0aW9uL2RhdGEtbGF5b3V0LXNlbGVjdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItYWNjZWxlcmF0b3Ivc3JjL2xpYi9jb21wb25lbnRzL2RhdGEtbGF5b3V0LXNlbGVjdGlvbi9kYXRhLWxheW91dC1zZWxlY3Rpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUM5RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sYUFBYSxDQUFBOzs7Ozs7OztBQWF4QyxNQUFNLGdCQUFnQixHQUFxQjtJQUN6QztRQUNFLEVBQUUsRUFBRSxnQ0FBZ0M7UUFDcEMsSUFBSSxFQUFFLFVBQVUsQ0FBQyxJQUFJO1FBQ3JCLE1BQU0sRUFBRSxNQUFNO1FBQ2QsVUFBVSxFQUFFLHVDQUF1QztRQUNuRCxRQUFRLEVBQUUsdUNBQXVDO0tBQ2xEO0lBQ0Q7UUFDRSxFQUFFLEVBQUUsZ0NBQWdDO1FBQ3BDLElBQUksRUFBRSxVQUFVLENBQUMsUUFBUTtRQUN6QixNQUFNLEVBQUUsTUFBTTtRQUNkLFVBQVUsRUFBRSx1Q0FBdUM7UUFDbkQsUUFBUSxFQUFFLHVDQUF1QztLQUNsRDtJQUNEO1FBQ0UsRUFBRSxFQUFFLGlDQUFpQztRQUNyQyxJQUFJLEVBQUUsVUFBVSxDQUFDLEtBQUs7UUFDdEIsTUFBTSxFQUFFLE9BQU87UUFDZixVQUFVLEVBQUUsd0NBQXdDO1FBQ3BELFFBQVEsRUFBRSx3Q0FBd0M7S0FDbkQ7Q0FDRixDQUFBO0FBVUQsTUFBTSxPQUFPLDRCQUE0QjtJQUx6QztRQU1XLHlCQUFvQixHQUFrQixFQUFFLENBQUE7UUFTdkMseUJBQW9CLEdBQTRDLElBQUksWUFBWSxFQUFFLENBQUE7UUFDbEYsMEJBQXFCLEdBQW9ELElBQUksWUFBWSxFQUFFLENBQUE7UUFFckcsbUJBQWMsR0FBcUIsRUFBRSxDQUFBO0tBZ0J0QztJQTNCQyxJQUNJLE1BQU0sQ0FBQyxLQUFnQztRQUN6QyxJQUFJLENBQUMsa0JBQWtCLEdBQUcsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsTUFBTSxLQUFLLEtBQUssQ0FBQyxDQUFBO0lBQzVFLENBQUM7SUFDRCxJQUFJLE1BQU07UUFDUixPQUFPLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxNQUFNLElBQUksT0FBTyxDQUFBO0lBQ25ELENBQUM7SUFRRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGNBQWMsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFFLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUE7UUFDcEcsSUFBSSxDQUFDLHFCQUFxQixDQUFDLElBQUksQ0FBQztZQUM5QixNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU07U0FDcEIsQ0FBQyxDQUFBO0lBQ0osQ0FBQztJQUVELHNCQUFzQixDQUFDLEtBQTZEO1FBQ2xGLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFBO1FBQzVDLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUM7WUFDOUIsTUFBTSxFQUFFLEtBQUssQ0FBQyxNQUFNO1NBQ3JCLENBQUMsQ0FBQTtJQUNKLENBQUM7K0dBNUJVLDRCQUE0QjttR0FBNUIsNEJBQTRCLHdQQzlDekMsb21CQWNBOzs0RkRnQ2EsNEJBQTRCO2tCQUx4QyxTQUFTOytCQUNFLDJCQUEyQjs4QkFLNUIsb0JBQW9CO3NCQUE1QixLQUFLO2dCQUVGLE1BQU07c0JBRFQsS0FBSztnQkFRSSxvQkFBb0I7c0JBQTdCLE1BQU07Z0JBQ0cscUJBQXFCO3NCQUE5QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5pbXBvcnQgeyBQcmltZUljb25zIH0gZnJvbSAncHJpbWVuZy9hcGknXG5pbXBvcnQgeyBQcmltZUljb24gfSBmcm9tICcuLi8uLi91dGlscy9wcmltZWljb24udXRpbHMnXG5cbmludGVyZmFjZSBWaWV3aW5nTGF5b3V0cyB7XG4gIGlkOiBzdHJpbmdcbiAgaWNvbjogUHJpbWVJY29uXG4gIGxheW91dDogJ2dyaWQnIHwgJ2xpc3QnIHwgJ3RhYmxlJ1xuICB0b29sdGlwPzogc3RyaW5nXG4gIHRvb2x0aXBLZXk6IHN0cmluZ1xuICBsYWJlbD86IHN0cmluZ1xuICBsYWJlbEtleTogc3RyaW5nXG59XG5cbmNvbnN0IEFMTF9WSUVXX0xBWU9VVFM6IFZpZXdpbmdMYXlvdXRzW10gPSBbXG4gIHtcbiAgICBpZDogJ29jeC1kYXRhLWxheW91dC1zZWxlY3Rpb24tbGlzdCcsXG4gICAgaWNvbjogUHJpbWVJY29ucy5MSVNULFxuICAgIGxheW91dDogJ2xpc3QnLFxuICAgIHRvb2x0aXBLZXk6ICdPQ1hfREFUQV9MQVlPVVRfU0VMRUNUSU9OLkxBWU9VVC5MSVNUJyxcbiAgICBsYWJlbEtleTogJ09DWF9EQVRBX0xBWU9VVF9TRUxFQ1RJT04uTEFZT1VULkxJU1QnLFxuICB9LFxuICB7XG4gICAgaWQ6ICdvY3gtZGF0YS1sYXlvdXQtc2VsZWN0aW9uLWdyaWQnLFxuICAgIGljb246IFByaW1lSWNvbnMuVEhfTEFSR0UsXG4gICAgbGF5b3V0OiAnZ3JpZCcsXG4gICAgdG9vbHRpcEtleTogJ09DWF9EQVRBX0xBWU9VVF9TRUxFQ1RJT04uTEFZT1VULkdSSUQnLFxuICAgIGxhYmVsS2V5OiAnT0NYX0RBVEFfTEFZT1VUX1NFTEVDVElPTi5MQVlPVVQuR1JJRCcsXG4gIH0sXG4gIHtcbiAgICBpZDogJ29jeC1kYXRhLWxheW91dC1zZWxlY3Rpb24tdGFibGUnLFxuICAgIGljb246IFByaW1lSWNvbnMuVEFCTEUsXG4gICAgbGF5b3V0OiAndGFibGUnLFxuICAgIHRvb2x0aXBLZXk6ICdPQ1hfREFUQV9MQVlPVVRfU0VMRUNUSU9OLkxBWU9VVC5UQUJMRScsXG4gICAgbGFiZWxLZXk6ICdPQ1hfREFUQV9MQVlPVVRfU0VMRUNUSU9OLkxBWU9VVC5UQUJMRScsXG4gIH0sXG5dXG5cbmV4cG9ydCBpbnRlcmZhY2UgRGF0YUxheW91dFNlbGVjdGlvbkNvbXBvbmVudFN0YXRlIHtcbiAgbGF5b3V0PzogJ2dyaWQnIHwgJ2xpc3QnIHwgJ3RhYmxlJ1xufVxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnb2N4LWRhdGEtbGF5b3V0LXNlbGVjdGlvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9kYXRhLWxheW91dC1zZWxlY3Rpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9kYXRhLWxheW91dC1zZWxlY3Rpb24uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRGF0YUxheW91dFNlbGVjdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHN1cHBvcnRlZFZpZXdMYXlvdXRzOiBBcnJheTxzdHJpbmc+ID0gW11cbiAgQElucHV0KClcbiAgc2V0IGxheW91dCh2YWx1ZTogJ2dyaWQnIHwgJ2xpc3QnIHwgJ3RhYmxlJykge1xuICAgIHRoaXMuc2VsZWN0ZWRWaWV3TGF5b3V0ID0gQUxMX1ZJRVdfTEFZT1VUUy5maW5kKCh2KSA9PiB2LmxheW91dCA9PT0gdmFsdWUpXG4gIH1cbiAgZ2V0IGxheW91dCgpOiAnZ3JpZCcgfCAnbGlzdCcgfCAndGFibGUnIHtcbiAgICByZXR1cm4gdGhpcy5zZWxlY3RlZFZpZXdMYXlvdXQ/LmxheW91dCB8fCAndGFibGUnXG4gIH1cblxuICBAT3V0cHV0KCkgZGF0YVZpZXdMYXlvdXRDaGFuZ2U6IEV2ZW50RW1pdHRlcjwnZ3JpZCcgfCAnbGlzdCcgfCAndGFibGUnPiA9IG5ldyBFdmVudEVtaXR0ZXIoKVxuICBAT3V0cHV0KCkgY29tcG9uZW50U3RhdGVDaGFuZ2VkOiBFdmVudEVtaXR0ZXI8RGF0YUxheW91dFNlbGVjdGlvbkNvbXBvbmVudFN0YXRlPiA9IG5ldyBFdmVudEVtaXR0ZXIoKVxuXG4gIHZpZXdpbmdMYXlvdXRzOiBWaWV3aW5nTGF5b3V0c1tdID0gW11cbiAgc2VsZWN0ZWRWaWV3TGF5b3V0OiBWaWV3aW5nTGF5b3V0cyB8IHVuZGVmaW5lZFxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMudmlld2luZ0xheW91dHMgPSBBTExfVklFV19MQVlPVVRTLmZpbHRlcigodmwpID0+IHRoaXMuc3VwcG9ydGVkVmlld0xheW91dHMuaW5jbHVkZXModmwubGF5b3V0KSlcbiAgICB0aGlzLmNvbXBvbmVudFN0YXRlQ2hhbmdlZC5lbWl0KHtcbiAgICAgIGxheW91dDogdGhpcy5sYXlvdXQsXG4gICAgfSlcbiAgfVxuXG4gIG9uRGF0YVZpZXdMYXlvdXRDaGFuZ2UoZXZlbnQ6IHsgaWNvbjogUHJpbWVJY29uOyBsYXlvdXQ6ICdncmlkJyB8ICdsaXN0JyB8ICd0YWJsZScgfSk6IHZvaWQge1xuICAgIHRoaXMuZGF0YVZpZXdMYXlvdXRDaGFuZ2UuZW1pdChldmVudC5sYXlvdXQpXG4gICAgdGhpcy5jb21wb25lbnRTdGF0ZUNoYW5nZWQuZW1pdCh7XG4gICAgICBsYXlvdXQ6IGV2ZW50LmxheW91dCxcbiAgICB9KVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZmxleCBmbGV4LXdyYXAganVzdGlmeS1jb250ZW50LWJldHdlZW4gYWxpZ24taXRlbXMtY2VudGVyIHB5LTEgZ2FwLTJcIj5cbiAgPHAtc2VsZWN0QnV0dG9uXG4gICAgKm5nSWY9XCJ2aWV3aW5nTGF5b3V0cy5sZW5ndGggPiAxXCJcbiAgICBbb3B0aW9uc109XCJ2aWV3aW5nTGF5b3V0c1wiXG4gICAgWyhuZ01vZGVsKV09XCJzZWxlY3RlZFZpZXdMYXlvdXRcIlxuICAgIG9wdGlvbkxhYmVsPVwiaWRcIlxuICAgIChvbkNoYW5nZSk9XCJvbkRhdGFWaWV3TGF5b3V0Q2hhbmdlKCRldmVudC52YWx1ZSlcIlxuICA+XG4gICAgPG5nLXRlbXBsYXRlIGxldC1pdGVtIHBUZW1wbGF0ZT5cbiAgICAgIDxpIFtjbGFzc109XCJpdGVtLmljb25cIiBbcFRvb2x0aXBdPVwiaXRlbS50b29sdGlwIHx8IChpdGVtLnRvb2x0aXBLZXkgfCB0cmFuc2xhdGUpXCIgdG9vbHRpcFBvc2l0aW9uPVwidG9wXCI+PC9pPlxuICAgICAgPGxhYmVsIHN0eWxlPVwiZGlzcGxheTogbm9uZVwiIGlkPVwie3tpdGVtLmlkfX1cIj57e2l0ZW0ubGFiZWxLZXkgfCB0cmFuc2xhdGV9fTwvbGFiZWw+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgPC9wLXNlbGVjdEJ1dHRvbj5cbjwvZGl2PlxuIl19