@tsi-developpement/tsi-shared-ui 1.9.2 → 1.9.4

package/lib/consts/app-providers.d.ts

@@ -3,4 +3,4 @@ import { FormStateService } from "../services/form/form-state.service";
 import { PresentationDesignerBaseService } from "../services/presentation-setting/presentation-designer-base.service";
 import { GenericValidationStateService } from "../services/validation/generic-validation-state.service";
 import { InputRegistryService } from "../services/validation/input-registry.service";
-export declare const appProviders: (typeof GenericValidationStateService | typeof PresentationDesignerBaseService | typeof InputRegistryService | typeof FormStateService | typeof DynamicFormService)[];
+export declare const appProviders: (typeof PresentationDesignerBaseService | typeof GenericValidationStateService | typeof InputRegistryService | typeof DynamicFormService | typeof FormStateService)[];

package/lib/enums/grid-sizing-mode.d.ts

@@ -0,0 +1,13 @@
+/**
+ * How a grid distributes horizontal space across its columns.
+ *
+ * - `Fill` (default): the table stretches to fill its container. Leftover space is
+ *   spread across the auto-sized columns — the historical behavior.
+ * - `Hug`: the table shrinks to what its columns need (`width: auto`, capped at the
+ *   container with `max-width: 100%`). Columns keep their natural/defined size and any
+ *   leftover container width stays empty on the right, instead of inflating columns.
+ */
+export declare enum GridSizingMode {
+    Fill = "fill",
+    Hug = "hug"
+}

package/lib/enums/index.d.ts

@@ -2,12 +2,12 @@ export * from './auto-complete';
 export * from './claim-types';
 export * from './code-format';
 export * from './component-use-modes-enum';
-export * from './css-units';
 export * from './decimal-format';
 export * from './display-types';
 export * from './filter-operator-type';
 export * from './form-validation-error';
 export * from './grid-selection-mode';
+export * from './grid-sizing-mode';
 export * from './grid-sort-mode';
 export * from './http-method-types';
 export * from './input-types';

package/lib/interfaces/grid/grid-configuration.d.ts

