@lucca-front/ng 21.4.0 → 21.4.1

package/schematics/class-prefix/migration.spec.js

@@ -47,7 +47,7 @@ describe('Class prefix Migration', () => {
         const expectedTree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.output.');
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'class-prefix', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'class-prefix', { skipInstall: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console
@@ -69,7 +69,7 @@ describe('Class prefix Migration', () => {
         const treeOriginalTree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         const tree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         // Act
-        await (0, lib_1.runSchematic)('collection', collectionPath, 'class-prefix', { skipInstallation: true }, tree);
+        await (0, lib_1.runSchematic)('collection', collectionPath, 'class-prefix', { skipInstall: true }, tree);
         // Assert
         tree.visit((p, entry) => {
             const original = treeOriginalTree.get(p)?.content.toString() || '';

package/schematics/color-text/migration.spec.js

@@ -47,7 +47,7 @@ describe('Color Text Migration', () => {
         const expectedTree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.output.');
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'color-text', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'color-text', { skipInstall: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console
@@ -69,7 +69,7 @@ describe('Color Text Migration', () => {
         const treeOriginalTree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         const tree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         // Act
-        await (0, lib_1.runSchematic)('collection', collectionPath, 'color-text', { skipInstallation: true }, tree);
+        await (0, lib_1.runSchematic)('collection', collectionPath, 'color-text', { skipInstall: true }, tree);
         // Assert
         tree.visit((p, entry) => {
             const original = treeOriginalTree.get(p)?.content.toString() || '';

package/schematics/component-path/migration.spec.js

@@ -47,7 +47,7 @@ describe('Component path Migration', () => {
         const expectedTree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.output.');
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'component-path', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'component-path', { skipInstall: true }, tree);
         }
         catch (error) {
             //eslint-disable-next-line no-console
@@ -69,7 +69,7 @@ describe('Component path Migration', () => {
         const treeOriginalTree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         const tree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         // Act
-        await (0, lib_1.runSchematic)('collection', collectionPath, 'component-path', { skipInstallation: true }, tree);
+        await (0, lib_1.runSchematic)('collection', collectionPath, 'component-path', { skipInstall: true }, tree);
         // Assert
         tree.visit((p, entry) => {
             const original = treeOriginalTree.get(p)?.content.toString() || '';

package/schematics/deprecated-resolver/migration.spec.js

@@ -46,7 +46,7 @@ describe('Deprecated Resolver Migration', () => {
         const expectedTree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.output.');
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'deprecated-resolver', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'deprecated-resolver', { skipInstall: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console

package/schematics/empty-state-title/migration.spec.js

@@ -46,7 +46,7 @@ describe('Empty state title migration', () => {
         const expectedTree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.output.');
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'empty-state-heading', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'empty-state-heading', { skipInstall: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console

package/schematics/lib/migration-test.js

@@ -48,7 +48,12 @@ function expectTree(tree) {
                     expect(stripLastNewLine(actualContent)).toEqual(stripLastNewLine(expectedContent));
                 }
                 catch (error) {
-                    throw error instanceof Error ? new Error(`Expected file content to match for ${path}: \n${error.message}`) : error;
+                    if (error instanceof Error) {
+                        // Mutate the message in place (rather than re-throwing a new Error) so the original
+                        // stack trace and Vitest's expected/actual diff properties are preserved.
+                        error.message = `Expected file content to match for ${path}: \n${error.message}`;
+                    }
+                    throw error;
                 }
             });
             // Ensure all files in expected tree exist in actual tree

package/schematics/lu-button/migration.spec.js

@@ -44,7 +44,7 @@ describe('luButton Migration', () => {
         const expectedTree = (0, lib_1.createTreeFromFolder)(path.join(testsRoot, 'output'));
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'lu-button', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'lu-button', { skipInstall: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console

package/schematics/lu-container/migration.spec.js

@@ -44,7 +44,7 @@ describe('lu-container Migration', () => {
         const expectedTree = (0, lib_1.createTreeFromFolder)(path.join(testsRoot, 'output'));
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'lu-container', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'lu-container', { skipInstall: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console

package/schematics/lu-grid/migration.js

@@ -158,22 +158,37 @@ function gridHasNonNeutralColumnChildren(node) {
         return !!childClasses?.match(/(^|\s)grid-column(\s|$)/);
     });
 }
+// A grid is migratable only when the migration can be fully carried out. If any
+// class other than `grid`/`mod-auto`/`mod-form` would remain on the element, the
+// migration is considered incomplete: we leave the grid — and therefore its
+// `grid-column` children — untouched for manual review.
+// This is the single source of truth for both grid and grid-column finders so a
+// `grid-column` is never migrated without its parent grid being migrated too.
+function isMigratableGrid(node) {
+    if (!(0, lib_1.isInterestingNode)(node) || !(0, migration_utils_1.isNeutralElement)(node.name)) {
+        return false;
+    }
+    const classes = node.attributes.find((attr) => attr.name === 'class')?.value;
+    if (!classes?.match(/(^|\s)grid(\s|$)/)) {
+        return false;
+    }
+    if (gridHasNonNeutralColumnChildren(node)) {
+        return false;
+    }
+    // Any leftover class means the migration would keep a `class=` attribute → skip.
+    const extraClasses = classes.split(' ').filter((c) => c && c !== 'grid' && c !== 'mod-auto' && c !== 'mod-form');
+    return extraClasses.length === 0;
+}
 function findHTMLGrids(sourceFile, basePath, tree) {
     const results = [];
     const ngTemplates = (0, lib_1.extractNgTemplatesIncludingHtml)(sourceFile, tree, basePath);
     ngTemplates.forEach((template) => {
         const htmlAst = new lib_1.HtmlAst(template.content);
         htmlAst.visitNodes((node) => {
-            if (!(0, lib_1.isInterestingNode)(node) || !(0, migration_utils_1.isNeutralElement)(node.name)) {
-                return;
-            }
-            const classes = node.attributes.find((attr) => attr.name === 'class')?.value;
-            if (!classes?.match(/(^|\s)grid(\s|$)/)) {
-                return;
-            }
-            if (gridHasNonNeutralColumnChildren(node)) {
+            if (!isMigratableGrid(node)) {
                 return;
             }
+            const classes = node.attributes.find((attr) => attr.name === 'class')?.value || '';
             const styleAttr = node.attributes.find((attr) => attr.name === 'style')?.value || '';
             const cssProps = (0, migration_utils_1.parseCssCustomProperties)(styleAttr);
             const classParts = classes.split(' ');
@@ -208,14 +223,7 @@ function findHTMLGridColumns(sourceFile, basePath, tree) {
                 return;
             }
             // Only migrate grid-column if its parent grid container is also being migrated
-            if (!(0, lib_1.isInterestingNode)(parent) || !(0, migration_utils_1.isNeutralElement)(parent.name)) {
-                return;
-            }
-            const parentClasses = parent.attributes.find((attr) => attr.name === 'class')?.value;
-            if (!parentClasses?.match(/(^|\s)grid(\s|$)/)) {
-                return;
-            }
-            if (gridHasNonNeutralColumnChildren(parent)) {
+            if (!isMigratableGrid(parent)) {
                 return;
             }
             const styleAttr = node.attributes.find((attr) => attr.name === 'style')?.value || '';

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

@@ -44,7 +44,7 @@ describe('lu-grid Migration', () => {
         const expectedTree = (0, lib_1.createTreeFromFolder)(path.join(testsRoot, 'output'));
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'lu-grid', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'lu-grid', { skipInstall: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console

package/schematics/lu-icon/migration.spec.js

@@ -44,7 +44,7 @@ describe('lu-icon Migration', () => {
         const expectedTree = (0, lib_1.createTreeFromFolder)(path.join(testsRoot, 'output'));
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'lu-icon', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'lu-icon', { skipInstall: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console

package/schematics/lu-loading/migration.spec.js

@@ -44,7 +44,7 @@ describe('lu-loading Migration', () => {
         const expectedTree = (0, lib_1.createTreeFromFolder)(path.join(testsRoot, 'output'));
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'lu-loading', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'lu-loading', { skipInstall: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console

package/schematics/lu-select/migration.spec.js

@@ -44,7 +44,7 @@ describe('lu-select Migration', () => {
         const expectedTree = (0, lib_1.createTreeFromFolder)(path.join(testsRoot, 'output'));
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'lu-select', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'lu-select', { skipInstall: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console

package/schematics/lu-text-input/migration.spec.js

@@ -44,7 +44,7 @@ describe('Textfield Migration', () => {
         const expectedTree = (0, lib_1.createTreeFromFolder)(path.join(testsRoot, 'output'));
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'lu-text-input', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'lu-text-input', { skipInstall: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console

package/schematics/new-icons/migration.spec.js

@@ -47,7 +47,7 @@ describe('New icons Migration', () => {
         const expectedTree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.output.');
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'new-icons', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'new-icons', { skipInstall: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console
@@ -69,7 +69,7 @@ describe('New icons Migration', () => {
         const treeOriginalTree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         const tree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         // Act
-        await (0, lib_1.runSchematic)('collection', collectionPath, 'new-icons', { skipInstallation: true }, tree);
+        await (0, lib_1.runSchematic)('collection', collectionPath, 'new-icons', { skipInstall: true }, tree);
         // Assert
         tree.visit((p, entry) => {
             const original = treeOriginalTree.get(p)?.content.toString() || '';

package/schematics/palettes/index.js

@@ -9,16 +9,20 @@ exports.default = (options) => {
         await lib_1.currentSchematicContext.init(context, options);
         await new lib_1.CssMapper(tree, {
             classes: {
-                'palette-grey': 'palette-neutral',
-                'palette-primary': 'palette-product',
-                'palette-secondary': 'palette-product',
-                'palette-lucca': 'palette-brand',
+                // Palette classes (Button, Callout, Gauge, Clear, Numeric Badge, Status Badge, …)
+                'palette-{palette}': 'palette-{palette}',
+                // Component color modifier (Box, Card, Section) — only `grey` existed
+                'mod-grey': 'mod-neutral',
+                // Icon color classes — only `primary`/`secondary` existed
+                'icon-color-primary': 'icon-color-product',
+                'icon-color-secondary': 'icon-color-product',
+                // Text color utilities generated from the palette list
+                'u-text{Palette}': 'pr-u-text{Palette}',
+                'pr-u-text{Palette}': 'pr-u-text{Palette}',
+                'pr-u-colorText{Palette}': 'pr-u-colorText{Palette}',
             },
             variables: {
-                '--palettes-grey-{val}': `--palettes-neutral-{val}`,
-                '--palettes-primary-{val}': `--palettes-product-{val}`,
-                '--palettes-secondary-{val}': `--palettes-product-{val}`,
-                '--palettes-lucca-{val}': `--palettes-brand-{val}`,
+                '--palettes-{palette}-{val}': `--palettes-{palette}-{val}`,
                 '--colors-grey-{val}': `--palettes-neutral-{val}`,
                 '--colors-white-color': '--palettes-neutral-0',
                 '--colors-black-color': '--palettes-neutral-900',
@@ -36,6 +40,13 @@ exports.default = (options) => {
             },
             mixins: {}
         }, {
+            // Deprecated palette -> new palette (used by both classes and CSS vars)
+            palette: {
+                grey: 'neutral',
+                primary: 'product',
+                secondary: 'product',
+                lucca: 'brand',
+            },
             val: {
                 25: '25',
                 50: '50',
@@ -50,5 +61,14 @@ exports.default = (options) => {
                 900: '900'
             }
         }).run();
+        new lib_1.DeprecatedMapper(tree, {
+            modules: {},
+            types: {},
+            inputsOutputs: {
+                // The `lu-icon` component `color` input is not a CSS class, so it isn't handled by CssMapper.
+                // Deprecated `primary`/`secondary` values → `product` (handles both `color="primary"` and `[color]="'primary'"`).
+                'lu-icon': { color: { primary: 'product', secondary: 'product' } },
+            },
+        }).run();
     };
 };

package/schematics/palettes/migration.spec.js

@@ -47,7 +47,7 @@ describe('Palettes Migration', () => {
         const expectedTree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.output.');
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'palettes', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'palettes', { skipInstall: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console
@@ -69,7 +69,7 @@ describe('Palettes Migration', () => {
         const treeOriginalTree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         const tree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         // Act
-        await (0, lib_1.runSchematic)('collection', collectionPath, 'palettes', { skipInstallation: true }, tree);
+        await (0, lib_1.runSchematic)('collection', collectionPath, 'palettes', { skipInstall: true }, tree);
         // Assert
         tree.visit((p, entry) => {
             const original = treeOriginalTree.get(p)?.content.toString() || '';

package/schematics/tokens-radius/migration.spec.js

@@ -47,7 +47,7 @@ describe('Tokens radius Migration', () => {
         const expectedTree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.output.');
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'tokens-radius', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'tokens-radius', { skipInstall: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console
@@ -69,7 +69,7 @@ describe('Tokens radius Migration', () => {
         const treeOriginalTree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         const tree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         // Act
-        await (0, lib_1.runSchematic)('collection', collectionPath, 'tokens-radius', { skipInstallation: true }, tree);
+        await (0, lib_1.runSchematic)('collection', collectionPath, 'tokens-radius', { skipInstall: true }, tree);
         // Assert
         tree.visit((p, entry) => {
             const original = treeOriginalTree.get(p)?.content.toString() || '';

package/schematics/tokens-spacing/migration.spec.js

@@ -47,7 +47,7 @@ describe('Tokens spacing Migration', () => {
         const expectedTree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.output.');
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'tokens-spacings', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'tokens-spacings', { skipInstall: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console
@@ -69,7 +69,7 @@ describe('Tokens spacing Migration', () => {
         const treeOriginalTree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         const tree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         // Act
-        await (0, lib_1.runSchematic)('collection', collectionPath, 'tokens-spacings', { skipInstallation: true }, tree);
+        await (0, lib_1.runSchematic)('collection', collectionPath, 'tokens-spacings', { skipInstall: true }, tree);
         // Assert
         tree.visit((p, entry) => {
             const original = treeOriginalTree.get(p)?.content.toString() || '';

package/schematics/tokens-typo/migration.spec.js

@@ -47,7 +47,7 @@ describe('Tokens typo Migration', () => {
         const expectedTree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.output.');
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'tokens-typo', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'tokens-typo', { skipInstall: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console
@@ -69,7 +69,7 @@ describe('Tokens typo Migration', () => {
         const treeOriginalTree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         const tree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         // Act
-        await (0, lib_1.runSchematic)('collection', collectionPath, 'tokens-typo', { skipInstallation: true }, tree);
+        await (0, lib_1.runSchematic)('collection', collectionPath, 'tokens-typo', { skipInstall: true }, tree);
         // Assert
         tree.visit((p, entry) => {
             const original = treeOriginalTree.get(p)?.content.toString() || '';

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { OnInit, InjectionToken, EnvironmentProviders, OnDestroy, Injector, TemplateRef, Provider, AfterViewInit } from '@angular/core';
+import { OnDestroy, InjectionToken, EnvironmentProviders, OnInit, Injector, TemplateRef, Provider, AfterViewInit } from '@angular/core';
 import * as _lucca_front_ng_dialog from '@lucca-front/ng/dialog';
 import { LuTranslation } from '@lucca-front/ng/core';
 import { BaseRouteReuseStrategy, ActivatedRouteSnapshot, CanDeactivateFn, DeprecatedGuard, GuardResult, Route } from '@angular/router';
@@ -28,14 +28,15 @@ declare class DialogHeaderSubtitle {
     static ɵfac: i0.ɵɵFactoryDeclaration<DialogHeaderSubtitle, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DialogHeaderSubtitle, "[dialogHeaderSubtitle]", never, {}, {}, never, never, true, never>;
 }
-declare class DialogHeaderComponent implements OnInit {
+declare class DialogHeaderComponent implements OnDestroy {
     #private;
     intl: i0.InputSignalWithTransform<_lucca_front_ng_dialog.LuDialogHeaderTranslations, Partial<_lucca_front_ng_dialog.LuDialogHeaderTranslations>>;
     dismissible: boolean;
+    constructor();
     close(): void;
     optionalAction: i0.Signal<DialogHeaderAction>;
     optionalSubtitle: i0.Signal<DialogHeaderSubtitle>;
-    ngOnInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DialogHeaderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DialogHeaderComponent, "lu-dialog-header", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; }, {}, ["optionalAction", "optionalSubtitle"], ["[dialogHeaderAction]", "*", "[dialogHeaderSubtitle]", "[dialogHeaderContent]"], true, never>;
 }

package/types/lucca-front-ng-forms-rich-text-input.d.ts

@@ -1,7 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { InjectionToken, Signal, WritableSignal, OnInit, OnDestroy, ElementRef, ViewContainerRef, TemplateRef } from '@angular/core';
 import * as lexical from 'lexical';
-import { LexicalEditor, Klass, LexicalNode, LexicalNodeReplacement, NodeKey, EditorConfig, DOMExportOutput, DecoratorNode, DOMConversionMap, Spread, SerializedLexicalNode, LexicalUpdateJSON, TextFormatType } from 'lexical';
+import { LexicalEditor, Klass, LexicalNode, LexicalNodeReplacement, NodeKey, EditorConfig, ElementDOMSlot, DOMExportOutput, DecoratorNode, DOMConversionMap, Spread, SerializedLexicalNode, LexicalUpdateJSON, TextFormatType } from 'lexical';
 import { ControlValueAccessor, FormControl } from '@angular/forms';
 import { DomPortal } from '@angular/cdk/portal';
 import { LuSimpleSelectInputComponent } from '@lucca-front/ng/simple-select';
@@ -132,8 +132,10 @@ declare class PopoverLinkNode extends LinkNode {
         templateRef?: TemplateRef<LinkTemplateContext>;
     }, key?: NodeKey);
     createDOM(config: EditorConfig): HTMLElement;
+    getDOMSlot(element: HTMLElement): ElementDOMSlot;
     updateDOM(prevNode: this): boolean;
     exportDOM(editor: LexicalEditor): DOMExportOutput;
+    static importDOM(): lexical.DOMConversionMap;
     remove(preserveEmptyParent?: boolean): void;
     static importJSON(serializedNode: SerializedLinkNode): PopoverLinkNode;
     static clone(node: PopoverLinkNode): PopoverLinkNode;
@@ -151,8 +153,10 @@ declare class PopoverAutoLinkNode extends AutoLinkNode {
         templateRef?: TemplateRef<LinkTemplateContext>;
     }, key?: NodeKey);
     createDOM(config: EditorConfig): HTMLElement;
+    getDOMSlot(element: HTMLElement): ElementDOMSlot;
     updateDOM(prevNode: this): boolean;
     exportDOM(editor: LexicalEditor): DOMExportOutput;
+    static importDOM(): null;
     remove(preserveEmptyParent?: boolean): void;
     static importJSON(serializedNode: SerializedAutoLinkNode): PopoverAutoLinkNode;
     static clone(node: PopoverAutoLinkNode): PopoverAutoLinkNode;

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

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { OnDestroy, Signal, WritableSignal, AfterViewInit, ElementRef, OnInit, InjectionToken } from '@angular/core';
+import { OnDestroy, OnInit, Signal, WritableSignal, AfterViewInit, ElementRef, InjectionToken } from '@angular/core';
 import * as _angular_forms from '@angular/forms';
 import { NgModel, FormControlDirective, FormControlName, NgControl, FormControl, ControlValueAccessor, ValidatorFn } from '@angular/forms';
 import { FilterPillInputComponent, FilterPillLayout } from '@lucca-front/ng/filter-pills';
@@ -39,7 +39,8 @@ declare class NoopValueAccessorDirective implements ControlValueAccessor {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NoopValueAccessorDirective, "[luNoopValueAccessor]", never, {}, {}, never, never, true, never>;
 }
 
-declare class CheckboxInputComponent implements FilterPillInputComponent {
+declare class CheckboxInputComponent implements FilterPillInputComponent, OnInit {
+    #private;
     framed: boolean;
     parentInput: FilterPillInputComponent;
     formField: FormFieldComponent;
@@ -62,7 +63,16 @@ declare class CheckboxInputComponent implements FilterPillInputComponent {
     ngControl: _angular_forms.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName | (_angular_forms.NgControl & {
         control: _angular_forms.FormControl<any>;
     });
+    /**
+     * Reactive mirrors of the control's value/disabled state, so the filter pill button
+     * (rendered with OnPush) reflects programmatic changes such as a form reset without
+     * needing a DOM event to trigger change detection. Initialized in `ngOnInit` because
+     * `ngControl.control` is only wired once the control directive's `ngOnChanges` has run.
+     */
+    protected checkboxValue: Signal<boolean>;
+    protected isCheckboxDisabled: Signal<boolean>;
     constructor();
+    ngOnInit(): void;
     clearFilterPillValue(): void;
     registerFilterPillClosePopover(_closeFn: () => void): void;
     enableFilterPillMode?(): void;

package/types/lucca-front-ng-multi-select.d.ts

@@ -51,6 +51,7 @@ declare class LuMultiSelectPanelRefFactory {
 }
 
 declare class LuMultiSelectInputComponent<T> extends ALuSelectInputComponent<T, T[]> implements ControlValueAccessor, OnDestroy, OnInit {
+    #private;
     intl: i0.InputSignalWithTransform<_lucca_front_ng_core_select.LuCoreSelectLabel & _lucca_front_ng_multi_select.ILuMultiSelectLabel, Partial<_lucca_front_ng_core_select.LuCoreSelectLabel & _lucca_front_ng_multi_select.ILuMultiSelectLabel>>;
     showColon: false;
     valuesTpl: i0.ModelSignal<Type<unknown> | TemplateRef<LuOptionContext<T[]>>>;
@@ -66,6 +67,7 @@ declare class LuMultiSelectInputComponent<T> extends ALuSelectInputComponent<T,
     valueLength: Signal<number>;
     useSingleOptionDisplayer: Signal<boolean>;
     _value: T[];
+    protected readonly presentationSeparators: Signal<string[]>;
     get panelRef(): LuMultiSelectPanelRef<T> | undefined;
     protected _panelRef?: LuMultiSelectPanelRef<T>;
     protected panelRefFactory: LuMultiSelectPanelRefFactory;
@@ -222,6 +224,16 @@ declare class LuMultiDisplayerDirective<T> {
     static ɵdir: i0.ɵɵDirectiveDeclaration<LuMultiDisplayerDirective<any>, "[luMultiDisplayer]", never, { "select": { "alias": "luMultiDisplayerSelect"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * Returns the `itemCount - 1` separators `Intl.ListFormat` puts between `itemCount` items, so they can be
+ * interleaved with values rendered by a template rather than by `format()`.
+ *
+ * @example
+ * ```ts
+ * listSeparators(new Intl.ListFormat('fr-FR'), 3); // [', ', ' et ']
+ * ```
+ */
+declare function listSeparators(listFormat: Intl.ListFormat, itemCount: number): string[];
 declare function selectionToQueryParams<T, Key extends string>(key: Key, value: LuMultiSelection<T>, selector: (value: T) => unknown): Partial<Record<Key | `-${Key}`, string>>;
 /**
  * Transforms a selection from withSelectAll, the complete list of options and a getKey function to a list of options.
@@ -240,5 +252,5 @@ declare const LuMultiSelectionValidators: {
     required: (control: AbstractControl<LuMultiSelection<unknown>>) => ValidationErrors | null;
 };
 
-export { LU_MULTI_SELECT_DISPLAYER_TRANSLATIONS, LU_MULTI_SELECT_TRANSLATIONS, LuMultiDisplayerDirective, LuMultiSelectContentDisplayerComponent, LuMultiSelectCounterDisplayerComponent, LuMultiSelectDefaultDisplayerComponent, LuMultiSelectDisplayerInputDirective, LuMultiSelectInputComponent, LuMultiSelectWithSelectAllDirective, LuMultiSelectionValidators, luMultiSelectDisplayerTranslations, luMultiSelectTranslations, selectionToOptions, selectionToQueryParams };
+export { LU_MULTI_SELECT_DISPLAYER_TRANSLATIONS, LU_MULTI_SELECT_TRANSLATIONS, LuMultiDisplayerDirective, LuMultiSelectContentDisplayerComponent, LuMultiSelectCounterDisplayerComponent, LuMultiSelectDefaultDisplayerComponent, LuMultiSelectDisplayerInputDirective, LuMultiSelectInputComponent, LuMultiSelectWithSelectAllDirective, LuMultiSelectionValidators, listSeparators, luMultiSelectDisplayerTranslations, luMultiSelectTranslations, selectionToOptions, selectionToQueryParams };
 export type { ILuMultiSelectDisplayerLabel, ILuMultiSelectLabel, LuMultiSelection, LuMultiSelectionMode };

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Provider } from '@angular/core';
+import { InjectionToken, Signal, Provider } from '@angular/core';
 import * as rxjs from 'rxjs';
 import { Observable, ObservableInput } from 'rxjs';
 import * as i1 from '@angular/router';
@@ -47,14 +47,14 @@ declare class LuTitleService {
     static ɵprov: i0.ɵɵInjectableDeclaration<LuTitleService>;
 }
 
-declare const ɵAPP_TITLE: InjectionToken<string | Observable<string>>;
+declare const ɵAPP_TITLE: InjectionToken<string | Observable<string> | Signal<string>>;
 type LuTitleNamingStrategy = 'product' | 'other';
 declare const ɵNAMING_STRATEGY: InjectionToken<LuTitleNamingStrategy>;
 declare const ɵREAD_TITLE_BY_LIVE_ANNOUNCER: InjectionToken<boolean>;
 /**
  * @deprecated Use `provideLuTitleStrategy` instead.
  */
-declare const APP_TITLE: InjectionToken<string | Observable<string>>;
+declare const APP_TITLE: InjectionToken<string | Observable<string> | Signal<string>>;
 declare class LuTitleStrategy extends TitleStrategy {
     #private;
     private title;
@@ -63,7 +63,7 @@ declare class LuTitleStrategy extends TitleStrategy {
     private namingStrategy;
     private readTitleByLiveAnnouncer;
     private liveAnnouncer;
-    private luccaTitle$;
+    private readonly luccaTitle$;
     private titlePartsSubject;
     titleParts$: Observable<(string | ObservableInput<string>)[]>;
     title$: Observable<string>;
@@ -75,7 +75,7 @@ declare class LuTitleStrategy extends TitleStrategy {
     static ɵprov: i0.ɵɵInjectableDeclaration<LuTitleStrategy>;
 }
 interface LuTitleStrategyOptions {
-    appTitle?: () => string | Observable<string>;
+    appTitle?: () => string | Observable<string> | Signal<string>;
     translateService?: () => ILuTitleTranslateService;
     namingStrategy?: LuTitleNamingStrategy;
     readTitleByLiveAnnouncer?: boolean;