npm - @lucca-front/ng - Versions diffs - 7.2.0 → 8.0.0-alpha.1 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1126) hide show

package/user/fesm2015/lucca-front-ng-user.js DELETED Viewed

@@ -1,823 +0,0 @@
-import { Pipe, NgModule, Component, ChangeDetectionStrategy, ChangeDetectorRef, Input, InjectionToken, Injectable, Inject, LOCALE_ID, forwardRef, ElementRef, ViewContainerRef, Renderer2, Optional, SkipSelf, Self, HostBinding, ViewChild, Directive, TemplateRef } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { NG_VALUE_ACCESSOR, FormGroup, FormControl, ReactiveFormsModule } from '@angular/forms';
-import { Overlay } from '@angular/cdk/overlay';
-import { ALuSelectInputComponent } from '@lucca-front/ng/select';
-import { ALuIntl, ALuOnOpenSubscriber, ALuOnCloseSubscriber, ALuOnScrollBottomSubscriber } from '@lucca-front/ng/core';
-import { ALuOptionOperator, LuOptionPlaceholderModule, LuOptionItemModule, 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 { HttpClient, HttpClientModule } from '@angular/common/http';
-import { Subscription, Subject, BehaviorSubject, combineLatest, of, merge } from 'rxjs';
-import { LuInputClearerModule, LuInputDisplayerModule } from '@lucca-front/ng/input';
-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.decorators = [
-    { type: Pipe, args: [{ name: 'luUserDisplay' },] }
-];
-class LuUserDisplayModule {
-}
-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) {
-        var _a;
-        this._user = user;
-        this.initials = this.displayPipe.transform(user, this.displayFormat);
-        const pictureHref = ((_a = user === null || user === void 0 ? void 0 : user.picture) === null || _a === void 0 ? void 0 : _a.href) || (user === null || user === void 0 ? void 0 : 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.decorators = [
-    { type: Component, args: [{
-                selector: 'lu-user-picture',
-                template: "<div class=\"picture\" [ngStyle]=\"style\">\r\n\t<span *ngIf=\"!hasPicture\">{{initials}}</span>\r\n</div>",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [":host .picture{border-radius:100%;background-position:50%;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)}"]
-            },] }
-];
-LuUserPictureComponent.ctorParameters = () => [
-    { type: LuUserDisplayPipe },
-    { type: ChangeDetectorRef }
-];
-LuUserPictureComponent.propDecorators = {
-    displayFormat: [{ type: Input }],
-    user: [{ type: Input }]
-};
-class LuUserPictureModule {
-}
-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.decorators = [
-    { type: Component, args: [{
-                selector: 'lu-user-tile',
-                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",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                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-footnote,:host.mod-nameOnly .user-tile-label{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)}"]
-            },] }
-];
-LuUserTileComponent.ctorParameters = () => [
-    { type: ChangeDetectorRef }
-];
-LuUserTileComponent.propDecorators = {
-    user: [{ type: Input }],
-    displayFormat: [{ type: Input }],
-    role: [{ type: Input }]
-};
-class LuUserTileModule {
-}
-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.decorators = [
-    { type: Injectable }
-];
-LuUserSelectInputIntl.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: [LU_USER_SELECT_INPUT_TRANSLATIONS,] }] },
-    { type: undefined, decorators: [{ type: Inject, args: [LOCALE_ID,] }] }
-];
-/**
-* 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.decorators = [
-    { type: Component, args: [{
-                selector: 'lu-user-select',
-                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",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef(() => LuUserSelectInputComponent),
-                        multi: true,
-                    },
-                ],
-                styles: ["@charset \"UTF-8\";:host{cursor:pointer;outline:none;padding:0}:host:after{content:\"\uE97C\";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{display:none}.lu-select-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}.lu-select-placeholder{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-placeholder,:host-context(.textfield.mod-small) .lu-select-value{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(.form.mod-framed).textfield-input,:host-context(.textfield.mod-framed).textfield-input{padding:var(--components-select-framed-top-padding) 0 0}:host-context(.form.mod-framed).textfield-input:after,:host-context(.textfield.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(.form.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.textfield.mod-framed).textfield-input .lu-select-value{padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.form.mod-framed).textfield-input .lu-select-suffix,:host-context(.textfield.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-placeholder,:host-context(.textfield.mod-filter) .lu-select-value{height:auto;padding:1rem 0 0;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-placeholder,:host-context(.textfield.mod-material) .lu-select-value{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:calc(2 * .5rem);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:calc(2.75 * .5rem);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}"]
-            },] }
-];
-LuUserSelectInputComponent.ctorParameters = () => [
-    { type: ChangeDetectorRef },
-    { type: Overlay },
-    { type: ElementRef },
-    { type: ViewContainerRef },
-    { type: Renderer2 },
-    { type: undefined, decorators: [{ type: Inject, args: [LuUserSelectInputIntl,] }] }
-];
-LuUserSelectInputComponent.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 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.decorators = [
-    { type: Injectable }
-];
-LuUserV3Service.ctorParameters = () => [
-    { type: HttpClient }
-];
-const LU_USER_SEARCHER_TRANSLATIONS = new InjectionToken('LuUserSearcherTranslations');
-class LuUserSearcherIntl extends ALuIntl {
-    constructor(translations, locale) {
-        super(translations, locale);
-    }
-}
-LuUserSearcherIntl.decorators = [
-    { type: Injectable }
-];
-LuUserSearcherIntl.ctorParameters = () => [
-    { 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.decorators = [
-    { type: Component, args: [{
-                selector: 'lu-user-paged-searcher',
-                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",
-                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,
-                    },
-                ],
-                styles: [".textfield.mod-search{width:100%}.textfield-input{border-radius:0;box-shadow:none;background:#fff;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:var(--commons-divider-width) solid var(--commons-divider-color);background-color:#ebf0fa;background-color:var(--palettes-grey-50);font-style:italic}"]
-            },] }
-];
-LuUserPagedSearcherComponent.ctorParameters = () => [
-    { 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,] }] }
-];
-LuUserPagedSearcherComponent.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 ALuUserSearcherLabel {
-}
-const luUserSearcherTranslations = {
-    en: {
-        includeFormerEmployees: 'Include former employees',
-    },
-    fr: {
-        includeFormerEmployees: 'Inclure les salariés partis',
-    },
-    es: {
-        includeFormerEmployees: 'Incluir a los antiguos empleados',
-    }
-};
-const ɵ0$1 = luUserSearcherTranslations;
-class LuUserSearcherModule {
-}
-LuUserSearcherModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    HttpClientModule,
-                    ReactiveFormsModule,
-                    CommonModule,
-                    LuOptionPlaceholderModule,
-                ],
-                declarations: [
-                    LuUserPagedSearcherComponent,
-                ],
-                exports: [
-                    LuUserPagedSearcherComponent,
-                ],
-                providers: [
-                    LuUserSearcherIntl,
-                    { provide: LU_USER_SEARCHER_TRANSLATIONS, useValue: ɵ0$1 },
-                ],
-            },] }
-];
-class ALuUserSelectInputLabel {
-}
-const luUserSelectInputTranslations = {
-    en: {
-        users: 'users',
-        me: 'Me:'
-    },
-    fr: {
-        users: 'utilisateurs',
-        me: 'Moi :'
-    },
-    es: {
-        users: 'empleados',
-        me: 'Yo :'
-    }
-};
-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 Object.assign(Object.assign({}, homonym), { additionalInformation: info.department ? info.department.name : '' });
-        })), catchError(err => of([])));
-    }
-}
-LuUserHomonymsService.decorators = [
-    { type: Injectable }
-];
-LuUserHomonymsService.ctorParameters = () => [
-    { type: LuUserDisplayPipe },
-    { type: 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.decorators = [
-    { type: Component, args: [{
-                selector: 'lu-user-homonyms',
-                template: '',
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [
-                    {
-                        provide: ALuOptionOperator,
-                        useExisting: forwardRef(() => LuUserHomonymsComponent),
-                        multi: true,
-                    },
-                    {
-                        provide: ALuUserHomonymsService,
-                        useClass: LuUserHomonymsService,
-                    },
-                ]
-            },] }
-];
-LuUserHomonymsComponent.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: [ALuUserHomonymsService,] }, { type: Optional }, { type: SkipSelf }] },
-    { type: undefined, decorators: [{ type: Inject, args: [ALuUserHomonymsService,] }, { type: Self }] }
-];
-class LuUserHomonymsModule {
-}
-LuUserHomonymsModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    HttpClientModule,
-                    LuUserDisplayModule,
-                ],
-                declarations: [
-                    LuUserHomonymsComponent,
-                ],
-                exports: [
-                    LuUserHomonymsComponent,
-                ],
-            },] }
-];
-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.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,
-                    },
-                ],
-            },] }
-];
-LuUserMeOptionDirective.ctorParameters = () => [
-    { type: ALuUserService, decorators: [{ type: Inject, args: [ALuUserService,] }, { type: Optional }, { type: SkipSelf }] },
-    { type: ALuUserService, decorators: [{ type: Inject, args: [ALuUserService,] }, { type: Self }] },
-    { type: ViewContainerRef },
-    { type: TemplateRef }
-];
-LuUserMeOptionDirective.propDecorators = {
-    luUserMeOptionFields: [{ type: Input }],
-    luUserMeOptionFilters: [{ type: Input }],
-    luUserMeOptionOrderBy: [{ type: Input }],
-    luUserMeOptionAppInstanceId: [{ type: Input }],
-    luUserMeOptionOperations: [{ type: Input }]
-};
-class LuUserMeOptionModule {
-}
-LuUserMeOptionModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [],
-                declarations: [
-                    LuUserMeOptionDirective,
-                ],
-                exports: [
-                    LuUserMeOptionDirective,
-                ],
-                providers: []
-            },] }
-];
-const ɵ0 = luUserSelectInputTranslations;
-class LuUserSelectInputModule {
-}
-LuUserSelectInputModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    LuUserDisplayModule,
-                    LuOptionItemModule,
-                    LuOptionOperatorModule,
-                    LuOptionPickerModule,
-                    LuInputClearerModule,
-                    LuUserSearcherModule,
-                    LuInputDisplayerModule,
-                    LuUserHomonymsModule,
-                    LuUserMeOptionModule,
-                ],
-                declarations: [
-                    LuUserSelectInputComponent,
-                ],
-                exports: [
-                    LuUserSelectInputComponent,
-                ],
-                providers: [
-                    { provide: LU_USER_SELECT_INPUT_TRANSLATIONS, useValue: ɵ0 },
-                    LuUserSelectInputIntl,
-                ]
-            },] }
-];
-class LuUserSelectModule {
-}
-LuUserSelectModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    LuUserSelectInputModule,
-                    LuUserSearcherModule,
-                    LuUserHomonymsModule,
-                    LuUserMeOptionModule,
-                ],
-                exports: [
-                    LuUserSelectInputModule,
-                    LuUserSearcherModule,
-                    LuUserHomonymsModule,
-                    LuUserMeOptionModule,
-                ],
-            },] }
-];
-class LuUserModule {
-}
-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.js.map