@lucca-front/ng 20.3.3-rc.1 → 20.3.3-rc.3

package/schematics/lu-text-input/migration.js

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateComponent = migrateComponent;
+const angular_template_1 = require("../lib/angular-template");
+const html_ast_js_1 = require("../lib/html-ast.js");
+const lf_schematic_context_1 = require("../lib/lf-schematic-context");
+const angular_component_ast_1 = require("../lib/angular-component-ast");
+const change_1 = require("@schematics/angular/utility/change");
+function migrateComponent(sourceFile, path, tree) {
+    const textfields = findTextfields(sourceFile, path, tree);
+    if (textfields.length > 0) {
+        const tsUpdate = tree.beginUpdate(path);
+        const isInlineTemplate = textfields[0].filePath === path;
+        const templateUpdate = isInlineTemplate ? tsUpdate : tree.beginUpdate(textfields[0].filePath);
+        textfields.forEach((field) => {
+            if (field.rejection) {
+                // eslint-disable-next-line no-console
+                console.log(`[REJECTED] ${field.filePath}#L${field.node.startSourceSpan.start.line} => ${field.rejection}`);
+            }
+            else {
+                // Let's remove everything first
+                templateUpdate.remove(field.nodeOffset + field.node.startSourceSpan.start.offset, field.node.sourceSpan.toString().length);
+                // Then forge the new input
+                const textInput = `<lu-text-input ${(0, angular_component_ast_1.inputValueToHTML)('placeholder', field.inputs.placeholder)} ${(0, angular_component_ast_1.inputValueToHTML)('formControlName', field.inputs.formControlName)} ${(0, angular_component_ast_1.inputValueToHTML)('ngModel', field.inputs.ngModel)} />`.replace(/\s{2,}/, " ");
+                const fieldOpeningTag = `lu-form-field [label]="labelTpl"`.replace(/\s{2,}/, " ").trim();
+                // TODO handle required migration from template-driven to form-driven???
+                const newInput = `<${fieldOpeningTag}>
+			<ng-template #labelTpl>${field.label}</ng-template>
+			${textInput}
+		</lu-form-field>`;
+                templateUpdate.insertRight(field.nodeOffset + field.node.startSourceSpan.start.offset, newInput);
+            }
+        });
+        // Add import if needed
+        (0, change_1.applyToUpdateRecorder)(tsUpdate, [
+            (0, angular_component_ast_1.insertTSImportIfNeeded)(sourceFile, path, 'FormFieldComponent', '@lucca-front/ng/form-field'),
+            (0, angular_component_ast_1.insertAngularImportIfNeeded)(sourceFile, path, 'FormFieldComponent'),
+            (0, angular_component_ast_1.insertTSImportIfNeeded)(sourceFile, path, 'TextInputComponent', '@lucca-front/ng/forms'),
+            (0, angular_component_ast_1.insertAngularImportIfNeeded)(sourceFile, path, 'TextInputComponent')
+        ]);
+        tree.commitUpdate(tsUpdate);
+        if (!isInlineTemplate) {
+            tree.commitUpdate(templateUpdate);
+        }
+    }
+    return tree.readText(path);
+}
+function findTextfields(sourceFile, basePath, tree) {
+    const fields = [];
+    const ngTemplates = (0, angular_template_1.extractNgTemplatesIncludingHtml)(sourceFile, tree, basePath);
+    ngTemplates.forEach((template) => {
+        const htmlAst = new html_ast_js_1.HtmlAst(template.content);
+        htmlAst.visitNodes((node) => {
+            if (isInterestingNode(node) && node.name === "label") {
+                const classes = getNodeClasses(node);
+                const inputs = {
+                    size: classes.find(c => /mod-(XS|S|M|L|XL|XXL)/.test(c))?.replace('mod-', '')
+                };
+                const field = {
+                    node: node,
+                    inputs,
+                    nodeOffset: template.offsetStart,
+                    filePath: template.filePath,
+                    componentTS: sourceFile,
+                    classes: classes
+                };
+                if (classes.includes("textfield")) {
+                    if (node.children.filter(el => isInterestingNode(el)).length > 2) {
+                        field.rejection = "Field contains more than an input + label";
+                    }
+                    // Find native input and grab params from it
+                    const nativeInput = node.children.find(el => isInterestingNode(el) && el.name === "input");
+                    if (!nativeInput) {
+                        field.rejection = "Field doesn't contain a native input[type=text]";
+                    }
+                    else if (isInterestingNode(nativeInput)) {
+                        inputs.placeholder = (0, angular_component_ast_1.getInputValue)(nativeInput, "placeholder");
+                        inputs.formControlName = (0, angular_component_ast_1.getInputValue)(nativeInput, "formControlName");
+                        inputs.ngModel = (0, angular_component_ast_1.getInputValue)(nativeInput, "ngModel");
+                        inputs.forceRequired = (0, angular_component_ast_1.getInputValue)(nativeInput, "aria-required");
+                    }
+                    // This is a textfield, now let's find if it has everything required for migration
+                    const visitor = new html_ast_js_1.HtmlAstVisitor(node);
+                    visitor.visitElements(/span/, (el) => {
+                        if (isInterestingNode(el) && getNodeClasses(el).includes("textfield-label")) {
+                            field.label = template.content.slice(el.startSourceSpan.end.offset, el.endSourceSpan?.start?.offset);
+                        }
+                    });
+                    if (!field.label) {
+                        field.rejection = "Field has no label";
+                    }
+                    fields.push(field);
+                }
+            }
+        });
+    });
+    return fields;
+}
+function getNodeClasses(node) {
+    return (node.attributes.find(attr => attr.name === 'class')?.value || "").split(" ");
+}
+function isInterestingNode(node) {
+    return node instanceof lf_schematic_context_1.currentSchematicContext.angularCompiler.TmplAstElement;
+}

