@lucca-front/ng 21.3.1-rc.1 → 21.3.1-rc.3

package/schematics/lu-grid/migration.utils.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseCssCustomProperties = parseCssCustomProperties;
+exports.extractGridColumnInputs = extractGridColumnInputs;
+exports.isNeutralElement = isNeutralElement;
+// --- CSS custom properties helpers ---
+function parseCssCustomProperties(style) {
+    const result = {};
+    style.split(';').map((p) => p.trim()).filter(Boolean).forEach((part) => {
+        const colonIdx = part.indexOf(':');
+        if (colonIdx === -1) {
+            return;
+        }
+        const prop = part.substring(0, colonIdx).trim();
+        const value = part.substring(colonIdx + 1).trim();
+        result[prop] = value;
+    });
+    return result;
+}
+// CSS custom properties that map directly to GridColumnComponent inputs
+const GRID_COLUMN_DIRECT_PROPS = {
+    '--grid-colspan': 'colspan',
+    '--grid-rowspan': 'rowspan',
+    '--grid-column': 'column',
+    '--grid-row': 'row',
+    '--grid-justify': 'justify',
+    '--grid-align': 'align',
+};
+// Prefix for responsive CSS custom properties
+const RESPONSIVE_PREFIX = '--grid-';
+function extractGridColumnInputs(style) {
+    const cssProps = parseCssCustomProperties(style);
+    const inputs = {};
+    const responsive = {};
+    const remaining = [];
+    for (const [prop, value] of Object.entries(cssProps)) {
+        if (GRID_COLUMN_DIRECT_PROPS[prop]) {
+            inputs[GRID_COLUMN_DIRECT_PROPS[prop]] = value;
+        }
+        else if (prop.startsWith(RESPONSIVE_PREFIX) && prop.includes('AtMedia')) {
+            // e.g. --grid-colspanAtMediaMinXS → colspanAtMediaMinXS
+            const key = prop.substring(RESPONSIVE_PREFIX.length);
+            responsive[key] = value;
+        }
+        else if (prop.startsWith('--grid-')) {
+            // Unknown grid property — drop it (it was grid-specific)
+        }
+        else {
+            remaining.push(`${prop}: ${value}`);
+        }
+    }
+    if (Object.keys(responsive).length > 0) {
+        inputs.responsive = responsive;
+    }
+    return { inputs, remainingStyle: remaining.join('; ') };
+}
+const NEUTRAL_HTML_ELEMENTS = ['div', 'span', 'section'];
+function isNeutralElement(name) {
+    return NEUTRAL_HTML_ELEMENTS.includes(name);
+}

package/types/lucca-front-ng-core-select-department.d.ts

