@mediusinc/mng-commons 6.0.0 → 6.1.0-rc.1

package/fesm2022/mediusinc-mng-commons-table-column-toggle.component-a8KG1NIX.mjs

@@ -1,30 +0,0 @@
-import { NgClass } from '@angular/common';
-import * as i0 from '@angular/core';
-import { inject, input, computed, Component, ChangeDetectionStrategy } from '@angular/core';
-import * as i1 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import { TranslatePipe } from '@ngx-translate/core';
-import { Button } from 'primeng/button';
-import { MultiSelect } from 'primeng/multiselect';
-import { Tooltip } from 'primeng/tooltip';
-import { I18nPropertyPipe } from '@mediusinc/mng-commons/core';
-import { T as TableMetadataService, a as TablePreferencesService } from './mediusinc-mng-commons-table-mediusinc-mng-commons-table-C2vrMoNL.mjs';
-
-class TableColumnToggleComponent {
-    constructor() {
-        this.metadata = inject(TableMetadataService);
-        this.prefs = inject(TablePreferencesService);
-        // data source inputs
-        this.columns = input.required();
-        this.anyColumnVisible = computed(() => this.columns().length > 0);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: TableColumnToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.7", type: TableColumnToggleComponent, isStandalone: true, selector: "mng-table-column-toggle", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<p-multiSelect\n    #columnToggleMultiselect\n    styleClass=\"p-button-primary mng-table-columns-multiselect\"\n    appendTo=\"body\"\n    dataKey=\"id\"\n    tooltipPosition=\"left\"\n    placeholder=\"\"\n    dropdownIcon=\"pi pi-sliders-h\"\n    [filter]=\"false\"\n    [options]=\"prefs.columnsWithPrefs()\"\n    [ngModel]=\"columns()\"\n    [pTooltip]=\"'mngTable.adjustTable' | translate\"\n    [displaySelectedLabel]=\"false\"\n    (onChange)=\"prefs.onColumnToggle($event)\">\n    <ng-template #filter>\n        <div class=\"flex w-full justify-between items-center\">\n            <div class=\"p-checkbox\">\n                <div class=\"p-hidden-accessible\">\n                    <input\n                        type=\"checkbox\"\n                        readonly=\"readonly\"\n                        [checked]=\"columnToggleMultiselect.allSelected\"\n                        (focus)=\"columnToggleMultiselect.onHeaderCheckboxFocus()\"\n                        (blur)=\"columnToggleMultiselect.onHeaderCheckboxBlur()\"\n                        (keydown.space)=\"columnToggleMultiselect.onToggleAll($event)\" />\n                </div>\n                <div\n                    class=\"p-checkbox-box cursor-pointer\"\n                    role=\"checkbox\"\n                    [attr.aria-checked]=\"columnToggleMultiselect.allSelected\"\n                    [class.p-select-option-selected]=\"anyColumnVisible()\"\n                    (click)=\"prefs.onColumnToggleAll()\">\n                    <span class=\"p-checkbox-icon\" [ngClass]=\"{'pi pi-check': anyColumnVisible()}\"></span>\n                </div>\n            </div>\n            <p-button\n                icon=\"pi pi-replay\"\n                severity=\"secondary\"\n                text=\"true\"\n                tooltipPosition=\"left\"\n                [pTooltip]=\"'mngTable.resetLayout' | translate\"\n                (click)=\"prefs.clearLayoutPreferences()\"></p-button>\n        </div>\n    </ng-template>\n    <ng-template #item let-item>\n        {{\n            (item.descriptor.title && !item.descriptor.titleUseModelBase\n                ? item.descriptor.title\n                : (item.descriptor.title ?? item.descriptor.property | mngI18nProperty: metadata.descriptor().model)\n            ) | translate\n        }}\n    </ng-template>\n</p-multiSelect>\n", dependencies: [{ kind: "pipe", type: I18nPropertyPipe, name: "mngI18nProperty" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "fluid", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "size", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: TableColumnToggleComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'mng-table-column-toggle', imports: [I18nPropertyPipe, NgClass, MultiSelect, FormsModule, TranslatePipe, Tooltip, Button], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-multiSelect\n    #columnToggleMultiselect\n    styleClass=\"p-button-primary mng-table-columns-multiselect\"\n    appendTo=\"body\"\n    dataKey=\"id\"\n    tooltipPosition=\"left\"\n    placeholder=\"\"\n    dropdownIcon=\"pi pi-sliders-h\"\n    [filter]=\"false\"\n    [options]=\"prefs.columnsWithPrefs()\"\n    [ngModel]=\"columns()\"\n    [pTooltip]=\"'mngTable.adjustTable' | translate\"\n    [displaySelectedLabel]=\"false\"\n    (onChange)=\"prefs.onColumnToggle($event)\">\n    <ng-template #filter>\n        <div class=\"flex w-full justify-between items-center\">\n            <div class=\"p-checkbox\">\n                <div class=\"p-hidden-accessible\">\n                    <input\n                        type=\"checkbox\"\n                        readonly=\"readonly\"\n                        [checked]=\"columnToggleMultiselect.allSelected\"\n                        (focus)=\"columnToggleMultiselect.onHeaderCheckboxFocus()\"\n                        (blur)=\"columnToggleMultiselect.onHeaderCheckboxBlur()\"\n                        (keydown.space)=\"columnToggleMultiselect.onToggleAll($event)\" />\n                </div>\n                <div\n                    class=\"p-checkbox-box cursor-pointer\"\n                    role=\"checkbox\"\n                    [attr.aria-checked]=\"columnToggleMultiselect.allSelected\"\n                    [class.p-select-option-selected]=\"anyColumnVisible()\"\n                    (click)=\"prefs.onColumnToggleAll()\">\n                    <span class=\"p-checkbox-icon\" [ngClass]=\"{'pi pi-check': anyColumnVisible()}\"></span>\n                </div>\n            </div>\n            <p-button\n                icon=\"pi pi-replay\"\n                severity=\"secondary\"\n                text=\"true\"\n                tooltipPosition=\"left\"\n                [pTooltip]=\"'mngTable.resetLayout' | translate\"\n                (click)=\"prefs.clearLayoutPreferences()\"></p-button>\n        </div>\n    </ng-template>\n    <ng-template #item let-item>\n        {{\n            (item.descriptor.title && !item.descriptor.titleUseModelBase\n                ? item.descriptor.title\n                : (item.descriptor.title ?? item.descriptor.property | mngI18nProperty: metadata.descriptor().model)\n            ) | translate\n        }}\n    </ng-template>\n</p-multiSelect>\n" }]
-        }] });
-
-export { TableColumnToggleComponent };
-//# sourceMappingURL=mediusinc-mng-commons-table-column-toggle.component-a8KG1NIX.mjs.map