@lucca-front/ng 17.2.1 → 17.2.3-backfix

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lucca-front/ng",
-  "version": "17.2.1",
+  "version": "17.2.3-backfix",
   "description": "A library of icons made by the team @Lucca",
   "repository": {
     "type": "git",
@@ -26,8 +26,8 @@
     "@angular/common": "^17.0.2",
     "@angular/core": "^17.0.2",
     "@angular/cdk": "^17.0.0",
-    "@lucca-front/icons": "v17.2.1",
-    "@lucca-front/scss": "v17.2.1",
+    "@lucca-front/icons": "v17.2.3-backfix",
+    "@lucca-front/scss": "v17.2.3-backfix",
     "@types/dompurify": "^3.0.0",
     "isomorphic-dompurify": "^2.2.0",
     "rxjs": "^7.8.1"
@@ -53,6 +53,12 @@
       "esm": "./esm2022/a11y/lucca-front-ng-a11y.mjs",
       "default": "./fesm2022/lucca-front-ng-a11y.mjs"
     },
+    "./callout": {
+      "types": "./callout/index.d.ts",
+      "esm2022": "./esm2022/callout/lucca-front-ng-callout.mjs",
+      "esm": "./esm2022/callout/lucca-front-ng-callout.mjs",
+      "default": "./fesm2022/lucca-front-ng-callout.mjs"
+    },
     "./animations": {
       "types": "./animations/index.d.ts",
       "esm2022": "./esm2022/animations/lucca-front-ng-animations.mjs",
@@ -65,29 +71,17 @@
       "esm": "./esm2022/button/lucca-front-ng-button.mjs",
       "default": "./fesm2022/lucca-front-ng-button.mjs"
     },
-    "./api": {
-      "types": "./api/index.d.ts",
-      "esm2022": "./esm2022/api/lucca-front-ng-api.mjs",
-      "esm": "./esm2022/api/lucca-front-ng-api.mjs",
-      "default": "./fesm2022/lucca-front-ng-api.mjs"
-    },
     "./core": {
       "types": "./core/index.d.ts",
       "esm2022": "./esm2022/core/lucca-front-ng-core.mjs",
       "esm": "./esm2022/core/lucca-front-ng-core.mjs",
       "default": "./fesm2022/lucca-front-ng-core.mjs"
     },
