@lucca-front/ng 7.2.0 → 8.0.0-alpha.1

package/fesm2020/lucca-front-ng-user.mjs

@@ -0,0 +1,1015 @@
+import * as i0 from '@angular/core';
+import { Pipe, NgModule, Component, ChangeDetectionStrategy, Input, InjectionToken, LOCALE_ID, Injectable, Inject, forwardRef, ElementRef, Optional, SkipSelf, Self, HostBinding, ViewChild, Directive } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2$1 from '@angular/forms';
+import { FormGroup, FormControl, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
+import { ALuSelectInputComponent } from '@lucca-front/ng/select';
+import { ALuIntl, ALuOnOpenSubscriber, ALuOnCloseSubscriber, ALuOnScrollBottomSubscriber } from '@lucca-front/ng/core';
+import * as i1$1 from '@angular/cdk/overlay';
+import * as i2$2 from '@lucca-front/ng/input';
+import { LuInputClearerModule, LuInputDisplayerModule } from '@lucca-front/ng/input';
+import * as i3 from '@lucca-front/ng/option';
+import { ALuOptionOperator, LuOptionPlaceholderModule, LuOptionOperatorModule, LuOptionPickerModule } from '@lucca-front/ng/option';
+import { switchMap, map, startWith, scan, debounceTime, filter, share, catchError, mapTo, withLatestFrom } from 'rxjs/operators';
+import { ALuApiService, LuApiV3Service } from '@lucca-front/ng/api';
+import * as i1 from '@angular/common/http';
+import { HttpClientModule } from '@angular/common/http';
+import { Subscription, Subject, BehaviorSubject, combineLatest, of, merge } from 'rxjs';
+
+var LuDisplayFullname;
+(function (LuDisplayFullname) {
+    LuDisplayFullname["firstlast"] = "fl";
+    LuDisplayFullname["lastfirst"] = "lf";
+    LuDisplayFullname["first"] = "f";
+    LuDisplayFullname["last"] = "l";
+})(LuDisplayFullname || (LuDisplayFullname = {}));
+var LuDisplayInitials;
+(function (LuDisplayInitials) {
+    LuDisplayInitials["firstlast"] = "FL";
+    LuDisplayInitials["lastfirst"] = "LF";
+    LuDisplayInitials["last"] = "L";
+    LuDisplayInitials["first"] = "F";
+})(LuDisplayInitials || (LuDisplayInitials = {}));
+var LuDisplayHybrid;
+(function (LuDisplayHybrid) {
+    LuDisplayHybrid["firstIlastFull"] = "Fl";
+    LuDisplayHybrid["firstFulllastI"] = "fL";
+    LuDisplayHybrid["lastIfirstFull"] = "Lf";
+    LuDisplayHybrid["lastFullfirstI"] = "lF";
+})(LuDisplayHybrid || (LuDisplayHybrid = {}));
+
+/**
+ * Displays a user name according to specified format. Supported formats: f for first name,
+ * F for first initial, l for last name, L for last initial.
+ */
+class LuUserDisplayPipe {
+    transform(user, format = LuDisplayFullname.lastfirst) {
+        let result = '';
+        if (!!user && !!user.firstName && !!user.lastName) {
+            switch (format) {
+                case LuDisplayFullname.lastfirst:
+                    result = user.lastName + ' ' + user.firstName;
+                    break;
+                case LuDisplayFullname.firstlast:
+                    result = user.firstName + ' ' + user.lastName;
+                    break;
+                case LuDisplayFullname.first:
+                    result = user.firstName;
+                    break;
+                case LuDisplayFullname.last:
+                    result = user.lastName;
+                    break;
+                case LuDisplayInitials.lastfirst:
+                    result = user.lastName.charAt(0) + user.firstName.charAt(0);
+                    break;
+                case LuDisplayInitials.firstlast:
+                    result = user.firstName.charAt(0) + user.lastName.charAt(0);
+                    break;
+                case LuDisplayInitials.first:
+                    result = user.firstName.charAt(0);
+                    break;
+                case LuDisplayInitials.last:
+                    result = user.lastName.charAt(0);
+                    break;
+                case LuDisplayHybrid.firstIlastFull:
+                    result = user.firstName.charAt(0) + '. ' + user.lastName;
+                    break;
+                case LuDisplayHybrid.lastIfirstFull:
+                    result = user.lastName.charAt(0) + '. ' + user.firstName;
+                    break;
+                case LuDisplayHybrid.lastFullfirstI:
+                    result = user.lastName + ' ' + user.firstName.charAt(0) + '.';
+                    break;
+                case LuDisplayHybrid.firstFulllastI:
+                    result = user.firstName + ' ' + user.lastName.charAt(0) + '.';
+                    break;
+                default:
+                    break;
+            }
+        }
+        return result;
+    }
+}
+LuUserDisplayPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserDisplayPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+LuUserDisplayPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserDisplayPipe, name: "luUserDisplay" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserDisplayPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'luUserDisplay' }]
+        }] });
+
+class LuUserDisplayModule {
+}
+LuUserDisplayModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserDisplayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LuUserDisplayModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserDisplayModule, declarations: [LuUserDisplayPipe], imports: [CommonModule], exports: [LuUserDisplayPipe] });
+LuUserDisplayModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserDisplayModule, providers: [LuUserDisplayPipe], imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserDisplayModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [LuUserDisplayPipe],
+                    exports: [LuUserDisplayPipe],
+                    providers: [LuUserDisplayPipe],
+                }]
+        }] });
+
+/**
+ * Displays user'picture or a placeholder with his/her initials and random bg color'
+ */
+class LuUserPictureComponent {
+    constructor(displayPipe, _changeDetector) {
+        this.displayPipe = displayPipe;
+        this._changeDetector = _changeDetector;
+        this._displayFormat = LuDisplayInitials.lastfirst;
+        this.initials = '';
+        this.hasPicture = false;
+    }
+    /**
+     * User Display format.
+     * It is set to 'LF' by default
+     */
+    set displayFormat(displayFormat) {
+        this._displayFormat = displayFormat;
+        this._changeDetector.markForCheck();
+    }
+    get displayFormat() {
+        return this._displayFormat;
+    }
+    set user(user) {
+        this._user = user;
+        this.initials = this.displayPipe.transform(user, this.displayFormat);
+        const pictureHref = user?.picture?.href || user?.pictureHref;
+        this.hasPicture = !!pictureHref;
+        if (this.hasPicture) {
+            this.style = { 'background-image': `url('${pictureHref}')` };
+        }
+        else {
+            const hsl = this.getNameHue();
+            this.style = { 'background-color': `hsl(${hsl}, 60%, 60%)` };
+        }
+        this._changeDetector.markForCheck();
+    }
+    get user() {
+        return this._user;
+    }
+    getNameHue() {
+        // we sum the chars in user's firstname + lastname
+        const charSum = this.displayPipe
+            .transform(this._user, LuDisplayFullname.firstlast)
+            .split('')
+            .reduce((sum, a) => sum + a.charCodeAt(0), 0);
+        // and take a modulo 360 for hue
+        const hue = charSum % 360;
+        return hue;
+    }
+}
+LuUserPictureComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserPictureComponent, deps: [{ token: LuUserDisplayPipe }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+LuUserPictureComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: LuUserPictureComponent, selector: "lu-user-picture", inputs: { displayFormat: "displayFormat", user: "user" }, ngImport: i0, template: "<div class=\"picture\" [ngStyle]=\"style\">\r\n\t<span *ngIf=\"!hasPicture\">{{initials}}</span>\r\n</div>", styles: [":host .picture{border-radius:100%;background-position:center;background-size:cover;background-repeat:no-repeat;color:#fff;font-size:1em;font-size:var(--components-user-picture-sizes-standard-font-size);position:relative;height:2.5em;height:var(--components-user-picture-sizes-standard-image-size);width:2.5em;width:var(--components-user-picture-sizes-standard-image-size)}:host .picture>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:host.mod-smallest .picture{font-size:.5em;font-size:var(--components-user-picture-sizes-smallest-font-size);height:2.5em;height:var(--components-user-picture-sizes-smallest-image-size);width:2.5em;width:var(--components-user-picture-sizes-smallest-image-size)}:host.mod-smaller .picture{font-size:.65em;font-size:var(--components-user-picture-sizes-smaller-font-size);height:2.5em;height:var(--components-user-picture-sizes-smaller-image-size);width:2.5em;width:var(--components-user-picture-sizes-smaller-image-size)}:host.mod-small .picture{font-size:.8em;font-size:var(--components-user-picture-sizes-small-font-size);height:2.5em;height:var(--components-user-picture-sizes-small-image-size);width:2.5em;width:var(--components-user-picture-sizes-small-image-size)}:host.mod-standard .picture{font-size:1em;font-size:var(--components-user-picture-sizes-standard-font-size);height:2.5em;height:var(--components-user-picture-sizes-standard-image-size);width:2.5em;width:var(--components-user-picture-sizes-standard-image-size)}:host.mod-large .picture{font-size:1.35em;font-size:var(--components-user-picture-sizes-large-font-size);height:2.5em;height:var(--components-user-picture-sizes-large-image-size);width:2.5em;width:var(--components-user-picture-sizes-large-image-size)}:host.mod-larger .picture{font-size:1.8em;font-size:var(--components-user-picture-sizes-larger-font-size);height:2.5em;height:var(--components-user-picture-sizes-larger-image-size);width:2.5em;width:var(--components-user-picture-sizes-larger-image-size)}:host.mod-largest .picture{font-size:3em;font-size:var(--components-user-picture-sizes-largest-font-size);height:2.5em;height:var(--components-user-picture-sizes-largest-image-size);width:2.5em;width:var(--components-user-picture-sizes-largest-image-size)}\n"], directives: [{ type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserPictureComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-user-picture', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"picture\" [ngStyle]=\"style\">\r\n\t<span *ngIf=\"!hasPicture\">{{initials}}</span>\r\n</div>", styles: [":host .picture{border-radius:100%;background-position:center;background-size:cover;background-repeat:no-repeat;color:#fff;font-size:1em;font-size:var(--components-user-picture-sizes-standard-font-size);position:relative;height:2.5em;height:var(--components-user-picture-sizes-standard-image-size);width:2.5em;width:var(--components-user-picture-sizes-standard-image-size)}:host .picture>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:host.mod-smallest .picture{font-size:.5em;font-size:var(--components-user-picture-sizes-smallest-font-size);height:2.5em;height:var(--components-user-picture-sizes-smallest-image-size);width:2.5em;width:var(--components-user-picture-sizes-smallest-image-size)}:host.mod-smaller .picture{font-size:.65em;font-size:var(--components-user-picture-sizes-smaller-font-size);height:2.5em;height:var(--components-user-picture-sizes-smaller-image-size);width:2.5em;width:var(--components-user-picture-sizes-smaller-image-size)}:host.mod-small .picture{font-size:.8em;font-size:var(--components-user-picture-sizes-small-font-size);height:2.5em;height:var(--components-user-picture-sizes-small-image-size);width:2.5em;width:var(--components-user-picture-sizes-small-image-size)}:host.mod-standard .picture{font-size:1em;font-size:var(--components-user-picture-sizes-standard-font-size);height:2.5em;height:var(--components-user-picture-sizes-standard-image-size);width:2.5em;width:var(--components-user-picture-sizes-standard-image-size)}:host.mod-large .picture{font-size:1.35em;font-size:var(--components-user-picture-sizes-large-font-size);height:2.5em;height:var(--components-user-picture-sizes-large-image-size);width:2.5em;width:var(--components-user-picture-sizes-large-image-size)}:host.mod-larger .picture{font-size:1.8em;font-size:var(--components-user-picture-sizes-larger-font-size);height:2.5em;height:var(--components-user-picture-sizes-larger-image-size);width:2.5em;width:var(--components-user-picture-sizes-larger-image-size)}:host.mod-largest .picture{font-size:3em;font-size:var(--components-user-picture-sizes-largest-font-size);height:2.5em;height:var(--components-user-picture-sizes-largest-image-size);width:2.5em;width:var(--components-user-picture-sizes-largest-image-size)}\n"] }]
+        }], ctorParameters: function () { return [{ type: LuUserDisplayPipe }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { displayFormat: [{
+                type: Input
+            }], user: [{
+                type: Input
+            }] } });
+
+class LuUserPictureModule {
+}
+LuUserPictureModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserPictureModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LuUserPictureModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserPictureModule, declarations: [LuUserPictureComponent], imports: [CommonModule, LuUserDisplayModule], exports: [LuUserPictureComponent] });
+LuUserPictureModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserPictureModule, imports: [[CommonModule, LuUserDisplayModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserPictureModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, LuUserDisplayModule],
+                    declarations: [LuUserPictureComponent],
+                    exports: [LuUserPictureComponent],
+                }]
+        }] });
+
+/**
+ * Displays user picture and name. ILuUser's role can be specified, and the footer is customizable.
+ */
+class LuUserTileComponent {
+    constructor(_changeDetector) {
+        this._changeDetector = _changeDetector;
+    }
+    /**
+     * ILuUser to display.
+     */
+    set user(user) {
+        this._user = user;
+        this._changeDetector.markForCheck();
+    }
+    get user() {
+        return this._user;
+    }
+    /**
+     * ILuUser role to display
+     */
+    set role(role) {
+        this._role = role;
+        this._changeDetector.markForCheck();
+    }
+    get role() {
+        return this._role;
+    }
+    get displayPictureFormat() {
+        switch (this.displayFormat) {
+            case LuDisplayFullname.lastfirst:
+            case LuDisplayInitials.lastfirst:
+            case LuDisplayHybrid.lastIfirstFull:
+            case LuDisplayHybrid.lastFullfirstI:
+                return LuDisplayInitials.lastfirst;
+            case LuDisplayFullname.last:
+            case LuDisplayInitials.last:
+                return LuDisplayInitials.last;
+            case LuDisplayFullname.first:
+            case LuDisplayInitials.first:
+                return LuDisplayInitials.first;
+            case LuDisplayFullname.firstlast:
+            case LuDisplayInitials.firstlast:
+            case LuDisplayHybrid.firstIlastFull:
+            case LuDisplayHybrid.firstFulllastI:
+            default:
+                return LuDisplayInitials.firstlast;
+        }
+    }
+}
+LuUserTileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserTileComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+LuUserTileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: LuUserTileComponent, selector: "lu-user-tile", inputs: { user: "user", displayFormat: "displayFormat", role: "role" }, ngImport: i0, template: "<lu-user-picture [user]=\"user\" [displayFormat]=\"displayPictureFormat\"></lu-user-picture>\r\n<div class=\"user-info\">\r\n\t<span class=\"user-tile-label\">{{role ? role : user?.jobTitle}}</span>\r\n\t<h5 class=\"user-tile-title\">{{user | luUserDisplay: displayFormat}}</h5>\r\n\t<span class=\"user-tile-footnote\"><ng-content></ng-content></span>\r\n</div>\r\n", styles: [":host{display:flex;align-items:center;padding:.5em}:host lu-user-picture{margin-right:.5em}:host .user-tile-title{font-size:.9em;font-weight:600;line-height:1.3;margin:0}:host .user-tile-label{display:block;font-size:.875rem;font-size:var(--sizes-small-font-size);line-height:1.1;color:#96a6c5;color:var(--colors-text-light-color)}:host .user-tile-footnote{display:block;font-size:.875rem;font-size:var(--sizes-small-font-size);line-height:1rem;line-height:var(--sizes-small-line-height)}:host .user-info{margin:auto 0;word-break:break-all}:host.mod-nameOnly .user-tile-label,:host.mod-nameOnly .user-tile-footnote{display:none}:host.mod-vertical{flex-direction:column}:host.mod-vertical lu-user-picture{margin-right:0;margin-bottom:.8em}:host.mod-vertical .user-info{text-align:center}:host.mod-smallest lu-user-picture::ng-deep .picture{font-size:.5em;font-size:var(--components-user-picture-sizes-smallest-font-size);height:2.5em;height:var(--components-user-picture-sizes-smallest-image-size);width:2.5em;width:var(--components-user-picture-sizes-smallest-image-size)}:host.mod-smaller lu-user-picture::ng-deep .picture{font-size:.65em;font-size:var(--components-user-picture-sizes-smaller-font-size);height:2.5em;height:var(--components-user-picture-sizes-smaller-image-size);width:2.5em;width:var(--components-user-picture-sizes-smaller-image-size)}:host.mod-small lu-user-picture::ng-deep .picture{font-size:.8em;font-size:var(--components-user-picture-sizes-small-font-size);height:2.5em;height:var(--components-user-picture-sizes-small-image-size);width:2.5em;width:var(--components-user-picture-sizes-small-image-size)}:host.mod-standard lu-user-picture::ng-deep .picture{font-size:1em;font-size:var(--components-user-picture-sizes-standard-font-size);height:2.5em;height:var(--components-user-picture-sizes-standard-image-size);width:2.5em;width:var(--components-user-picture-sizes-standard-image-size)}:host.mod-large lu-user-picture::ng-deep .picture{font-size:1.35em;font-size:var(--components-user-picture-sizes-large-font-size);height:2.5em;height:var(--components-user-picture-sizes-large-image-size);width:2.5em;width:var(--components-user-picture-sizes-large-image-size)}:host.mod-larger lu-user-picture::ng-deep .picture{font-size:1.8em;font-size:var(--components-user-picture-sizes-larger-font-size);height:2.5em;height:var(--components-user-picture-sizes-larger-image-size);width:2.5em;width:var(--components-user-picture-sizes-larger-image-size)}:host.mod-largest lu-user-picture::ng-deep .picture{font-size:3em;font-size:var(--components-user-picture-sizes-largest-font-size);height:2.5em;height:var(--components-user-picture-sizes-largest-image-size);width:2.5em;width:var(--components-user-picture-sizes-largest-image-size)}\n"], components: [{ type: LuUserPictureComponent, selector: "lu-user-picture", inputs: ["displayFormat", "user"] }], pipes: { "luUserDisplay": LuUserDisplayPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserTileComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-user-tile', changeDetection: ChangeDetectionStrategy.OnPush, template: "<lu-user-picture [user]=\"user\" [displayFormat]=\"displayPictureFormat\"></lu-user-picture>\r\n<div class=\"user-info\">\r\n\t<span class=\"user-tile-label\">{{role ? role : user?.jobTitle}}</span>\r\n\t<h5 class=\"user-tile-title\">{{user | luUserDisplay: displayFormat}}</h5>\r\n\t<span class=\"user-tile-footnote\"><ng-content></ng-content></span>\r\n</div>\r\n", styles: [":host{display:flex;align-items:center;padding:.5em}:host lu-user-picture{margin-right:.5em}:host .user-tile-title{font-size:.9em;font-weight:600;line-height:1.3;margin:0}:host .user-tile-label{display:block;font-size:.875rem;font-size:var(--sizes-small-font-size);line-height:1.1;color:#96a6c5;color:var(--colors-text-light-color)}:host .user-tile-footnote{display:block;font-size:.875rem;font-size:var(--sizes-small-font-size);line-height:1rem;line-height:var(--sizes-small-line-height)}:host .user-info{margin:auto 0;word-break:break-all}:host.mod-nameOnly .user-tile-label,:host.mod-nameOnly .user-tile-footnote{display:none}:host.mod-vertical{flex-direction:column}:host.mod-vertical lu-user-picture{margin-right:0;margin-bottom:.8em}:host.mod-vertical .user-info{text-align:center}:host.mod-smallest lu-user-picture::ng-deep .picture{font-size:.5em;font-size:var(--components-user-picture-sizes-smallest-font-size);height:2.5em;height:var(--components-user-picture-sizes-smallest-image-size);width:2.5em;width:var(--components-user-picture-sizes-smallest-image-size)}:host.mod-smaller lu-user-picture::ng-deep .picture{font-size:.65em;font-size:var(--components-user-picture-sizes-smaller-font-size);height:2.5em;height:var(--components-user-picture-sizes-smaller-image-size);width:2.5em;width:var(--components-user-picture-sizes-smaller-image-size)}:host.mod-small lu-user-picture::ng-deep .picture{font-size:.8em;font-size:var(--components-user-picture-sizes-small-font-size);height:2.5em;height:var(--components-user-picture-sizes-small-image-size);width:2.5em;width:var(--components-user-picture-sizes-small-image-size)}:host.mod-standard lu-user-picture::ng-deep .picture{font-size:1em;font-size:var(--components-user-picture-sizes-standard-font-size);height:2.5em;height:var(--components-user-picture-sizes-standard-image-size);width:2.5em;width:var(--components-user-picture-sizes-standard-image-size)}:host.mod-large lu-user-picture::ng-deep .picture{font-size:1.35em;font-size:var(--components-user-picture-sizes-large-font-size);height:2.5em;height:var(--components-user-picture-sizes-large-image-size);width:2.5em;width:var(--components-user-picture-sizes-large-image-size)}:host.mod-larger lu-user-picture::ng-deep .picture{font-size:1.8em;font-size:var(--components-user-picture-sizes-larger-font-size);height:2.5em;height:var(--components-user-picture-sizes-larger-image-size);width:2.5em;width:var(--components-user-picture-sizes-larger-image-size)}:host.mod-largest lu-user-picture::ng-deep .picture{font-size:3em;font-size:var(--components-user-picture-sizes-largest-font-size);height:2.5em;height:var(--components-user-picture-sizes-largest-image-size);width:2.5em;width:var(--components-user-picture-sizes-largest-image-size)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { user: [{
+                type: Input
+            }], displayFormat: [{
+                type: Input
+            }], role: [{
+                type: Input
+            }] } });
+
+class LuUserTileModule {
+}
+LuUserTileModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserTileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LuUserTileModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserTileModule, declarations: [LuUserTileComponent], imports: [CommonModule, LuUserPictureModule, LuUserDisplayModule], exports: [LuUserTileComponent] });
+LuUserTileModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserTileModule, imports: [[CommonModule, LuUserPictureModule, LuUserDisplayModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserTileModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, LuUserPictureModule, LuUserDisplayModule],
+                    declarations: [LuUserTileComponent],
+                    exports: [LuUserTileComponent],
+                }]
+        }] });
+
+const LU_USER_SELECT_INPUT_TRANSLATIONS = new InjectionToken('LuUserSelectTranslations');
+
+class LuUserSelectInputIntl extends ALuIntl {
+    constructor(translations, locale) {
+        super(translations, locale);
+    }
+}
+LuUserSelectInputIntl.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserSelectInputIntl, deps: [{ token: LU_USER_SELECT_INPUT_TRANSLATIONS }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable });
+LuUserSelectInputIntl.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserSelectInputIntl });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserSelectInputIntl, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LU_USER_SELECT_INPUT_TRANSLATIONS]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LOCALE_ID]
+                }] }]; } });
+
+class ALuUserService extends ALuApiService {
+}
+
+class LuUserV3Service extends LuApiV3Service {
+    constructor(_http) {
+        super(_http);
+        this._http = _http;
+        this._operations = [];
+        this.api = '/api/v3/users/search';
+        this.fields = 'id,firstname,lastname,picture[href]';
+        this.orderBy = 'lastname,asc,firstname,asc';
+    }
+    set appInstanceId(appInstanceId) { this._appInstanceId = appInstanceId; }
+    set operations(operations) { this._operations = operations; }
+    getMe() {
+        return this._http.get(`/api/v3/users/me?fields=id`).pipe(switchMap(r => this._get(this.url + `&id=${r.data.id}`)), map(users => users[0]));
+    }
+    get url() {
+        if (!this._appInstanceId || !this._operations || !this._operations.length) {
+            return `${this._api}?${[...this._filters, this._orderBy, this._fields].filter(f => !!f).join('&')}`;
+        }
+        else {
+            return `/api/v3/users/scopedsearch?${[
+                ...this._filters,
+                `appInstanceId=${this._appInstanceId}`,
+                `operations=${this._operations.join(',')}`,
+                this._orderBy,
+                this._fields,
+            ].filter(f => !!f).join('&')}`;
+        }
+    }
+    _get(url) {
+        return super._get(url)
+            .pipe(map(suggestions => suggestions.map(s => s.item)));
+    }
+    _clueFilter(clue) {
+        const urlSafeClue = clue.split(' ').map(c => encodeURIComponent(c)).join(',');
+        return `clue=${urlSafeClue}`;
+    }
+}
+LuUserV3Service.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserV3Service, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+LuUserV3Service.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserV3Service });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserV3Service, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }]; } });
+
+const LU_USER_SEARCHER_TRANSLATIONS = new InjectionToken('LuUserSearcherTranslations');
+
+class LuUserSearcherIntl extends ALuIntl {
+    constructor(translations, locale) {
+        super(translations, locale);
+    }
+}
+LuUserSearcherIntl.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserSearcherIntl, deps: [{ token: LU_USER_SEARCHER_TRANSLATIONS }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable });
+LuUserSearcherIntl.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserSearcherIntl });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserSearcherIntl, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LU_USER_SEARCHER_TRANSLATIONS]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LOCALE_ID]
+                }] }]; } });
+
+class LuUserPagedSearcherComponent {
+    constructor(hostService, selfService, intl) {
+        this.intl = intl;
+        this._subs = new Subscription();
+        this.fixed = true;
+        this.enableFormerEmployees = false;
+        // page$: Subject<number>;
+        this.outOptions$ = new Subject();
+        this._loading = false;
+        this._isOpened$ = new BehaviorSubject(false);
+        this._page$ = new Subject();
+        this._options = [];
+        this._service = (hostService || selfService);
+    }
+    set fields(fields) { this._service.fields = fields; }
+    set filters(filters) { this._service.filters = filters; }
+    set orderBy(orderBy) { this._service.orderBy = orderBy; }
+    set appInstanceId(appInstanceId) { this._service.appInstanceId = appInstanceId; }
+    set operations(operations) { this._service.operations = operations; }
+    ngOnInit() {
+        this.form = new FormGroup({
+            clue: new FormControl(''),
+            formerEmployees: new FormControl(false),
+        });
+        const formValue$ = this.form.valueChanges.pipe(startWith(this.form.value));
+        const pager$ = this._page$.pipe(scan(acc => acc + 1, 0), startWith(0));
+        const query$ = combineLatest([
+            formValue$.pipe(debounceTime(250)),
+            this._isOpened$,
+        ]).pipe(filter(([, isOpened]) => isOpened), switchMap(([val]) => pager$.pipe(map(page => [val, page]))), share());
+        const results$ = query$.pipe(switchMap(([val, page]) => {
+            const filters = [];
+            if (val.formerEmployees) {
+                filters.push(`formerEmployees=true`);
+            }
+            return this._service.searchPaged(val.clue, page, filters).pipe(catchError(() => of([])), map(items => [items, page]));
+        }), share());
+        const resultsSub = results$
+            .subscribe(([items, page]) => {
+            if (page === 0) {
+                this._options = [...items];
+            }
+            else {
+                this._options.push(...items);
+            }
+            this._isLastPage = !items.length;
+            this.outOptions$.next([...this._options]);
+        });
+        this._subs.add(resultsSub);
+        this.loading$ = merge(query$.pipe(mapTo(true)), results$.pipe(mapTo(false)));
+        const loadingSub = this.loading$.subscribe(l => this._loading = l);
+        this._subs.add(loadingSub);
+        this.empty$ = this.outOptions$.pipe(map(o => o.length === 0));
+    }
+    ngOnDestroy() {
+        this._subs.unsubscribe();
+    }
+    onOpen() {
+        this.searchInput.nativeElement.focus();
+        this._isOpened$.next(true);
+    }
+    onScrollBottom() {
+        if (!this._loading && !this._isLastPage) {
+            this._page$.next();
+        }
+    }
+    onClose() {
+        this._isOpened$.next(false);
+        this.outOptions$.next([]);
+        this.reset();
+    }
+    reset() {
+        if (this.form.dirty) {
+            this.form.reset();
+        }
+    }
+}
+LuUserPagedSearcherComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserPagedSearcherComponent, deps: [{ token: ALuUserService, optional: true, skipSelf: true }, { token: ALuUserService, self: true }, { token: LuUserSearcherIntl }], target: i0.ɵɵFactoryTarget.Component });
+LuUserPagedSearcherComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: LuUserPagedSearcherComponent, selector: "lu-user-paged-searcher", inputs: { fields: "fields", filters: "filters", orderBy: "orderBy", appInstanceId: "appInstanceId", operations: "operations", enableFormerEmployees: "enableFormerEmployees" }, host: { properties: { "class.position-fixed": "this.fixed" } }, providers: [
+        {
+            provide: ALuOptionOperator,
+            useExisting: forwardRef(() => LuUserPagedSearcherComponent),
+            multi: true,
+        },
+        {
+            provide: ALuOnOpenSubscriber,
+            useExisting: forwardRef(() => LuUserPagedSearcherComponent),
+            multi: true,
+        },
+        {
+            provide: ALuOnCloseSubscriber,
+            useExisting: forwardRef(() => LuUserPagedSearcherComponent),
+            multi: true,
+        },
+        {
+            provide: ALuOnScrollBottomSubscriber,
+            useExisting: forwardRef(() => LuUserPagedSearcherComponent),
+            multi: true,
+        },
+        {
+            provide: ALuUserService,
+            useClass: LuUserV3Service,
+        },
+    ], viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<form [formGroup]=\"form\">\r\n\t<div class=\"textfield mod-search\" [class.is-loading]=\"loading$ | async\">\r\n\t\t<input #searchInput class=\"textfield-input\" formControlName=\"clue\">\r\n\t</div>\r\n\r\n\t<label class=\"checkbox mod-formerEmployee mod-small\" *ngIf=\"enableFormerEmployees\">\r\n\t\t<input class=\"checkbox-input\" type=\"checkbox\" formControlName=\"formerEmployees\"/>\r\n\t\t<span class=\"checkbox-label\">{{ intl.includeFormerEmployees }}</span>\r\n\t</label>\r\n</form>\r\n\r\n<lu-option-placeholder *ngIf=\"(empty$ | async) && !(loading$ | async)\" (onClear)=\"reset()\"></lu-option-placeholder>\r\n", styles: [".textfield.mod-search{width:100%}.textfield-input{border-radius:0;box-shadow:none;background:#FFFFFF;border-bottom:1px solid var(--palettes-grey-200);border-bottom:var(--commons-divider-width) solid var(--commons-divider-color)}.textfield-input:hover{background-color:#ebf0fa;background-color:var(--palettes-grey-50)}.textfield-input:focus{background-color:#fff;border-bottom-color:#898fae;border-bottom-color:var(--palettes-primary-600)}.checkbox.mod-formerEmployee{padding:.25rem .5rem;padding:var(--spacings-smallest) var(--components-options-item-padding-horizontal);border-bottom:1px solid var(--palettes-grey-200);border-bottom:var(--commons-divider-width) solid var(--commons-divider-color);background-color:#ebf0fa;background-color:var(--palettes-grey-50);font-style:italic}\n"], components: [{ type: i3.LuOptionPlaceholderComponent, selector: "lu-option-placeholder", outputs: ["onClear"] }], directives: [{ type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserPagedSearcherComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-user-paged-searcher', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: ALuOptionOperator,
+                            useExisting: forwardRef(() => LuUserPagedSearcherComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: ALuOnOpenSubscriber,
+                            useExisting: forwardRef(() => LuUserPagedSearcherComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: ALuOnCloseSubscriber,
+                            useExisting: forwardRef(() => LuUserPagedSearcherComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: ALuOnScrollBottomSubscriber,
+                            useExisting: forwardRef(() => LuUserPagedSearcherComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: ALuUserService,
+                            useClass: LuUserV3Service,
+                        },
+                    ], template: "<form [formGroup]=\"form\">\r\n\t<div class=\"textfield mod-search\" [class.is-loading]=\"loading$ | async\">\r\n\t\t<input #searchInput class=\"textfield-input\" formControlName=\"clue\">\r\n\t</div>\r\n\r\n\t<label class=\"checkbox mod-formerEmployee mod-small\" *ngIf=\"enableFormerEmployees\">\r\n\t\t<input class=\"checkbox-input\" type=\"checkbox\" formControlName=\"formerEmployees\"/>\r\n\t\t<span class=\"checkbox-label\">{{ intl.includeFormerEmployees }}</span>\r\n\t</label>\r\n</form>\r\n\r\n<lu-option-placeholder *ngIf=\"(empty$ | async) && !(loading$ | async)\" (onClear)=\"reset()\"></lu-option-placeholder>\r\n", styles: [".textfield.mod-search{width:100%}.textfield-input{border-radius:0;box-shadow:none;background:#FFFFFF;border-bottom:1px solid var(--palettes-grey-200);border-bottom:var(--commons-divider-width) solid var(--commons-divider-color)}.textfield-input:hover{background-color:#ebf0fa;background-color:var(--palettes-grey-50)}.textfield-input:focus{background-color:#fff;border-bottom-color:#898fae;border-bottom-color:var(--palettes-primary-600)}.checkbox.mod-formerEmployee{padding:.25rem .5rem;padding:var(--spacings-smallest) var(--components-options-item-padding-horizontal);border-bottom:1px solid var(--palettes-grey-200);border-bottom:var(--commons-divider-width) solid var(--commons-divider-color);background-color:#ebf0fa;background-color:var(--palettes-grey-50);font-style:italic}\n"] }]
+        }], ctorParameters: function () { return [{ type: ALuUserService, decorators: [{
+                    type: Inject,
+                    args: [ALuUserService]
+                }, {
+                    type: Optional
+                }, {
+                    type: SkipSelf
+                }] }, { type: LuUserV3Service, decorators: [{
+                    type: Inject,
+                    args: [ALuUserService]
+                }, {
+                    type: Self
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LuUserSearcherIntl]
+                }] }]; }, propDecorators: { fixed: [{
+                type: HostBinding,
+                args: ['class.position-fixed']
+            }], searchInput: [{
+                type: ViewChild,
+                args: ['searchInput', { read: ElementRef, static: true }]
+            }], fields: [{
+                type: Input
+            }], filters: [{
+                type: Input
+            }], orderBy: [{
+                type: Input
+            }], appInstanceId: [{
+                type: Input
+            }], operations: [{
+                type: Input
+            }], enableFormerEmployees: [{
+                type: Input
+            }] } });
+
+class ALuUserHomonymsService {
+}
+class LuUserHomonymsService extends ALuUserHomonymsService {
+    constructor(_pipe, _http) {
+        super();
+        this._pipe = _pipe;
+        this._http = _http;
+        this._format = LuDisplayFullname.lastfirst;
+    }
+    extractHomonyms(users) {
+        const usersByName = {};
+        users.forEach(user => {
+            const name = this._pipe.transform(user, this._format);
+            usersByName[name] = [...(usersByName[name] || []), user];
+        });
+        const nonUniqNames = Object.keys(usersByName)
+            .filter(key => usersByName[key].length > 1);
+        const homonyms = [];
+        nonUniqNames.forEach(name => homonyms.push(...usersByName[name]));
+        return homonyms;
+    }
+    enrichHomonyms(homonyms) {
+        if (!homonyms || homonyms.length === 0) {
+            return of([]);
+        }
+        return this._http.get(`/api/v3/users`, { params: {
+                'id': homonyms.map(u => u.id).join(','),
+                'fields': 'id,department.name',
+            } }).pipe(map(res => res.data.items), map(infos => infos.map(info => {
+            const homonym = homonyms.find(h => h.id === info.id);
+            return { ...homonym, additionalInformation: info.department ? info.department.name : '' };
+        })), catchError(err => of([])));
+    }
+}
+LuUserHomonymsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserHomonymsService, deps: [{ token: LuUserDisplayPipe }, { token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+LuUserHomonymsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserHomonymsService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserHomonymsService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: LuUserDisplayPipe }, { type: i1.HttpClient }]; } });
+
+class LuUserHomonymsComponent {
+    constructor(hostService, selfService) {
+        this._service = hostService || selfService;
+    }
+    set inOptions$(in$) {
+        this._outOptions$ = merge(in$, in$.pipe(map(users => this._service.extractHomonyms(users)), switchMap((homonyms) => this._service.enrichHomonyms(homonyms)), withLatestFrom(in$), map(([enrichedUsers, users]) => {
+            const result = [...users];
+            enrichedUsers.forEach(user => {
+                const i = result.findIndex(u => u.id === user.id);
+                result[i] = user;
+            });
+            return result;
+        })));
+    }
+    get outOptions$() {
+        return this._outOptions$;
+    }
+}
+LuUserHomonymsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserHomonymsComponent, deps: [{ token: ALuUserHomonymsService, optional: true, skipSelf: true }, { token: ALuUserHomonymsService, self: true }], target: i0.ɵɵFactoryTarget.Component });
+LuUserHomonymsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: LuUserHomonymsComponent, selector: "lu-user-homonyms", providers: [
+        {
+            provide: ALuOptionOperator,
+            useExisting: forwardRef(() => LuUserHomonymsComponent),
+            multi: true,
+        },
+        {
+            provide: ALuUserHomonymsService,
+            useClass: LuUserHomonymsService,
+        },
+    ], ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserHomonymsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lu-user-homonyms',
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [
+                        {
+                            provide: ALuOptionOperator,
+                            useExisting: forwardRef(() => LuUserHomonymsComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: ALuUserHomonymsService,
+                            useClass: LuUserHomonymsService,
+                        },
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [ALuUserHomonymsService]
+                }, {
+                    type: Optional
+                }, {
+                    type: SkipSelf
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [ALuUserHomonymsService]
+                }, {
+                    type: Self
+                }] }]; } });
+
+class LuUserMeOptionDirective {
+    constructor(hostService, selfService, _vcr, _templateRef) {
+        this._vcr = _vcr;
+        this._templateRef = _templateRef;
+        this.me = undefined;
+        this.meDisplayed = false;
+        this._service = (hostService || selfService);
+    }
+    set inOptions$(in$) {
+        this.outOptions$ = in$;
+    }
+    set luUserMeOptionFields(fields) { this._service.fields = fields; }
+    set luUserMeOptionFilters(filters) { this._service.filters = filters; }
+    set luUserMeOptionOrderBy(orderBy) { this._service.orderBy = orderBy; }
+    set luUserMeOptionAppInstanceId(appInstanceId) { this._service.appInstanceId = appInstanceId; }
+    set luUserMeOptionOperations(operations) { this._service.operations = operations; }
+    onOpen() {
+        this._service.getMe().subscribe(me => {
+            this.me = me;
+            this.displayMe();
+        });
+    }
+    displayMe() {
+        if (this.me && !this.meDisplayed) {
+            this.meDisplayed = true;
+            this._vcr.createEmbeddedView(this._templateRef, { $implicit: this.me });
+        }
+    }
+}
+LuUserMeOptionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserMeOptionDirective, deps: [{ token: ALuUserService, optional: true, skipSelf: true }, { token: ALuUserService, self: true }, { token: i0.ViewContainerRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+LuUserMeOptionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: LuUserMeOptionDirective, selector: "[luUserMeOption]", inputs: { luUserMeOptionFields: "luUserMeOptionFields", luUserMeOptionFilters: "luUserMeOptionFilters", luUserMeOptionOrderBy: "luUserMeOptionOrderBy", luUserMeOptionAppInstanceId: "luUserMeOptionAppInstanceId", luUserMeOptionOperations: "luUserMeOptionOperations" }, providers: [
+        {
+            provide: ALuOptionOperator,
+            useExisting: forwardRef(() => LuUserMeOptionDirective),
+            multi: true,
+        },
+        {
+            provide: ALuUserService,
+            useClass: LuUserV3Service,
+        },
+        {
+            provide: ALuOnOpenSubscriber,
+            useExisting: forwardRef(() => LuUserMeOptionDirective),
+            multi: true,
+        },
+    ], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserMeOptionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[luUserMeOption]',
+                    providers: [
+                        {
+                            provide: ALuOptionOperator,
+                            useExisting: forwardRef(() => LuUserMeOptionDirective),
+                            multi: true,
+                        },
+                        {
+                            provide: ALuUserService,
+                            useClass: LuUserV3Service,
+                        },
+                        {
+                            provide: ALuOnOpenSubscriber,
+                            useExisting: forwardRef(() => LuUserMeOptionDirective),
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: ALuUserService, decorators: [{
+                    type: Inject,
+                    args: [ALuUserService]
+                }, {
+                    type: Optional
+                }, {
+                    type: SkipSelf
+                }] }, { type: ALuUserService, decorators: [{
+                    type: Inject,
+                    args: [ALuUserService]
+                }, {
+                    type: Self
+                }] }, { type: i0.ViewContainerRef }, { type: i0.TemplateRef }]; }, propDecorators: { luUserMeOptionFields: [{
+                type: Input
+            }], luUserMeOptionFilters: [{
+                type: Input
+            }], luUserMeOptionOrderBy: [{
+                type: Input
+            }], luUserMeOptionAppInstanceId: [{
+                type: Input
+            }], luUserMeOptionOperations: [{
+                type: Input
+            }] } });
+
+/**
+* Displays user'picture or a placeholder with his/her initials and random bg color'
+*/
+class LuUserSelectInputComponent extends ALuSelectInputComponent {
+    constructor(_changeDetectorRef, _overlay, _elementRef, _viewContainerRef, _renderer, intl) {
+        super(_changeDetectorRef, _overlay, _elementRef, _viewContainerRef, _renderer);
+        this._changeDetectorRef = _changeDetectorRef;
+        this._overlay = _overlay;
+        this._elementRef = _elementRef;
+        this._viewContainerRef = _viewContainerRef;
+        this._renderer = _renderer;
+        this.intl = intl;
+        this.searchFormat = LuDisplayFullname.lastfirst;
+        this.enableFormerEmployees = false;
+        this.byId = (option1, option2) => option1 && option2 && option1.id === option2.id;
+    }
+    set inputPlaceholder(p) { this._placeholder = p; }
+}
+LuUserSelectInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserSelectInputComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.Overlay }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.Renderer2 }, { token: LuUserSelectInputIntl }], target: i0.ɵɵFactoryTarget.Component });
+LuUserSelectInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: LuUserSelectInputComponent, selector: "lu-user-select", inputs: { inputPlaceholder: ["placeholder", "inputPlaceholder"], fields: "fields", filters: "filters", orderBy: "orderBy", appInstanceId: "appInstanceId", operations: "operations", enableFormerEmployees: "enableFormerEmployees" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => LuUserSelectInputComponent),
+            multi: true,
+        },
+    ], usesInheritance: true, ngImport: i0, template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer></lu-input-clearer>\r\n</div>\r\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\r\n\t<span *ngIf=\"multiple && values?.length > 1; else: singleView\"><span class=\"chip mod-unkillable\">{{values.length}}</span> {{intl.users}}</span>\r\n\t<ng-template #singleView>{{(values[0] || values) | luUserDisplay}}</ng-template>\r\n</ng-template>\r\n<lu-option-picker-advanced [option-comparer]=\"byId\">\r\n\t<header class=\"lu-picker-header\">\r\n\t\t<lu-user-paged-searcher\r\n\t\t\t[fields]=\"fields\"\r\n\t\t\t[filters]=\"filters\"\r\n\t\t\t[orderBy]=\"orderBy\"\r\n\t\t\t[appInstanceId]=\"appInstanceId\"\r\n\t\t\t[operations]=\"operations\"\r\n\t\t\t[enableFormerEmployees]=\"enableFormerEmployees\"\r\n\t\t></lu-user-paged-searcher>\r\n\t</header>\r\n\t<lu-user-homonyms></lu-user-homonyms>\r\n\t<lu-option\r\n\t\t*luUserMeOption=\"let user; fields: fields; filters: filters; orderBy: orderBy; appInstanceId: appInstanceId; operations: operations\"\r\n\t\t[value]=\"user\"\r\n\t>\r\n\t\t<div><b>{{intl.me}} {{ user | luUserDisplay: searchFormat }}</b></div>\r\n\t\t<div class=\"lu-select-additionalInformation\" *ngIf=\"user.additionalInformation\">\r\n\t\t\t({{user.additionalInformation}})\r\n\t\t</div>\r\n\t</lu-option>\r\n\r\n\t<lu-option *luForOptions=\"let user\" [value]=\"user\">\r\n\t\t<div>{{ user | luUserDisplay: searchFormat }}</div>\r\n\t\t<div class=\"lu-select-additionalInformation\" *ngIf=\"user.additionalInformation\">\r\n\t\t\t({{user.additionalInformation}})\r\n\t\t</div>\r\n\t</lu-option>\r\n</lu-option-picker-advanced>\r\n", styles: [":host{cursor:pointer;outline:none;padding:0}:host:after{content:\"\\e97c\";font-family:\"Lucca icons\";display:inline-block;vertical-align:text-bottom;font-style:normal;bottom:.5rem;bottom:var(--components-select-input-padding-vertical);color:#485075;color:var(--palettes-primary-color);font-size:1.2rem;line-height:1.4rem;pointer-events:none;position:absolute;right:.5rem;right:var(--components-select-input-padding-horizontal)}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-placeholder{color:#929292;color:var(--components-select-input-placeholder)}.lu-select-value{line-height:1.5rem;line-height:var(--sizes-standard-line-height);min-height:calc(var(--spacings-small) + 1.5rem);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:.5rem 2.5rem .5rem .5rem;padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all .25s ease;transition:all var(--commons-animations-durations-standard) ease;display:none}.lu-select-placeholder{line-height:1.5rem;line-height:var(--sizes-standard-line-height);min-height:calc(var(--spacings-small) + 1.5rem);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:.5rem 2.5rem .5rem .5rem;padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all .25s ease;transition:all var(--commons-animations-durations-standard) ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:.5rem;right:1.6rem}::ng-deep .lu-select-value .label{padding:.25rem .25rem .5rem .5rem;padding:var(--spacings-smallest) var(--spacings-smaller);margin-left:0}::ng-deep .lu-select-value .chip{background:#485075;background:var(--components-select-chip-background);color:#fff;color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:1.5rem;height:var(--sizes-standard-line-height);line-height:1.5rem;line-height:var(--sizes-standard-line-height);padding:0 .5rem;padding:0 var(--spacings-smaller);margin:0 .25rem .25rem 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-small) .lu-select-value,:host-context(.textfield.mod-small) .lu-select-placeholder{font-size:.875rem;font-size:var(--sizes-small-font-size);line-height:1rem;line-height:var(--sizes-small-line-height);min-height:calc(var(--spacings-small) + 1rem);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-small-line-height))}:host-context(.textfield.mod-small):after{line-height:1rem;line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .label{font-size:.875rem;font-size:var(--sizes-small-font-size);line-height:1rem;line-height:var(--sizes-small-line-height);font-weight:600;margin:0;padding:0;background:transparent}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .chip{height:1rem;height:var(--sizes-small-line-height);line-height:1rem;line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--spacings-big) 0 0;padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:#96a6c5;color:var(--colors-text-light-color);bottom:var(--spacings-small);bottom:var(--components-select-framed-bottom-padding);right:.5rem;right:var(--spacings-smaller)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{padding:0 calc(var(--spacings-small) * 3) var(--spacings-small) var(--spacings-small);padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--spacings-small);bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:1rem 0 0;height:auto;color:#2a3551;color:var(--colors-text-default-color)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:#96a6c5;color:var(--colors-text-light-color);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:1rem;right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:1.375rem;right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:-.25rem}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:2.5rem}:host-context(.textfield-input.is-error):after{color:#e51a3b;color:var(--palettes-error-color)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:#ffe0e6;color:var(--palettes-error-200)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:#999;color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:#bbb;color:var(--commons-disabled-placeholder)}.lu-select-value{padding-right:2.5rem}.lu-select-additionalInformation{font-size:80%;font-style:italic;margin-top:-.25em}\n"], components: [{ type: i2$2.LuInputClearerComponent, selector: "lu-input-clearer", outputs: ["onClear"], exportAs: ["luClearer"] }, { type: i3.LuOptionPickerAdvancedComponent, selector: "lu-option-picker-advanced", exportAs: ["LuOptionPickerAdvanced"] }, { type: LuUserPagedSearcherComponent, selector: "lu-user-paged-searcher", inputs: ["fields", "filters", "orderBy", "appInstanceId", "operations", "enableFormerEmployees"] }, { type: LuUserHomonymsComponent, selector: "lu-user-homonyms" }, { type: i3.LuOptionItemComponent, selector: "lu-option", inputs: ["selected", "highlighted", "value"], outputs: ["onSelect"] }], directives: [{ type: i2$2.LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: LuUserMeOptionDirective, selector: "[luUserMeOption]", inputs: ["luUserMeOptionFields", "luUserMeOptionFilters", "luUserMeOptionOrderBy", "luUserMeOptionAppInstanceId", "luUserMeOptionOperations"] }, { type: i3.LuForOptionsDirective, selector: "[luForOptions]", inputs: ["luForOptionsTrackBy"] }], pipes: { "luUserDisplay": LuUserDisplayPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserSelectInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-user-select', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => LuUserSelectInputComponent),
+                            multi: true,
+                        },
+                    ], template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer></lu-input-clearer>\r\n</div>\r\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\r\n\t<span *ngIf=\"multiple && values?.length > 1; else: singleView\"><span class=\"chip mod-unkillable\">{{values.length}}</span> {{intl.users}}</span>\r\n\t<ng-template #singleView>{{(values[0] || values) | luUserDisplay}}</ng-template>\r\n</ng-template>\r\n<lu-option-picker-advanced [option-comparer]=\"byId\">\r\n\t<header class=\"lu-picker-header\">\r\n\t\t<lu-user-paged-searcher\r\n\t\t\t[fields]=\"fields\"\r\n\t\t\t[filters]=\"filters\"\r\n\t\t\t[orderBy]=\"orderBy\"\r\n\t\t\t[appInstanceId]=\"appInstanceId\"\r\n\t\t\t[operations]=\"operations\"\r\n\t\t\t[enableFormerEmployees]=\"enableFormerEmployees\"\r\n\t\t></lu-user-paged-searcher>\r\n\t</header>\r\n\t<lu-user-homonyms></lu-user-homonyms>\r\n\t<lu-option\r\n\t\t*luUserMeOption=\"let user; fields: fields; filters: filters; orderBy: orderBy; appInstanceId: appInstanceId; operations: operations\"\r\n\t\t[value]=\"user\"\r\n\t>\r\n\t\t<div><b>{{intl.me}} {{ user | luUserDisplay: searchFormat }}</b></div>\r\n\t\t<div class=\"lu-select-additionalInformation\" *ngIf=\"user.additionalInformation\">\r\n\t\t\t({{user.additionalInformation}})\r\n\t\t</div>\r\n\t</lu-option>\r\n\r\n\t<lu-option *luForOptions=\"let user\" [value]=\"user\">\r\n\t\t<div>{{ user | luUserDisplay: searchFormat }}</div>\r\n\t\t<div class=\"lu-select-additionalInformation\" *ngIf=\"user.additionalInformation\">\r\n\t\t\t({{user.additionalInformation}})\r\n\t\t</div>\r\n\t</lu-option>\r\n</lu-option-picker-advanced>\r\n", styles: [":host{cursor:pointer;outline:none;padding:0}:host:after{content:\"\\e97c\";font-family:\"Lucca icons\";display:inline-block;vertical-align:text-bottom;font-style:normal;bottom:.5rem;bottom:var(--components-select-input-padding-vertical);color:#485075;color:var(--palettes-primary-color);font-size:1.2rem;line-height:1.4rem;pointer-events:none;position:absolute;right:.5rem;right:var(--components-select-input-padding-horizontal)}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-placeholder{color:#929292;color:var(--components-select-input-placeholder)}.lu-select-value{line-height:1.5rem;line-height:var(--sizes-standard-line-height);min-height:calc(var(--spacings-small) + 1.5rem);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:.5rem 2.5rem .5rem .5rem;padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all .25s ease;transition:all var(--commons-animations-durations-standard) ease;display:none}.lu-select-placeholder{line-height:1.5rem;line-height:var(--sizes-standard-line-height);min-height:calc(var(--spacings-small) + 1.5rem);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:.5rem 2.5rem .5rem .5rem;padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all .25s ease;transition:all var(--commons-animations-durations-standard) ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:.5rem;right:1.6rem}::ng-deep .lu-select-value .label{padding:.25rem .25rem .5rem .5rem;padding:var(--spacings-smallest) var(--spacings-smaller);margin-left:0}::ng-deep .lu-select-value .chip{background:#485075;background:var(--components-select-chip-background);color:#fff;color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:1.5rem;height:var(--sizes-standard-line-height);line-height:1.5rem;line-height:var(--sizes-standard-line-height);padding:0 .5rem;padding:0 var(--spacings-smaller);margin:0 .25rem .25rem 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-small) .lu-select-value,:host-context(.textfield.mod-small) .lu-select-placeholder{font-size:.875rem;font-size:var(--sizes-small-font-size);line-height:1rem;line-height:var(--sizes-small-line-height);min-height:calc(var(--spacings-small) + 1rem);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-small-line-height))}:host-context(.textfield.mod-small):after{line-height:1rem;line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .label{font-size:.875rem;font-size:var(--sizes-small-font-size);line-height:1rem;line-height:var(--sizes-small-line-height);font-weight:600;margin:0;padding:0;background:transparent}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .chip{height:1rem;height:var(--sizes-small-line-height);line-height:1rem;line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--spacings-big) 0 0;padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:#96a6c5;color:var(--colors-text-light-color);bottom:var(--spacings-small);bottom:var(--components-select-framed-bottom-padding);right:.5rem;right:var(--spacings-smaller)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{padding:0 calc(var(--spacings-small) * 3) var(--spacings-small) var(--spacings-small);padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--spacings-small);bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:1rem 0 0;height:auto;color:#2a3551;color:var(--colors-text-default-color)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:#96a6c5;color:var(--colors-text-light-color);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:1rem;right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:1.375rem;right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:-.25rem}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:2.5rem}:host-context(.textfield-input.is-error):after{color:#e51a3b;color:var(--palettes-error-color)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:#ffe0e6;color:var(--palettes-error-200)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:#999;color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:#bbb;color:var(--commons-disabled-placeholder)}.lu-select-value{padding-right:2.5rem}.lu-select-additionalInformation{font-size:80%;font-style:italic;margin-top:-.25em}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$1.Overlay }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i0.Renderer2 }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LuUserSelectInputIntl]
+                }] }]; }, propDecorators: { inputPlaceholder: [{
+                type: Input,
+                args: ['placeholder']
+            }], fields: [{
+                type: Input
+            }], filters: [{
+                type: Input
+            }], orderBy: [{
+                type: Input
+            }], appInstanceId: [{
+                type: Input
+            }], operations: [{
+                type: Input
+            }], enableFormerEmployees: [{
+                type: Input
+            }] } });
+
+class LuUserHomonymsModule {
+}
+LuUserHomonymsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserHomonymsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LuUserHomonymsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserHomonymsModule, declarations: [LuUserHomonymsComponent], imports: [HttpClientModule,
+        LuUserDisplayModule], exports: [LuUserHomonymsComponent] });
+LuUserHomonymsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserHomonymsModule, imports: [[
+            HttpClientModule,
+            LuUserDisplayModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserHomonymsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        HttpClientModule,
+                        LuUserDisplayModule,
+                    ],
+                    declarations: [
+                        LuUserHomonymsComponent,
+                    ],
+                    exports: [
+                        LuUserHomonymsComponent,
+                    ],
+                }]
+        }] });
+
+class LuUserMeOptionModule {
+}
+LuUserMeOptionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserMeOptionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LuUserMeOptionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserMeOptionModule, declarations: [LuUserMeOptionDirective], exports: [LuUserMeOptionDirective] });
+LuUserMeOptionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserMeOptionModule, providers: [], imports: [[]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserMeOptionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [],
+                    declarations: [
+                        LuUserMeOptionDirective,
+                    ],
+                    exports: [
+                        LuUserMeOptionDirective,
+                    ],
+                    providers: []
+                }]
+        }] });
+
+class ALuUserSearcherLabel {
+}
+const luUserSearcherTranslations = {
+    en: {
+        includeFormerEmployees: 'Include former employees',
+    },
+    fr: {
+        includeFormerEmployees: 'Inclure les salariés partis',
+    },
+    es: {
+        includeFormerEmployees: 'Incluir a los antiguos empleados',
+    }
+};
+
+class LuUserSearcherModule {
+}
+LuUserSearcherModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserSearcherModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LuUserSearcherModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserSearcherModule, declarations: [LuUserPagedSearcherComponent], imports: [HttpClientModule,
+        ReactiveFormsModule,
+        CommonModule,
+        LuOptionPlaceholderModule], exports: [LuUserPagedSearcherComponent] });
+LuUserSearcherModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserSearcherModule, providers: [
+        LuUserSearcherIntl,
+        { provide: LU_USER_SEARCHER_TRANSLATIONS, useValue: luUserSearcherTranslations },
+    ], imports: [[
+            HttpClientModule,
+            ReactiveFormsModule,
+            CommonModule,
+            LuOptionPlaceholderModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserSearcherModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        HttpClientModule,
+                        ReactiveFormsModule,
+                        CommonModule,
+                        LuOptionPlaceholderModule,
+                    ],
+                    declarations: [
+                        LuUserPagedSearcherComponent,
+                    ],
+                    exports: [
+                        LuUserPagedSearcherComponent,
+                    ],
+                    providers: [
+                        LuUserSearcherIntl,
+                        { provide: LU_USER_SEARCHER_TRANSLATIONS, useValue: luUserSearcherTranslations },
+                    ],
+                }]
+        }] });
+
+class ALuUserSelectInputLabel {
+}
+const luUserSelectInputTranslations = {
+    en: {
+        users: 'users',
+        me: 'Me:'
+    },
+    fr: {
+        users: 'utilisateurs',
+        me: 'Moi :'
+    },
+    es: {
+        users: 'empleados',
+        me: 'Yo :'
+    }
+};
+
+class LuUserSelectInputModule {
+}
+LuUserSelectInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserSelectInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LuUserSelectInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserSelectInputModule, declarations: [LuUserSelectInputComponent], imports: [CommonModule,
+        LuUserDisplayModule,
+        LuOptionOperatorModule,
+        LuOptionPickerModule,
+        LuInputClearerModule,
+        LuUserSearcherModule,
+        LuInputDisplayerModule,
+        LuUserHomonymsModule,
+        LuUserMeOptionModule], exports: [LuUserSelectInputComponent] });
+LuUserSelectInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserSelectInputModule, providers: [
+        { provide: LU_USER_SELECT_INPUT_TRANSLATIONS, useValue: luUserSelectInputTranslations },
+        LuUserSelectInputIntl,
+    ], imports: [[
+            CommonModule,
+            LuUserDisplayModule,
+            LuOptionOperatorModule,
+            LuOptionPickerModule,
+            LuInputClearerModule,
+            LuUserSearcherModule,
+            LuInputDisplayerModule,
+            LuUserHomonymsModule,
+            LuUserMeOptionModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserSelectInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        LuUserDisplayModule,
+                        LuOptionOperatorModule,
+                        LuOptionPickerModule,
+                        LuInputClearerModule,
+                        LuUserSearcherModule,
+                        LuInputDisplayerModule,
+                        LuUserHomonymsModule,
+                        LuUserMeOptionModule,
+                    ],
+                    declarations: [
+                        LuUserSelectInputComponent,
+                    ],
+                    exports: [
+                        LuUserSelectInputComponent,
+                    ],
+                    providers: [
+                        { provide: LU_USER_SELECT_INPUT_TRANSLATIONS, useValue: luUserSelectInputTranslations },
+                        LuUserSelectInputIntl,
+                    ]
+                }]
+        }] });
+
+class LuUserSelectModule {
+}
+LuUserSelectModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LuUserSelectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserSelectModule, imports: [LuUserSelectInputModule,
+        LuUserSearcherModule,
+        LuUserHomonymsModule,
+        LuUserMeOptionModule], exports: [LuUserSelectInputModule,
+        LuUserSearcherModule,
+        LuUserHomonymsModule,
+        LuUserMeOptionModule] });
+LuUserSelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserSelectModule, imports: [[
+            LuUserSelectInputModule,
+            LuUserSearcherModule,
+            LuUserHomonymsModule,
+            LuUserMeOptionModule,
+        ], LuUserSelectInputModule,
+        LuUserSearcherModule,
+        LuUserHomonymsModule,
+        LuUserMeOptionModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserSelectModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        LuUserSelectInputModule,
+                        LuUserSearcherModule,
+                        LuUserHomonymsModule,
+                        LuUserMeOptionModule,
+                    ],
+                    exports: [
+                        LuUserSelectInputModule,
+                        LuUserSearcherModule,
+                        LuUserHomonymsModule,
+                        LuUserMeOptionModule,
+                    ],
+                }]
+        }] });
+
+class LuUserModule {
+}
+LuUserModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LuUserModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserModule, imports: [LuUserDisplayModule,
+        LuUserPictureModule,
+        LuUserTileModule,
+        LuUserSelectModule], exports: [LuUserDisplayModule,
+        LuUserPictureModule,
+        LuUserTileModule,
+        LuUserSelectModule] });
+LuUserModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserModule, imports: [[
+            LuUserDisplayModule,
+            LuUserPictureModule,
+            LuUserTileModule,
+            LuUserSelectModule,
+        ], LuUserDisplayModule,
+        LuUserPictureModule,
+        LuUserTileModule,
+        LuUserSelectModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuUserModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        LuUserDisplayModule,
+                        LuUserPictureModule,
+                        LuUserTileModule,
+                        LuUserSelectModule,
+                    ],
+                    exports: [
+                        LuUserDisplayModule,
+                        LuUserPictureModule,
+                        LuUserTileModule,
+                        LuUserSelectModule,
+                    ],
+                }]
+        }] });
+
+/*
+ * Public API Surface of safe-content
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ALuUserHomonymsService, ALuUserSearcherLabel, ALuUserSelectInputLabel, ALuUserService, LU_USER_SEARCHER_TRANSLATIONS, LU_USER_SELECT_INPUT_TRANSLATIONS, LuDisplayFullname, LuDisplayHybrid, LuDisplayInitials, LuUserDisplayModule, LuUserDisplayPipe, LuUserHomonymsComponent, LuUserHomonymsModule, LuUserHomonymsService, LuUserMeOptionDirective, LuUserMeOptionModule, LuUserModule, LuUserPagedSearcherComponent, LuUserPictureComponent, LuUserPictureModule, LuUserSearcherIntl, LuUserSearcherModule, LuUserSelectInputComponent, LuUserSelectInputIntl, LuUserSelectInputModule, LuUserSelectModule, LuUserTileComponent, LuUserTileModule, LuUserV3Service, luUserSearcherTranslations, luUserSelectInputTranslations };
+//# sourceMappingURL=lucca-front-ng-user.mjs.map