@lucca-front/ng 19.1.6 → 19.2.0

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

@@ -28,6 +28,7 @@ export declare class FormFieldComponent implements OnDestroy {
     inline: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     statusControl: import("@angular/core").InputSignal<AbstractControl<any, any>>;
     tooltip: import("@angular/core").InputSignal<string | SafeHtml>;
+    width: import("@angular/core").InputSignal<20 | 30 | 40 | 50 | 60>;
     invalidStatus: import("@angular/core").Signal<boolean>;
     invalid: import("@angular/core").InputSignalWithTransform<boolean, boolean>;
     inlineMessage: import("@angular/core").InputSignal<PortalContent>;
@@ -59,5 +60,5 @@ export declare class FormFieldComponent implements OnDestroy {
     private updateAria;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "lu-form-field", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "hiddenLabel": { "alias": "hiddenLabel"; "required": false; "isSignal": true; }; "rolePresentationLabel": { "alias": "rolePresentationLabel"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "statusControl": { "alias": "statusControl"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "inlineMessage": { "alias": "inlineMessage"; "required": false; "isSignal": true; }; "errorInlineMessage": { "alias": "errorInlineMessage"; "required": false; "isSignal": true; }; "inlineMessageState": { "alias": "inlineMessageState"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "counter": { "alias": "counter"; "required": false; "isSignal": true; }; }, { "rolePresentationLabel": "rolePresentationLabelChange"; "layout": "layoutChange"; }, ["formFieldChildren", "requiredValidators", "ngControls"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "lu-form-field", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "hiddenLabel": { "alias": "hiddenLabel"; "required": false; "isSignal": true; }; "rolePresentationLabel": { "alias": "rolePresentationLabel"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "statusControl": { "alias": "statusControl"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "inlineMessage": { "alias": "inlineMessage"; "required": false; "isSignal": true; }; "errorInlineMessage": { "alias": "errorInlineMessage"; "required": false; "isSignal": true; }; "inlineMessageState": { "alias": "inlineMessageState"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "counter": { "alias": "counter"; "required": false; "isSignal": true; }; }, { "rolePresentationLabel": "rolePresentationLabelChange"; "layout": "layoutChange"; }, ["formFieldChildren", "requiredValidators", "ngControls"], ["*"], true, never>;
 }

package/formly/style/_components.scss

@@ -4,10 +4,11 @@ formly-field {
 	display: inherit;
 	flex-wrap: inherit;
 	flex-direction: inherit;
-	width: 100%;
+	inline-size: 100%;
 }
 formly-form .checkboxesfield:not(fieldset),
 formly-form .radiosfield:not(fieldset) {
-	margin-top: 0 !important;
-	padding: var(--components-field-framed-side-padding) var(--components-field-framed-side-padding) var(--components-field-framed-bottom-padding) !important;
+	margin-block-start: 0 !important;
+	padding-block: var(--components-field-framed-side-padding) var(--components-field-framed-bottom-padding) !important;
+	padding-inline: var(--components-field-framed-side-padding) !important;
 }

package/formly/style/main.scss

@@ -1,2 +1,2 @@
-@import 'theming';
-@import 'components';
+@forward 'theming';
+@forward 'components';

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

@@ -1,14 +1,26 @@
+import { Signal } from '@angular/core';
+import { FilterPillInputComponent, FilterPillLayout } from '@lucca-front/ng/filter-pills';
 import { FormFieldComponent } from '@lucca-front/ng/form-field';
 import * as i0 from "@angular/core";
 import * as i1 from "../noop-value-accessor.directive";
-export declare class CheckboxInputComponent {
+export declare class CheckboxInputComponent implements FilterPillInputComponent {
     formField: FormFieldComponent;
+    isFilterPill: boolean;
+    filterPillInputId: string;
+    filterPillLayout: Signal<FilterPillLayout>;
+    isFilterPillEmpty: Signal<boolean>;
+    hideCombobox: Signal<boolean>;
+    showColon: Signal<boolean>;
     ngControl: import("@angular/forms").NgModel | import("@angular/forms").FormControlDirective | import("@angular/forms").FormControlName;
     /**
      * Should set aria-checked='mixed' attribute ?
      */
     mixed: boolean;
     constructor();
+    clearFilterPillValue(): void;
+    registerFilterPillClosePopover(_closeFn: () => void): void;
+    enableFilterPillMode?(): void;
+    onFilterPillClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxInputComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxInputComponent, "lu-checkbox-input", never, { "mixed": { "alias": "mixed"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.NoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_mixed: unknown;

package/forms/phone-number-input/phone-number-input.component.d.ts

@@ -11,6 +11,7 @@ export declare class PhoneNumberInputComponent implements ControlValueAccessor,
     #private;
     label: string;
     autocomplete?: 'off' | 'tel';
+    noAutoPlaceholder: import("@angular/core").InputSignal<boolean>;
     disabled: boolean;
     prefixEntries: {
         country: CountryCode;
@@ -33,6 +34,7 @@ export declare class PhoneNumberInputComponent implements ControlValueAccessor,
     countryChange: import("@angular/core").OutputEmitterRef<CountryCode>;
     countryCodeSelected: import("@angular/core").WritableSignal<CountryCode>;
     countryCode: import("@angular/core").Signal<CountryCode>;
+    placeholder: import("@angular/core").Signal<string>;
     displayedNumber: import("@angular/core").WritableSignal<string>;
     prefixEntry: import("@angular/core").Signal<{
         country: CountryCode;
@@ -52,6 +54,6 @@ export declare class PhoneNumberInputComponent implements ControlValueAccessor,
     formatNationalNumber(): void;
     validate(control: AbstractControl<string, string>): ValidationErrors;
     static ɵfac: i0.ɵɵFactoryDeclaration<PhoneNumberInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PhoneNumberInputComponent, "lu-phone-number-input", never, { "label": { "alias": "label"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "allowedCountries": { "alias": "allowedCountries"; "required": false; "isSignal": true; }; "defaultCountryCode": { "alias": "country"; "required": false; "isSignal": true; }; }, { "countryChange": "countryChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PhoneNumberInputComponent, "lu-phone-number-input", never, { "label": { "alias": "label"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "noAutoPlaceholder": { "alias": "noAutoPlaceholder"; "required": false; "isSignal": true; }; "allowedCountries": { "alias": "allowedCountries"; "required": false; "isSignal": true; }; "defaultCountryCode": { "alias": "country"; "required": false; "isSignal": true; }; }, { "countryChange": "countryChange"; }, never, never, true, never>;
 }
 export {};

package/input/clearer/clearer.component.d.ts

@@ -2,6 +2,7 @@ import { EventEmitter } from '@angular/core';
 import { ALuClearer, ILuClearer } from './clearer.model';
 import * as i0 from "@angular/core";
 export declare class LuInputClearerComponent<T> extends ALuClearer<T> implements ILuClearer<T> {
+    intl: import("./clearer.translate").LuClearerLabel;
     onClear: EventEmitter<T>;
     onClick($event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuInputClearerComponent<any>, never>;

package/input/clearer/clearer.translate.d.ts

@@ -0,0 +1,7 @@
+import { InjectionToken } from '@angular/core';
+import { LuTranslation } from '@lucca-front/ng/core';
+export declare const LU_CLEARER_TRANSLATIONS: InjectionToken<LuTranslation<LuClearerLabel>>;
+export interface LuClearerLabel {
+    clear: string;
+}
+export declare const luClearerTranslations: LuTranslation<LuClearerLabel>;

package/input/clearer/translations.d.ts

@@ -0,0 +1,26 @@
+export declare const Translations: {
+    en: {
+        clear: string;
+    };
+    de: {
+        clear: string;
+    };
+    fr: {
+        clear: string;
+    };
+    it: {
+        clear: string;
+    };
+    nl: {
+        clear: string;
+    };
+    'nl-BE': {
+        clear: string;
+    };
+    es: {
+        clear: string;
+    };
+    pt: {
+        clear: string;
+    };
+};

package/link/link.component.d.ts

@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/router";
 export declare class LinkComponent implements OnDestroy {
     #private;
-    intl: import("./link.translate").Date2Translate;
+    intl: import("./link.translate").LinkTranslate;
     routerLinkCommands: import("@angular/core").InputSignal<string | any[] | import("@angular/router").UrlTree>;
     disabled: import("@angular/core").InputSignalWithTransform<boolean, boolean>;
     decorationHover: boolean;

package/link/link.translate.d.ts

@@ -1,7 +1,7 @@
 import { InjectionToken } from '@angular/core';
 import { LuTranslation } from '@lucca-front/ng/core';
-export declare const LU_LINK_TRANSLATIONS: InjectionToken<LuTranslation<Date2Translate>>;
-export interface Date2Translate {
+export declare const LU_LINK_TRANSLATIONS: InjectionToken<LuTranslation<LinkTranslate>>;
+export interface LinkTranslate {
     external: string;
 }
-export declare const luLinkTranslations: LuTranslation<Date2Translate>;
+export declare const luLinkTranslations: LuTranslation<LinkTranslate>;

package/multi-select/displayer/default-displayer.component.d.ts

@@ -13,6 +13,7 @@ export declare class LuMultiSelectDefaultDisplayerComponent<T> implements OnInit
     overflowOptions$: import("rxjs").Observable<number>;
     unselectOption(option: T, $event?: Event): void;
     inputBackspace(): void;
+    inputSpace(event: Event): void;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuMultiSelectDefaultDisplayerComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<LuMultiSelectDefaultDisplayerComponent<any>, "lu-multi-select-default-displayer", never, {}, {}, never, never, true, never>;

package/multi-select/input/panel-ref.factory.d.ts

@@ -1,5 +1,5 @@
 import { ConnectedPosition, Overlay, OverlayConfig, OverlayPositionBuilder, ScrollStrategyOptions } from '@angular/cdk/overlay';
-import { ElementRef, Injector } from '@angular/core';
+import { ElementRef, Injector, ViewContainerRef } from '@angular/core';
 import { LuMultiSelectPanelRef } from './panel.model';
 import { LuMultiSelectInputComponent } from './select-input.component';
 import * as i0 from "@angular/core";
@@ -12,6 +12,7 @@ export declare class LuMultiSelectPanelRefFactory {
     private selectLabelId;
     private selectId;
     buildPanelRef<T>(selectInput: LuMultiSelectInputComponent<T>, defaultOverlayConfigOverride?: OverlayConfig): LuMultiSelectPanelRef<T>;
+    buildAndAttachPanelRef<T>(selectInput: LuMultiSelectInputComponent<T>, host: ViewContainerRef): LuMultiSelectPanelRef<T>;
     protected buildDefaultOverlayConfig(overlayConfigOverride?: OverlayConfig): OverlayConfig;
     protected buildPosition(yDirection: 'top' | 'bottom', xDirection: 'left' | 'right', config: {
         offsetX?: number;

package/multi-select/input/panel.model.d.ts

@@ -1,7 +1,7 @@
 import { ChangeDetectorRef } from '@angular/core';
 import { LuSelectPanelRef } from '@lucca-front/ng/core-select';
 export declare abstract class LuMultiSelectPanelRef<T> extends LuSelectPanelRef<T, T[]> {
-    abstract changeDetectorRef: ChangeDetectorRef;
+    abstract changeDetectorRef?: ChangeDetectorRef;
     abstract updateSelectedOptions(selectedOptions: T[]): void;
     abstract useDefaultPosition(): void;
 }

package/multi-select/input/select-input.component.d.ts

@@ -1,4 +1,4 @@
-import { OnDestroy, OnInit, TemplateRef, Type } from '@angular/core';
+import { OnDestroy, OnInit, TemplateRef, Type, ViewContainerRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { ALuSelectInputComponent, LuOptionContext } from '@lucca-front/ng/core-select';
 import { Subject } from 'rxjs';
@@ -7,9 +7,15 @@ import { LuMultiSelectPanelRef } from './panel.model';
 import * as i0 from "@angular/core";
 export declare class LuMultiSelectInputComponent<T> extends ALuSelectInputComponent<T, T[]> implements ControlValueAccessor, OnDestroy, OnInit {
     intl: import("../select.translate").ILuMultiSelectLabel;
+    showColon: false;
     valuesTpl: import("@angular/core").ModelSignal<Type<unknown> | TemplateRef<LuOptionContext<T[]>>>;
     maxValuesShown: number;
     keepSearchAfterSelection: boolean;
+    filterPillLabelPlural: string;
+    get filterPillClass(): boolean;
+    hideCombobox: import("@angular/core").Signal<boolean>;
+    filterPillPanelAnchorRef: import("@angular/core").Signal<ViewContainerRef>;
+    isFilterPillEmpty: import("@angular/core").Signal<boolean>;
     _value: T[];
     get panelRef(): LuMultiSelectPanelRef<T> | undefined;
     protected _panelRef?: LuMultiSelectPanelRef<T>;
@@ -27,13 +33,15 @@ export declare class LuMultiSelectInputComponent<T> extends ALuSelectInputCompon
     emptyClue(): void;
     writeValue(value: T[]): void;
     updateValue(value: T[], skipFocus?: boolean): void;
+    updatePosition(): void;
     protected buildPanelRef(): LuMultiSelectPanelRef<T>;
     protected bindInputToPanelRefEvents(): void;
+    enableFilterPillMode(): void;
     hasValue(): boolean;
-    clearValue(event: Event): void;
+    clearValue(event?: Event): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuMultiSelectInputComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuMultiSelectInputComponent<any>, "lu-multi-select", never, { "valuesTpl": { "alias": "valuesTpl"; "required": false; "isSignal": true; }; "maxValuesShown": { "alias": "maxValuesShown"; "required": false; }; "keepSearchAfterSelection": { "alias": "keepSearchAfterSelection"; "required": false; }; }, { "valuesTpl": "valuesTplChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuMultiSelectInputComponent<any>, "lu-multi-select", never, { "valuesTpl": { "alias": "valuesTpl"; "required": false; "isSignal": true; }; "maxValuesShown": { "alias": "maxValuesShown"; "required": false; }; "keepSearchAfterSelection": { "alias": "keepSearchAfterSelection"; "required": false; }; "filterPillLabelPlural": { "alias": "filterPillLabelPlural"; "required": false; }; }, { "valuesTpl": "valuesTplChange"; }, never, never, true, never>;
     static ngAcceptInputType_maxValuesShown: unknown;
     static ngAcceptInputType_keepSearchAfterSelection: unknown;
 }

package/numeric-badge/numeric-badge.component.d.ts

@@ -13,11 +13,14 @@ export declare class NumericBadgeComponent implements OnChanges {
     size: 'XS' | 'S' | 'M';
     loading: boolean;
     get ariaHidden(): boolean;
+    maxValue: number;
+    disableTooltip: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * The palette to use for this badge. Defaults to 'none' (inherits parent palette)
      */
     palette: Palette;
     ngOnChanges(changes: SimpleChanges): void;
+    displayValue: () => string | number;
     static ɵfac: i0.ɵɵFactoryDeclaration<NumericBadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NumericBadgeComponent, "lu-numeric-badge", never, { "value": { "alias": "value"; "required": true; }; "size": { "alias": "size"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "palette": { "alias": "palette"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NumericBadgeComponent, "lu-numeric-badge", never, { "value": { "alias": "value"; "required": true; }; "size": { "alias": "size"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "disableTooltip": { "alias": "disableTooltip"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; }; }, {}, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lucca-front/ng",
-  "version": "19.1.6",
+  "version": "19.2.0",
   "description": "A library of icons made by the team @Lucca",
   "repository": {
     "type": "git",
@@ -26,8 +26,8 @@
     "@angular/common": "^19.0.0",
     "@angular/core": "^19.0.0",
     "@angular/cdk": "^19.0.0",
-    "@lucca-front/icons": "19.1.6",
-    "@lucca-front/scss": "19.1.6",
+    "@lucca-front/icons": "19.2.0",
+    "@lucca-front/scss": "19.2.0",
     "isomorphic-dompurify": "^2.17.0",
     "date-fns": "^3.6.0",
     "rxjs": "^7.8.0"
@@ -49,17 +49,25 @@
       "types": "./a11y/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-a11y.mjs"
     },
+    "./button": {
+      "types": "./button/index.d.ts",
+      "default": "./fesm2022/lucca-front-ng-button.mjs"
+    },
     "./animations": {
       "types": "./animations/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-animations.mjs"
     },
+    "./chip": {
+      "types": "./chip/index.d.ts",
+      "default": "./fesm2022/lucca-front-ng-chip.mjs"
+    },
     "./callout": {
       "types": "./callout/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-callout.mjs"
     },
-    "./button": {
-      "types": "./button/index.d.ts",
-      "default": "./fesm2022/lucca-front-ng-button.mjs"
+    "./api": {
+      "types": "./api/index.d.ts",
+      "default": "./fesm2022/lucca-front-ng-api.mjs"
     },
     "./comment": {
       "types": "./comment/index.d.ts",
@@ -69,10 +77,6 @@
       "types": "./core/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-core.mjs"
     },
-    "./api": {
-      "types": "./api/index.d.ts",
-      "default": "./fesm2022/lucca-front-ng-api.mjs"
-    },
     "./core-select": {
       "types": "./core-select/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-core-select.mjs"
@@ -89,14 +93,14 @@
       "types": "./department/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-department.mjs"
     },
-    "./divider": {
-      "types": "./divider/index.d.ts",
-      "default": "./fesm2022/lucca-front-ng-divider.mjs"
-    },
     "./dialog": {
       "types": "./dialog/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-dialog.mjs"
     },
+    "./divider": {
+      "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"
@@ -109,25 +113,33 @@
       "types": "./establishment/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-establishment.mjs"
     },
-    "./form-field": {
-      "types": "./form-field/index.d.ts",
-      "default": "./fesm2022/lucca-front-ng-form-field.mjs"
-    },
     "./fancy-box": {
       "types": "./fancy-box/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-fancy-box.mjs"
     },
+    "./filter-pills": {
+      "types": "./filter-pills/index.d.ts",
+      "default": "./fesm2022/lucca-front-ng-filter-pills.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"
     },
+    "./icon": {
+      "types": "./icon/index.d.ts",
+      "default": "./fesm2022/lucca-front-ng-icon.mjs"
+    },
     "./forms": {
       "types": "./forms/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-forms.mjs"
     },
-    "./icon": {
-      "types": "./icon/index.d.ts",
-      "default": "./fesm2022/lucca-front-ng-icon.mjs"
+    "./inline-message": {
+      "types": "./inline-message/index.d.ts",
+      "default": "./fesm2022/lucca-front-ng-inline-message.mjs"
     },
     "./input": {
       "types": "./input/index.d.ts",
@@ -137,21 +149,21 @@
       "types": "./link/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-link.mjs"
     },
-    "./inline-message": {
-      "types": "./inline-message/index.d.ts",
-      "default": "./fesm2022/lucca-front-ng-inline-message.mjs"
-    },
     "./modal": {
       "types": "./modal/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-modal.mjs"
     },
+    "./new-badge": {
+      "types": "./new-badge/index.d.ts",
+      "default": "./fesm2022/lucca-front-ng-new-badge.mjs"
+    },
     "./multi-select": {
       "types": "./multi-select/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-multi-select.mjs"
     },
-    "./new-badge": {
-      "types": "./new-badge/index.d.ts",
-      "default": "./fesm2022/lucca-front-ng-new-badge.mjs"
+    "./number": {
+      "types": "./number/index.d.ts",
+      "default": "./fesm2022/lucca-front-ng-number.mjs"
     },
     "./number-format": {
       "types": "./number-format/index.d.ts",
@@ -161,10 +173,6 @@
       "types": "./numeric-badge/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-numeric-badge.mjs"
     },
-    "./number": {
-      "types": "./number/index.d.ts",
-      "default": "./fesm2022/lucca-front-ng-number.mjs"
-    },
     "./option": {
       "types": "./option/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-option.mjs"
@@ -177,6 +185,10 @@
       "types": "./plg-push/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-plg-push.mjs"
     },
+    "./popover": {
+      "types": "./popover/index.d.ts",
+      "default": "./fesm2022/lucca-front-ng-popover.mjs"
+    },
     "./popover2": {
       "types": "./popover2/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-popover2.mjs"
@@ -185,10 +197,6 @@
       "types": "./popup/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-popup.mjs"
     },
-    "./popover": {
-      "types": "./popover/index.d.ts",
-      "default": "./fesm2022/lucca-front-ng-popover.mjs"
-    },
     "./popup-employee": {
       "types": "./popup-employee/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-popup-employee.mjs"
@@ -205,6 +213,10 @@
       "types": "./scroll/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-scroll.mjs"
     },
+    "./scrollBox": {
+      "types": "./scrollBox/index.d.ts",
+      "default": "./fesm2022/lucca-front-ng-scrollBox.mjs"
+    },
     "./select": {
       "types": "./select/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-select.mjs"
@@ -217,14 +229,14 @@
       "types": "./simple-select/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-simple-select.mjs"
     },
-    "./skeleton": {
-      "types": "./skeleton/index.d.ts",
-      "default": "./fesm2022/lucca-front-ng-skeleton.mjs"
-    },
     "./statusBadge": {
       "types": "./statusBadge/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-statusBadge.mjs"
     },
+    "./skeleton": {
+      "types": "./skeleton/index.d.ts",
+      "default": "./fesm2022/lucca-front-ng-skeleton.mjs"
+    },
     "./tag": {
       "types": "./tag/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-tag.mjs"
@@ -237,14 +249,14 @@
       "types": "./title/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-title.mjs"
     },
-    "./tooltip": {
-      "types": "./tooltip/index.d.ts",
-      "default": "./fesm2022/lucca-front-ng-tooltip.mjs"
-    },
     "./toast": {
       "types": "./toast/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-toast.mjs"
     },
+    "./tooltip": {
+      "types": "./tooltip/index.d.ts",
+      "default": "./fesm2022/lucca-front-ng-tooltip.mjs"
+    },
     "./user": {
       "types": "./user/index.d.ts",
       "default": "./fesm2022/lucca-front-ng-user.mjs"

package/popup-employee/card/trigger/user-popover-trigger.directive.d.ts

@@ -6,10 +6,6 @@ import { ILuUser } from '@lucca-front/ng/user';
 import { LuUserPopoverPanelComponent } from '../panel/user-popover-panel.component';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
-/**
- * This directive is intended to be used in conjunction with an lu-dropdown tag.  It is
- * responsible for toggling the display of the provided dropdown instance.
- */
 export declare class LuUserPopoverDirective extends ALuPopoverTrigger<LuUserPopoverPanelComponent, LuPopoverTarget> implements AfterViewInit, OnDestroy {
     protected _overlay: Overlay;
     protected _elementRef: ElementRef<HTMLElement>;

package/schematics/action-icon/index.js

@@ -1,19 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const installer_1 = require("../lib/local-deps/installer");
 const schematics_1 = require("../lib/schematics");
 const migration_1 = require("./migration");
+const lf_schematic_context_1 = require("../lib/lf-schematic-context");
 // Nx need to see "@angular-devkit/schematics" in order to run this migration correctly (see https://github.com/nrwl/nx/blob/d9fed4b832bf01d1b9a44ae9e486a5e5cd2d2253/packages/nx/src/command-line/migrate/migrate.ts#L1729-L1738)
 // eslint-disable-next-line @typescript-eslint/no-require-imports
 require('@angular-devkit/schematics');
 exports.default = (options) => {
-    const skipInstallation = options?.skipInstallation ?? false;
     return async (tree, context) => {
-        if (!skipInstallation) {
-            (0, installer_1.installLocalDependencies)(context);
-        }
+        await lf_schematic_context_1.currentSchematicContext.init(context, options);
         const postCssScss = await Promise.resolve().then(() => require('../lib/local-deps/postcss-scss.js'));
-        const angularCompiler = await Promise.resolve().then(() => require('@angular/compiler'));
         tree.visit((path, entry) => {
             if (path.includes('node_modules') || !entry) {
                 return;
@@ -22,7 +18,7 @@ exports.default = (options) => {
                 (0, schematics_1.migrateFile)(path, entry, tree, (content) => (0, migration_1.migrateScssFile)(content, postCssScss));
             }
             if (path.endsWith('.html')) {
-                (0, schematics_1.migrateFile)(path, entry, tree, (content) => (0, migration_1.migrateHTMLFile)(content, angularCompiler));
+                (0, schematics_1.migrateFile)(path, entry, tree, (content) => (0, migration_1.migrateHTMLFile)(content));
             }
         });
     };

package/schematics/action-icon/migration.js

@@ -14,9 +14,9 @@ function migrateScssFile(content, postCssScss) {
     });
     return root.toResult({ syntax: { stringify: postCssScss.stringify } }).css;
 }
-function migrateHTMLFile(content, angularCompiler) {
+function migrateHTMLFile(content) {
     return (0, file_update_js_1.updateContent)(content, (updates) => {
-        const htmlAst = new html_ast_js_1.HtmlAst(content, angularCompiler);
+        const htmlAst = new html_ast_js_1.HtmlAst(content);
         htmlAst.visitElementWithAttribute(/.*/, 'class', (elem, attr) => {
             const classes = attr.value;
             if (classes.includes('actionIcon') && attr.valueSpan) {
@@ -30,7 +30,7 @@ function migrateHTMLFile(content, angularCompiler) {
                 updates.push({
                     position: attr.valueSpan.start.offset,
                     oldContent: attr.value,
-                    newContent: newClasses,
+                    newContent: newClasses
                 });
             }
         });

package/schematics/action-icon/schema.json

@@ -1,7 +1,23 @@
 {
-	"$schema": "http://json-schema.org/draft-07/schema",
-	"$id": "LuccaFrontActionIcon",
-	"title": "Lucca Front Action Icon Schema",
-	"type": "object",
-	"properties": {}
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "$id": "LuccaFrontActionIcon",
+  "title": "Lucca Front Action Icon Schema",
+  "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/schematics/cdn-urls/index.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const schematics_1 = require("../lib/schematics");
+const migration_1 = require("./migration");
+const lf_schematic_context_1 = require("../lib/lf-schematic-context");
+// Nx need to see "@angular-devkit/schematics" in order to run this migration correctly (see https://github.com/nrwl/nx/blob/d9fed4b832bf01d1b9a44ae9e486a5e5cd2d2253/packages/nx/src/command-line/migrate/migrate.ts#L1729-L1738)
+// eslint-disable-next-line @typescript-eslint/no-require-imports
+require('@angular-devkit/schematics');
+exports.default = (options) => {
+    return async (tree, context) => {
+        await lf_schematic_context_1.currentSchematicContext.init(context, options);
+        tree.visit((path, entry) => {
+            if (path.includes('node_modules') || !entry) {
+                return;
+            }
+            if (path.endsWith('.html')) {
+                (0, schematics_1.migrateFile)(path, entry, tree, (content) => (0, migration_1.migrateHTMLFile)(content));
+            }
+        });
+    };
+};