@lucca-front/ng 22.0.3 → 22.1.0-rc.1

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

@@ -262,6 +262,8 @@ declare function ɵeffectWithDeps<const T extends EffectWithDepsInput>(dependenc
  */
 declare function syncInputSignal<T>(signal: ReturnType<typeof input<T>>, setter: (value: T) => void): void;
 
+declare function capitalize<T extends string>(str: T): Capitalize<T>;
+
 /**
  * Transforms a boolean or a string representation of a boolean into a boolean.
  * @template T The specific boolean literal type to narrow to.
@@ -389,5 +391,5 @@ interface ILuTree<T> {
     disabled?: boolean;
 }
 
-export { ALuDateAdapter, ALuOnCloseSubscriber, ALuOnOpenSubscriber, ALuOnScrollBottomSubscriber, ELuDateGranularity, IntlParamsPipe, IntlPluralLabelPipe, LOCALE_PLURAL_RULES, LU_NATIVE_DATE_ADAPTER_OPTIONS, LuNativeDateAdapter, LuStringDateAdapter, LuTypeGuardPipe, PORTAL_CONTEXT, PortalDirective, assertNotNil, defaultBreakpoints, generateId, getIntl, getIntlPluralLabel, getPushPanelInlineSize, getPushPanelViewportMargin, injectMediaMinBreakpoint, intlInputOptions, isNil, isNilOrEmptyString, isNotNil, isNotNilOrEmptyString, isRouterLinkParam, luBooleanAttribute, luDefaultNativeDateAdapterOptions, luNullableBooleanAttribute, luNullableNumberAttribute, luNumberAttribute, luOptionalBooleanAttribute, luOptionalNullableBooleanAttribute, luOptionalNullableNumberAttribute, luOptionalNumberAttribute, syncInputSignal, ɵeffectWithDeps };
+export { ALuDateAdapter, ALuOnCloseSubscriber, ALuOnOpenSubscriber, ALuOnScrollBottomSubscriber, ELuDateGranularity, IntlParamsPipe, IntlPluralLabelPipe, LOCALE_PLURAL_RULES, LU_NATIVE_DATE_ADAPTER_OPTIONS, LuNativeDateAdapter, LuStringDateAdapter, LuTypeGuardPipe, PORTAL_CONTEXT, PortalDirective, assertNotNil, capitalize, defaultBreakpoints, generateId, getIntl, getIntlPluralLabel, getPushPanelInlineSize, getPushPanelViewportMargin, injectMediaMinBreakpoint, intlInputOptions, isNil, isNilOrEmptyString, isNotNil, isNotNilOrEmptyString, isRouterLinkParam, luBooleanAttribute, luDefaultNativeDateAdapterOptions, luNullableBooleanAttribute, luNullableNumberAttribute, luNumberAttribute, luOptionalBooleanAttribute, luOptionalNullableBooleanAttribute, luOptionalNullableNumberAttribute, luOptionalNumberAttribute, syncInputSignal, ɵ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-data-table.d.ts

@@ -63,7 +63,6 @@ declare class DataTableHeadComponent {
     readonly sticky: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly isFirstVisible: _angular_core.WritableSignal<boolean>;
     readonly cols: _angular_core.Signal<readonly DataTableRowCellHeaderComponent[]>;
-    tableRef: _lucca_front_ng_data_table.DataTableComponent;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataTableHeadComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataTableHeadComponent, "thead[luDataTableHead]", never, { "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; }, {}, ["cols"], ["*"], true, never>;
 }
@@ -98,7 +97,6 @@ declare class DataTableComponent implements OnInit {
     readonly nested: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly drag: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly noOverflow: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
-    readonly empty: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly responsive: _angular_core.InputSignal<Partial<Record<"layoutFixedAtMediaMinXXXS" | "layoutFixedAtMediaMinXXS" | "layoutFixedAtMediaMinXS" | "layoutFixedAtMediaMinS" | "layoutFixedAtMediaMinM" | "layoutFixedAtMediaMinL" | "layoutFixedAtMediaMinXL" | "layoutFixedAtMediaMinXXL" | "layoutFixedAtMediaMinXXXL" | "layoutFixedAtContainerMinXXXS" | "layoutFixedAtContainerMinXXS" | "layoutFixedAtContainerMinXS" | "layoutFixedAtContainerMinS" | "layoutFixedAtContainerMinM" | "layoutFixedAtContainerMinL" | "layoutFixedAtContainerMinXL" | "layoutFixedAtContainerMinXXL" | "layoutFixedAtContainerMinXXXL", true>>>;
     readonly verticalAlign: _angular_core.InputSignal<"top" | "middle" | "bottom">;
     readonly rows: _angular_core.Signal<readonly DataTableRowComponent[]>;
@@ -134,7 +132,7 @@ declare class DataTableComponent implements OnInit {
     constructor();
     ngOnInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataTableComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataTableComponent, "lu-data-table", never, { "hover": { "alias": "hover"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "layoutFixed": { "alias": "layoutFixed"; "required": false; "isSignal": true; }; "cellBorder": { "alias": "cellBorder"; "required": false; "isSignal": true; }; "nested": { "alias": "nested"; "required": false; "isSignal": true; }; "drag": { "alias": "drag"; "required": false; "isSignal": true; }; "noOverflow": { "alias": "noOverflow"; "required": false; "isSignal": true; }; "empty": { "alias": "empty"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "verticalAlign": { "alias": "verticalAlign"; "required": false; "isSignal": true; }; "stickyColsStart": { "alias": "stickyColsStart"; "required": false; "isSignal": true; }; "stickyColsEnd": { "alias": "stickyColsEnd"; "required": false; "isSignal": true; }; }, {}, ["rows", "header"], ["*", "[dataTablePagination]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataTableComponent, "lu-data-table", never, { "hover": { "alias": "hover"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "layoutFixed": { "alias": "layoutFixed"; "required": false; "isSignal": true; }; "cellBorder": { "alias": "cellBorder"; "required": false; "isSignal": true; }; "nested": { "alias": "nested"; "required": false; "isSignal": true; }; "drag": { "alias": "drag"; "required": false; "isSignal": true; }; "noOverflow": { "alias": "noOverflow"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "verticalAlign": { "alias": "verticalAlign"; "required": false; "isSignal": true; }; "stickyColsStart": { "alias": "stickyColsStart"; "required": false; "isSignal": true; }; "stickyColsEnd": { "alias": "stickyColsEnd"; "required": false; "isSignal": true; }; }, {}, ["rows", "header"], ["*", "[dataTablePagination]"], true, never>;
 }
 
 declare const LU_DATA_TABLE_INSTANCE: InjectionToken<DataTableComponent>;

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

@@ -159,6 +159,7 @@ declare class Calendar2Component implements OnInit {
 declare function getDateFormat(locale: string, mode?: CalendarMode): string;
 declare function getSeparator(locale: string): string;
 declare function getLocalizedDateFormat(locale: string, period?: CalendarMode, weekPrefix?: string): string;
+declare function humanizeDate(locale: string, date: Date, mode?: CalendarMode, reference?: Date): string | null;
 
 /**
  * Available DateComponent Types
@@ -234,14 +235,17 @@ declare class DateInputComponent extends AbstractDateComponent implements OnInit
     readonly disableOverflow: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly hideOverflow: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly widthAuto: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
+    readonly humanized: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly filterPillDisabled: _angular_core.WritableSignal<boolean>;
     popoverPositions: ConnectionPositionPair[];
     readonly inputFocused: _angular_core.WritableSignal<boolean>;
+    readonly panelOpen: _angular_core.WritableSignal<boolean>;
     readonly selectedDate: _angular_core.WritableSignal<Date>;
     readonly initialValue: _angular_core.WritableSignal<Date>;
     readonly dateFromWriteValue: _angular_core.WritableSignal<Date>;
     readonly calendar: _angular_core.Signal<Calendar2Component>;
     readonly inputRef: _angular_core.Signal<ElementRef<HTMLInputElement>>;
+    readonly formattedValue: _angular_core.Signal<string>;
     readonly displayValue: _angular_core.Signal<string>;
     readonly userTextInput: _angular_core.WritableSignal<string>;
     combinedGetCellInfo: (date: Date, mode: CalendarMode) => CellStatus;
@@ -273,7 +277,7 @@ declare class DateInputComponent extends AbstractDateComponent implements OnInit
     dateClicked(date: Date, popoverRef: PopoverDirective): void;
     inputBlurred(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateInputComponent, "lu-date-input", never, { "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disableOverflow": { "alias": "disableOverflow"; "required": false; "isSignal": true; }; "hideOverflow": { "alias": "hideOverflow"; "required": false; "isSignal": true; }; "widthAuto": { "alias": "widthAuto"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateInputComponent, "lu-date-input", never, { "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disableOverflow": { "alias": "disableOverflow"; "required": false; "isSignal": true; }; "hideOverflow": { "alias": "hideOverflow"; "required": false; "isSignal": true; }; "widthAuto": { "alias": "widthAuto"; "required": false; "isSignal": true; }; "humanized": { "alias": "humanized"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 interface CalendarShortcut {
@@ -349,5 +353,5 @@ declare class DateRangeInputComponent extends AbstractDateComponent implements O
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateRangeInputComponent, "lu-date-range-input", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "widthAuto": { "alias": "widthAuto"; "required": false; "isSignal": true; }; "shortcuts": { "alias": "shortcuts"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { CALENDAR_MODE, Calendar2Component, DATE2_CLEAR_BEHAVIOR, DATE_FORMAT, DATE_FORMAT_CONST, DATE_ISO_FORMAT, DateInputComponent, DateRangeInputComponent, PremadeShortcuts, getDateFormat, getLocalizedDateFormat, getSeparator };
+export { CALENDAR_MODE, Calendar2Component, DATE2_CLEAR_BEHAVIOR, DATE_FORMAT, DATE_FORMAT_CONST, DATE_ISO_FORMAT, DateInputComponent, DateRangeInputComponent, PremadeShortcuts, getDateFormat, getLocalizedDateFormat, getSeparator, humanizeDate };
 export type { CalendarMode, CalendarShortcut, CellStatus, Date2ClearBehavior, DateFormat, DateInputValidatorErrorType, DateRange, DateRangeInput };

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

@@ -246,8 +246,6 @@ type SerializedTagNode = Spread<{
     tagDescription?: string;
     disabled?: boolean;
 }, SerializedLexicalNode>;
-/** Destroy stale chip components once Lexical has reconciled the DOM. */
-declare function registerTagChipsCleanup(editor: LexicalEditor): () => void;
 declare class TagNode extends DecoratorNode<string> {
     #private;
     setViewContainerRef(vcr: ViewContainerRef): this;
@@ -267,6 +265,7 @@ declare class TagNode extends DecoratorNode<string> {
     decorate(): string;
     createDOM(_config: EditorConfig, editor: LexicalEditor): HTMLElement;
     updateDOM(prevNode: TagNode, _dom: HTMLElement, _config: EditorConfig): boolean;
+    remove(preserveEmptyParent?: boolean): void;
     exportDOM(): DOMExportOutput;
     static importDOM(): DOMConversionMap;
     static importJSON(serializedNode: SerializedTagNode): TagNode;
@@ -313,5 +312,5 @@ declare class RichTextInputToolbarComponent implements RichTextPluginComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<RichTextInputToolbarComponent, "lu-rich-text-input-toolbar", never, {}, {}, never, never, true, never>;
 }
 
-export { $createTagNode, $isTagNode, ClearFormatComponent, HeadingsComponent, INITIAL_UPDATE_TAG, LinkComponent, ListStyleToolbarComponent, RICH_TEXT_FORMATTER, RICH_TEXT_PLUGIN_COMPONENT, RichTextFormatter, RichTextInputComponent, RichTextInputToolbarComponent, RichTextPluginTagComponent, TagNode, TextStyleComponent, TextStyleToolbarComponent, registerTagChipsCleanup };
+export { $createTagNode, $isTagNode, ClearFormatComponent, HeadingsComponent, INITIAL_UPDATE_TAG, LinkComponent, ListStyleToolbarComponent, RICH_TEXT_FORMATTER, RICH_TEXT_PLUGIN_COMPONENT, RichTextFormatter, RichTextInputComponent, RichTextInputToolbarComponent, RichTextPluginTagComponent, TagNode, TextStyleComponent, TextStyleToolbarComponent };
 export type { RichTextPluginComponent, SerializedTagNode, Tag };

package/types/lucca-front-ng-safe-content.d.ts

@@ -2,6 +2,7 @@ import * as i0 from '@angular/core';
 import { PipeTransform } from '@angular/core';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import { Config } from 'isomorphic-dompurify';
+export * from '@lucca/prisme/safe-content';
 
 type SanitizerConfig = Config & {
     RETURN_DOM_FRAGMENT?: false | undefined;
@@ -24,11 +25,4 @@ declare class LuSafeContentModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<LuSafeContentModule>;
 }
 
-declare class LuSafeExternalSvgPipe implements PipeTransform {
-    #private;
-    transform(url: string): SafeHtml;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuSafeExternalSvgPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<LuSafeExternalSvgPipe, "luSafeExternalSvg", true>;
-}
-
-export { LuSafeContentModule, LuSafeExternalSvgPipe, LuSafeHtmlPipe };
+export { LuSafeContentModule, LuSafeHtmlPipe };

package/schematics/file-upload/index.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const lib_1 = require("../lib");
-const migration_1 = require("./migration");
-// Nx need to see "@angular-devkit/schematics" in order to run this migration correctly (see https://github.com/nrwl/nx/blob/d9fed4b832bf01d1b9a44ae9e486a5e5cd2d2253/packages/nx/src/command-line/migrate/migrate.ts#L1729-L1738)
-// eslint-disable-next-line @typescript-eslint/no-require-imports
-require('@angular-devkit/schematics');
-exports.default = (options) => {
-    return async (tree, context) => {
-        await lib_1.currentSchematicContext.init(context, options);
-        // Templates are reached through their component: rendering a FileEntry or a wrapper needs the
-        // matching symbol in the `imports` of the component that owns the template.
-        tree.visit((path, entry) => {
-            if (path.includes('node_modules') || !entry) {
-                return;
-            }
-            if (path.endsWith('.ts') && !path.endsWith('.d.ts')) {
-                (0, lib_1.migrateFile)(path, entry, tree, (content) => (0, migration_1.migrateComponent)(path, content, tree));
-            }
-        });
-    };
-};

package/schematics/file-upload/migration.js

@@ -1,230 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.migrateComponent = migrateComponent;
-const change_1 = require("@schematics/angular/utility/change");
-const typescript_1 = require("typescript");
-const lib_1 = require("../lib");
-const fileUploadEntrypoint = '@lucca-front/ng/file-upload';
-const wrapperClass = 'fileEntryDisplayWrapper';
-/** Alias given to the migrated entry in the generated `@if` block. */
-const entryAlias = 'fileEntry';
-/** Components whose `size` input has been flipped: `S` became the default, `L` restores the previous rendering. */
-const sizedComponents = ['lu-single-file-upload', 'lu-multi-file-upload', 'lu-file-entry'];
-/** Inputs `lu-single-file-upload` used to forward to the `lu-file-entry` it rendered itself. */
-const fileEntryInputs = ['entry', 'state', 'previewUrl', 'inlineMessageError', 'displayFileName'];
-/** Outputs `lu-single-file-upload` used to forward to the `lu-file-entry` it rendered itself. */
-const fileEntryOutputs = ['deleteFile'];
-function migrateComponent(path, content, tree) {
-    const sourceFile = (0, typescript_1.createSourceFile)(path, content, typescript_1.ScriptTarget.ESNext);
-    const symbolsToImport = new Set();
-    // External templates are rewritten in place, they are not part of the component file.
-    (0, lib_1.extractNgTemplatesIncludingHtml)(sourceFile, tree, path)
-        .filter((template) => template.filePath !== path)
-        .forEach((template) => {
-        const migrated = migrateTemplate(template.filePath, template.content, symbolsToImport);
-        if (migrated !== template.content) {
-            tree.overwrite(template.filePath, migrated);
-        }
-    });
-    const result = (0, lib_1.updateAngularTemplate)(path, content, (template) => migrateTemplate(path, template, symbolsToImport));
-    if (symbolsToImport.size === 0) {
-        return result;
-    }
-    // Imports are inserted one symbol at a time: every insertion shifts the offsets the next one relies on.
-    tree.overwrite(path, result);
-    symbolsToImport.forEach((symbol) => {
-        const updatedSourceFile = (0, typescript_1.createSourceFile)(path, tree.readText(path), typescript_1.ScriptTarget.ESNext);
-        const recorder = tree.beginUpdate(path);
-        (0, change_1.applyToUpdateRecorder)(recorder, [(0, lib_1.insertTSImportIfNeeded)(updatedSourceFile, path, symbol, fileUploadEntrypoint), (0, lib_1.insertAngularImportIfNeeded)(updatedSourceFile, path, symbol)]);
-        tree.commitUpdate(recorder);
-    });
-    return tree.readText(path);
-}
-/**
- * Rules are applied in this order on purpose:
- * 1. sizes are normalized first, so that splitting a `lu-single-file-upload` reads an already migrated size;
- * 2. the split then emits its own `lu-file-entry-wrapper`, which the class rule must not visit again.
- */
-function migrateTemplate(path, template, symbolsToImport) {
-    let result = migrateSize(path, template);
-    result = migrateFileEntryRendering(path, result, symbolsToImport);
-    return migrateWrapperClass(path, result, symbolsToImport);
-}
-function migrateSize(path, template) {
-    return (0, lib_1.updateContent)(template, (updates) => {
-        const htmlAst = new lib_1.HtmlAst(template);
-        sizedComponents.forEach((component) => {
-            htmlAst.visitElements(component, (element) => {
-                const boundSize = element.inputs.find((input) => input.name === 'size');
-                if (boundSize) {
-                    const source = boundSize.value instanceof lib_1.currentSchematicContext.angularCompiler.ASTWithSource ? boundSize.value.source ?? '' : '';
-                    switch (source.trim()) {
-                        case `'S'`:
-                        case `"S"`:
-                            updates.push((0, lib_1.removeAttributeUpdate)(template, boundSize));
-                            lib_1.currentSchematicContext.logSuccess(`Removing redundant [size] on <${component}> in ${path}`);
-                            break;
-                        case 'null':
-                            updates.push({
-                                position: boundSize.value.sourceSpan.start,
-                                oldContent: source,
-                                newContent: source.replace('null', `'L'`),
-                            });
-                            lib_1.currentSchematicContext.logSuccess(`Setting [size] to 'L' on <${component}> in ${path}`);
-                            break;
-                        default:
-                            lib_1.currentSchematicContext.warn(`${path}: [size] of <${component}> is bound to an expression, migrate it manually ('S' is now the default value, 'L' is the previous one).`);
-                    }
-                    return;
-                }
-                const size = element.attributes.find((attribute) => attribute.name === 'size');
-                if (!size) {
-                    updates.push((0, lib_1.addAttributeUpdate)(element, 'size', 'L'));
-                    lib_1.currentSchematicContext.logSuccess(`Adding size="L" on <${component}> in ${path}`);
-                    return;
-                }
-                if (size.value === 'S') {
-                    updates.push((0, lib_1.removeAttributeUpdate)(template, size));
-                    lib_1.currentSchematicContext.logSuccess(`Removing redundant size="S" on <${component}> in ${path}`);
-                    return;
-                }
-                lib_1.currentSchematicContext.warn(`${path}: size="${size.value}" of <${component}> is not a known value, migrate it manually ('S' is now the default value, 'L' is the previous one).`);
-            });
-        });
-    });
-}
-/**
- * `lu-single-file-upload` no longer renders the `FileEntry` it receives: the parent now displays it itself,
- * through a `lu-file-entry` wrapped in a `lu-file-entry-wrapper`.
- */
-function migrateFileEntryRendering(path, template, symbolsToImport) {
-    return (0, lib_1.updateContent)(template, (updates) => {
-        const htmlAst = new lib_1.HtmlAst(template);
-        htmlAst.visitElements('lu-single-file-upload', (element) => {
-            const entry = element.inputs.find((input) => input.name === 'entry');
-            if (!entry) {
-                if (element.attributes.some((attribute) => attribute.name === 'entry')) {
-                    lib_1.currentSchematicContext.warn(`${path}: <lu-single-file-upload> has a static entry attribute, migrate it manually.`);
-                }
-                return;
-            }
-            // A size left bound to an expression by the size rule cannot be turned into the `media` of the file
-            // entry, which is what the file upload used to derive from it.
-            if (element.inputs.some((input) => input.name === 'size') && !hasSizeL(element)) {
-                lib_1.currentSchematicContext.warn(`${path}: <lu-single-file-upload [entry]> has a [size] bound to an expression, migrate it manually.`);
-                return;
-            }
-            const openingTag = template.slice(element.startSourceSpan.start.offset, element.startSourceSpan.end.offset);
-            if (/\s\*[\w-]+/.test(openingTag)) {
-                lib_1.currentSchematicContext.warn(`${path}: <lu-single-file-upload [entry]> carries a structural directive, migrate it manually.`);
-                return;
-            }
-            const entryExpression = entry.value instanceof lib_1.currentSchematicContext.angularCompiler.ASTWithSource ? (entry.value.source ?? '').trim() : '';
-            if (!entryExpression) {
-                lib_1.currentSchematicContext.warn(`${path}: could not read the [entry] expression of <lu-single-file-upload>, migrate it manually.`);
-                return;
-            }
-            updates.push(buildFileEntryRendering(template, element, entryExpression));
-            symbolsToImport.add('FileEntryComponent');
-            symbolsToImport.add('FileEntryWrapperComponent');
-            lib_1.currentSchematicContext.logSuccess(`Extracting the FileEntry of <lu-single-file-upload> in ${path}`);
-        });
-    });
-}
-function buildFileEntryRendering(template, element, entryExpression) {
-    const start = element.sourceSpan.start.offset;
-    const end = (element.endSourceSpan ?? element.sourceSpan).end.offset;
-    const movedAttributes = [
-        ...element.inputs.filter((input) => fileEntryInputs.includes(input.name)),
-        ...element.attributes.filter((attribute) => fileEntryInputs.includes(attribute.name)),
-        ...element.outputs.filter((output) => fileEntryOutputs.includes(output.name)),
-    ];
-    // `lu-single-file-upload` used to render its entry as a media only in its large variant, always at size L.
-    const isLarge = hasSizeL(element);
-    const hasStructure = [...element.attributes, ...element.inputs].some((attribute) => attribute.name === 'structure');
-    const fileEntryAttributes = [
-        `[entry]="${entryAlias}"`,
-        'size="L"',
-        isLarge ? 'media' : '',
-        hasStructure ? 'structure' : '',
-        ...movedAttributes.filter((attribute) => attribute.name !== 'entry').map((attribute) => template.slice(attribute.sourceSpan.start.offset, attribute.sourceSpan.end.offset)),
-    ].filter(Boolean);
-    // The remaining file upload keeps everything the file entry did not take, formatting included.
-    const fileUpload = (0, lib_1.applyUpdates)(template.slice(start, end), movedAttributes.map((attribute) => {
-        const update = (0, lib_1.removeAttributeUpdate)(template, attribute);
-        return { ...update, position: update.position - start };
-    }));
-    const indent = getIndent(template, start);
-    const unit = indent.includes(' ') && !indent.includes('\t') ? '  ' : '\t';
-    return {
-        position: start,
-        oldContent: template.slice(start, end),
-        newContent: [
-            `@if (${entryExpression}; as ${entryAlias}) {`,
-            `${indent}${unit}<lu-file-entry-wrapper>`,
-            `${indent}${unit}${unit}<lu-file-entry ${fileEntryAttributes.join(' ')} />`,
-            `${indent}${unit}</lu-file-entry-wrapper>`,
-            `${indent}} @else {`,
-            `${indent}${unit}${fileUpload}`,
-            `${indent}}`,
-        ].join('\n'),
-    };
-}
-/** The `fileEntryDisplayWrapper` CSS class is now carried by the `lu-file-entry-wrapper` component. */
-function migrateWrapperClass(path, template, symbolsToImport) {
-    return (0, lib_1.updateContent)(template, (updates) => {
-        const htmlAst = new lib_1.HtmlAst(template);
-        htmlAst.visitElements(/.*/, (element) => {
-            const boundClass = element.inputs.find((input) => input.name === 'class' || input.name === `class.${wrapperClass}` || input.name === 'ngClass');
-            if (boundClass && template.slice(boundClass.sourceSpan.start.offset, boundClass.sourceSpan.end.offset).includes(wrapperClass)) {
-                lib_1.currentSchematicContext.warn(`${path}: .${wrapperClass} is applied through a binding on <${element.name}>, migrate it manually.`);
-                return;
-            }
-            const classAttribute = element.attributes.find((attribute) => attribute.name === 'class');
-            const classes = classAttribute?.value.split(/\s+/).filter(Boolean) ?? [];
-            if (!classes.includes(wrapperClass) || !classAttribute) {
-                return;
-            }
-            updates.push({
-                position: element.startSourceSpan.start.offset + '<'.length,
-                oldContent: element.name,
-                newContent: 'lu-file-entry-wrapper',
-            });
-            if (element.endSourceSpan && !element.isSelfClosing) {
-                updates.push({
-                    position: element.endSourceSpan.start.offset + '</'.length,
-                    oldContent: element.name,
-                    newContent: 'lu-file-entry-wrapper',
-                });
-            }
-            const remainingClasses = classes.filter((className) => className !== wrapperClass);
-            if (remainingClasses.length === 0) {
-                updates.push((0, lib_1.removeAttributeUpdate)(template, classAttribute));
-            }
-            else if (classAttribute.valueSpan) {
-                updates.push({
-                    position: classAttribute.valueSpan.start.offset,
-                    oldContent: classAttribute.value,
-                    newContent: remainingClasses.join(' '),
-                });
-            }
-            symbolsToImport.add('FileEntryWrapperComponent');
-            lib_1.currentSchematicContext.logSuccess(`Replacing .${wrapperClass} with <lu-file-entry-wrapper> in ${path}`);
-        });
-    });
-}
-function hasSizeL(element) {
-    if (element.attributes.some((attribute) => attribute.name === 'size' && attribute.value === 'L')) {
-        return true;
-    }
-    return element.inputs.some((input) => {
-        const source = input.value instanceof lib_1.currentSchematicContext.angularCompiler.ASTWithSource ? input.value.source ?? '' : '';
-        return input.name === 'size' && /^['"]L['"]$/.test(source.trim());
-    });
-}
-/** Whitespace preceding the element on its own line, used to indent the generated block. */
-function getIndent(template, position) {
-    const lineStart = template.lastIndexOf('\n', position - 1) + 1;
-    const prefix = template.slice(lineStart, position);
-    return /^\s*$/.test(prefix) ? prefix : '';
-}

package/schematics/file-upload/migration.spec.js

@@ -1,56 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-const path = __importStar(require("path"));
-const lib_1 = require("../lib");
-const collectionPath = path.normalize(path.join(__dirname, '..', 'collection.json'));
-const testsRoot = path.join(__dirname, 'tests');
-describe('file-upload Migration', () => {
-    it('should handle basic case files', async () => {
-        // Arrange
-        const tree = (0, lib_1.createTreeFromFolder)(path.join(testsRoot, 'input'));
-        const expectedTree = (0, lib_1.createTreeFromFolder)(path.join(testsRoot, 'output'));
-        // Act
-        try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'file-upload', { skipInstall: true }, tree);
-        }
-        catch (error) {
-            // eslint-disable-next-line no-console
-            console.log(error);
-        }
-        // Assert
-        (0, lib_1.expectTree)(tree).toMatchTree(expectedTree);
-    });
-});

package/schematics/file-upload/schema.json

@@ -1,23 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema",
-  "$id": "LuccaFrontFileUpload",
-  "title": "Lucca Front File Upload Schema",
-  "type": "object",
-  "properties": {
-    "dryRun": {
-      "type": "boolean",
-      "description": "Run through the migration without making any changes.",
-      "default": false
-    },
-    "skipInstall": {
-      "type": "boolean",
-      "description": "Skip installing dependencies.",
-      "default": false
-    },
-    "verbose": {
-      "type": "boolean",
-      "description": "Enable verbose logging.",
-      "default": false
-    }
-  }
-}