@lucca-front/ng 20.3.0-rc.1 → 20.3.0-rc.2

package/icon/index.d.ts

@@ -1,16 +1,17 @@
-import { LuccaIcon } from '@lucca-front/icons';
 import * as i0 from '@angular/core';
+import { LuccaIcon } from '@lucca-front/icons';
 
 declare class IconComponent {
     icon: LuccaIcon;
     alt: string;
     size: 'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL' | 'XXL';
     color: 'primary' | 'secondary' | 'product' | 'error' | 'warning' | 'success' | 'light' | 'placeholder' | 'inherit';
+    AI: i0.InputSignalWithTransform<boolean, unknown>;
     get iconClasses(): {
         [x: string]: boolean;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "lu-icon", never, { "icon": { "alias": "icon"; "required": true; }; "alt": { "alias": "alt"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "lu-icon", never, { "icon": { "alias": "icon"; "required": true; }; "alt": { "alias": "alt"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "AI": { "alias": "AI"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { IconComponent };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lucca-front/ng",
-  "version": "20.3.0-rc.1",
+  "version": "20.3.0-rc.2",
   "description": "A library of icons made by the team @Lucca",
   "repository": {
     "type": "git",
@@ -26,8 +26,9 @@
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0",
     "@angular/cdk": "^20.0.0",
-    "@lucca-front/icons": "20.3.0-rc.1",
-    "@lucca-front/scss": "20.3.0-rc.1",
+    "@angular/animations": "^20.0.0",
+    "@lucca-front/icons": "20.3.0-rc.2",
+    "@lucca-front/scss": "20.3.0-rc.2",
     "isomorphic-dompurify": "^2.17.0",
     "date-fns": "^3.6.0",
     "rxjs": "^7.8.0",
@@ -36,6 +37,7 @@
     "@lexical/markdown": "^0.30.0",
     "@lexical/history": "^0.30.0",
     "@lexical/link": "^0.30.0",
+    "@lexical/plain-text": "^0.30.0",
     "@lexical/rich-text": "^0.30.0",
     "@lexical/selection": "^0.30.0",
     "@lexical/utils": "^0.30.0",
@@ -58,6 +60,9 @@
     "@lexical/link": {
       "optional": true
     },
+    "@lexical/plain-text": {
+      "optional": true
+    },
     "@lexical/rich-text": {
       "optional": true
     },
@@ -128,14 +133,14 @@
       "types": "./core/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-core.mjs"
     },
-    "./core-select": {
-      "types": "./core-select/index.d.ts",
-      "default": "./fesm2022/lucca-front-ng-core-select.mjs"
-    },
     "./date": {
       "types": "./date/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-date.mjs"
     },
+    "./core-select": {
+      "types": "./core-select/index.d.ts",
+      "default": "./fesm2022/lucca-front-ng-core-select.mjs"
+    },
     "./date2": {
       "types": "./date2/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-date2.mjs"
@@ -152,14 +157,14 @@
       "types": "./divider/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-divider.mjs"
     },
-    "./dropdown": {
-      "types": "./dropdown/index.d.ts",
-      "default": "./fesm2022/lucca-front-ng-dropdown.mjs"
-    },
     "./empty-state": {
       "types": "./empty-state/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-empty-state.mjs"
     },
+    "./dropdown": {
+      "types": "./dropdown/index.d.ts",
+      "default": "./fesm2022/lucca-front-ng-dropdown.mjs"
+    },
     "./establishment": {
       "types": "./establishment/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-establishment.mjs"
@@ -180,18 +185,22 @@
       "types": "./footer/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-footer.mjs"
     },
-    "./form-field": {
-      "types": "./form-field/index.d.ts",
-      "default": "./fesm2022/lucca-front-ng-form-field.mjs"
-    },
     "./formly": {
       "types": "./formly/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-formly.mjs"
     },
+    "./form-field": {
+      "types": "./form-field/index.d.ts",
+      "default": "./fesm2022/lucca-front-ng-form-field.mjs"
+    },
     "./forms": {
       "types": "./forms/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-forms.mjs"
     },
+    "./gauge": {
+      "types": "./gauge/index.d.ts",
+      "default": "./fesm2022/lucca-front-ng-gauge.mjs"
+    },
     "./highlight-data": {
       "types": "./highlight-data/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-highlight-data.mjs"
@@ -308,6 +317,14 @@
       "types": "./scrollBox/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-scrollBox.mjs"
     },
+    "./segmentedControl": {
+      "types": "./segmentedControl/index.d.ts",
+      "default": "./fesm2022/lucca-front-ng-segmentedControl.mjs"
+    },
+    "./segmentedControlTabs": {
+      "types": "./segmentedControlTabs/index.d.ts",
+      "default": "./fesm2022/lucca-front-ng-segmentedControlTabs.mjs"
+    },
     "./select": {
       "types": "./select/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-select.mjs"
@@ -403,6 +420,10 @@
     "./forms/rich-text-input/formatters/markdown": {
       "types": "./forms/rich-text-input/formatters/markdown/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-forms-rich-text-input-formatters-markdown.mjs"
+    },
+    "./forms/rich-text-input/formatters/plain-text": {
+      "types": "./forms/rich-text-input/formatters/plain-text/index.d.ts",
+      "default": "./fesm2022/lucca-front-ng-forms-rich-text-input-formatters-plain-text.mjs"
     }
   },
   "sideEffects": false,

package/schematics/class-prefix/index.js

@@ -285,6 +285,17 @@ exports.default = (options) => {
                 "u-paddingInline-end0": "pr-u-paddingInline-end0",
                 "u-insetInline-end0": "pr-u-insetInline-end0",
                 "u-prefersContrastMore": "pr-u-prefersContrastMore",
+                "u-border0": "pr-u-border0",
+                "u-borderBottom0": "pr-u-borderBottom0",
+                "u-borderTop0": "pr-u-borderTop0",
+                "u-borderRight0": "pr-u-borderRight0",
+                "u-borderLeft0": "pr-u-borderLeft0",
+                "u-borderInline0": "pr-u-borderInline0",
+                "u-borderBlock0": "pr-u-borderBlock0",
+                "u-borderBlockEnd0": "pr-u-borderBlockEnd0",
+                "u-borderBlockStart0": "pr-u-borderBlockStart0",
+                "u-borderInlineStart0": "pr-u-borderInlineStart0",
+                "u-borderInlineEnd0": "pr-u-borderInlineEnd0",
             },
             variables: {},
             mixins: {}

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

@@ -122,6 +122,7 @@ function insertAngularImportIfNeeded(sourceFile, fileToEdit, symbolName) {
     }
     let insertPos = 0;
     let needsComma = true;
+    let insertContent = symbolName;
     (0, typescript_1.forEachChild)(sourceFile, (0, angular_template_1.createVisitor)(typescript_1.isDecorator, (decorator) => {
         if (!(0, typescript_1.isCallExpression)(decorator.expression)) {
             return;
@@ -151,9 +152,18 @@ function insertAngularImportIfNeeded(sourceFile, fileToEdit, symbolName) {
                 needsComma = false;
             }
         }
+        else {
+            // There is no imports at all, add them !
+            const allParams = argument.properties
+                .filter(typescript_1.isPropertyAssignment);
+            insertPos = allParams[allParams.length - 1].pos;
+            needsComma = false;
+            insertContent = `
+	imports: [${insertContent}],`;
+        }
     }));
     if (insertPos > 0) {
-        return new change_1.InsertChange(fileToEdit, insertPos, needsComma ? `, ${symbolName}` : symbolName);
+        return new change_1.InsertChange(fileToEdit, insertPos, needsComma ? `, ${insertContent}` : insertContent);
     }
     return new change_1.NoopChange();
 }

package/segmentedControl/index.d.ts

@@ -0,0 +1,28 @@
+import * as _angular_forms from '@angular/forms';
+import * as _angular_core from '@angular/core';
+import * as _lucca_front_ng_segmentedControl from '@lucca-front/ng/segmentedControl';
+import { PortalContent } from '@lucca-front/ng/core';
+import * as i1 from '@lucca-front/ng/forms';
+
+declare class SegmentedControlFilterComponent<T = unknown> {
+    protected segmentedControlRef: _lucca_front_ng_segmentedControl.SegmentedControlComponent;
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    value: _angular_core.InputSignal<T>;
+    id: string;
+    name: string;
+    label: _angular_core.InputSignal<PortalContent>;
+    get formControl(): _angular_forms.FormControl<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SegmentedControlFilterComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SegmentedControlFilterComponent<any>, "lu-segmented-control-filter", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class SegmentedControlComponent {
+    ngControl: _angular_forms.FormControlDirective | _angular_forms.FormControlName | _angular_forms.NgModel;
+    small: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    vertical: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    id: string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SegmentedControlComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SegmentedControlComponent, "lu-segmented-control", never, { "small": { "alias": "small"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.NoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
+}
+
+export { SegmentedControlComponent, SegmentedControlFilterComponent };

package/segmentedControlTabs/index.d.ts

@@ -0,0 +1,34 @@
+import * as _angular_core from '@angular/core';
+import { AfterContentInit, ElementRef } from '@angular/core';
+import * as _lucca_front_ng_segmentedControlTabs from '@lucca-front/ng/segmentedControlTabs';
+import { PortalContent } from '@lucca-front/ng/core';
+import * as i1 from '@lucca-front/ng/forms';
+
+declare class SegmentedControlTabsPanelComponent<T = unknown> {
+    protected segmentedControlTabsRef: _lucca_front_ng_segmentedControlTabs.SegmentedControlTabsComponent<unknown>;
+    label: _angular_core.InputSignal<PortalContent>;
+    value: _angular_core.InputSignal<T>;
+    id: number;
+    panelId: string;
+    labelId: string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SegmentedControlTabsPanelComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SegmentedControlTabsPanelComponent<any>, "lu-segmented-control-tabs-panel", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class SegmentedControlTabsComponent<T = unknown> implements AfterContentInit {
+    small: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    vertical: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    id: string;
+    tabs: _angular_core.Signal<readonly SegmentedControlTabsPanelComponent<T>[]>;
+    tabButtons: _angular_core.Signal<readonly ElementRef<HTMLButtonElement>[]>;
+    active: _angular_core.ModelSignal<T>;
+    currentIndex: _angular_core.Signal<number>;
+    previous(): void;
+    next(): void;
+    setActiveTab(index: number): void;
+    ngAfterContentInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SegmentedControlTabsComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SegmentedControlTabsComponent<any>, "lu-segmented-control-tabs", never, { "small": { "alias": "small"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; }, ["tabs"], ["*"], true, [{ directive: typeof i1.NoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
+}
+
+export { SegmentedControlTabsComponent, SegmentedControlTabsPanelComponent };

package/src/components/_picker.scss

@@ -1,5 +1,4 @@
 @use 'popover';
-@use '@lucca-front/scss/src/commons/utils/a11y';
 
 @layer components {
 	.lu-picker-panel {
@@ -131,7 +130,7 @@
 
 		&:not(:hover, :has(.is-highlighted)) {
 			.link {
-				@include a11y.mask;
+				opacity: 0.0001;
 			}
 		}
 	}

package/tag/index.d.ts

@@ -1,13 +1,14 @@
+import * as _angular_core from '@angular/core';
 import { LuccaIcon } from '@lucca-front/icons';
 import { Palette, DecorativePalette } from '@lucca-front/ng/core';
-import * as i0 from '@angular/core';
 
 declare class TagComponent {
+    withEllipis: _angular_core.InputSignalWithTransform<boolean, unknown>;
     label: string;
     /**
      * Which size should the callout be? Defaults to medium
      */
-    size: 'M' | 'L';
+    size: 'S' | 'M' | 'L';
     /**
      * Which palette should be used for the entire callout.
      * Defaults to none (inherits parent palette)
@@ -26,11 +27,12 @@ declare class TagComponent {
      * Defaults to no icon.
      */
     icon: LuccaIcon | undefined;
+    AI: _angular_core.InputSignalWithTransform<boolean, unknown>;
     get tagClasses(): {
         [x: string]: boolean;
     };
-    static ɵfac: i0.ɵɵFactoryDeclaration<TagComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TagComponent, "lu-tag", never, { "label": { "alias": "label"; "required": true; }; "size": { "alias": "size"; "required": false; }; "palette": { "alias": "palette"; "required": false; }; "outlined": { "alias": "outlined"; "required": false; }; "link": { "alias": "link"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TagComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TagComponent, "lu-tag", never, { "withEllipis": { "alias": "withEllipis"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; }; "size": { "alias": "size"; "required": false; }; "palette": { "alias": "palette"; "required": false; }; "outlined": { "alias": "outlined"; "required": false; }; "link": { "alias": "link"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "AI": { "alias": "AI"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
     static ngAcceptInputType_outlined: unknown;
 }
 

package/tree-select/index.d.ts

@@ -24,12 +24,13 @@ declare class TreeBranchComponent<T> {
     selectMany: _angular_core.OutputEmitterRef<T[]>;
     unselectMany: _angular_core.OutputEmitterRef<T[]>;
     simpleMode: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    depth: _angular_core.InputSignal<number>;
     constructor();
     toggle(branchData: TreeNode<T>): void;
     selectOnlyChildren(branchData: TreeNode<T>): void;
     flattenTree(branch: TreeNode<T>, excludeRoot?: boolean): T[];
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeBranchComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TreeBranchComponent<any>, "lu-tree-branch", never, { "branch": { "alias": "branch"; "required": true; "isSignal": true; }; "optionTpl": { "alias": "optionTpl"; "required": true; "isSignal": true; }; "optionIndex": { "alias": "optionIndex"; "required": true; "isSignal": true; }; "optionComparer": { "alias": "optionComparer"; "required": true; "isSignal": true; }; "selectedOptions": { "alias": "selectedOptions"; "required": false; "isSignal": true; }; "simpleMode": { "alias": "simpleMode"; "required": false; "isSignal": true; }; }, { "toggleOne": "toggleOne"; "selectMany": "selectMany"; "unselectMany": "unselectMany"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TreeBranchComponent<any>, "lu-tree-branch", never, { "branch": { "alias": "branch"; "required": true; "isSignal": true; }; "optionTpl": { "alias": "optionTpl"; "required": true; "isSignal": true; }; "optionIndex": { "alias": "optionIndex"; "required": true; "isSignal": true; }; "optionComparer": { "alias": "optionComparer"; "required": true; "isSignal": true; }; "selectedOptions": { "alias": "selectedOptions"; "required": false; "isSignal": true; }; "simpleMode": { "alias": "simpleMode"; "required": false; "isSignal": true; }; "depth": { "alias": "depth"; "required": false; "isSignal": true; }; }, { "toggleOne": "toggleOne"; "selectMany": "selectMany"; "unselectMany": "unselectMany"; }, never, never, true, never>;
 }
 
 export { TreeBranchComponent, TreeSelectDirective };

package/user/index.d.ts

@@ -159,12 +159,13 @@ declare class LuUserPictureComponent implements OnChanges {
     initials: string;
     hasPicture: boolean;
     pictureHref: string;
+    AI: i0.InputSignalWithTransform<boolean, unknown>;
     style: {};
     ngOnChanges(): void;
     pictureError(): void;
     private getNameHue;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuUserPictureComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuUserPictureComponent, "lu-user-picture", never, { "displayFormat": { "alias": "displayFormat"; "required": false; }; "imageLoadingAttribute": { "alias": "imageLoadingAttribute"; "required": false; }; "user": { "alias": "user"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuUserPictureComponent, "lu-user-picture", never, { "displayFormat": { "alias": "displayFormat"; "required": false; }; "imageLoadingAttribute": { "alias": "imageLoadingAttribute"; "required": false; }; "user": { "alias": "user"; "required": false; }; "AI": { "alias": "AI"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**

package/user-popover/index.d.ts

@@ -65,6 +65,7 @@ declare class LuUserPopoverComponent {
     #private;
     luUser: _angular_core.Signal<_lucca_front_ng_user.ILuUser>;
     intl: LuPopupEmployeeTranslations;
+    skeletonWidths: string[];
     employee$: Observable<LuUserPopover>;
     userPictureDisplay$: Observable<"img" | "initials">;
     userPictureHref$: Observable<string>;
@@ -73,6 +74,7 @@ declare class LuUserPopoverComponent {
         color: number;
     }>;
     pictureError(): void;
+    getRandomPercent(min?: number, max?: number): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuUserPopoverComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<LuUserPopoverComponent, "lu-user-popover-content", never, {}, {}, never, never, true, never>;
 }