package/schematics/lu-text-input/migration.spec.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const path = require("path");
+const migration_test_js_1 = require("../lib/migration-test.js");
+const collectionPath = path.normalize(path.join(__dirname, '..', 'collection.json'));
+const testsRoot = path.join(__dirname, 'tests');
+describe('Textfield Migration', () => {
+    it('should handle basic case files', async () => {
+        // Arrange
+        const tree = (0, migration_test_js_1.createTreeFromFolder)(path.join(testsRoot, 'input'));
+        const expectedTree = (0, migration_test_js_1.createTreeFromFolder)(path.join(testsRoot, 'output'));
+        // Act
+        try {
+            await (0, migration_test_js_1.runSchematic)('collection', collectionPath, 'lu-text-input', { skipInstallation: true }, tree);
+        }
+        catch (error) {
+            // eslint-disable-next-line no-console
+            console.log(error);
+        }
+        // Assert
+        (0, migration_test_js_1.expectTree)(tree).toMatchTree(expectedTree);
+    });
+});

package/schematics/lu-text-input/schema.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "$id": "LuccaFrontLuButton",
+  "title": "Migrate CSS-only buttons to the new luButton component",
+  "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
+    }
+  }
+}

package/scroll-box/index.d.ts

@@ -0,0 +1,15 @@
+import * as _angular_core from '@angular/core';
+import { OnInit, ElementRef } from '@angular/core';
+
+declare class ScrollBoxComponent implements OnInit {
+    first: _angular_core.Signal<ElementRef<HTMLElement>>;
+    last: _angular_core.Signal<ElementRef<HTMLElement>>;
+    isFirstVisible: _angular_core.WritableSignal<boolean>;
+    isLastVisible: _angular_core.WritableSignal<boolean>;
+    initObserver(element: Element, isFirst: boolean): void;
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScrollBoxComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScrollBoxComponent, "lu-scroll-box", never, {}, {}, never, ["*"], true, never>;
+}
+
+export { ScrollBoxComponent };

package/scrollBox/index.d.ts

@@ -1,19 +1 @@
-import * as _angular_core from '@angular/core';
-import { OnInit, OnDestroy } from '@angular/core';
-
-declare class ScrollBoxComponent implements OnInit, OnDestroy {
-    #private;
-    get isFirstVisibleClass(): boolean;
-    isFirstVisible: _angular_core.WritableSignal<boolean>;
-    get isLastVisibleClass(): boolean;
-    isLastVisible: _angular_core.WritableSignal<boolean>;
-    initObserver(element: Element, isFirst: boolean): void;
-    observeFirstAndLastElement: () => void;
-    observer: MutationObserver;
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScrollBoxComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScrollBoxComponent, "lu-scroll-box", never, {}, {}, never, ["*"], true, never>;
-}
-
-export { ScrollBoxComponent };
+export * from '@lucca-front/ng/scroll-box';

