@lucca-front/ng 19.3.0-rc.3 → 19.3.0-rc.4

package/file-upload/translations.d.ts

@@ -0,0 +1,242 @@
+export declare const Translations: {
+    en: {
+        acceptedFormat: {
+            one: string;
+            other: string;
+        };
+        selectFile: {
+            one: string;
+            other: string;
+        };
+        dropOrClick: {
+            one: string;
+            other: string;
+        };
+        maxWeight: {
+            one: string;
+            other: string;
+        };
+        fileUploadedListed: {
+            one: string;
+            other: string;
+        };
+        all: string;
+        file: string;
+        download: string;
+        downloadFile: string;
+        delete: string;
+        deleteFile: string;
+        password: string;
+        confirmPassword: string;
+    };
+    de: {
+        acceptedFormat: {
+            one: string;
+            other: string;
+        };
+        selectFile: {
+            one: string;
+            other: string;
+        };
+        dropOrClick: {
+            one: string;
+            other: string;
+        };
+        maxWeight: {
+            one: string;
+            other: string;
+        };
+        fileUploadedListed: {
+            one: string;
+            other: string;
+        };
+        all: string;
+        file: string;
+        download: string;
+        downloadFile: string;
+        delete: string;
+        deleteFile: string;
+        password: string;
+        confirmPassword: string;
+    };
+    fr: {
+        acceptedFormat: {
+            one: string;
+            other: string;
+        };
+        selectFile: {
+            one: string;
+            other: string;
+        };
+        dropOrClick: {
+            one: string;
+            other: string;
+        };
+        maxWeight: {
+            one: string;
+            other: string;
+        };
+        fileUploadedListed: {
+            one: string;
+            other: string;
+        };
+        all: string;
+        file: string;
+        download: string;
+        downloadFile: string;
+        delete: string;
+        deleteFile: string;
+        password: string;
+        confirmPassword: string;
+    };
+    it: {
+        acceptedFormat: {
+            one: string;
+            other: string;
+        };
+        selectFile: {
+            one: string;
+            other: string;
+        };
+        dropOrClick: {
+            one: string;
+            other: string;
+        };
+        maxWeight: {
+            one: string;
+            other: string;
+        };
+        fileUploadedListed: {
+            one: string;
+            other: string;
+        };
+        all: string;
+        file: string;
+        download: string;
+        downloadFile: string;
+        delete: string;
+        deleteFile: string;
+        password: string;
+        confirmPassword: string;
+    };
+    nl: {
+        acceptedFormat: {
+            one: string;
+            other: string;
+        };
+        selectFile: {
+            one: string;
+            other: string;
+        };
+        dropOrClick: {
+            one: string;
+            other: string;
+        };
+        maxWeight: {
+            one: string;
+            other: string;
+        };
+        fileUploadedListed: {
+            one: string;
+            other: string;
+        };
+        all: string;
+        file: string;
+        download: string;
+        downloadFile: string;
+        delete: string;
+        deleteFile: string;
+        password: string;
+        confirmPassword: string;
+    };
+    'nl-BE': {
+        acceptedFormat: {
+            one: string;
+            other: string;
+        };
+        selectFile: {
+            one: string;
+            other: string;
+        };
+        dropOrClick: {
+            one: string;
+            other: string;
+        };
+        maxWeight: {
+            one: string;
+            other: string;
+        };
+        fileUploadedListed: {
+            one: string;
+            other: string;
+        };
+        all: string;
+        file: string;
+        download: string;
+        downloadFile: string;
+        delete: string;
+        deleteFile: string;
+        password: string;
+        confirmPassword: string;
+    };
+    es: {
+        acceptedFormat: {
+            one: string;
+            other: string;
+        };
+        selectFile: {
+            one: string;
+            other: string;
+        };
+        dropOrClick: {
+            one: string;
+            other: string;
+        };
+        maxWeight: {
+            one: string;
+            other: string;
+        };
+        fileUploadedListed: {
+            one: string;
+            other: string;
+        };
+        all: string;
+        file: string;
+        download: string;
+        downloadFile: string;
+        delete: string;
+        deleteFile: string;
+        password: string;
+        confirmPassword: string;
+    };
+    pt: {
+        acceptedFormat: {
+            one: string;
+            other: string;
+        };
+        selectFile: {
+            one: string;
+            other: string;
+        };
+        dropOrClick: {
+            one: string;
+            other: string;
+        };
+        maxWeight: {
+            one: string;
+            other: string;
+        };
+        fileUploadedListed: {
+            one: string;
+            other: string;
+        };
+        all: string;
+        file: string;
+        download: string;
+        downloadFile: string;
+        delete: string;
+        deleteFile: string;
+        password: string;
+        confirmPassword: string;
+    };
+};