@@ -22,8 +22,13 @@ export interface GridColumn {
     isFrozen?: boolean;
     type?: DisplayTypes | InputTypes;
     view?: string;
-    width?: any;
-    minWidth?: any;
+    /**
+     * Developer-preferred column width. A bare `number` is interpreted as `rem`
+     * (the natural default); a `string` is used verbatim (any CSS unit/keyword,
+     * e.g. `'200px'`, `'20%'`, `'calc(100% - 4rem)'`). An end user's remembered
+     * width (and live resize) always takes precedence over this.
+     */
+    width?: number | string;
     enabled?: boolean;
     align?: string;
     showTotalSummary?: boolean;

package/lib/interfaces/index.d.ts

@@ -7,5 +7,4 @@ export * from './modal/modal-size';
 export * from './pagination/pagination-base';
 export * from './select-list/combo-status-model';
 export * from './settings/app-settings';
-export * from './styles/css-size-property';
 export * from './translation/translation';

package/lib/tsi-components/input-components/editable-grid/editable-grid.component.d.ts

@@ -8,6 +8,7 @@ import { LocalizePipe } from '../../../pipes/localize.pipe';
 import { ObservableCollection } from '../../../models/collection/observable-collection';
 import { FormState } from '../../../models/form/form-state';
 import { TsiInputBase } from '../../../tsi-base/tsi-input-base/tsi-input-base.component';
+import { GridSizingMode } from '../../../enums/grid-sizing-mode';
 import * as i0 from "@angular/core";
 export declare class EditableGridComponent extends TsiInputBase implements OnInit, OnDestroy {
     private _localizePipe;
@@ -65,6 +66,25 @@ export declare class EditableGridComponent extends TsiInputBase implements OnIni
     showEditButton: boolean;
     showRowSummary: boolean;
     scrollHeight: string;
+    /**
+     * Fill (default): the table stretches to fill its container. Hug: the table shrinks to
+     * its columns' size (never wider than the container), leaving leftover width empty.
+     */
+    sizingMode: GridSizingMode;
+    /**
+     * Sizing style bound to the p-table's `[tableStyle]` — the single lever that distinguishes
+     * Fill from Hug (see GridSizingMode). Applied inline on the PrimeNG table, so it beats
+     * PrimeNG's default `.p-datatable-table { width: 100% }` with no `!important`/`::ng-deep`.
+     * - Fill: default (no forced width; PrimeNG fills the container).
+     * - Hug: `width:auto` shrinks the table to its columns; `max-width:100%` keeps it inside the
+     *   page (overflow scrolls); `min-width:0` avoids any inherited floor.
+     *
+     * Hug + `columnResizeMode="expand"`: dragging a column resizes that column, but `width:auto`
+     * is re-asserted on change detection, so the table itself stays hugged and never expands.
+     */
+    get tableStyle(): {
+        [key: string]: string;
+    };
     rowPerPage: number[];
     pageSize: number;
     entityPrimaryKeyName: string;
@@ -129,6 +149,30 @@ export declare class EditableGridComponent extends TsiInputBase implements OnIni
     getReorderedColumns(columnOrder: string[]): any[];
     resetSelectedColumns(configuration: string): void;
     getState(): TableState | undefined;
+    /**
+     * Shared model for the developer-width / wrapping / resize-priority behavior. Action/button
+     * columns and frozen columns are excluded (frozen columns must keep their sticky-offset
+     * width or later frozen columns misalign); all other columns are eligible.
+     */
+    private readonly columnWidth;
+    /** Remember which column the user resized so its developer-preferred width yields. */
+    onColResize(event: {
+        element?: HTMLElement;
+        delta?: number;
+    }): void;
+    /** Whether a column's content should wrap to stay inside its constrained width. */
+    shouldWrapColumn(col: GridColumn): boolean;
+    /**
+     * Developer size style only, bound via `[ngStyle]` on the header/summary cells alongside
+     * their untouched `[style]="col.style"` (so a string `col.style` is never spread/broken).
+     */
+    getColumnSizeStyle(col: GridColumn): {
+        [key: string]: string;
+    };
+    /** Body `<td>` style: RTL alignment + top-align (eligible cells) + developer size style. */
+    getBodyColumnStyle(col: GridColumn): {
+        [key: string]: any;
+    };
     isDeleteButtonDisabled(item: any): any;
     ngOnDestroy(): void;
     private _onColumnsChanged;
@@ -168,5 +212,5 @@ export declare class EditableGridComponent extends TsiInputBase implements OnIni
     private _cleanGridDataForEmit;
     private _getShadowSearchColumnLabel;
     static ɵfac: i0.ɵɵFactoryDeclaration<EditableGridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EditableGridComponent, "Tsi-Generic-Editable-Grid", never, { "selectedItems": { "alias": "selectedItems"; "required": false; }; "configuration": { "alias": "configuration"; "required": false; }; "key": { "alias": "key"; "required": false; }; "items": { "alias": "items"; "required": false; }; "saveEvent": { "alias": "saveEvent"; "required": false; }; "showGlobalSearch": { "alias": "showGlobalSearch"; "required": false; }; "showAddButton": { "alias": "showAddButton"; "required": false; }; "showDeleteButton": { "alias": "showDeleteButton"; "required": false; }; "showEditButton": { "alias": "showEditButton"; "required": false; }; "showRowSummary": { "alias": "showRowSummary"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "rowPerPage": { "alias": "rowPerPage"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "entityPrimaryKeyName": { "alias": "entityPrimaryKeyName"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "gridData": { "alias": "gridData"; "required": false; }; "isTableLoading": { "alias": "isTableLoading"; "required": false; }; "parent": { "alias": "parent"; "required": false; }; "showSaveButton": { "alias": "showSaveButton"; "required": false; }; "showActionColumn": { "alias": "showActionColumn"; "required": false; }; "enableRowDisabling": { "alias": "enableRowDisabling"; "required": false; }; "rowSummaryConfig": { "alias": "rowSummaryConfig"; "required": false; }; "showHaveSumary": { "alias": "showHaveSumary"; "required": false; }; "showRowSumary": { "alias": "showRowSumary"; "required": false; }; "selectKeyOnly": { "alias": "selectKeyOnly"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "showConsultButton": { "alias": "showConsultButton"; "required": false; }; "editableGridBusinessClass": { "alias": "editableGridBusinessClass"; "required": false; }; "orderColumn": { "alias": "orderColumn"; "required": false; }; "deleteLineButtonDisabled": { "alias": "deleteLineButtonDisabled"; "required": false; }; "showDuplicateButton": { "alias": "showDuplicateButton"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "refreshEventEmitter": "refreshEventEmitter"; "saveDataEventEmitter": "saveDataEventEmitter"; "rowChangedEventEmitter": "rowChangedEventEmitter"; "selectedRowEventEmitter": "selectedRowEventEmitter"; "addedRowEventEmitter": "addedRowEventEmitter"; "focusOutEventEmitter": "focusOutEventEmitter"; "cellChanged": "cellChanged"; "rowDeletedEventEmitter": "rowDeletedEventEmitter"; "selectedItemsChange": "selectedItemsChange"; "onRowSelect": "onRowSelect"; "focusOutRow": "focusOutRow"; "onConsultClicked": "onConsultClicked"; "rowDuplicatedEventEmitter": "rowDuplicatedEventEmitter"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EditableGridComponent, "Tsi-Generic-Editable-Grid", never, { "selectedItems": { "alias": "selectedItems"; "required": false; }; "configuration": { "alias": "configuration"; "required": false; }; "key": { "alias": "key"; "required": false; }; "items": { "alias": "items"; "required": false; }; "saveEvent": { "alias": "saveEvent"; "required": false; }; "showGlobalSearch": { "alias": "showGlobalSearch"; "required": false; }; "showAddButton": { "alias": "showAddButton"; "required": false; }; "showDeleteButton": { "alias": "showDeleteButton"; "required": false; }; "showEditButton": { "alias": "showEditButton"; "required": false; }; "showRowSummary": { "alias": "showRowSummary"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "sizingMode": { "alias": "sizingMode"; "required": false; }; "rowPerPage": { "alias": "rowPerPage"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "entityPrimaryKeyName": { "alias": "entityPrimaryKeyName"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "gridData": { "alias": "gridData"; "required": false; }; "isTableLoading": { "alias": "isTableLoading"; "required": false; }; "parent": { "alias": "parent"; "required": false; }; "showSaveButton": { "alias": "showSaveButton"; "required": false; }; "showActionColumn": { "alias": "showActionColumn"; "required": false; }; "enableRowDisabling": { "alias": "enableRowDisabling"; "required": false; }; "rowSummaryConfig": { "alias": "rowSummaryConfig"; "required": false; }; "showHaveSumary": { "alias": "showHaveSumary"; "required": false; }; "showRowSumary": { "alias": "showRowSumary"; "required": false; }; "selectKeyOnly": { "alias": "selectKeyOnly"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "showConsultButton": { "alias": "showConsultButton"; "required": false; }; "editableGridBusinessClass": { "alias": "editableGridBusinessClass"; "required": false; }; "orderColumn": { "alias": "orderColumn"; "required": false; }; "deleteLineButtonDisabled": { "alias": "deleteLineButtonDisabled"; "required": false; }; "showDuplicateButton": { "alias": "showDuplicateButton"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "refreshEventEmitter": "refreshEventEmitter"; "saveDataEventEmitter": "saveDataEventEmitter"; "rowChangedEventEmitter": "rowChangedEventEmitter"; "selectedRowEventEmitter": "selectedRowEventEmitter"; "addedRowEventEmitter": "addedRowEventEmitter"; "focusOutEventEmitter": "focusOutEventEmitter"; "cellChanged": "cellChanged"; "rowDeletedEventEmitter": "rowDeletedEventEmitter"; "selectedItemsChange": "selectedItemsChange"; "onRowSelect": "onRowSelect"; "focusOutRow": "focusOutRow"; "onConsultClicked": "onConsultClicked"; "rowDuplicatedEventEmitter": "rowDuplicatedEventEmitter"; }, never, never, false, never>;
 }

package/lib/tsi-components/input-components/tsi-rate-input/tsi-rate-input.component.d.ts

@@ -1,16 +1,37 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { EventEmitter } from '@angular/core';
 import { TsiInputBase } from '../../../tsi-base/tsi-input-base/tsi-input-base.component';
 import * as i0 from "@angular/core";
-export declare class TsiRateInputComponent extends TsiInputBase<number | undefined> implements OnInit {
+export declare class TsiRateInputComponent extends TsiInputBase<number | undefined> {
     required?: boolean;
+    /**
+     * Governs how the percentage the user sees/edits relates to the value stored in the model.
+     * The user always reads and types a percentage; this flag only changes what is persisted.
+     *
+     * - false (default): "2 %" on screen is stored as the whole percent `2`.
+     * - true            : "2 %" on screen is stored as the fraction `0.02`.
+     *
+     * Must match the `isFraction` given to the mirror `Tsi-Rate-Display` so the pair
+     * interprets a stored value identically.
+     */
     isFraction?: boolean;
     numOfDecimal?: number;
     newItemEvent: EventEmitter<number>;
     inputFieldChange: EventEmitter<number>;
     private isValueChanged;
-    ngOnInit(): void;
+    /**
+     * The percentage shown in / typed into the p-inputNumber. It is a view-only
+     * projection of the stored model value (`inputField`), converted according to
+     * `isFraction`. The model remains the single source of truth.
+     */
+    get displayValue(): number | undefined;
     valueChanged(event: any): void;
     onChangeofOptions(): void;
+    /** stored model value -> on-screen percentage */
+    private toDisplay;
+    /** on-screen percentage -> stored model value */
+    private toModel;
+    /** Rounds to a fixed number of decimals, guarding against binary-float drift introduced by the x100 conversion. */
+    private round;
     static ɵfac: i0.ɵɵFactoryDeclaration<TsiRateInputComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TsiRateInputComponent, "Tsi-Rate-Input", never, { "required": { "alias": "required"; "required": false; }; "isFraction": { "alias": "isFraction"; "required": false; }; "numOfDecimal": { "alias": "numOfDecimal"; "required": false; }; }, { "newItemEvent": "newItemEvent"; "inputFieldChange": "inputFieldChange"; }, never, never, false, never>;
 }

package/lib/tsi-components/output-components/tsi-generic-grid/tsi-generic-grid.component.d.ts

@@ -21,6 +21,7 @@ import { AppSettingsService } from '../../../services/settings/app-settings.serv
 import { StatusColorService } from '../../../services/status/status-color.service';
 import { Menu } from 'primeng/menu';
 import { ActionPlacement } from '../../../enums/action-placement';
+import { GridSizingMode } from '../../../enums/grid-sizing-mode';
 import { EventSchema } from '../../../models/common/event-schema';
 import * as i0 from "@angular/core";
 export declare class TsiGenericGridComponent implements OnInit, AfterViewInit {
@@ -46,6 +47,28 @@ export declare class TsiGenericGridComponent implements OnInit, AfterViewInit {
     showUploadButton: boolean;
     showNoteButton: boolean;
     showActionButton: boolean;
+    /**
+     * Fill (default): the table stretches to fill its container and auto columns share the
+     * leftover space. Hug: the table shrinks to its columns' size (never wider than the
+     * container), so leftover width stays empty rather than inflating columns.
+     */
+    sizingMode: GridSizingMode;
+    /**
+     * Sizing style bound to the p-table's `[tableStyle]`. This is the single lever that
+     * distinguishes Fill from Hug (see GridSizingMode) — everything else (per-column widths,
+     * wrapping) is identical between modes. Applied inline on the table PrimeNG owns, so it
+     * beats PrimeNG's default `.p-datatable-table { width: 100% }` with no `!important`/`::ng-deep`.
+     * - Fill: keep the 50rem floor and let the table fill its container (width defaults to 100%).
+     * - Hug: `width:auto` shrinks the table to its columns; `min-width:0` drops the floor so a
+     *   narrow table isn't stuck at 50rem; `max-width:100%` keeps it inside the page (overflow scrolls).
+     *
+     * Hug + `columnResizeMode="expand"`: dragging a column resizes that column (PrimeNG's
+     * per-column `!important` rules still win), but `width:auto` is re-asserted on change
+     * detection, so the table itself never expands past its content — it stays hugged by design.
+     */
+    get tableStyle(): {
+        [key: string]: string;
+    };
     onSave: EventEmitter<any>;
     filterMatchMode: typeof FilterMatchMode;
     tooltipPosition: typeof TooltipPosition;
@@ -185,7 +208,6 @@ export declare class TsiGenericGridComponent implements OnInit, AfterViewInit {
     overflowColumnClicked(menu: Menu, event: Event, row: any): void;
     onOverflowActionClicked(row: any, menuItem: MenuItem): void;
     importantColumns: string[];
-    isFirstLoadOfPage: boolean;
     private titleCache;
     constructor(_statusColorService: StatusColorService, _fichierService: FichierService, _htmlTemplateGeneratorService: HtmlTemplateGeneratorService, datePipe: DatePipe, _messageService: TsiNotificationService, localize: LocalizePipe, layoutHelperService: LayoutHelperService, _layoutService: LayoutService, _primengConfig: PrimeNGConfig, appSettingsService: AppSettingsService, _errorResponseManagerService: ErrorResponseManagerService, _injector: EnvironmentInjector, config?: DynamicDialogConfig<any> | undefined, _ref?: DynamicDialogRef<any> | undefined);
     ngAfterViewInit(): void;
@@ -208,6 +230,30 @@ export declare class TsiGenericGridComponent implements OnInit, AfterViewInit {
     resetSelectedColumns(configuration: string): void;
     notInSpecifiedColumn(field: string): boolean;
     isOverflowColumn(field: string): boolean;
+    /**
+     * A column is eligible for a developer-preferred width, wrapping and top-align only
+     * when it is a regular data column. Action/button columns, the synthetic overflow
+     * column, image columns and frozen columns keep their own fixed, predictable size:
+     * frozen columns must keep their sticky-offset width or later frozen columns misalign (UC-7).
+     */
+    private isWidthEligible;
+    /** Shared model for the developer-width / wrapping / resize-priority behavior. */
+    private readonly columnWidth;
+    /** Remember which column the user resized so its developer-preferred width yields (UC-4). */
+    onColResize(event: {
+        element?: HTMLElement;
+        delta?: number;
+    }): void;
+    /** Whether a column's content should wrap to stay inside its constrained width. */
+    shouldWrapColumn(col: GridColumn): boolean;
+    /** Header `<th>` style: column header style merged with the developer size style. */
+    getHeaderColumnStyle(col: GridColumn): {
+        [key: string]: any;
+    };
+    /** Body `<td>` style: column body style + top-align (eligible cells) + developer size style. */
+    getBodyColumnStyle(col: GridColumn): {
+        [key: string]: any;
+    };
     processStickyColumns(columns: GridColumn[]): void;
     getCheckboxStyle(): {
         right: string;
@@ -298,5 +344,5 @@ export declare class TsiGenericGridComponent implements OnInit, AfterViewInit {
     getEventDateCalendar(): EventSchema;
     handlePageChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TsiGenericGridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TsiGenericGridComponent, "Tsi-Generic-Grid", never, { "cudComponent": { "alias": "cudComponent"; "required": false; }; "modalSize": { "alias": "modalSize"; "required": false; }; "showInfoButton": { "alias": "showInfoButton"; "required": false; }; "showDownloadButton": { "alias": "showDownloadButton"; "required": false; }; "showUploadButton": { "alias": "showUploadButton"; "required": false; }; "showNoteButton": { "alias": "showNoteButton"; "required": false; }; "showActionButton": { "alias": "showActionButton"; "required": false; }; "formName": { "alias": "formName"; "required": false; }; "id": { "alias": "id"; "required": false; }; "pagedRequest": { "alias": "pagedRequest"; "required": false; }; "configuration": { "alias": "configuration"; "required": false; }; "page": { "alias": "page"; "required": false; }; "key": { "alias": "key"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "isSearchButtonDisabled": { "alias": "isSearchButtonDisabled"; "required": false; }; "filteredColumns": { "alias": "filteredColumns"; "required": false; }; "gridData": { "alias": "gridData"; "required": false; }; "isTableLoading": { "alias": "isTableLoading"; "required": false; }; "parent": { "alias": "parent"; "required": false; }; "showSearchBox": { "alias": "showSearchBox"; "required": false; }; "showActionColumn": { "alias": "showActionColumn"; "required": false; }; "showHeaderFilters": { "alias": "showHeaderFilters"; "required": false; }; "showFilterButton": { "alias": "showFilterButton"; "required": false; }; "isGridDataPagedInApi": { "alias": "isGridDataPagedInApi"; "required": false; }; "header": { "alias": "header"; "required": false; }; "ShowFilterColumns": { "alias": "ShowFilterColumns"; "required": false; }; "showImportExportButton": { "alias": "showImportExportButton"; "required": false; }; "crudService": { "alias": "crudService"; "required": false; }; "searchFields": { "alias": "searchFields"; "required": false; }; "sortMode": { "alias": "sortMode"; "required": false; }; "filtersHtmlTemplate": { "alias": "filtersHtmlTemplate"; "required": false; }; "presentationSettings": { "alias": "presentationSettings"; "required": false; }; "selectKeyOnly": { "alias": "selectKeyOnly"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "selectedItems": { "alias": "selectedItems"; "required": false; }; "searchOnInit": { "alias": "searchOnInit"; "required": false; }; "showGlobalSearch": { "alias": "showGlobalSearch"; "required": false; }; "showExportButton": { "alias": "showExportButton"; "required": false; }; "showSearchField": { "alias": "showSearchField"; "required": false; }; "showCalenderView": { "alias": "showCalenderView"; "required": false; }; "calenderSchema": { "alias": "calenderSchema"; "required": false; }; "showCardView": { "alias": "showCardView"; "required": false; }; "showKanbanView": { "alias": "showKanbanView"; "required": false; }; "showKanbanViewOfWorkFlowEtat": { "alias": "showKanbanViewOfWorkFlowEtat"; "required": false; }; "page$": { "alias": "page$"; "required": false; }; "checkedByField": { "alias": "checkedByField"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "targetBusinessClass": { "alias": "targetBusinessClass"; "required": false; }; "descriminatorValue": { "alias": "descriminatorValue"; "required": false; }; "businessClass": { "alias": "businessClass"; "required": false; }; "entityInfo": { "alias": "entityInfo"; "required": false; }; }, { "onSave": "onSave"; "editRow": "editRow"; "deleteRow": "deleteRow"; "load": "load"; "buttonColumnClicked": "buttonColumnClicked"; "filtersHtmlTemplateChange": "filtersHtmlTemplateChange"; "selectedItemsChange": "selectedItemsChange"; "searchFieldsValueChanged": "searchFieldsValueChanged"; "calendarEventClick": "calendarEventClick"; "statusFilterChanged": "statusFilterChanged"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TsiGenericGridComponent, "Tsi-Generic-Grid", never, { "cudComponent": { "alias": "cudComponent"; "required": false; }; "modalSize": { "alias": "modalSize"; "required": false; }; "showInfoButton": { "alias": "showInfoButton"; "required": false; }; "showDownloadButton": { "alias": "showDownloadButton"; "required": false; }; "showUploadButton": { "alias": "showUploadButton"; "required": false; }; "showNoteButton": { "alias": "showNoteButton"; "required": false; }; "showActionButton": { "alias": "showActionButton"; "required": false; }; "sizingMode": { "alias": "sizingMode"; "required": false; }; "formName": { "alias": "formName"; "required": false; }; "id": { "alias": "id"; "required": false; }; "pagedRequest": { "alias": "pagedRequest"; "required": false; }; "configuration": { "alias": "configuration"; "required": false; }; "page": { "alias": "page"; "required": false; }; "key": { "alias": "key"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "isSearchButtonDisabled": { "alias": "isSearchButtonDisabled"; "required": false; }; "filteredColumns": { "alias": "filteredColumns"; "required": false; }; "gridData": { "alias": "gridData"; "required": false; }; "isTableLoading": { "alias": "isTableLoading"; "required": false; }; "parent": { "alias": "parent"; "required": false; }; "showSearchBox": { "alias": "showSearchBox"; "required": false; }; "showActionColumn": { "alias": "showActionColumn"; "required": false; }; "showHeaderFilters": { "alias": "showHeaderFilters"; "required": false; }; "showFilterButton": { "alias": "showFilterButton"; "required": false; }; "isGridDataPagedInApi": { "alias": "isGridDataPagedInApi"; "required": false; }; "header": { "alias": "header"; "required": false; }; "ShowFilterColumns": { "alias": "ShowFilterColumns"; "required": false; }; "showImportExportButton": { "alias": "showImportExportButton"; "required": false; }; "crudService": { "alias": "crudService"; "required": false; }; "searchFields": { "alias": "searchFields"; "required": false; }; "sortMode": { "alias": "sortMode"; "required": false; }; "filtersHtmlTemplate": { "alias": "filtersHtmlTemplate"; "required": false; }; "presentationSettings": { "alias": "presentationSettings"; "required": false; }; "selectKeyOnly": { "alias": "selectKeyOnly"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "selectedItems": { "alias": "selectedItems"; "required": false; }; "searchOnInit": { "alias": "searchOnInit"; "required": false; }; "showGlobalSearch": { "alias": "showGlobalSearch"; "required": false; }; "showExportButton": { "alias": "showExportButton"; "required": false; }; "showSearchField": { "alias": "showSearchField"; "required": false; }; "showCalenderView": { "alias": "showCalenderView"; "required": false; }; "calenderSchema": { "alias": "calenderSchema"; "required": false; }; "showCardView": { "alias": "showCardView"; "required": false; }; "showKanbanView": { "alias": "showKanbanView"; "required": false; }; "showKanbanViewOfWorkFlowEtat": { "alias": "showKanbanViewOfWorkFlowEtat"; "required": false; }; "page$": { "alias": "page$"; "required": false; }; "checkedByField": { "alias": "checkedByField"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "targetBusinessClass": { "alias": "targetBusinessClass"; "required": false; }; "descriminatorValue": { "alias": "descriminatorValue"; "required": false; }; "businessClass": { "alias": "businessClass"; "required": false; }; "entityInfo": { "alias": "entityInfo"; "required": false; }; }, { "onSave": "onSave"; "editRow": "editRow"; "deleteRow": "deleteRow"; "load": "load"; "buttonColumnClicked": "buttonColumnClicked"; "filtersHtmlTemplateChange": "filtersHtmlTemplateChange"; "selectedItemsChange": "selectedItemsChange"; "searchFieldsValueChanged": "searchFieldsValueChanged"; "calendarEventClick": "calendarEventClick"; "statusFilterChanged": "statusFilterChanged"; }, never, never, false, never>;
 }

package/lib/tsi-components/output-components/tsi-rate-display/tsi-rate-display.component.d.ts

@@ -3,11 +3,17 @@ import * as i0 from "@angular/core";
 export declare class TsiRateDisplayComponent {
     private _localizationService;
     protected locale: LocaleCode;
+    /**
+     * How to interpret `inputData` as a percentage. Must match the `isFraction`
+     * of the mirror `Tsi-Rate-Input`.
+     * - false (default): `inputData` is a whole percent (`2` shows as "2 %").
+     * - true            : `inputData` is a fraction (`0.02` shows as "2 %").
+     */
     isFraction: boolean;
     inputData?: number;
     numOfDecimal?: number;
     constructor();
-    getToFraction(): number;
+    getToFraction(): number | null;
     getFormat(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TsiRateDisplayComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TsiRateDisplayComponent, "Tsi-Rate-Display", never, { "isFraction": { "alias": "isFraction"; "required": false; }; "inputData": { "alias": "inputData"; "required": false; }; "numOfDecimal": { "alias": "numOfDecimal"; "required": false; }; }, {}, never, never, false, never>;

package/lib/tsi-components/output-components/tsi-view-grid/tsi-view-grid.component.d.ts

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, EventEmitter, OnInit } from '@angular/core';
-import { GridSelectionMode, GridSortMode, TooltipPosition } from '../../../enums';
+import { GridSelectionMode, GridSizingMode, GridSortMode, TooltipPosition } from '../../../enums';
 import { ButtonClickResult, GridColumn, IGridConfiguration, IModalSize } from '../../../interfaces';
 import { IPage, IPagedRequest, ISummaryForProprety } from '../../../interfaces/pagination/pagination-base';
 import { SearchField } from '../../../models';
@@ -64,6 +64,7 @@ export declare class TsiViewGridComponent implements OnInit {
     selectAll: boolean;
     checkedByField: string;
     sortMode: GridSortMode | any;
+    sizingMode: GridSizingMode;
     set searchOnInit(value: boolean);
     get searchOnInit(): boolean;
     summariesChange: EventEmitter<Array<ISummaryForProprety>>;
@@ -98,5 +99,5 @@ export declare class TsiViewGridComponent implements OnInit {
     toggleCalenderView(): void;
     handleCalendarEventClick(item: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TsiViewGridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TsiViewGridComponent, "tsi-view-grid", never, { "columns": { "alias": "columns"; "required": false; }; "gridConfiguration": { "alias": "gridConfiguration"; "required": false; }; "viewComponent": { "alias": "viewComponent"; "required": false; }; "crudService": { "alias": "crudService"; "required": false; }; "header": { "alias": "header"; "required": false; }; "modalSize": { "alias": "modalSize"; "required": false; }; "showConsultButton": { "alias": "showConsultButton"; "required": false; }; "showSearchField": { "alias": "showSearchField"; "required": false; }; "searchFields": { "alias": "searchFields"; "required": false; }; "formEndpoint": { "alias": "formEndpoint"; "required": false; }; "formName": { "alias": "formName"; "required": false; }; "id": { "alias": "id"; "required": false; }; "showImportExportButton": { "alias": "showImportExportButton"; "required": false; }; "targetBusinessClass": { "alias": "targetBusinessClass"; "required": false; }; "getDataFromApi": { "alias": "getDataFromApi"; "required": false; }; "gridData": { "alias": "gridData"; "required": false; }; "isSearchButtonDisabled": { "alias": "isSearchButtonDisabled"; "required": false; }; "selectKeyOnly": { "alias": "selectKeyOnly"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "selectedItems": { "alias": "selectedItems"; "required": false; }; "key": { "alias": "key"; "required": false; }; "showGlobalSearch": { "alias": "showGlobalSearch"; "required": false; }; "showExportButton": { "alias": "showExportButton"; "required": false; }; "showCalenderView": { "alias": "showCalenderView"; "required": false; }; "showHeaderFilters": { "alias": "showHeaderFilters"; "required": false; }; "showFilterButton": { "alias": "showFilterButton"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "checkedByField": { "alias": "checkedByField"; "required": false; }; "sortMode": { "alias": "sortMode"; "required": false; }; "searchOnInit": { "alias": "searchOnInit"; "required": false; }; }, { "summariesChange": "summariesChange"; "selectedItemsChange": "selectedItemsChange"; "buttonColumnClicked": "buttonColumnClicked"; "searchFieldsValueChanged": "searchFieldsValueChanged"; "getAllPagedResultChanged": "getAllPagedResultChanged"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TsiViewGridComponent, "tsi-view-grid", never, { "columns": { "alias": "columns"; "required": false; }; "gridConfiguration": { "alias": "gridConfiguration"; "required": false; }; "viewComponent": { "alias": "viewComponent"; "required": false; }; "crudService": { "alias": "crudService"; "required": false; }; "header": { "alias": "header"; "required": false; }; "modalSize": { "alias": "modalSize"; "required": false; }; "showConsultButton": { "alias": "showConsultButton"; "required": false; }; "showSearchField": { "alias": "showSearchField"; "required": false; }; "searchFields": { "alias": "searchFields"; "required": false; }; "formEndpoint": { "alias": "formEndpoint"; "required": false; }; "formName": { "alias": "formName"; "required": false; }; "id": { "alias": "id"; "required": false; }; "showImportExportButton": { "alias": "showImportExportButton"; "required": false; }; "targetBusinessClass": { "alias": "targetBusinessClass"; "required": false; }; "getDataFromApi": { "alias": "getDataFromApi"; "required": false; }; "gridData": { "alias": "gridData"; "required": false; }; "isSearchButtonDisabled": { "alias": "isSearchButtonDisabled"; "required": false; }; "selectKeyOnly": { "alias": "selectKeyOnly"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "selectedItems": { "alias": "selectedItems"; "required": false; }; "key": { "alias": "key"; "required": false; }; "showGlobalSearch": { "alias": "showGlobalSearch"; "required": false; }; "showExportButton": { "alias": "showExportButton"; "required": false; }; "showCalenderView": { "alias": "showCalenderView"; "required": false; }; "showHeaderFilters": { "alias": "showHeaderFilters"; "required": false; }; "showFilterButton": { "alias": "showFilterButton"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "checkedByField": { "alias": "checkedByField"; "required": false; }; "sortMode": { "alias": "sortMode"; "required": false; }; "sizingMode": { "alias": "sizingMode"; "required": false; }; "searchOnInit": { "alias": "searchOnInit"; "required": false; }; }, { "summariesChange": "summariesChange"; "selectedItemsChange": "selectedItemsChange"; "buttonColumnClicked": "buttonColumnClicked"; "searchFieldsValueChanged": "searchFieldsValueChanged"; "getAllPagedResultChanged": "getAllPagedResultChanged"; }, never, never, false, never>;
 }

package/lib/tsi-components/tsi-generic-crud/tsi-generic-crud.component.d.ts

@@ -3,6 +3,7 @@ import { MenuItem, MessageService } from 'primeng/api';
 import { BehaviorSubject } from 'rxjs';
 import { ButtonType } from '../../enums/button-type.enum';
 import { GridSelectionMode } from '../../enums/grid-selection-mode';
+import { GridSizingMode } from '../../enums/grid-sizing-mode';
 import { TooltipPosition } from '../../enums/tooltipPosition.enum';
 import { ButtonClickResult, GridColumn, IGridConfiguration, IModalSize, IPage, IPagedRequest } from '../../interfaces';
 import { SearchField, workflowInstanceInformationResponse } from '../../models';
@@ -95,6 +96,7 @@ export declare class TsiGenericCrudComponent implements OnInit, AfterContentChec
     searchFields: SearchField[] | undefined;
     calenderSchema: EventSchema | undefined;
     showActionButton: boolean;
+    sizingMode: GridSizingMode;
     selectKeyOnly: boolean;
     selectionMode: GridSelectionMode;
     selectedItems: Array<any>;
@@ -167,5 +169,5 @@ export declare class TsiGenericCrudComponent implements OnInit, AfterContentChec
     initialiseShowKanbanViewOfWorkFlowEtat(): void;
     private getDiscriminator;
     static ɵfac: i0.ɵɵFactoryDeclaration<TsiGenericCrudComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TsiGenericCrudComponent, "Tsi-Generic-Crud", never, { "entityInfo": { "alias": "entityInfo"; "required": false; }; "modalData": { "alias": "modalData"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "gridConfiguration": { "alias": "gridConfiguration"; "required": false; }; "cudComponent": { "alias": "cudComponent"; "required": false; }; "crudService": { "alias": "crudService"; "required": false; }; "header": { "alias": "header"; "required": false; }; "modalSize": { "alias": "modalSize"; "required": false; }; "descriminatorValue": { "alias": "descriminatorValue"; "required": false; }; "presentationSettings": { "alias": "presentationSettings"; "required": false; }; "preventAddEvent": { "alias": "preventAddEvent"; "required": false; }; "formEndpoint": { "alias": "formEndpoint"; "required": false; }; "formName": { "alias": "formName"; "required": false; }; "isSearchButtonDisabled": { "alias": "isSearchButtonDisabled"; "required": false; }; "showHeaderFilters": { "alias": "showHeaderFilters"; "required": false; }; "showEditButton": { "alias": "showEditButton"; "required": false; }; "showDeleteButton": { "alias": "showDeleteButton"; "required": false; }; "showAddButton": { "alias": "showAddButton"; "required": false; }; "showConsultButton": { "alias": "showConsultButton"; "required": false; }; "showUploadButton": { "alias": "showUploadButton"; "required": false; }; "showNoteButton": { "alias": "showNoteButton"; "required": false; }; "showDownloadButton": { "alias": "showDownloadButton"; "required": false; }; "showInfoButton": { "alias": "showInfoButton"; "required": false; }; "showDuplicateButton": { "alias": "showDuplicateButton"; "required": false; }; "showFormButton": { "alias": "showFormButton"; "required": false; }; "showCalenderView": { "alias": "showCalenderView"; "required": false; }; "showCardView": { "alias": "showCardView"; "required": false; }; "showImportFromOutlookButton": { "alias": "showImportFromOutlookButton"; "required": false; }; "showKanbanView": { "alias": "showKanbanView"; "required": false; }; "showKanbanViewOfWorkFlowEtat": { "alias": "showKanbanViewOfWorkFlowEtat"; "required": false; }; "showSearchField": { "alias": "showSearchField"; "required": false; }; "searchFields": { "alias": "searchFields"; "required": false; }; "calenderSchema": { "alias": "calenderSchema"; "required": false; }; "showActionButton": { "alias": "showActionButton"; "required": false; }; "selectKeyOnly": { "alias": "selectKeyOnly"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "selectedItems": { "alias": "selectedItems"; "required": false; }; "key": { "alias": "key"; "required": false; }; "id": { "alias": "id"; "required": false; }; "businessClass": { "alias": "businessClass"; "required": false; }; "searchOnInit": { "alias": "searchOnInit"; "required": false; }; "showGlobalSearch": { "alias": "showGlobalSearch"; "required": false; }; "showExportButton": { "alias": "showExportButton"; "required": false; }; "showReporting": { "alias": "showReporting"; "required": false; }; }, { "selectedItemsChange": "selectedItemsChange"; "searchFieldsValueChanged": "searchFieldsValueChanged"; "buttonColumnClicked": "buttonColumnClicked"; "onImportFromOutlookClicked": "onImportFromOutlookClicked"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TsiGenericCrudComponent, "Tsi-Generic-Crud", never, { "entityInfo": { "alias": "entityInfo"; "required": false; }; "modalData": { "alias": "modalData"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "gridConfiguration": { "alias": "gridConfiguration"; "required": false; }; "cudComponent": { "alias": "cudComponent"; "required": false; }; "crudService": { "alias": "crudService"; "required": false; }; "header": { "alias": "header"; "required": false; }; "modalSize": { "alias": "modalSize"; "required": false; }; "descriminatorValue": { "alias": "descriminatorValue"; "required": false; }; "presentationSettings": { "alias": "presentationSettings"; "required": false; }; "preventAddEvent": { "alias": "preventAddEvent"; "required": false; }; "formEndpoint": { "alias": "formEndpoint"; "required": false; }; "formName": { "alias": "formName"; "required": false; }; "isSearchButtonDisabled": { "alias": "isSearchButtonDisabled"; "required": false; }; "showHeaderFilters": { "alias": "showHeaderFilters"; "required": false; }; "showEditButton": { "alias": "showEditButton"; "required": false; }; "showDeleteButton": { "alias": "showDeleteButton"; "required": false; }; "showAddButton": { "alias": "showAddButton"; "required": false; }; "showConsultButton": { "alias": "showConsultButton"; "required": false; }; "showUploadButton": { "alias": "showUploadButton"; "required": false; }; "showNoteButton": { "alias": "showNoteButton"; "required": false; }; "showDownloadButton": { "alias": "showDownloadButton"; "required": false; }; "showInfoButton": { "alias": "showInfoButton"; "required": false; }; "showDuplicateButton": { "alias": "showDuplicateButton"; "required": false; }; "showFormButton": { "alias": "showFormButton"; "required": false; }; "showCalenderView": { "alias": "showCalenderView"; "required": false; }; "showCardView": { "alias": "showCardView"; "required": false; }; "showImportFromOutlookButton": { "alias": "showImportFromOutlookButton"; "required": false; }; "showKanbanView": { "alias": "showKanbanView"; "required": false; }; "showKanbanViewOfWorkFlowEtat": { "alias": "showKanbanViewOfWorkFlowEtat"; "required": false; }; "showSearchField": { "alias": "showSearchField"; "required": false; }; "searchFields": { "alias": "searchFields"; "required": false; }; "calenderSchema": { "alias": "calenderSchema"; "required": false; }; "showActionButton": { "alias": "showActionButton"; "required": false; }; "sizingMode": { "alias": "sizingMode"; "required": false; }; "selectKeyOnly": { "alias": "selectKeyOnly"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "selectedItems": { "alias": "selectedItems"; "required": false; }; "key": { "alias": "key"; "required": false; }; "id": { "alias": "id"; "required": false; }; "businessClass": { "alias": "businessClass"; "required": false; }; "searchOnInit": { "alias": "searchOnInit"; "required": false; }; "showGlobalSearch": { "alias": "showGlobalSearch"; "required": false; }; "showExportButton": { "alias": "showExportButton"; "required": false; }; "showReporting": { "alias": "showReporting"; "required": false; }; }, { "selectedItemsChange": "selectedItemsChange"; "searchFieldsValueChanged": "searchFieldsValueChanged"; "buttonColumnClicked": "buttonColumnClicked"; "onImportFromOutlookClicked": "onImportFromOutlookClicked"; }, never, never, false, never>;
 }

package/lib/tsi-helpers/column-width.controller.d.ts

@@ -0,0 +1,67 @@
+import { GridColumn } from '../interfaces';
+/**
+ * Single source of truth for the grid column-width feature, shared by every grid
+ * (`TsiGenericGridComponent`, `EditableGridComponent`, ...) so the sizing rules never
+ * drift between them.
+ *
+ * Width priority, highest to lowest: (1) the end user's width — a remembered layout
+ * or an in-session resize, (2) the developer-preferred width, (3) automatic sizing.
+ * Tier (1) is applied by PrimeNG with `!important`; this controller only decides whether
+ * the developer width is emitted at all — it yields entirely once the user has taken
+ * control, letting PrimeNG's rules win.
+ *
+ * Eligibility (which columns may receive a developer width / wrapping / top-align) is
+ * grid-specific and injected, so each grid keeps its own exclusion set (UC-7).
+ */
+export declare class ColumnWidthController {
+    private readonly isEligible;
+    /** True once a saved layout carrying per-column widths has been restored. */
+    private hasRememberedWidths;
+    /** Fields the end user has manually resized during this session. */
+    private readonly userSizedFields;
+    constructor(isEligible: (col: GridColumn) => boolean);
+    /**
+     * Record whether a restored layout carried the user's remembered column widths.
+     * PrimeNG's `TableState.columnWidths` is a comma-separated string; an array is also
+     * accepted. Either way an empty/absent value means "no remembered widths".
+     */
+    setRemembered(columnWidths: string | unknown[] | null | undefined): void;
+    /** Remember a column the user just resized so its developer-preferred width yields. */
+    onResize(field: string | null | undefined): void;
+    /**
+     * Forget all end-user width choices (session resizes + remembered layout), so the
+     * developer-preferred widths take over again. Call when resetting a grid to its default
+     * layout; `setRemembered` is expected to run afterwards to re-seed from the reset config.
+     */
+    reset(): void;
+    /**
+     * The developer-preferred width as an inline style, or `{}` when it must not apply.
+     * A pinnable length (see `isPinnableCssSize`) is pinned with equal
+     * `width`/`min-width`/`max-width` so content can't collapse or grow the column; a
+     * non-pinnable value (`%`, `calc()`, keyword) degrades to a plain `width` preference.
+     */
+    sizeStyle(col: GridColumn): {
+        [key: string]: string;
+    };
+    /**
+     * Whether a column's content should wrap to stay inside its width. True for any
+     * eligible column with a constrained width — developer-preferred, user-resized, or
+     * restored from a saved layout — regardless of which one currently drives the size.
+     */
+    shouldWrap(col: GridColumn): boolean;
+    /**
+     * Top-align for eligible data cells, so short cells line up with the first line of a
+     * wrapped/multi-line cell in the same (now taller) row. Ineligible columns (per the
+     * injected predicate — e.g. action/button/image) get `{}` and keep their default
+     * centered alignment.
+     */
+    verticalAlign(col: GridColumn): {
+        [key: string]: string;
+    };
+    /**
+     * The developer width may drive the column only while the user has not taken control
+     * (no remembered layout, no in-session resize) and the column is eligible. Whether a
+     * usable width actually exists is checked by the caller, which resolves it once.
+     */
+    private developerControls;
+}

package/lib/tsi-helpers/grid-col-style.helper.d.ts

@@ -1,5 +1,16 @@
-export declare class GridColumnStyleHelper {
-    static createWidthStyle(widthUnit?: string, width?: number | null, minWidth?: number | null, maxWidth?: number | null): {
-        width: string;
-    };
-}
+/**
+ * Resolves a developer-supplied column width into a CSS length string.
+ * - a bare `number` is interpreted as `rem` (the natural default)
+ * - a `string` is used verbatim (any explicit CSS unit/keyword: px, %, rem, calc(), fit-content, ...)
+ * Returns `undefined` when no usable width is provided, so callers can skip the binding entirely.
+ */
+export declare function resolveCssSize(width?: number | string | null): string | undefined;
+/**
+ * Whether a resolved CSS size can be used as a hard column floor (min-width) and to
+ * cap/wrap the column. True only for definite absolute/viewport lengths (`px`, `rem`,
+ * `vw`, ...). False for percentages, `calc()`, and keywords (`auto`, `fit-content`, ...):
+ * in a scrollable auto-layout table their base isn't definite, so pinning them collapses
+ * the column to its `break-word` min-content (one character). Such widths degrade to a
+ * plain `width` preference with no pin and no forced wrap.
+ */
+export declare function isPinnableCssSize(resolved?: string | null): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsi-developpement/tsi-shared-ui",
-  "version": "1.9.2",
+  "version": "1.9.4",
   "author": "TSI",
   "license": "MIT",
   "peerDependencies": {

package/esm2022/lib/enums/css-units.mjs

@@ -1,10 +0,0 @@
-export var CSSUnits;
-(function (CSSUnits) {
-    CSSUnits["PRECENT"] = "%";
-    CSSUnits["EM"] = "em";
-    CSSUnits["REM"] = "rem";
-    CSSUnits["PX"] = "px";
-    CSSUnits["VH"] = "vh";
-    CSSUnits["VW"] = "vw";
-})(CSSUnits || (CSSUnits = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3NzLXVuaXRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHNpLXNoYXJlZC11aS9zcmMvbGliL2VudW1zL2Nzcy11bml0cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQU4sSUFBWSxRQU9YO0FBUEQsV0FBWSxRQUFRO0lBQ2hCLHlCQUFhLENBQUE7SUFDYixxQkFBUyxDQUFBO0lBQ1QsdUJBQVcsQ0FBQTtJQUNYLHFCQUFTLENBQUE7SUFDVCxxQkFBUyxDQUFBO0lBQ1QscUJBQVMsQ0FBQTtBQUNiLENBQUMsRUFQVyxRQUFRLEtBQVIsUUFBUSxRQU9uQiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBlbnVtIENTU1VuaXRzIHtcclxuICAgIFBSRUNFTlQgPSBcIiVcIixcclxuICAgIEVNID0gXCJlbVwiLFxyXG4gICAgUkVNID0gXCJyZW1cIixcclxuICAgIFBYID0gXCJweFwiLFxyXG4gICAgVkggPSBcInZoXCIsXHJcbiAgICBWVyA9IFwidndcIlxyXG59XHJcbiJdfQ==

package/esm2022/lib/interfaces/styles/css-size-property.mjs

@@ -1,17 +0,0 @@
-import { CSSUnits } from "../../enums/css-units";
-export class CSSSizeProperty {
-    getCSSValue() {
-        if (this.value && this.unit)
-            return this.value.toString() + this.unit;
-        return "";
-    }
-    /**
-     *
-     */
-    constructor(value, unit) {
-        this.unit = CSSUnits.PX;
-        this.value = value;
-        this.unit = unit;
-    }
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3NzLXNpemUtcHJvcGVydHkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90c2ktc2hhcmVkLXVpL3NyYy9saWIvaW50ZXJmYWNlcy9zdHlsZXMvY3NzLXNpemUtcHJvcGVydHkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRWpELE1BQU0sT0FBTyxlQUFlO0lBR2pCLFdBQVc7UUFDZCxJQUFHLElBQUksQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLElBQUk7WUFDMUIsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFBRSxHQUFDLElBQUksQ0FBQyxJQUFJLENBQUM7UUFDdEMsT0FBUSxFQUFFLENBQUM7SUFDWixDQUFDO0lBQ0w7O09BRUc7SUFDSCxZQUFZLEtBQWMsRUFBRSxJQUFjO1FBVG5DLFNBQUksR0FBZSxRQUFRLENBQUMsRUFBRSxDQUFDO1FBVWxDLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ25CLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO0lBQ3JCLENBQUM7Q0FDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENTU1VuaXRzIH0gZnJvbSBcIi4uLy4uL2VudW1zL2Nzcy11bml0c1wiO1xyXG5cclxuZXhwb3J0IGNsYXNzIENTU1NpemVQcm9wZXJ0eXtcclxuICAgIHB1YmxpYyB2YWx1ZT8gOiBudW1iZXI7XHJcbiAgICBwdWJsaWMgdW5pdCA/OiBDU1NVbml0cyA9IENTU1VuaXRzLlBYO1xyXG4gICAgcHVibGljIGdldENTU1ZhbHVlKCk6IHN0cmluZ3tcclxuICAgICAgICBpZih0aGlzLnZhbHVlICYmIHRoaXMudW5pdClcclxuICAgICAgICByZXR1cm4gdGhpcy52YWx1ZS50b1N0cmluZygpK3RoaXMudW5pdDtcclxuICAgICAgICAgcmV0dXJuICBcIlwiO1xyXG4gICAgICAgIH1cclxuICAgIC8qKlxyXG4gICAgICpcclxuICAgICAqL1xyXG4gICAgY29uc3RydWN0b3IodmFsdWUgOiBudW1iZXIsIHVuaXQ6IENTU1VuaXRzKSB7XHJcbiAgICAgICAgdGhpcy52YWx1ZSA9IHZhbHVlO1xyXG4gICAgICAgIHRoaXMudW5pdCA9IHVuaXQ7ICAgICAgICBcclxuICAgIH1cclxufSJdfQ==

package/lib/enums/css-units.d.ts

@@ -1,8 +0,0 @@
-export declare enum CSSUnits {
-    PRECENT = "%",
-    EM = "em",
-    REM = "rem",
-    PX = "px",
-    VH = "vh",
-    VW = "vw"
-}

package/lib/interfaces/styles/css-size-property.d.ts

@@ -1,10 +0,0 @@
-import { CSSUnits } from "../../enums/css-units";
-export declare class CSSSizeProperty {
-    value?: number;
-    unit?: CSSUnits;
-    getCSSValue(): string;
-    /**
-     *
-     */
-    constructor(value: number, unit: CSSUnits);
-}