@@ -19,12 +19,13 @@ declare class NoopTreeSelectDirective<T extends TreeNode<any>, V> implements Tre
 
 declare class LuCoreSelectDepartmentsDirective<T extends ILuDepartment = ILuDepartment> extends ALuCoreSelectApiDirective<TreeNode<T>> implements OnInit, CoreSelectApiTotalCountProvider {
     protected httpClient: HttpClient;
-    url: _angular_core.InputSignal<string>;
-    filters: _angular_core.InputSignal<Record<string, string | number | boolean>>;
-    operationIds: _angular_core.InputSignal<readonly number[]>;
-    uniqueOperationIds: _angular_core.InputSignal<readonly number[]>;
-    appInstanceId: _angular_core.InputSignal<number>;
-    searchDelimiter: _angular_core.InputSignal<string>;
+    readonly url: _angular_core.InputSignal<string>;
+    readonly countUrl: _angular_core.InputSignal<string>;
+    readonly filters: _angular_core.InputSignal<Record<string, string | number | boolean>>;
+    readonly operationIds: _angular_core.InputSignal<readonly number[]>;
+    readonly uniqueOperationIds: _angular_core.InputSignal<readonly number[]>;
+    readonly appInstanceId: _angular_core.InputSignal<number>;
+    readonly searchDelimiter: _angular_core.InputSignal<string>;
     ngOnInit(): void;
     protected buildOptions(): Observable<TreeNode<T>[]>;
     protected getOptionsPage(params: Record<string, string | number | boolean> | null, page: number): Observable<{
@@ -33,12 +34,12 @@ declare class LuCoreSelectDepartmentsDirective<T extends ILuDepartment = ILuDepa
     }>;
     protected getOptions(params: Record<string, string | number | boolean> | null): Observable<TreeNode<T>[]>;
     trim(options: TreeNode<T>[], clue: string): TreeNode<T>[];
-    protected params$: Observable<Record<string, string | number | boolean>>;
-    totalCount$: Observable<number>;
+    protected readonly params$: Observable<Record<string, string | number | boolean>>;
+    readonly totalCount$: Observable<number>;
     protected flattenTree(branch: TreeNode<T>): T[];
     protected optionKey: (option: TreeNode<T> | T) => number;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuCoreSelectDepartmentsDirective<any>, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LuCoreSelectDepartmentsDirective<any>, "lu-simple-select[departments],lu-multi-select[departments]", ["luDepartments"], { "url": { "alias": "url"; "required": false; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "operationIds": { "alias": "operationIds"; "required": false; "isSignal": true; }; "uniqueOperationIds": { "alias": "uniqueOperationIds"; "required": false; "isSignal": true; }; "appInstanceId": { "alias": "appInstanceId"; "required": false; "isSignal": true; }; "searchDelimiter": { "alias": "searchDelimiter"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof NoopTreeSelectDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LuCoreSelectDepartmentsDirective<any>, "lu-simple-select[departments],lu-multi-select[departments]", ["luDepartments"], { "url": { "alias": "url"; "required": false; "isSignal": true; }; "countUrl": { "alias": "countUrl"; "required": false; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "operationIds": { "alias": "operationIds"; "required": false; "isSignal": true; }; "uniqueOperationIds": { "alias": "uniqueOperationIds"; "required": false; "isSignal": true; }; "appInstanceId": { "alias": "appInstanceId"; "required": false; "isSignal": true; }; "searchDelimiter": { "alias": "searchDelimiter"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof NoopTreeSelectDirective; inputs: {}; outputs: {}; }]>;
 }
 
 interface LuCoreSelectLegalUnit extends ILuApiItem {

package/types/lucca-front-ng-core.d.ts

@@ -177,6 +177,25 @@ declare const isNotNil: <T>(value: T) => value is NonNullable<T>;
 declare const isNilOrEmptyString: (str: string | Nil) => str is Nil | "";
 declare const isNotNilOrEmptyString: (str: string | Nil) => str is string;
 
+/**
+ * Reads the `--commons-pushPanel-inlineSize` design token — the inline-end space reserved for a
+ * docked panel that shrinks the page content — from the document root, in pixels.
+ * Returns 0 when the token is unset or cannot be parsed as a pixel length.
+ */
+declare function getPushPanelInlineSize(element: Element): number;
+/**
+ * Builds a per-side viewport margin for a CDK `FlexibleConnectedPositionStrategy` so connected
+ * overlays (popovers, tooltips, selects…) are pushed out of the reserved pushPanel zone on the
+ * inline-end instead of overflowing into it. `base` is added to every side so an existing uniform
+ * margin is preserved.
+ */
+declare function getPushPanelViewportMargin(element: Element, base?: number): {
+    start: number;
+    end: number;
+    top: number;
+    bottom: number;
+};
+
 type PortalContent<T = unknown> = string | TemplateRef<T> | Type<unknown>;
 declare const PORTAL_CONTEXT: InjectionToken<unknown>;
 
@@ -290,5 +309,5 @@ interface ILuTree<T> {
     disabled?: boolean;
 }
 
-export { ALuDateAdapter, ALuOnCloseSubscriber, ALuOnOpenSubscriber, ALuOnScrollBottomSubscriber, ELuDateGranularity, IntlParamsPipe, LOCALE_PLURAL_RULES, LU_NATIVE_DATE_ADAPTER_OPTIONS, LuNativeDateAdapter, LuStringDateAdapter, LuTypeGuardPipe, PORTAL_CONTEXT, PortalDirective, defaultBreakpoints, generateId, getIntl, getIntlPluralLabel, intlInputOptions, isNil, isNilOrEmptyString, isNotNil, isNotNilOrEmptyString, isRouterLinkParam, luDefaultNativeDateAdapterOptions, ɵeffectWithDeps };
+export { ALuDateAdapter, ALuOnCloseSubscriber, ALuOnOpenSubscriber, ALuOnScrollBottomSubscriber, ELuDateGranularity, IntlParamsPipe, LOCALE_PLURAL_RULES, LU_NATIVE_DATE_ADAPTER_OPTIONS, LuNativeDateAdapter, LuStringDateAdapter, LuTypeGuardPipe, PORTAL_CONTEXT, PortalDirective, defaultBreakpoints, generateId, getIntl, getIntlPluralLabel, getPushPanelInlineSize, getPushPanelViewportMargin, intlInputOptions, isNil, isNilOrEmptyString, isNotNil, isNotNilOrEmptyString, isRouterLinkParam, luDefaultNativeDateAdapterOptions, ɵeffectWithDeps };
 export type { At, Breakpoint, EffectWithDepsInput, EnumValue, ILuDateAdapter, ILuGroup, ILuNativeDateAdapterOptions, ILuOnCloseSubscriber, ILuOnOpenSubscriber, ILuOnScrollBottomSubscriber, ILuTranslation, ILuTree, LuDateGranularity, LuPluralForms, LuTranslation, PortalContent, ResponsiveConfig, ResponsiveProperty, RouterLinkParam };

package/types/lucca-front-ng-file-upload.d.ts

@@ -26,6 +26,7 @@ interface LuFileUploadLabel {
     all: string;
     file: string;
     download: string;
+    preview: string;
     downloadFile: string;
     delete: string;
     deleteFile: string;
@@ -100,6 +101,7 @@ declare class FileEntryComponent {
     readonly size: _angular_core.InputSignal<"S">;
     readonly iconOverride: _angular_core.InputSignal<string>;
     readonly downloadURL: _angular_core.InputSignal<string>;
+    readonly openInNewTab: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly password: _angular_core.InputSignal<string>;
     passwordChange$: Subject<string>;
     passwordChange: _angular_core.OutputRef<string>;
@@ -120,7 +122,7 @@ declare class FileEntryComponent {
         [x: string]: boolean;
     }>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FileEntryComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileEntryComponent, "lu-file-entry", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "displayFileName": { "alias": "displayFileName"; "required": false; "isSignal": true; }; "inlineMessageError": { "alias": "inlineMessageError"; "required": false; "isSignal": true; }; "entry": { "alias": "entry"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "iconOverride": { "alias": "iconOverride"; "required": false; "isSignal": true; }; "downloadURL": { "alias": "downloadURL"; "required": false; "isSignal": true; }; "password": { "alias": "password"; "required": false; "isSignal": true; }; "media": { "alias": "media"; "required": false; "isSignal": true; }; "previewUrl": { "alias": "previewUrl"; "required": false; "isSignal": true; }; }, { "passwordChange": "passwordChange"; "deleteFile": "deleteFile"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileEntryComponent, "lu-file-entry", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "displayFileName": { "alias": "displayFileName"; "required": false; "isSignal": true; }; "inlineMessageError": { "alias": "inlineMessageError"; "required": false; "isSignal": true; }; "entry": { "alias": "entry"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "iconOverride": { "alias": "iconOverride"; "required": false; "isSignal": true; }; "downloadURL": { "alias": "downloadURL"; "required": false; "isSignal": true; }; "openInNewTab": { "alias": "openInNewTab"; "required": false; "isSignal": true; }; "password": { "alias": "password"; "required": false; "isSignal": true; }; "media": { "alias": "media"; "required": false; "isSignal": true; }; "previewUrl": { "alias": "previewUrl"; "required": false; "isSignal": true; }; }, { "passwordChange": "passwordChange"; "deleteFile": "deleteFile"; }, never, never, true, never>;
 }
 
 /**

package/types/lucca-front-ng-highlight-data.d.ts

@@ -12,7 +12,7 @@ declare const HIGHLIGHT_DATA_SIZE: readonly ["XS", "S", "M"];
 type HighlightDataSize = (typeof HIGHLIGHT_DATA_SIZE)[number];
 declare const HIGHLIGHT_DATA_BUBBLE: readonly [1, 2, 3, 4];
 type HighlightDataBubble = (typeof HIGHLIGHT_DATA_BUBBLE)[number];
-declare const HIGHLIGHT_DATA_ILLUSTRATION: readonly ["calculator", "calendar", "cleemy-card", "coffee", "headphone", "mail", "magnifying-glass", "medallon", "piggy-bank", "polaroid-female", "polaroid-male", "polaroids"];
+declare const HIGHLIGHT_DATA_ILLUSTRATION: readonly ["calculator", "calendar", "cleemy-card", "coffee", "headphone", "mail", "magnifying-glass", "medallon", "piggy-bank", "polaroid-female", "polaroid-male", "polaroids", "post-it-success", "post-it-warning"];
 type HighlightDataIllustration = (typeof HIGHLIGHT_DATA_ILLUSTRATION)[number] | 'manifying-glass';
 
 declare class HighlightDataComponent {

package/types/lucca-front-ng-input.d.ts

@@ -1,6 +1,6 @@
 import { Observable } from 'rxjs';
 import * as i0 from '@angular/core';
-import { EventEmitter, ViewRef, TemplateRef, OnInit, ElementRef, Renderer2, ChangeDetectorRef } from '@angular/core';
+import { EventEmitter, ViewRef, TemplateRef, OnInit, ElementRef, Renderer2, DestroyRef, ChangeDetectorRef } from '@angular/core';
 import { NgControl, ControlValueAccessor } from '@angular/forms';
 
 interface ILuClearer<T> {
@@ -76,6 +76,7 @@ declare class LuInputDirective implements OnInit {
     protected _elementRef: ElementRef;
     protected _renderer: Renderer2;
     protected _ngControl: NgControl;
+    protected _destroyRef: DestroyRef;
     constructor(_elementRef: ElementRef, _renderer: Renderer2, _ngControl: NgControl);
     protected isEmpty(value: any): boolean;
     protected applyClasses(value: any): void;

package/types/lucca-front-ng-sortable-list.d.ts

@@ -1,10 +1,11 @@
 import * as _angular_core from '@angular/core';
+import { PortalContent } from '@lucca-front/ng/core';
 
 declare class SortableListItemComponent {
     /**
      * Changes the text displayed by the sortable list item
      */
-    label: _angular_core.InputSignal<string>;
+    label: _angular_core.InputSignal<PortalContent>;
     /**
      * Adds descriptive help text below the label
      */

package/types/lucca-front-ng-title.d.ts

@@ -35,6 +35,7 @@ declare class LuTitleService {
     private router;
     private title;
     private translateService;
+    private destroyRef;
     private titlePartsSubject;
     titleParts$: rxjs.Observable<(string | ObservableInput<string>)[]>;
     title$: rxjs.Observable<string>;