package/filter-pills/core/filter-pill-input-component.d.ts

@@ -3,6 +3,7 @@ import { LuccaIcon } from '@lucca-front/icons';
 export type FilterPillLayout = 'checkable';
 export interface FilterPillInputComponent {
     isFilterPillEmpty: Signal<boolean>;
+    isFilterPillClearable: Signal<boolean>;
     filterPillLayout?: Signal<FilterPillLayout>;
     hideCombobox?: Signal<boolean>;
     showColon?: Signal<boolean>;

package/filter-pills/filter-pill/filter-pill.component.d.ts

@@ -29,6 +29,7 @@ export declare class FilterPillComponent {
     displayedIcon: import("@angular/core").Signal<LuccaIcon>;
     shouldHideCombobox: import("@angular/core").Signal<boolean>;
     inputIsEmpty: import("@angular/core").Signal<boolean>;
+    inputIsClearable: import("@angular/core").Signal<boolean>;
     shouldShowColon: import("@angular/core").Signal<boolean>;
     colonDisplay: import("@angular/core").Signal<"" | " :" | ":">;
     modCheckbox: import("@angular/core").Signal<boolean>;

package/form-field/form-field.component.d.ts

@@ -41,6 +41,10 @@ export declare class FormFieldComponent implements OnDestroy, DoCheck {
      */
     inlineMessageState: import("@angular/core").InputSignal<InlineMessageState>;
     size: import("@angular/core").InputSignal<FormFieldSize>;
+    /**
+     * Extra aria-describedby attribute
+     */
+    extraDescribedBy: import("@angular/core").InputSignal<string>;
     layout: import("@angular/core").ModelSignal<"default" | "checkable" | "fieldset">;
     hasArrow: boolean;
     /**
@@ -61,6 +65,6 @@ export declare class FormFieldComponent implements OnDestroy, DoCheck {
     ngOnDestroy(): void;
     ngDoCheck(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "lu-form-field", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "hiddenLabel": { "alias": "hiddenLabel"; "required": false; "isSignal": true; }; "rolePresentationLabel": { "alias": "rolePresentationLabel"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "statusControl": { "alias": "statusControl"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "inlineMessage": { "alias": "inlineMessage"; "required": false; "isSignal": true; }; "errorInlineMessage": { "alias": "errorInlineMessage"; "required": false; "isSignal": true; }; "inlineMessageState": { "alias": "inlineMessageState"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "counter": { "alias": "counter"; "required": false; "isSignal": true; }; }, { "rolePresentationLabel": "rolePresentationLabelChange"; "layout": "layoutChange"; }, ["formFieldChildren", "requiredValidators", "ngControls"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "lu-form-field", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "hiddenLabel": { "alias": "hiddenLabel"; "required": false; "isSignal": true; }; "rolePresentationLabel": { "alias": "rolePresentationLabel"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "statusControl": { "alias": "statusControl"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "inlineMessage": { "alias": "inlineMessage"; "required": false; "isSignal": true; }; "errorInlineMessage": { "alias": "errorInlineMessage"; "required": false; "isSignal": true; }; "inlineMessageState": { "alias": "inlineMessageState"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "extraDescribedBy": { "alias": "extraDescribedBy"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "counter": { "alias": "counter"; "required": false; "isSignal": true; }; }, { "rolePresentationLabel": "rolePresentationLabelChange"; "layout": "layoutChange"; }, ["formFieldChildren", "requiredValidators", "ngControls"], ["*"], true, never>;
 }
 export {};

package/formly/style/_components.scss

@@ -6,6 +6,7 @@ formly-field {
 	flex-direction: inherit;
 	inline-size: 100%;
 }
+
 formly-form .checkboxesfield:not(fieldset),
 formly-form .radiosfield:not(fieldset) {
 	margin-block-start: 0 !important;

package/forms/checkbox-input/checkbox-input.component.d.ts

@@ -9,6 +9,7 @@ export declare class CheckboxInputComponent implements FilterPillInputComponent
     filterPillInputId: string;
     filterPillLayout: Signal<FilterPillLayout>;
     isFilterPillEmpty: Signal<boolean>;
+    isFilterPillClearable: Signal<boolean>;
     hideCombobox: Signal<boolean>;
     showColon: Signal<boolean>;
     ngControl: import("@angular/forms").NgModel | import("@angular/forms").FormControlDirective | import("@angular/forms").FormControlName;

package/forms/multilanguage-input/multilanguage-input.component.d.ts

@@ -6,6 +6,7 @@ import * as i0 from "@angular/core";
 export declare class MultilanguageInputComponent implements ControlValueAccessor {
     #private;
     intl: import("./multilanguage-input.translate").LuMultilanguageInputTranslations;
+    formFieldSize: import("@angular/core").InputSignal<import("@lucca-front/ng/form-field").FormFieldSize>;
     protected onTouched: () => void;
     protected onChange: (_value: MultilanguageTranslation[]) => void;
     placeholder: import("@angular/core").InputSignal<string>;

package/inline-message/inline-message.component.d.ts

@@ -7,8 +7,10 @@ export declare class InlineMessageComponent implements OnChanges {
     label: PortalContent;
     state: InlineMessageState;
     size: 'S' | 'M';
+    withTooltip: boolean;
     ngOnChanges(): void;
     isStringPortalContent(message: PortalContent): message is string;
     static ɵfac: i0.ɵɵFactoryDeclaration<InlineMessageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InlineMessageComponent, "lu-inline-message", never, { "label": { "alias": "label"; "required": true; }; "state": { "alias": "state"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InlineMessageComponent, "lu-inline-message", never, { "label": { "alias": "label"; "required": true; }; "state": { "alias": "state"; "required": false; }; "size": { "alias": "size"; "required": false; }; "withTooltip": { "alias": "withTooltip"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_withTooltip: unknown;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lucca-front/ng",
-  "version": "19.3.0-rc.3",
+  "version": "19.3.0-rc.4",
   "description": "A library of icons made by the team @Lucca",
   "repository": {
     "type": "git",
@@ -26,8 +26,8 @@
     "@angular/common": "^19.0.0",
     "@angular/core": "^19.0.0",
     "@angular/cdk": "^19.0.0",
-    "@lucca-front/icons": "19.3.0-rc.3",
-    "@lucca-front/scss": "19.3.0-rc.3",
+    "@lucca-front/icons": "19.3.0-rc.4",
+    "@lucca-front/scss": "19.3.0-rc.4",
     "isomorphic-dompurify": "^2.17.0",
     "date-fns": "^3.6.0",
     "rxjs": "^7.8.0"
@@ -62,29 +62,29 @@
       "types": "./animations/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-animations.mjs"
     },
+    "./api": {
+      "types": "./api/index.d.ts",
+      "default": "./fesm2022/lucca-front-ng-api.mjs"
+    },
     "./breadcrumbs": {
       "types": "./breadcrumbs/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-breadcrumbs.mjs"
     },
-    "./button": {
-      "types": "./button/index.d.ts",
-      "default": "./fesm2022/lucca-front-ng-button.mjs"
-    },
     "./chip": {
       "types": "./chip/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-chip.mjs"
     },
+    "./callout": {
+      "types": "./callout/index.d.ts",
+      "default": "./fesm2022/lucca-front-ng-callout.mjs"
+    },
     "./comment": {
       "types": "./comment/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-comment.mjs"
     },
-    "./api": {
-      "types": "./api/index.d.ts",
-      "default": "./fesm2022/lucca-front-ng-api.mjs"
-    },
-    "./callout": {
-      "types": "./callout/index.d.ts",
-      "default": "./fesm2022/lucca-front-ng-callout.mjs"
+    "./button": {
+      "types": "./button/index.d.ts",
+      "default": "./fesm2022/lucca-front-ng-button.mjs"
     },
     "./core": {
       "types": "./core/index.d.ts",
@@ -98,14 +98,14 @@
       "types": "./date/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-date.mjs"
     },
-    "./date2": {
-      "types": "./date2/index.d.ts",
-      "default": "./fesm2022/lucca-front-ng-date2.mjs"
-    },
     "./department": {
       "types": "./department/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-department.mjs"
     },
+    "./date2": {
+      "types": "./date2/index.d.ts",
+      "default": "./fesm2022/lucca-front-ng-date2.mjs"
+    },
     "./dialog": {
       "types": "./dialog/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-dialog.mjs"
@@ -130,6 +130,10 @@
       "types": "./fancy-box/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-fancy-box.mjs"
     },
+    "./file-upload": {
+      "types": "./file-upload/index.d.ts",
+      "default": "./fesm2022/lucca-front-ng-file-upload.mjs"
+    },
     "./filter-pills": {
       "types": "./filter-pills/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-filter-pills.mjs"
@@ -146,14 +150,14 @@
       "types": "./formly/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-formly.mjs"
     },
-    "./highlight-data": {
-      "types": "./highlight-data/index.d.ts",
-      "default": "./fesm2022/lucca-front-ng-highlight-data.mjs"
-    },
     "./forms": {
       "types": "./forms/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-forms.mjs"
     },
+    "./highlight-data": {
+      "types": "./highlight-data/index.d.ts",
+      "default": "./fesm2022/lucca-front-ng-highlight-data.mjs"
+    },
     "./horizontal-navigation": {
       "types": "./horizontal-navigation/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-horizontal-navigation.mjs"
@@ -162,14 +166,14 @@
       "types": "./icon/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-icon.mjs"
     },
-    "./input": {
-      "types": "./input/index.d.ts",
-      "default": "./fesm2022/lucca-front-ng-input.mjs"
-    },
     "./inline-message": {
       "types": "./inline-message/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-inline-message.mjs"
     },
+    "./input": {
+      "types": "./input/index.d.ts",
+      "default": "./fesm2022/lucca-front-ng-input.mjs"
+    },
     "./link": {
       "types": "./link/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-link.mjs"
@@ -282,14 +286,14 @@
       "types": "./title/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-title.mjs"
     },
-    "./tooltip": {
-      "types": "./tooltip/index.d.ts",
-      "default": "./fesm2022/lucca-front-ng-tooltip.mjs"
-    },
     "./toast": {
       "types": "./toast/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-toast.mjs"
     },
+    "./tooltip": {
+      "types": "./tooltip/index.d.ts",
+      "default": "./fesm2022/lucca-front-ng-tooltip.mjs"
+    },
     "./user": {
       "types": "./user/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-user.mjs"

package/schematics/lib/angular-component-ast.js

@@ -154,7 +154,7 @@ function removeAngularImport(sourceFile, fileToEdit, symbolName) {
         return new change_1.NoopChange();
     }
     let removePos = 0;
-    let toRemove = symbolName;
+    let toRemove = 0;
     (0, typescript_1.forEachChild)(sourceFile, (0, angular_template_1.createVisitor)(typescript_1.isDecorator, (decorator) => {
         if (!(0, typescript_1.isCallExpression)(decorator.expression)) {
             return;
@@ -178,20 +178,26 @@ function removeAngularImport(sourceFile, fileToEdit, symbolName) {
         if (imports) {
             imports.forEach((exp, index) => {
                 if (exp && (0, typescript_1.isIdentifier)(exp) && exp.text === symbolName) {
-                    removePos = exp.getFullStart();
+                    toRemove = exp.getFullWidth();
                     if (index === 0) {
                         removePos = importExpression.elements[0].getStart(sourceFile) || 0;
-                        toRemove += ',';
                     }
-                    else if (index < imports.length - 1) {
-                        toRemove += ' , ';
+                    else {
+                        removePos = exp.getFullStart();
+                    }
+                    while (['\n', '\t'].includes(sourceFile.text.charAt(removePos - 1))) {
+                        removePos--;
+                        toRemove++;
+                    }
+                    while ([' ', '\n', '\t', ','].includes(sourceFile.text.charAt(removePos + toRemove))) {
+                        toRemove++;
                     }
                 }
             });
         }
     }));
     if (removePos > 0) {
-        return new change_1.RemoveChange(fileToEdit, removePos, toRemove);
+        return new change_1.RemoveChange(fileToEdit, removePos, ' '.repeat(toRemove));
     }
     return new change_1.NoopChange();
 }
@@ -208,7 +214,12 @@ function removeTSImport(sourceFile, fileToEdit, symbolName) {
     else {
         const specifier = namedImports.elements.find((sp) => sp.name.text === symbolName);
         if (specifier) {
-            return new change_1.RemoveChange(fileToEdit, specifier.getFullStart(), symbolName + ', ');
+            let size = specifier?.getWidth(sourceFile);
+            const start = specifier.getStart(sourceFile);
+            while ([' ', '\n', '\t', ','].includes(sourceFile.text.charAt(start + size))) {
+                size++;
+            }
+            return new change_1.RemoveChange(fileToEdit, start, ' '.repeat(size));
         }
     }
     return new change_1.NoopChange();

package/schematics/lu-select/migration.js

@@ -16,9 +16,9 @@ const importSource = {
     LuDisplayerDirective: '@lucca-front/ng/core-select',
     LuOptionDirective: '@lucca-front/ng/core-select',
     LuInputClearerComponent: '@lucca-front/ng/input',
-    LuCoreSelectEstablishmentsDirective: '@lucca-front/ng/core-select',
-    LuCoreSelectJobQualificationsDirective: '@lucca-front/ng/core-select',
-    LuCoreSelectUsersDirective: '@lucca-front/ng/core-select',
+    LuCoreSelectEstablishmentsDirective: '@lucca-front/ng/core-select/establishment',
+    LuCoreSelectJobQualificationsDirective: '@lucca-front/ng/core-select/job-qualification',
+    LuCoreSelectUsersDirective: '@lucca-front/ng/core-select/user',
     LuCoreSelectApiV3Directive: '@lucca-front/ng/core-select/api',
     LuCoreSelectApiV4Directive: '@lucca-front/ng/core-select/api'
 };

package/schematics/lu-select/util.js

@@ -22,7 +22,7 @@ var RejectionReason;
 })(RejectionReason || (exports.RejectionReason = RejectionReason = {}));
 const allowedAttributes = [/class/, /ngModel/, /ngModelChange/, /ngClass/, /disabled/,
     /title/, /formControl/, /formControlName/, /required/, /data-.+/, /attr\..+/, /class\..+/,
-    /placeholder/, /title/, /filters/, /multiple/, /api/, /orderBy/, /fields/];
+    /placeholder/, /title/, /filters/, /multiple/, /api/, /orderBy/, /fields/, /id/, /luTooltip/];
 function isRejection(value) {
     return value?.reason !== undefined && RejectionReason[value.reason] != undefined;
 }

package/src/components/_input.scss

@@ -29,6 +29,15 @@
 			@include field.fieldFramedError('textfield');
 		}
 	}
+
+	.checkbox,
+	.radio {
+		&.is-error,
+		&.is-invalid,
+		&.ng-invalid.ng-touched {
+			@include field.fieldFramedError('radiosfield');
+		}
+	}
 }
 
 .radiosfield,
@@ -44,14 +53,3 @@
 		}
 	}
 }
-
-.form.mod-framed {
-	.checkbox,
-	.radio {
-		&.is-error,
-		&.is-invalid,
-		&.ng-invalid.ng-touched {
-			@include field.fieldFramedError('radiosfield');
-		}
-	}
-}

package/src/components/_picker.scss

@@ -16,7 +16,7 @@
 	margin-inline-end: calc(var(--pr-t-spacings-50) * -1);
 
 	&.is-loading {
-		//block-size: 17.5rem;
+		// block-size: 17.5rem;
 	}
 }