@lucca-front/ng 22.0.0-rc.4 → 22.0.0

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',
@@ -40,6 +44,13 @@ exports.default = (options) => {
                 '--colors-white-rgb': '--palettes-neutral-0',
             }
         }, {
+            // 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',
@@ -54,5 +65,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/src/_components.scss

@@ -1,5 +1,6 @@
 @forward 'components/calendar';
 @forward 'components/input';
+@forward 'components/listbox';
 @forward 'components/popover';
 @forward 'components/picker';
 @forward 'components/popup';

package/src/components/_listbox.scss

@@ -0,0 +1,8 @@
+// The select/listbox Angular components (`lu-listbox`, `lu-select-option`, `lu-listbox-option`,
+// color picker) ship no component-scoped CSS — their visuals live in the shared `@lucca-front/scss`
+// component sheets. Forward them here so importing `@lucca-front/ng/styles` is enough to render the
+// selects, without the consuming app also having to pull `@lucca-front/scss` `main-all` (or these
+// sheets à la carte). Loaded once per compilation, so apps that also import the scss components
+// won't emit these twice.
+@forward '@lucca-front/scss/src/components/listboxOption';
+@forward '@lucca-front/scss/src/components/color';

package/src/components/_picker.scss

@@ -46,28 +46,6 @@
 		}
 	}
 
-	.lu-picker-content-option-group-title {
-		font: var(--pr-t-font-body-S);
-		font-weight: var(--pr-t-font-fontWeight-semibold);
-		padding-block: var(--components-options-item-padding-vertical);
-		padding-inline: var(--components-options-item-padding-horizontal);
-		color: var(--palettes-neutral-600);
-		position: sticky;
-		inset-block-start: 0;
-		background-color: var(--pr-t-elevation-surface-raised);
-		z-index: 1;
-		display: flex;
-		gap: var(--pr-t-spacings-100);
-		justify-content: space-between;
-		box-shadow: calc(var(--pr-t-spacings-50) * -0.5) calc(var(--pr-t-spacings-50) * -0.5) 0 2px var(--pr-t-elevation-surface-raised); // Mask background options scrolling behind
-
-		&.is-highlighted {
-			background-color: var(--palettes-neutral-50);
-			border-radius: var(--pr-t-border-radius-default);
-			outline: 4px solid var(--palettes-neutral-0);
-		}
-	}
-
 	.lu-picker-content-add {
 		position: sticky;
 		display: block;
@@ -131,16 +109,4 @@
 			max-block-size: none;
 		}
 	}
-
-	.lu-picker-content-group {
-		display: flex;
-		flex-direction: column;
-		gap: var(--pr-t-spacings-50);
-
-		&:not(:hover, :has(.is-highlighted)) {
-			.link {
-				opacity: 0.0001;
-			}
-		}
-	}
 }

package/src/components/_popover.scss

@@ -2,7 +2,7 @@
 	@layer components {
 		display: flex;
 		flex-direction: column;
-		max-block-size: calc(100vh + 48px);
+		max-block-size: calc(100vb + 48px);
 		position: relative;
 	}
 

package/src/components/_popup.scss

@@ -21,7 +21,7 @@
 		border-radius: var(--pr-t-border-radius-structure);
 		inline-size: var(--components-popup-M);
 		max-inline-size: 95%;
-		max-block-size: 90vh;
+		max-block-size: 90vb;
 		overflow: auto;
 		animation: popup var(--commons-animations-durations-standard) cubic-bezier(0.25, 0.8, 0.25, 1);
 	}
@@ -84,7 +84,7 @@
 	.lu-modal-panel-inner {
 		display: flex;
 		flex-flow: column;
-		max-block-size: 90vh;
+		max-block-size: 90vb;
 	}
 
 	.lu-modal-container {
@@ -148,17 +148,17 @@
 		.lu-popup-panel {
 			border-radius: 0;
 			max-inline-size: none;
-			max-block-size: 100vh;
+			max-block-size: 100vb;
 			inline-size: 100%;
 			inline-size: stretch;
-			block-size: 100vh;
+			block-size: 100vb;
 			block-size: stretch;
 		}
 
 		.lu-modal-panel-inner {
-			max-block-size: 100vh;
+			max-block-size: 100vb;
 			max-block-size: stretch;
-			block-size: 100vh;
+			block-size: 100vb;
 			block-size: stretch;
 		}
 	}

