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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mediusinc/mng-commons",
-  "version": "6.0.0",
+  "version": "6.1.0-rc.0",
   "peerDependencies": {
     "@angular/animations": "^19.0.0",
     "@angular/common": "^19.0.0",
@@ -10,7 +10,7 @@
     "@angular/router": "^19.0.0",
     "@ngx-formly/core": "~6.3.11",
     "@ngx-translate/core": "^16.0.0",
-    "primeng": "~19.0.9"
+    "primeng": "~19.0.9 || ~19.1.0"
   },
   "dependencies": {
     "reflect-metadata": "^0.2.2",

package/table/api/descriptors/column.descriptor.d.ts

@@ -3,6 +3,9 @@ import { GetterFn } from '@mediusinc/mng-commons/core';
 import { EnumDescriptor } from '@mediusinc/mng-commons/model';
 import { IColumnValueComponent } from '../models/column-value.model';
 import { ColumnDisplayTypeEnum, ColumnTypeEnum } from '../models/column.model';
+export type ColumnComponentOpts = {
+    inputs?: Record<string, any>;
+};
 export type ColumnCurrencyOptsType<Property = string> = {
     currencyProperty?: Property;
     currency?: string;
@@ -46,6 +49,7 @@ export declare class ColumnDescriptor<ColumnModel, TableModel, ColumnValue = Col
     private _currencyProperty?;
     private _currencyDisplay?;
     private _customComponentType?;
+    private _customComponentInputs?;
     private _hasCopyToClipboard;
     private _clipboardValueGetter?;
     private _isLocalized;
@@ -68,6 +72,7 @@ export declare class ColumnDescriptor<ColumnModel, TableModel, ColumnValue = Col
     get booleanYes(): string | undefined;
     get booleanNo(): string | undefined;
     get customComponentType(): Type<IColumnValueComponent<ColumnValue, TableModel, ColumnModel>> | undefined;
+    get customComponentInputs(): Record<string, any> | undefined;
     get locale(): string | undefined;
     get currencyCode(): string | undefined;
     get currencyDisplay(): "symbol" | "code" | "name" | undefined;
@@ -135,8 +140,9 @@ export declare class ColumnDescriptor<ColumnModel, TableModel, ColumnValue = Col
      * Set column display with custom component.
      *
      * @param customComponentType Component type to be used for display. Must implement {IColumnValueComponent}.
+     * @param opts Options for the custom component, including inputs to pass to the component.
      */
-    asCustomComponent(customComponentType: Type<IColumnValueComponent<ColumnValue, TableModel, ColumnModel>>): this;
+    asCustomComponent(customComponentType: Type<IColumnValueComponent<ColumnValue, TableModel, ColumnModel>>, opts?: ColumnComponentOpts): this;
     /**
      * Sets columns display as HTML using Angular innerHTML.
      */

package/table/components/column-value/column-value.component.d.ts

@@ -22,6 +22,11 @@ export declare class TableColumnValueComponent<T, TT> {
     value: import("@angular/core").Signal<any>;
     currency: import("@angular/core").Signal<string | undefined>;
     hasCopyToClipboard: import("@angular/core").Signal<boolean>;
+    componentInputs: import("@angular/core").Signal<{
+        value: any;
+        item: any;
+        descriptor: ColumnDescriptor<T, TT, T>;
+    }>;
     copyToClipboard(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableColumnValueComponent<any, any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TableColumnValueComponent<any, any>, "mng-table-column-value", never, { "descriptor": { "alias": "descriptor"; "required": true; "isSignal": true; }; "item": { "alias": "item"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;

package/table/components/table/table.component.d.ts

@@ -49,7 +49,7 @@ export declare class TableComponent<Item = any, Service = undefined, Sorts = any
     rowReorder: import("@angular/core").OutputEmitterRef<TableRowReorderEvent>;
     templates: Signal<readonly TemplateDirective[]>;
     components: Signal<readonly ComponentDirective<any>[]>;
-    primeTable: Signal<Table | undefined>;
+    primeTable: Signal<Table<any> | undefined>;
     captionTemplate: Signal<TemplateRef<any> | null>;
     columnCustomLastTemplate: Signal<TemplateRef<any> | null>;
     footerTemplate: Signal<TemplateRef<any> | null>;

package/version-info.json

@@ -1,11 +1,11 @@
 {
     "name": "@mediusinc/mng-commons",
-    "version": "6.0.0",
-    "tag": "v6.0.0",
-    "distance": 0,
-    "hash": "e6e213ac",
+    "version": "6.1.0-rc.0",
+    "tag": "v6.0.0-rc.8",
+    "distance": 7,
+    "hash": "2f494f73",
     "dirty": true,
-    "semver": "6.0.0+0.ge6e213ac.dirty",
+    "semver": "6.0.0-rc.8+7.g2f494f73.dirty",
     "buildTimestamp": null,
-    "raw": "v6.0.0-e6e213ac-dirty"
+    "raw": "v6.0.0-rc.8-7-2f494f73-dirty"
 }

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