package/segmented-control/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_segmented_control from '@lucca-front/ng/segmented-control';
+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_segmented_control.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.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName;
+    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/segmented-control-tabs/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_segmented_control_tabs from '@lucca-front/ng/segmented-control-tabs';
+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_segmented_control_tabs.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/segmentedControl/index.d.ts

@@ -1,28 +1 @@
-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.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName;
-    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 };
+export * from '@lucca-front/ng/segmented-control';

package/segmentedControlTabs/index.d.ts

@@ -1,34 +1 @@
-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 };
+export * from '@lucca-front/ng/segmented-control-tabs';

package/select/index.d.ts

@@ -2,7 +2,8 @@ import * as i0 from '@angular/core';
 import { ChangeDetectorRef, ElementRef, ViewContainerRef, Renderer2, ViewRef, AfterViewInit, OnDestroy, EventEmitter } from '@angular/core';
 import { Overlay, OverlayConfig } from '@angular/cdk/overlay';
 import { ControlValueAccessor } from '@angular/forms';
-import { ILuInput, ILuClearer, ILuInputDisplayer } from '@lucca-front/ng/input';
+import { ILuClear } from '@lucca-front/ng/clear';
+import { ILuInput, ILuInputDisplayer } from '@lucca-front/ng/input';
 import { ILuPickerPanel, ILuInputWithPicker } from '@lucca-front/ng/picker';
 import { ALuPopoverTrigger } from '@lucca-front/ng/popover';
 import { Subscription } from 'rxjs';
@@ -41,7 +42,7 @@ declare abstract class ALuSelectInput<T, TPicker extends ILuPickerPanel<T> = ILu
      */
     protected set _picker(picker: TPicker);
     protected get _picker(): TPicker;
-    protected set _clearer(clearer: ILuClearer<T>);
+    protected set _clearer(clearer: ILuClear<T>);
     protected subToPickerEvts(): void;
     closePopover(): void;
     onDestroy(): void;
@@ -90,8 +91,8 @@ declare abstract class ALuSelectInputComponent<T, TPicker extends ILuPickerPanel
     vcPicker: TPicker;
     ccDisplayer: ILuInputDisplayer<T>;
     vcDisplayer: ILuInputDisplayer<T>;
-    ccClearer: ILuClearer<T>;
-    vcClearer: ILuClearer<T>;
+    ccClearer: ILuClear<T>;
+    vcClearer: ILuClear<T>;
     onClick(): void;
     onMouseEnter(): void;
     onMouseLeave(): void;

package/simple-select/index.d.ts

@@ -13,6 +13,7 @@ interface ILuSimpleSelectLabel {
     clear: string;
     clearSearch: string;
     emptyResults: string;
+    emptyOptions: string;
     loading: string;
 }
 declare const luSimpleSelectTranslations: LuTranslation<ILuSimpleSelectLabel>;
@@ -52,7 +53,7 @@ declare class LuSelectPanelComponent<T> implements AfterViewInit, CoreSelectPane
     selectId: number;
     intl: ILuSimpleSelectLabel;
     options$: rxjs.ReplaySubject<readonly T[]>;
-    grouping: _angular_core.WritableSignal<_lucca_front_ng_core_select.LuOptionGrouping<T, unknown>>;
+    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;
@@ -66,7 +67,6 @@ declare class LuSelectPanelComponent<T> implements AfterViewInit, CoreSelectPane
     options: _angular_core.WritableSignal<_CoreSelectPanelElement<T>[]>;
     keyManager: CoreSelectKeyManager<T>;
     selected: _angular_core.Signal<T>;
-    hasGrouping$: rxjs.Observable<boolean>;
     clueChange$: rxjs.Observable<string>;
     shouldDisplayAddOption$: rxjs.Observable<boolean>;
     groupTemplateLocation$: rxjs.Observable<"group-header" | "option" | "none">;

package/sortable-list/index.d.ts