package/src/components/_sidepanel.scss

@@ -18,7 +18,7 @@
 			inset-inline-end: 0;
 			inline-size: var(--components-sidepanel-M);
 			max-inline-size: 100%;
-			max-block-size: 100vh;
+			max-block-size: 100vb;
 			border-radius: 0;
 			animation-name: sidepanel;
 			transform-origin: center center;

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

@@ -24,7 +24,7 @@
 			display: block;
 			scroll-margin: var(--pr-t-spacings-50);
 
-			.lu-picker-content-group & {
+			.listboxOption[role='group'] & {
 				scroll-margin-block-start: var(--pr-t-spacings-400);
 			}
 		}
@@ -95,13 +95,6 @@
 		}
 	}
 
-	.optionItem-value-group {
-		@layer components {
-			color: var(--palettes-neutral-600);
-			font: var(--pr-t-font-body-S);
-		}
-	}
-
 	:host-context(.lu-select-value) {
 		.optionItem-value {
 			@layer components {

package/title/README.md

@@ -8,15 +8,11 @@ Add `title` properties in your routes config:
 const routes: Routes = [
   {
     path: '',
-    data: {
-      title: 'Parent title',
-    },
+    title: 'Parent title',
     children: [
       {
         path: ':requestId',
-        data: {
-          title: 'Sub route title',
-        },
+        title: 'Sub route title',
       },
     ],
   },
@@ -27,7 +23,26 @@ The service should now be able to collect all `title` properties defined for the
 
 ex: `Sub route title – Parent title – Lucca YourAppName`
 
-For dynamic titles, the `prependTitle` method from `LuTitleStrategy` enables you to add a custom title.
+### Dynamic titles
+
+A `title` can also be a function, which is how Lucca apps declare their titles:
+
+```typescript
+const routes: Routes = [
+  {
+    path: 'requests',
+    title: () => translate('Requests_Title'),
+  },
+  {
+    path: 'requests/:requestId',
+    title: (route) => translate('Request_Title', { id: route.paramMap.get('requestId') }),
+  },
+];
+```
+
+Each resolved title is then handed to your `translateService` as a translation key, along with the route params and the route data (including resolved data) as interpolation arguments. So a static `title: 'Request {{requestId}}'` works too, as long as your translation library interpolates. Params and resolved data of the parent routes are available as well, as long as the router keeps its default `paramsInheritanceStrategy: 'always'`.
+
+When the title is only known from inside a component, the `prependTitle` method from `LuTitleStrategy` enables you to add a custom title.
 In a component, you could do the following:
 
 ```typescript

package/types/lucca-front-ng-app-layout.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 
 declare class AppLayoutComponent {
-    readonly mobileNavSideBottom: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly mobileNavSideBottom: i0.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     static ɵfac: i0.ɵɵFactoryDeclaration<AppLayoutComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AppLayoutComponent, "lu-app-layout", never, { "mobileNavSideBottom": { "alias": "mobileNavSideBottom"; "required": false; "isSignal": true; }; }, {}, never, ["[appLayoutBanner]", "[appLayoutNavSide]", "*"], true, never>;
 }

package/types/lucca-front-ng-approbation-inbox.d.ts

@@ -0,0 +1,142 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, OnInit, WritableSignal } from '@angular/core';
+import { LuDialogRef, LuDialogService } from '@lucca-front/ng/dialog';
+import { LuccaIcon } from '@lucca/prisme/icon';
+import { LuPluralForms, PortalContent } from '@lucca-front/ng/core';
+
+declare class ApprobationInboxDetailMainBlockComponent {
+    readonly label: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ApprobationInboxDetailMainBlockComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ApprobationInboxDetailMainBlockComponent, "lu-approbation-inbox-detail-main-block", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+interface LuApprobationInboxDetailHeaderTranslations {
+    delegation: string;
+}
+
+declare class ApprobationInboxHeaderComponent {
+    protected readonly dialogRef: LuDialogRef<any, any>;
+    protected readonly intl: LuApprobationInboxDetailHeaderTranslations;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly delegatedBy: _angular_core.InputSignal<string>;
+    readonly actions: _angular_core.Signal<TemplateRef<unknown>>;
+    readonly titleId: string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ApprobationInboxHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ApprobationInboxHeaderComponent, "lu-approbation-inbox-detail-header", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "delegatedBy": { "alias": "delegatedBy"; "required": false; "isSignal": true; }; }, {}, never, ["[approbationInboxDetailIllustration]", "*", "[approbationInboxDetailActions]"], true, never>;
+}
+
+declare class ApprobationInboxDetailComponent {
+    protected readonly dialogRef: LuDialogRef<any, any>;
+    readonly insideDialog: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly headerRef: _angular_core.Signal<ApprobationInboxHeaderComponent>;
+    readonly content: _angular_core.Signal<TemplateRef<unknown>>;
+    readonly header: _angular_core.Signal<TemplateRef<unknown>>;
+    readonly titleId: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ApprobationInboxDetailComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ApprobationInboxDetailComponent, "lu-approbation-inbox-detail", never, { "insideDialog": { "alias": "insideDialog"; "required": false; "isSignal": true; }; }, {}, ["headerRef"], ["[approbationInboxDetailHeader]", "*"], true, never>;
+}
+
+declare class ApprobationInboxLinkComponent {
+    private readonly listInstance;
+    readonly current: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly dialogService: LuDialogService;
+    readonly mediaMinM: _angular_core.Signal<boolean>;
+    openDialog($event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ApprobationInboxLinkComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ApprobationInboxLinkComponent, "a[lu-approbation-inbox-list-action]", never, { "current": { "alias": "current"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+interface LuApprobationInboxListGroupTranslations {
+    selectGroup: string;
+}
+
+interface LuApprobationInboxListItemTranslations {
+    selectItem: string;
+}
+
+declare class ApprobationInboxItemComponent implements OnInit {
+    protected readonly intl: _angular_core.InputSignalWithTransform<LuApprobationInboxListItemTranslations, Partial<LuApprobationInboxListItemTranslations>>;
+    private readonly list;
+    private readonly destroyRef;
+    readonly selectable: _angular_core.Signal<boolean>;
+    readonly center: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly checked: _angular_core.ModelSignal<boolean>;
+    private readonly titleSlot;
+    readonly title: _angular_core.WritableSignal<string>;
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ApprobationInboxItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ApprobationInboxItemComponent, "lu-approbation-inbox-list-item", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "center": { "alias": "center"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, ["[approbationInboxListItemVisual]", "[approbationInboxListItemTitle]", "*", "[approbationInboxListItemRightContent]"], true, never>;
+}
+
+declare class ApprobationInboxGroupComponent {
+    protected readonly intl: _angular_core.InputSignalWithTransform<LuApprobationInboxListGroupTranslations, Partial<LuApprobationInboxListGroupTranslations>>;
+    private readonly list;
+    readonly selectable: _angular_core.Signal<boolean>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly expanded: _angular_core.ModelSignal<boolean>;
+    readonly items: _angular_core.Signal<readonly ApprobationInboxItemComponent[]>;
+    readonly allChecked: _angular_core.Signal<boolean>;
+    readonly anyChecked: _angular_core.Signal<boolean>;
+    readonly groupMixed: _angular_core.Signal<boolean>;
+    expandedToggle(): void;
+    onGroupChange(value: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ApprobationInboxGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ApprobationInboxGroupComponent, "lu-approbation-inbox-list-group", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, ["items"], ["*"], true, never>;
+}
+
+interface ApprobationInboxIcon {
+    icon: LuccaIcon;
+    alt: string;
+    state?: 'warning' | 'critical' | 'success';
+}
+declare class ApprobationInboxIconsComponent {
+    readonly icons: _angular_core.InputSignal<readonly ApprobationInboxIcon[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ApprobationInboxIconsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ApprobationInboxIconsComponent, "lu-approbation-inbox-list-icons", never, { "icons": { "alias": "icons"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ApprobationInboxSubtleComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ApprobationInboxSubtleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ApprobationInboxSubtleComponent, "lu-approbation-inbox-list-subtle", never, {}, {}, never, ["*"], true, never>;
+}
+
+interface LuApprobationInboxListTranslations {
+    selectAll: string;
+    selectedCount: LuPluralForms;
+    label: string;
+    submitLabel: string;
+    forwardLabel: string;
+    emptyLabel: string;
+    emptyResetLabel: string;
+}
+
+interface SelectableItem {
+    checked: WritableSignal<boolean>;
+}
+declare class ApprobationInboxListComponent {
+    protected readonly intl: _angular_core.InputSignalWithTransform<LuApprobationInboxListTranslations, Partial<LuApprobationInboxListTranslations>>;
+    private readonly pluralRules;
+    readonly titleId: string;
+    readonly label: _angular_core.InputSignal<PortalContent>;
+    readonly selectable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly detailsComponent: _angular_core.InputSignal<ApprobationInboxDetailComponent>;
+    readonly emptyIllustration: _angular_core.InputSignal<string>;
+    readonly emptyResetButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly submitEvent: _angular_core.OutputEmitterRef<void>;
+    readonly resetEvent: _angular_core.OutputEmitterRef<void>;
+    readonly forwardEvent: _angular_core.OutputEmitterRef<void>;
+    private readonly items;
+    readonly checkedCount: _angular_core.Signal<number>;
+    readonly selectedCountLabel: _angular_core.Signal<string>;
+    readonly empty: _angular_core.Signal<boolean>;
+    readonly selectAllState: _angular_core.Signal<boolean | "mixed">;
+    register(item: SelectableItem): void;
+    unregister(item: SelectableItem): void;
+    toggleSelectAll(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ApprobationInboxListComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ApprobationInboxListComponent, "lu-approbation-inbox-list", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "detailsComponent": { "alias": "detailsComponent"; "required": true; "isSignal": true; }; "emptyIllustration": { "alias": "emptyIllustration"; "required": false; "isSignal": true; }; "emptyResetButton": { "alias": "emptyResetButton"; "required": false; "isSignal": true; }; }, { "submitEvent": "submitEvent"; "resetEvent": "resetEvent"; "forwardEvent": "forwardEvent"; }, never, ["[approbationInboxListFilterBar]", "*"], true, never>;
+}
+
+export { ApprobationInboxDetailComponent, ApprobationInboxDetailMainBlockComponent, ApprobationInboxGroupComponent, ApprobationInboxHeaderComponent, ApprobationInboxIconsComponent, ApprobationInboxItemComponent, ApprobationInboxLinkComponent, ApprobationInboxListComponent, ApprobationInboxSubtleComponent };
+export type { ApprobationInboxIcon };

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

@@ -6,10 +6,10 @@ interface LuBoxLabel {
 
 declare class BoxComponent {
     readonly intl: _angular_core.InputSignalWithTransform<LuBoxLabel, Partial<LuBoxLabel>>;
-    readonly toggle: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly neutral: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly killable: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly withArrow: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly toggle: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
+    readonly neutral: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
+    readonly killable: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
+    readonly withArrow: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly killed: _angular_core.OutputEmitterRef<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BoxComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<BoxComponent, "lu-box", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "toggle": { "alias": "toggle"; "required": false; "isSignal": true; }; "neutral": { "alias": "neutral"; "required": false; "isSignal": true; }; "killable": { "alias": "killable"; "required": false; "isSignal": true; }; "withArrow": { "alias": "withArrow"; "required": false; "isSignal": true; }; }, { "killed": "killed"; }, never, ["*"], true, never>;

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

@@ -13,7 +13,7 @@ interface LuBreadcrumbsLabel {
 
 declare class BreadcrumbsComponent {
     readonly intl: _angular_core.InputSignalWithTransform<LuBreadcrumbsLabel, Partial<LuBreadcrumbsLabel>>;
-    readonly disableCompact: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disableCompact: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly links: _angular_core.Signal<readonly BreadcrumbsLinkDirective[]>;
     readonly isCompact: _angular_core.Signal<boolean>;
     readonly id: string;

package/types/lucca-front-ng-bubble-icon.d.ts

@@ -13,7 +13,7 @@ declare class BubbleIconComponent {
     readonly icon: _angular_core.InputSignal<LuccaIcon>;
     readonly alt: _angular_core.InputSignal<string>;
     readonly size: _angular_core.InputSignal<"XS" | "S" | "M" | "L">;
-    readonly palette: _angular_core.InputSignal<"error" | "success" | "warning" | "product" | "neutral" | "none" | "brand" | "kiwi" | "lime" | "cucumber" | "mint" | "glacier" | "lagoon" | "blueberry" | "lavender" | "grape" | "watermelon" | "pumpkin" | "pineapple">;
+    readonly palette: _angular_core.InputSignal<"error" | "success" | "warning" | "product" | "neutral" | "none" | "brand" | "kiwi" | "lime" | "cucumber" | "mint" | "glacier" | "lagoon" | "blueberry" | "lavender" | "grape" | "watermelon" | "pumpkin" | "pineapple" | "pagga" | "poplee" | "coreHR" | "timmi" | "cleemy" | "cc">;
     readonly paletteClass: _angular_core.Signal<{
         [x: string]: boolean;
     }>;

package/types/lucca-front-ng-bubble-illustration.d.ts

@@ -16,7 +16,7 @@ declare class BubbleIllustrationComponent {
     readonly illustration: _angular_core.InputSignal<string>;
     readonly palette: _angular_core.InputSignal<"error" | "warning" | "success" | "product" | "neutral" | "none" | "brand" | "kiwi" | "lime" | "cucumber" | "mint" | "glacier" | "lagoon" | "blueberry" | "lavender" | "grape" | "watermelon" | "pumpkin" | "pineapple">;
     readonly size: _angular_core.InputSignal<"S" | "M" | "L">;
-    readonly action: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly action: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly illustrationUrl: _angular_core.Signal<string>;
     readonly paletteClass: _angular_core.Signal<{
         [x: string]: boolean;

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

@@ -8,7 +8,7 @@ import { Palette } from '@lucca/prisme/core';
 import * as _lucca_front_ng_callout from '@lucca-front/ng/callout';
 
 declare class CalloutActionsComponent {
-    readonly inline: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly inline: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalloutActionsComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalloutActionsComponent, "lu-callout-actions", never, { "inline": { "alias": "inline"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
@@ -43,7 +43,7 @@ declare class CalloutDisclosureComponent {
     /**
      * Is the disclosure callout is open by default
      */
-    readonly open: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly open: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     /**
      * Emit boolean event when toggle disclosure callout opened
      */
@@ -86,11 +86,11 @@ declare class CalloutPopoverComponent {
     /**
      * Debounce for the popover to open (mouse will have to be on the element fox openDelay milliseconds for popover to show)
      */
-    readonly openDelay: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly openDelay: _angular_core.InputSignalWithTransform<number, number | `${number}`>;
     /**
      * Debounce for the popover to close (mouse will have to be out of both popover and trigger for closeDelay milliseconds for it to close)
      */
-    readonly closeDelay: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly closeDelay: _angular_core.InputSignalWithTransform<number, number | `${number}`>;
     /**
      * Label (visual only) to put inside the button, often used to show just a number
      */
@@ -102,7 +102,7 @@ declare class CalloutPopoverComponent {
     /**
      * Hide callout popover title if there is only one item
      */
-    readonly headingHiddenIfSingleItem: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly headingHiddenIfSingleItem: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly popoverTrigger: _angular_core.InputSignal<"click" | "click+hover" | "hover+focus">;
     /**
      * Palette for both the button and the popover content
@@ -139,7 +139,7 @@ declare class CalloutPopoverComponent {
     /**
      * Disable callout popover apparition
      */
-    readonly popoverDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly popoverDisabled: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly feedbackItems: _angular_core.Signal<readonly CalloutFeedbackItemComponent[]>;
     readonly contentSize: _angular_core.Signal<"M" | "S">;
     readonly calloutOverlayClasses: _angular_core.Signal<{
@@ -213,11 +213,11 @@ declare class CalloutComponent {
     /**
      * Should we display the remove icon?
      */
-    readonly removable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly removable: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     /**
      * Is the callout removed? Works with two way binding too.
      */
-    readonly removed: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly removed: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     /**
      * Defines the icon’s alt attribute used for accessibility
      */
@@ -225,7 +225,7 @@ declare class CalloutComponent {
     /**
      * Displayed in AI mode
      */
-    readonly AI: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly AI: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     /**
      * Emit event when button removed is click
      */

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

@@ -20,11 +20,11 @@ declare class ChipComponent {
     /**
      * Add an ellipsis if the text is too long
      */
-    readonly withEllipsis: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly withEllipsis: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     /**
      * Makes the chip non-removable
      */
-    readonly unkillable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly unkillable: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     /**
      * Which palette should be used for the entire chip.
      * Defaults to none (inherits parent palette)
@@ -33,7 +33,7 @@ declare class ChipComponent {
     /**
      * Disabled the chip
      */
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     /**
      * Which size should the chip be? Defaults or small
      */