-    "./callout": {
-      "types": "./callout/index.d.ts",
-      "esm2022": "./esm2022/callout/lucca-front-ng-callout.mjs",
-      "esm": "./esm2022/callout/lucca-front-ng-callout.mjs",
-      "default": "./fesm2022/lucca-front-ng-callout.mjs"
-    },
-    "./core-select": {
-      "types": "./core-select/index.d.ts",
-      "esm2022": "./esm2022/core-select/lucca-front-ng-core-select.mjs",
-      "esm": "./esm2022/core-select/lucca-front-ng-core-select.mjs",
-      "default": "./fesm2022/lucca-front-ng-core-select.mjs"
+    "./api": {
+      "types": "./api/index.d.ts",
+      "esm2022": "./esm2022/api/lucca-front-ng-api.mjs",
+      "esm": "./esm2022/api/lucca-front-ng-api.mjs",
+      "default": "./fesm2022/lucca-front-ng-api.mjs"
     },
     "./date": {
       "types": "./date/index.d.ts",
@@ -95,6 +89,12 @@
       "esm": "./esm2022/date/lucca-front-ng-date.mjs",
       "default": "./fesm2022/lucca-front-ng-date.mjs"
     },
+    "./core-select": {
+      "types": "./core-select/index.d.ts",
+      "esm2022": "./esm2022/core-select/lucca-front-ng-core-select.mjs",
+      "esm": "./esm2022/core-select/lucca-front-ng-core-select.mjs",
+      "default": "./fesm2022/lucca-front-ng-core-select.mjs"
+    },
     "./department": {
       "types": "./department/index.d.ts",
       "esm2022": "./esm2022/department/lucca-front-ng-department.mjs",
@@ -155,18 +155,18 @@
       "esm": "./esm2022/input/lucca-front-ng-input.mjs",
       "default": "./fesm2022/lucca-front-ng-input.mjs"
     },
-    "./modal": {
-      "types": "./modal/index.d.ts",
-      "esm2022": "./esm2022/modal/lucca-front-ng-modal.mjs",
-      "esm": "./esm2022/modal/lucca-front-ng-modal.mjs",
-      "default": "./fesm2022/lucca-front-ng-modal.mjs"
-    },
     "./multi-select": {
       "types": "./multi-select/index.d.ts",
       "esm2022": "./esm2022/multi-select/lucca-front-ng-multi-select.mjs",
       "esm": "./esm2022/multi-select/lucca-front-ng-multi-select.mjs",
       "default": "./fesm2022/lucca-front-ng-multi-select.mjs"
     },
+    "./modal": {
+      "types": "./modal/index.d.ts",
+      "esm2022": "./esm2022/modal/lucca-front-ng-modal.mjs",
+      "esm": "./esm2022/modal/lucca-front-ng-modal.mjs",
+      "default": "./fesm2022/lucca-front-ng-modal.mjs"
+    },
     "./new-badge": {
       "types": "./new-badge/index.d.ts",
       "esm2022": "./esm2022/new-badge/lucca-front-ng-new-badge.mjs",
@@ -233,18 +233,18 @@
       "esm": "./esm2022/select/lucca-front-ng-select.mjs",
       "default": "./fesm2022/lucca-front-ng-select.mjs"
     },
-    "./sidepanel": {
-      "types": "./sidepanel/index.d.ts",
-      "esm2022": "./esm2022/sidepanel/lucca-front-ng-sidepanel.mjs",
-      "esm": "./esm2022/sidepanel/lucca-front-ng-sidepanel.mjs",
-      "default": "./fesm2022/lucca-front-ng-sidepanel.mjs"
-    },
     "./simple-select": {
       "types": "./simple-select/index.d.ts",
       "esm2022": "./esm2022/simple-select/lucca-front-ng-simple-select.mjs",
       "esm": "./esm2022/simple-select/lucca-front-ng-simple-select.mjs",
       "default": "./fesm2022/lucca-front-ng-simple-select.mjs"
     },
+    "./sidepanel": {
+      "types": "./sidepanel/index.d.ts",
+      "esm2022": "./esm2022/sidepanel/lucca-front-ng-sidepanel.mjs",
+      "esm": "./esm2022/sidepanel/lucca-front-ng-sidepanel.mjs",
+      "default": "./fesm2022/lucca-front-ng-sidepanel.mjs"
+    },
     "./title": {
       "types": "./title/index.d.ts",
       "esm2022": "./esm2022/title/lucca-front-ng-title.mjs",
@@ -269,6 +269,12 @@
       "esm": "./esm2022/user/lucca-front-ng-user.mjs",
       "default": "./fesm2022/lucca-front-ng-user.mjs"
     },
+    "./core-select/api": {
+      "types": "./core-select/api/index.d.ts",
+      "esm2022": "./esm2022/core-select/api/lucca-front-ng-core-select-api.mjs",
+      "esm": "./esm2022/core-select/api/lucca-front-ng-core-select-api.mjs",
+      "default": "./fesm2022/lucca-front-ng-core-select-api.mjs"
+    },
     "./simple-select/api": {
       "types": "./simple-select/api/index.d.ts",
       "esm2022": "./esm2022/simple-select/api/lucca-front-ng-simple-select-api.mjs",

package/simple-select/api/api-v3.directive.d.ts

@@ -1,25 +1,5 @@
-import { HttpClient } from '@angular/common/http';
-import { ILuApiItem } from '@lucca-front/ng/api';
-import { BehaviorSubject, Observable, ReplaySubject } from 'rxjs';
-import { ALuSimpleSelectApiDirective } from './api.directive';
-import * as i0 from "@angular/core";
-export declare class LuSimpleSelectApiV3Directive<T extends ILuApiItem> extends ALuSimpleSelectApiDirective<T> {
-    set apiV3(value: string);
-    set fields(value: string);
-    set orderBy(value: string | null);
-    set filters(value: Record<string, string | number | boolean>);
-    protected url$: ReplaySubject<string>;
-    protected fields$: BehaviorSubject<string>;
-    protected orderBy$: BehaviorSubject<string>;
-    protected filters$: BehaviorSubject<Record<string, string | number | boolean>>;
-    protected httpClient: HttpClient;
-    protected params$: Observable<{
-        name?: string;
-        orderBy?: string;
-        fields: string;
-    }>;
-    protected getOptions(params: Record<string, string | number | boolean>, page: number): Observable<T[]>;
-    protected optionComparer: (a: T, b: T) => boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuSimpleSelectApiV3Directive<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LuSimpleSelectApiV3Directive<any>, "lu-simple-select[apiV3],lu-multi-select[apiV3]", never, { "apiV3": { "alias": "apiV3"; "required": false; }; "fields": { "alias": "fields"; "required": false; }; "orderBy": { "alias": "orderBy"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; }, {}, never, never, true, never>;
-}
+import { LuCoreSelectApiV3Directive } from '@lucca-front/ng/core-select/api';
+/**
+ * @deprecated use LuCoreSelectApiV3Directive from @lucca-front/ng/core-select/api instead
+ */
+export declare const LuSimpleSelectApiV3Directive: typeof LuCoreSelectApiV3Directive;

package/simple-select/api/api-v4.directive.d.ts

@@ -1,22 +1,5 @@
-import { HttpClient } from '@angular/common/http';
-import { ILuApiItem } from '@lucca-front/ng/api';
-import { BehaviorSubject, Observable, ReplaySubject } from 'rxjs';
-import { ALuSimpleSelectApiDirective } from './api.directive';
-import * as i0 from "@angular/core";
-export declare class LuSimpleSelectApiV4Directive<T extends ILuApiItem> extends ALuSimpleSelectApiDirective<T> {
-    set apiV4(value: string);
-    set sort(value: string | null);
-    set filters(value: Record<string, string | number | boolean>);
-    protected url$: ReplaySubject<string>;
-    protected sort$: BehaviorSubject<string>;
-    protected filters$: BehaviorSubject<Record<string, string | number | boolean>>;
-    protected httpClient: HttpClient;
-    protected params$: Observable<{
-        search?: string;
-        sort?: string;
-    }>;
-    protected getOptions(params: Record<string, string | number | boolean>, page: number): Observable<T[]>;
-    protected optionComparer: (a: T, b: T) => boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuSimpleSelectApiV4Directive<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LuSimpleSelectApiV4Directive<any>, "lu-simple-select[apiV4],lu-multi-select[apiV4]", never, { "apiV4": { "alias": "apiV4"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; }, {}, never, never, true, never>;
-}
+import { LuCoreSelectApiV4Directive } from '@lucca-front/ng/core-select/api';
+/**
+ * @deprecated use LuCoreSelectApiV4Directive from @lucca-front/ng/core-select/api instead
+ */
+export declare const LuSimpleSelectApiV4Directive: typeof LuCoreSelectApiV4Directive;

package/simple-select/api/api.directive.d.ts

@@ -1,32 +1,5 @@
-import { OnDestroy, OnInit } from '@angular/core';
-import { ALuSelectInputComponent } from '@lucca-front/ng/core-select';
-import { BehaviorSubject, Observable, Subject } from 'rxjs';
-import * as i0 from "@angular/core";
-export declare const MAGIC_PAGE_SIZE = 20;
-export declare const MAGIC_DEBOUNCE_DURATION = 250;
-export declare abstract class ALuSimpleSelectApiDirective<TOption, TParams = Record<string, string | number | boolean>> implements OnDestroy, OnInit {
-    protected destroy$: Subject<void>;
-    protected pageSize: number;
-    protected debounceDuration: number;
-    protected select: ALuSelectInputComponent<TOption, unknown>;
-    protected page$: Observable<number>;
-    protected clue$: Observable<string>;
-    /**
-     * Create an object that will be used as params for the api call
-     */
-    protected abstract params$: Observable<TParams>;
-    /**
-     * Compare two options to know if they are the same. For example, compare by id or by JSON
-     */
-    protected abstract optionComparer: (a: TOption, b: TOption) => boolean;
-    /**
-     * Return the options for the given params and page
-     */
-    protected abstract getOptions(params: TParams, page: number): Observable<TOption[]>;
-    protected loading$: BehaviorSubject<boolean>;
-    ngOnInit(): void;
-    protected buildOptions(): Observable<TOption[]>;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ALuSimpleSelectApiDirective<any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ALuSimpleSelectApiDirective<any, any>, never, never, {}, {}, never, never, false, never>;
-}
+import { ALuCoreSelectApiDirective } from '@lucca-front/ng/core-select/api';
+/**
+ * @deprecated use ALuCoreSelectApiDirective from @lucca-front/ng/core-select/api instead
+ */
+export declare const ALuSimpleSelectApiDirective: typeof ALuCoreSelectApiDirective;

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

@@ -1,7 +1,7 @@
 import { Overlay, OverlayConfig, OverlayPositionBuilder, ScrollStrategyOptions } from '@angular/cdk/overlay';
 import { ElementRef, Injector } from '@angular/core';
 import { LuSelectPanelRef } from '@lucca-front/ng/core-select';
-import { ILuSimpleSelectPanelData } from '../select.model';
+import { LuSimpleSelectInputComponent } from './select-input.component';
 import * as i0 from "@angular/core";
 export declare class LuSimpleSelectPanelRefFactory {
     protected overlay: Overlay;
@@ -9,7 +9,7 @@ export declare class LuSimpleSelectPanelRefFactory {
     protected positionBuilder: OverlayPositionBuilder;
     protected scrollStrategies: ScrollStrategyOptions;
     protected parentInjector: Injector;
-    buildPanelRef<T>(panelData: ILuSimpleSelectPanelData<T>, overlayConfigOverride?: OverlayConfig): LuSelectPanelRef<T, T>;
+    buildPanelRef<T>(selectInput: LuSimpleSelectInputComponent<T>, overlayConfigOverride?: OverlayConfig): LuSelectPanelRef<T, T>;
     protected buildOverlayConfig(overlayConfigOverride?: OverlayConfig): OverlayConfig;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuSimpleSelectPanelRefFactory, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<LuSimpleSelectPanelRefFactory>;

package/simple-select/panel/option-selected.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class LuIsOptionSelectedPipe implements PipeTransform {
+    transform<T>(option: T, comparer: (option1: T, option2: T) => boolean, selectedOption: T): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LuIsOptionSelectedPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<LuIsOptionSelectedPipe, "luIsOptionSelected", true>;
+}

package/simple-select/panel/panel.component.d.ts

@@ -1,18 +1,18 @@
 import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
 import { AfterViewInit, QueryList } from '@angular/core';
 import { LuSelectPanelRef, ɵLuOptionComponent } from '@lucca-front/ng/core-select';
-import { ILuSimpleSelectPanelData } from '../select.model';
+import { LuSimpleSelectInputComponent } from '../input/select-input.component';
 import * as i0 from "@angular/core";
 export declare class LuSelectPanelComponent<T> implements AfterViewInit {
-    protected panelData: ILuSimpleSelectPanelData<T>;
+    selectInput: LuSimpleSelectInputComponent<T>;
     panelRef: LuSelectPanelRef<T, T>;
     selectId: number;
     intl: import("../select.translate").ILuSimpleSelectLabel;
-    options$: import("rxjs").Observable<T[]>;
+    options$: import("rxjs").ReplaySubject<T[]>;
+    grouping: import("@lucca-front/ng/core-select").LuOptionGroupDirective<T, T, unknown>;
     groups$: import("rxjs").Observable<import("@lucca-front/ng/core-select").LuOptionGroup<T, unknown>[]>;
-    loading$: import("rxjs").Observable<boolean>;
+    loading$: import("rxjs").BehaviorSubject<boolean>;
     optionComparer: (option1: T, option2: T) => boolean;
-    grouping: import("@lucca-front/ng/core-select").LuOptionGroupDirective<T, T, unknown>;
     initialValue: T | undefined;
     optionTpl: import("@angular/core").Type<unknown> | import("@angular/core").TemplateRef<import("@lucca-front/ng/core-select").LuOptionContext<T>>;
     optionsQL: QueryList<ɵLuOptionComponent<T>>;

package/simple-select/select.model.d.ts

@@ -1,12 +1,3 @@
-import { InjectionToken, TemplateRef, Type } from '@angular/core';
-import { LuOptionContext, LuOptionGroupDirective } from '@lucca-front/ng/core-select';
-import { Observable } from 'rxjs';
-export interface ILuSimpleSelectPanelData<T> {
-    options$: Observable<T[]>;
-    loading$: Observable<boolean>;
-    optionComparer: (option1: T, option2: T) => boolean;
-    initialValue: T | undefined;
-    optionTpl: TemplateRef<LuOptionContext<T>> | Type<unknown>;
-    grouping?: LuOptionGroupDirective<T, T, unknown>;
-}
-export declare const SIMPLE_SELECT_PANEL_DATA: InjectionToken<ILuSimpleSelectPanelData<unknown>>;
+import { InjectionToken } from '@angular/core';
+import type { LuSimpleSelectInputComponent } from './input';
+export declare const SIMPLE_SELECT_INPUT: InjectionToken<LuSimpleSelectInputComponent<unknown>>;

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

@@ -18,6 +18,7 @@
 @mixin optionItemStyle {
 	:host {
 		display: block;
+		scroll-margin: var(--spacings-XXS);
 	}
 
 	.optionItem {