@lucca-front/ng 20.1.3-rc.2 → 20.2.0-rc.1

package/simple-select/index.d.ts

@@ -3,7 +3,7 @@ import { InjectionToken, ElementRef, Injector, ViewContainerRef, AfterViewInit,
 import { LuTranslation } from '@lucca-front/ng/core';
 import { ControlValueAccessor } from '@angular/forms';
 import * as _lucca_front_ng_core_select from '@lucca-front/ng/core-select';
-import { LuSelectPanelRef, ALuSelectInputComponent, CoreSelectPanelInstance, LuOptionGroup, ɵCoreSelectPanelElement as _CoreSelectPanelElement, CoreSelectKeyManager } from '@lucca-front/ng/core-select';
+import { LuSelectPanelRef, ALuSelectInputComponent, CoreSelectPanelInstance, TreeNode, LuOptionGroup, ɵCoreSelectPanelElement as _CoreSelectPanelElement, CoreSelectKeyManager } from '@lucca-front/ng/core-select';
 import { Overlay, OverlayPositionBuilder, ScrollStrategyOptions, OverlayConfig } from '@angular/cdk/overlay';
 import * as rxjs from 'rxjs';
 
@@ -35,7 +35,7 @@ declare class LuSimpleSelectPanelRefFactory {
 declare class LuSimpleSelectInputComponent<T> extends ALuSelectInputComponent<T, T> implements ControlValueAccessor {
     intl: ILuSimpleSelectLabel;
     get filterPillClass(): boolean;
-    autocomplete: _angular_core.InputSignal<string>;
+    autocomplete: _angular_core.InputSignal<AutoFill>;
     filterPillPanelAnchorRef: _angular_core.Signal<ViewContainerRef>;
     protected panelRefFactory: LuSimpleSelectPanelRefFactory;
     protected buildPanelRef(): LuSelectPanelRef<T, T>;
@@ -53,12 +53,14 @@ declare class LuSelectPanelComponent<T> implements AfterViewInit, CoreSelectPane
     intl: ILuSimpleSelectLabel;
     options$: rxjs.ReplaySubject<readonly T[]>;
     grouping: _lucca_front_ng_core_select.LuOptionGrouping<T, unknown>;
+    treeGenerator: _lucca_front_ng_core_select.TreeGenerator<T, TreeNode<T>>;
     loading$: rxjs.BehaviorSubject<boolean>;
     searchable: boolean;
     optionComparer: _lucca_front_ng_core_select.LuOptionComparer<T>;
     optionKey: (option: T) => unknown;
     trackOptionsBy: TrackByFunction<T>;
     trackGroupsBy: TrackByFunction<LuOptionGroup<T, unknown>>;
+    trackBranchesBy: TrackByFunction<TreeNode<T>>;
     initialValue: T | undefined;
     optionTpl: _angular_core.ModelSignal<_angular_core.Type<unknown> | _angular_core.TemplateRef<_lucca_front_ng_core_select.LuOptionContext<T>>>;
     options: _angular_core.WritableSignal<_CoreSelectPanelElement<T>[]>;

package/src/components/_picker.scss

@@ -54,7 +54,7 @@
 
 	&.is-highlighted {
 		background-color: var(--palettes-neutral-50);
-		border-radius: var(--commons-borderRadius-M);
+		border-radius: var(--pr-t-border-radius-default);
 		outline: 4px solid var(--palettes-neutral-0);
 	}
 }

package/src/components/_popover.scss

@@ -40,7 +40,7 @@
 %popover-content {
 	background-color: var(--pr-t-elevation-surface-raised);
 	box-shadow: var(--pr-t-elevation-shadow-overlay);
-	border-radius: var(--commons-borderRadius-M);
+	border-radius: var(--pr-t-border-radius-structure);
 
 	&:focus-within {
 		outline: none;

package/src/components/_popup.scss

@@ -15,7 +15,7 @@
 	position: relative;
 	box-shadow: var(--pr-t-elevation-shadow-overlay);
 	background-color: var(--pr-t-elevation-surface-raised);
-	border-radius: var(--commons-borderRadius-L);
+	border-radius: var(--pr-t-border-radius-structure);
 	inline-size: var(--components-popup-M);
 	max-inline-size: 95%;
 	max-block-size: 90vh;

package/src/components/cdk/_dragDrop.scss

@@ -19,7 +19,7 @@
 }
 
 .dragDrop-list {
-	border-radius: var(--commons-borderRadius-M);
+	border-radius: var(--pr-t-border-radius-default);
 }
 
 .dragDrop-item {
@@ -27,13 +27,13 @@
 
 	&:not(.cdk-drag-placeholder) {
 		&:first-of-type {
-			border-start-start-radius: var(--commons-borderRadius-M);
-			border-start-end-radius: var(--commons-borderRadius-M);
+			border-start-start-radius: var(--pr-t-border-radius-default);
+			border-start-end-radius: var(--pr-t-border-radius-default);
 		}
 
 		&:last-of-type {
-			border-end-start-radius: var(--commons-borderRadius-M);
-			border-end-end-radius: var(--commons-borderRadius-M);
+			border-end-start-radius: var(--pr-t-border-radius-default);
+			border-end-end-radius: var(--pr-t-border-radius-default);
 		}
 	}
 
@@ -51,7 +51,7 @@
 	box-sizing: border-box;
 	box-shadow: form.fakeBorderOverlay(var(--palettes-product-200));
 	background-color: var(--palettes-product-50);
-	border-radius: var(--commons-borderRadius-M);
+	border-radius: var(--pr-t-border-radius-default);
 	cursor: grabbing;
 }
 

package/src/definitions/option/_option-item.scss

@@ -9,7 +9,7 @@
 	--components-options-item-icon-color: var(--palettes-neutral-800);
 	--components-options-checkbox-size: 1.25rem;
 	--components-options-checkbox-color: var(--palettes-700, var(--palettes-product-700));
-	--components-options-checkbox-border-radius: 6px;
+	--components-options-checkbox-border-radius: var(--pr-t-border-radius-small);
 	--components-options-checkbox-border-color: var(--palettes-neutral-700);
 	--components-options-establishment-multiple-padding: 2rem;
 }
@@ -17,6 +17,7 @@
 @mixin optionItemStyle {
 	:host {
 		--components-options-checkbox-color: var(--palettes-700, var(--palettes-product-700)); // Allow palette override
+
 		display: block;
 		scroll-margin: var(--pr-t-spacings-50);
 
@@ -35,7 +36,7 @@
 
 	.optionItem-value {
 		position: relative;
-		border-radius: var(--commons-borderRadius-M);
+		border-radius: var(--pr-t-border-radius-default);
 		display: block;
 		padding-block: var(--components-options-item-padding-vertical);
 		padding-inline: var(--components-options-item-padding-horizontal);
@@ -52,8 +53,8 @@
 				inset-inline-start: calc(var(--pr-t-spacings-50) * -1);
 				inline-size: 2px;
 				background-color: var(--palettes-700, var(--palettes-product-700));
-				border-start-end-radius: var(--commons-borderRadius-M);
-				border-end-end-radius: var(--commons-borderRadius-M);
+				border-start-end-radius: var(--pr-t-border-radius-default);
+				border-end-end-radius: var(--pr-t-border-radius-default);
 			}
 
 			&:hover {

package/statusBadge/index.d.ts

@@ -1,15 +1,15 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { OnChanges } from '@angular/core';
 import { Palette } from '@lucca-front/ng/core';
 
 declare class StatusBadgeComponent implements OnChanges {
     #private;
-    label: string;
-    size: 'L';
-    palette: Palette;
+    label: _angular_core.InputSignal<string>;
+    size: _angular_core.InputSignal<"L" | "M">;
+    palette: _angular_core.InputSignal<Palette>;
     ngOnChanges(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<StatusBadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StatusBadgeComponent, "lu-status-badge", never, { "label": { "alias": "label"; "required": true; }; "size": { "alias": "size"; "required": false; }; "palette": { "alias": "palette"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StatusBadgeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StatusBadgeComponent, "lu-status-badge", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { StatusBadgeComponent };

package/time/index.d.ts

@@ -99,7 +99,7 @@ declare class DurationPickerComponent extends BasePickerComponent {
     }>;
     protected fieldsetSuffixClasses: _angular_core.Signal<{
         'timePicker-fieldset-groupSeparator': boolean;
-        'u-visibilityHidden': boolean;
+        'pr-u-visibilityHidden': boolean;
     }>;
     protected separator: string;
     protected hoursDecimalConf: string;

package/tree-select/index.d.ts

@@ -0,0 +1,35 @@
+import * as _angular_core from '@angular/core';
+import { Type, TemplateRef } from '@angular/core';
+import { TreeGenerator, TreeNode, TreeGroupingFn, ALuSelectInputComponent, ɵCoreSelectPanelElement as _CoreSelectPanelElement, LuOptionContext, LuOptionComparer } from '@lucca-front/ng/core-select';
+
+declare class TreeSelectDirective<T, V> implements TreeGenerator<T, TreeNode<T>> {
+    #private;
+    groupingFnInput: _angular_core.InputSignal<TreeGroupingFn<T>>;
+    groupingFn: _angular_core.WritableSignal<TreeGroupingFn<T>>;
+    constructor();
+    generateTrees(items: T[]): TreeNode<T>[];
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeSelectDirective<any, any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TreeSelectDirective<any, any>, "lu-simple-select[treeSelect],lu-multi-select[treeSelect]", never, { "groupingFnInput": { "alias": "treeSelect"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class TreeBranchComponent<T> {
+    selectInputComponent: ALuSelectInputComponent<any, any>;
+    rootOptionRef: _angular_core.Signal<_CoreSelectPanelElement<T>>;
+    branch: _angular_core.InputSignal<TreeNode<T>>;
+    optionTpl: _angular_core.InputSignal<Type<unknown> | TemplateRef<LuOptionContext<T>>>;
+    optionIndex: _angular_core.InputSignalWithTransform<string, string | number>;
+    optionComparer: _angular_core.InputSignal<LuOptionComparer<T>>;
+    selectedOptions: _angular_core.InputSignal<T[]>;
+    toggleOne: _angular_core.OutputEmitterRef<T>;
+    selectMany: _angular_core.OutputEmitterRef<T[]>;
+    unselectMany: _angular_core.OutputEmitterRef<T[]>;
+    simpleMode: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    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>;
+}
+
+export { TreeBranchComponent, TreeSelectDirective };

package/user/index.d.ts

@@ -108,8 +108,13 @@ declare class LuUserTileComponent {
      */
     set role(role: string);
     get role(): string;
+    /**
+     * Which size should the user tile be? Defaults to medium
+     */
+    size: i0.InputSignal<"L" | "M" | "S" | "XS">;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<LuUserTileComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuUserTileComponent, "lu-user-tile", never, { "user": { "alias": "user"; "required": false; }; "displayFormat": { "alias": "displayFormat"; "required": false; }; "role": { "alias": "role"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuUserTileComponent, "lu-user-tile", never, { "user": { "alias": "user"; "required": false; }; "displayFormat": { "alias": "displayFormat"; "required": false; }; "role": { "alias": "role"; "required": false; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 /**