@@ -0,0 +1,20 @@
+import * as _angular_core from '@angular/core';
+
+declare class SortableListItemComponent {
+    label: _angular_core.InputSignal<string>;
+    helperMessage: _angular_core.InputSignal<string>;
+    clickable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    unclearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    delete: _angular_core.OutputEmitterRef<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SortableListItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SortableListItemComponent, "lu-sortable-list-item", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "helperMessage": { "alias": "helperMessage"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "unclearable": { "alias": "unclearable"; "required": false; "isSignal": true; }; }, { "delete": "delete"; }, never, never, true, never>;
+}
+
+declare class SortableListComponent {
+    small: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    sortableListItems: _angular_core.Signal<readonly SortableListItemComponent[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SortableListComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SortableListComponent, "lu-sortable-list", never, { "small": { "alias": "small"; "required": false; "isSignal": true; }; }, {}, ["sortableListItems"], ["*"], true, never>;
+}
+
+export { SortableListComponent, SortableListItemComponent };

package/status-badge/index.d.ts

@@ -0,0 +1,16 @@
+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;
+    withEllipsis: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    label: _angular_core.InputSignal<string>;
+    size: _angular_core.InputSignal<"L" | "M">;
+    palette: _angular_core.InputSignal<Palette>;
+    ngOnChanges(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StatusBadgeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StatusBadgeComponent, "lu-status-badge", never, { "withEllipsis": { "alias": "withEllipsis"; "required": false; "isSignal": true; }; "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/statusBadge/index.d.ts

@@ -1,16 +1 @@
-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;
-    withEllipsis: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    label: _angular_core.InputSignal<string>;
-    size: _angular_core.InputSignal<"L" | "M">;
-    palette: _angular_core.InputSignal<Palette>;
-    ngOnChanges(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StatusBadgeComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StatusBadgeComponent, "lu-status-badge", never, { "withEllipsis": { "alias": "withEllipsis"; "required": false; "isSignal": true; }; "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 };
+export * from '@lucca-front/ng/status-badge';

package/table-of-content/index.d.ts

@@ -0,0 +1,16 @@
+import * as i0 from '@angular/core';
+import { TemplateRef } from '@angular/core';
+
+declare class TableOfContentLinkDirective {
+    template: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableOfContentLinkDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableOfContentLinkDirective, "[luTableOfContentLink]", never, {}, {}, never, never, true, never>;
+}
+
+declare class TableOfContentComponent {
+    links: i0.Signal<readonly TableOfContentLinkDirective[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableOfContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableOfContentComponent, "lu-table-of-content", never, {}, {}, ["links"], never, true, never>;
+}
+
+export { TableOfContentComponent, TableOfContentLinkDirective };

package/vertical-navigation/index.d.ts

@@ -0,0 +1,42 @@
+import * as _angular_core from '@angular/core';
+import { LuccaIcon } from '@lucca-front/icons';
+import { PortalContent } from '@lucca-front/ng/core';
+
+declare class VerticalNavigationLinkComponent {
+    icon: _angular_core.InputSignal<LuccaIcon>;
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<VerticalNavigationLinkComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<VerticalNavigationLinkComponent, "span[luVerticalNavigationLink], a[luVerticalNavigationLink]", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class VerticalNavigationGroupComponent {
+    label: _angular_core.InputSignal<PortalContent>;
+    icon: _angular_core.InputSignal<LuccaIcon>;
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    expanded: _angular_core.ModelSignal<boolean>;
+    toggleExpanded(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<VerticalNavigationGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<VerticalNavigationGroupComponent, "lu-vertical-navigation-group", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, never, ["*"], true, never>;
+}
+
+declare class VerticalNavigationComponent {
+    heading: _angular_core.InputSignal<PortalContent>;
+    level: _angular_core.InputSignal<number>;
+    verticalNavigationGroup: _angular_core.Signal<readonly VerticalNavigationGroupComponent[]>;
+    vertivalNavigationLinks: _angular_core.Signal<readonly VerticalNavigationLinkComponent[]>;
+    isIconless: _angular_core.Signal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<VerticalNavigationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<VerticalNavigationComponent, "lu-vertical-navigation", never, { "heading": { "alias": "heading"; "required": true; "isSignal": true; }; "level": { "alias": "level"; "required": false; "isSignal": true; }; }, {}, ["verticalNavigationGroup", "vertivalNavigationLinks"], ["*"], true, never>;
+}
+
+declare class VerticalNavigationItemComponent {
+    label: _angular_core.InputSignal<string>;
+    icon: _angular_core.InputSignal<LuccaIcon>;
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    expanded: _angular_core.ModelSignal<boolean>;
+    toggleExpanded(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<VerticalNavigationItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<VerticalNavigationItemComponent, "lu-vertical-navigation-item", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, never, ["*"], true, never>;
+}
+
+export { VerticalNavigationComponent, VerticalNavigationGroupComponent, VerticalNavigationItemComponent, VerticalNavigationLinkComponent };