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

package/api/fesm2015/lucca-front-ng-api.js

@@ -1,704 +0,0 @@
-import { Injectable, Component, ChangeDetectionStrategy, forwardRef, Inject, Optional, SkipSelf, Self, Input, NgModule, ViewChild, ElementRef, ChangeDetectorRef, ViewContainerRef, Renderer2 } from '@angular/core';
-import { BehaviorSubject, Subject, of, merge } from 'rxjs';
-import { ALuOnOpenSubscriber, ALuOnScrollBottomSubscriber, ALuOnCloseSubscriber } from '@lucca-front/ng/core';
-import { ALuOptionOperator, LuOptionPlaceholderModule, LuOptionItemModule, LuOptionOperatorModule, LuOptionPickerModule } from '@lucca-front/ng/option';
-import { HttpClient, HttpClientModule } from '@angular/common/http';
-import { map, switchMap, catchError, share, mapTo, scan, startWith, debounceTime, distinctUntilChanged, tap } from 'rxjs/operators';
-import { FormControl, ReactiveFormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { CommonModule } from '@angular/common';
-import { Overlay } from '@angular/cdk/overlay';
-import { ALuSelectInputComponent } from '@lucca-front/ng/select';
-import { LuInputClearerModule, LuInputDisplayerModule } from '@lucca-front/ng/input';
-
-class ALuApiOptionFeeder {
-    constructor(service) {
-        this.outOptions$ = new BehaviorSubject([]);
-        this._service = service;
-    }
-    onOpen() {
-        this._service.getAll()
-            .subscribe(items => this.outOptions$.next(items));
-    }
-}
-
-class ALuApiService {
-}
-
-const MAGIC_PAGE_SIZE$1 = 20;
-class LuApiV3Service extends ALuApiService {
-    constructor(_http) {
-        super();
-        this._http = _http;
-        this._fields = 'fields=id,name';
-        this._filters = [];
-        this._orderBy = 'orderBy=name,asc';
-    }
-    set api(api) { this._api = api; }
-    set fields(fields) { if (fields) {
-        this._fields = `fields=${fields}`;
-    } }
-    set filters(filters) { if (filters) {
-        this._filters = filters || [];
-    } }
-    set orderBy(orderBy) { if (orderBy) {
-        this._orderBy = `orderBy=${orderBy}`;
-    } }
-    get url() {
-        return `${this._api}?${[...this._filters, this._orderBy, this._fields].filter(f => !!f).join('&')}`;
-    }
-    getAll(filters = []) {
-        return this._get([this.url, ...filters].join('&'));
-    }
-    getPaged(page, filters = []) {
-        const paging = `paging=${page * MAGIC_PAGE_SIZE$1},${MAGIC_PAGE_SIZE$1}`;
-        const url = [this.url, paging, ...filters].join('&');
-        return this._get(url);
-    }
-    searchAll(clue, filters = []) {
-        if (!clue) {
-            return this.getAll(filters);
-        }
-        const url = [this.url, this._clueFilter(clue), ...filters].join('&');
-        return this._get(url);
-    }
-    searchPaged(clue, page, filters = []) {
-        if (!clue) {
-            return this.getPaged(page, filters);
-        }
-        const paging = `paging=${page * MAGIC_PAGE_SIZE$1},${MAGIC_PAGE_SIZE$1}`;
-        const url = [this.url, this._clueFilter(clue), paging, ...filters].join('&');
-        return this._get(url);
-    }
-    _get(url) {
-        return this._http.get(url)
-            .pipe(map(response => response.data.items));
-    }
-    _clueFilter(clue) {
-        const urlSafeClue = encodeURIComponent(clue);
-        return `name=like,${urlSafeClue}`;
-    }
-}
-LuApiV3Service.decorators = [
-    { type: Injectable }
-];
-LuApiV3Service.ctorParameters = () => [
-    { type: HttpClient }
-];
-
-class LuApiV4Service extends ALuApiService {
-    constructor(_http) {
-        super();
-        this._http = _http;
-        this._filters = [];
-    }
-    set api(api) { this._api = api; }
-    set filters(filters) { this._filters = filters || []; }
-    get filters() { return this._filters; }
-    set sort(sort) { this._sort = `sort=${sort}`; }
-    getAll(filters = []) {
-        const query = [...this.filters, ...filters, this._sort].filter(f => !!f);
-        const url = [this._api, query.join('&')].join('?');
-        return this._http.get(url).pipe(map(res => res.items));
-    }
-    getPaged(page = 0, filters = []) {
-        const query = [`page=${page + 1}`, ...this.filters, ...filters, this._sort].filter(f => !!f);
-        const url = [this._api, query.join('&')].join('?');
-        return this._http.get(url).pipe(map(res => res.items));
-    }
-    searchAll(clue = '', filters = []) {
-        if (!clue) {
-            return this.getAll(filters);
-        }
-        const urlSafeClues = clue.split(' ').map(c => encodeURIComponent(c));
-        const query = [`search=${urlSafeClues}`, ...this.filters, ...filters, this._sort].filter(f => !!f);
-        const url = [this._api, query.join('&')].join('?');
-        return this._http.get(url).pipe(map(res => res.items));
-    }
-    searchPaged(clue = '', page = 0, filters = []) {
-        if (!clue) {
-            return this.getPaged(page, filters);
-        }
-        const urlSafeClues = clue.split(' ').map(c => encodeURIComponent(c));
-        const query = [`search=${urlSafeClues}`, `page=${page + 1}`, ...this.filters, ...filters, this._sort].filter(f => !!f);
-        const url = [this._api, query.join('&')].join('?');
-        return this._http.get(url).pipe(map(res => res.items));
-    }
-    count() {
-        const query = [...this.filters, 'fields.root=count', 'limit=0'].filter(f => !!f);
-        const url = [this._api, query.join('&')].join('?');
-        return this._http.get(url).pipe(map(res => res.count));
-    }
-}
-LuApiV4Service.decorators = [
-    { type: Injectable }
-];
-LuApiV4Service.ctorParameters = () => [
-    { type: HttpClient }
-];
-
-class LuApiHybridService extends ALuApiService {
-    constructor(_http) {
-        super();
-        this._http = _http;
-        this._standard = 'v3';
-        this._v3Service = new LuApiV3Service(this._http);
-        this._v4Service = new LuApiV4Service(this._http);
-    }
-    set standard(std) { this._standard = std; }
-    // both
-    set api(api) {
-        this._v3Service.api = api;
-        this._v4Service.api = api;
-    }
-    set filters(filters) {
-        this._v3Service.filters = filters;
-        this._v4Service.filters = filters;
-    }
-    // api v3 only
-    set fields(fields) { this._v3Service.fields = fields; }
-    set orderBy(orderBy) { this._v3Service.orderBy = orderBy; }
-    // api v4 only
-    set sort(sort) {
-        this._v4Service.sort = sort;
-    }
-    get _service() {
-        switch (this._standard) {
-            case 'v4':
-                return this._v4Service;
-            case 'v3':
-            default:
-                return this._v3Service;
-        }
-    }
-    getAll(filters = []) {
-        return this._service.getAll(filters);
-    }
-    getPaged(page, filters = []) {
-        return this._service.getPaged(page, filters);
-    }
-    searchAll(clue, filters = []) {
-        return this._service.searchAll(clue, filters);
-    }
-    searchPaged(clue, page, filters = []) {
-        return this._service.searchPaged(clue, page, filters);
-    }
-}
-LuApiHybridService.decorators = [
-    { type: Injectable }
-];
-LuApiHybridService.ctorParameters = () => [
-    { type: HttpClient }
-];
-
-class LuApiFeederComponent extends ALuApiOptionFeeder {
-    constructor(hostService, selfService) {
-        super((hostService || selfService));
-        this.outOptions$ = new BehaviorSubject([]);
-    }
-    set standard(standard) { this._service.standard = standard; }
-    set api(api) { this._service.api = api; }
-    set fields(fields) { this._service.fields = fields; }
-    set filters(filters) { this._service.filters = filters; }
-    set orderBy(orderBy) { this._service.orderBy = orderBy; }
-}
-LuApiFeederComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'lu-api-feeder',
-                template: '',
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [
-                    {
-                        provide: ALuOptionOperator,
-                        useExisting: forwardRef(() => LuApiFeederComponent),
-                        multi: true,
-                    },
-                    {
-                        provide: ALuOnOpenSubscriber,
-                        useExisting: forwardRef(() => LuApiFeederComponent),
-                        multi: true,
-                    },
-                    {
-                        provide: ALuApiService,
-                        useClass: LuApiHybridService,
-                    },
-                ]
-            },] }
-];
-LuApiFeederComponent.ctorParameters = () => [
-    { type: ALuApiService, decorators: [{ type: Inject, args: [ALuApiService,] }, { type: Optional }, { type: SkipSelf }] },
-    { type: LuApiHybridService, decorators: [{ type: Inject, args: [ALuApiService,] }, { type: Self }] }
-];
-LuApiFeederComponent.propDecorators = {
-    standard: [{ type: Input }],
-    api: [{ type: Input }],
-    fields: [{ type: Input }],
-    filters: [{ type: Input }],
-    orderBy: [{ type: Input }]
-};
-
-class LuApiFeederModule {
-}
-LuApiFeederModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    HttpClientModule,
-                ],
-                declarations: [
-                    LuApiFeederComponent,
-                ],
-                exports: [
-                    LuApiFeederComponent,
-                ],
-            },] }
-];
-
-class ALuApiOptionSearcher {
-    constructor(_service) {
-        this._service = _service;
-        this.outOptions$ = new Subject();
-    }
-    set clue$(clue$) {
-        // this.initObservables(clue$);
-        this._clue$ = clue$;
-    }
-    init() {
-        this.initObservables();
-    }
-    onOpen() {
-        this.resetClue();
-    }
-    onClose() {
-        this.clearOptions();
-    }
-    initObservables() {
-        // this._clue$ = clue$.pipe(share());
-        const results$ = this._clue$
-            .pipe(switchMap(clue => this._service.searchAll(clue)), catchError(err => of([])), share());
-        results$.subscribe(items => this.outOptions$.next(items));
-        this.loading$ = merge(this._clue$.pipe(mapTo(true)), results$.pipe(mapTo(false)));
-        this.empty$ = results$.pipe(map(o => o.length === 0));
-    }
-    clearOptions() {
-        this.outOptions$.next([]);
-    }
-}
-class ALuApiOptionPagedSearcher extends ALuApiOptionSearcher {
-    constructor(service) {
-        super(service);
-        this.outOptions$ = new Subject();
-        this._loading = false;
-        this._page$ = new Subject();
-        this._options = [];
-    }
-    onOpen() {
-        this.resetClue();
-    }
-    onScrollBottom() {
-        if (!this._loading && !this._isLastPage) {
-            this._page$.next();
-        }
-    }
-    initObservables() {
-        const pager$ = this._page$.pipe(scan(acc => acc + 1, 0), startWith(0));
-        const query$ = this._clue$.pipe(switchMap(clue => pager$.pipe(map(page => [page, clue]))), share());
-        const results$ = query$.pipe(switchMap(([page, clue]) => this._service.searchPaged(clue, page).pipe(catchError(() => of([])), map(items => [items, page]))), share());
-        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.loading$ = merge(query$.pipe(mapTo(true)), results$.pipe(mapTo(false)));
-        this.loading$.subscribe(l => this._loading = l);
-        this.empty$ = this.outOptions$.pipe(map(o => o.length === 0));
-    }
-}
-
-class LuApiSearcherComponent extends ALuApiOptionSearcher {
-    constructor(hostService, selfService) {
-        super((hostService || selfService));
-        this.debounceTime = 250;
-    }
-    set standard(standard) { this._service.standard = standard; }
-    set api(api) { this._service.api = api; }
-    set fields(fields) { this._service.fields = fields; }
-    set filters(filters) { this._service.filters = filters; }
-    set orderBy(orderBy) { this._service.orderBy = orderBy; }
-    set sort(sort) { this._service.sort = sort; }
-    ngOnInit() {
-        this.clueControl = new FormControl(undefined);
-        this.clue$ = this.clueControl.valueChanges
-            .pipe(debounceTime(this.debounceTime));
-        super.init();
-    }
-    onOpen() {
-        this.searchInput.nativeElement.focus();
-        super.onOpen();
-    }
-    resetClue() {
-        this.clueControl.setValue('');
-    }
-}
-LuApiSearcherComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'lu-api-searcher',
-                template: "<div class=\"textfield mod-search\" [class.is-loading]=\"loading$ | async\">\r\n\t<input #searchInput class=\"textfield-input\" [formControl]=\"clueControl\">\r\n</div>\r\n<lu-option-placeholder *ngIf=\"(empty$ | async) && !(loading$ | async)\" (onClear)=\"resetClue()\"></lu-option-placeholder>",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [
-                    {
-                        provide: ALuOptionOperator,
-                        useExisting: forwardRef(() => LuApiSearcherComponent),
-                        multi: true,
-                    },
-                    {
-                        provide: ALuOnOpenSubscriber,
-                        useExisting: forwardRef(() => LuApiSearcherComponent),
-                        multi: true,
-                    },
-                    {
-                        provide: ALuApiService,
-                        useClass: LuApiHybridService,
-                    },
-                ],
-                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}"]
-            },] }
-];
-LuApiSearcherComponent.ctorParameters = () => [
-    { type: ALuApiService, decorators: [{ type: Inject, args: [ALuApiService,] }, { type: Optional }, { type: SkipSelf }] },
-    { type: LuApiHybridService, decorators: [{ type: Inject, args: [ALuApiService,] }, { type: Self }] }
-];
-LuApiSearcherComponent.propDecorators = {
-    searchInput: [{ type: ViewChild, args: ['searchInput', { read: ElementRef, static: true },] }],
-    standard: [{ type: Input }],
-    api: [{ type: Input }],
-    fields: [{ type: Input }],
-    filters: [{ type: Input }],
-    orderBy: [{ type: Input }],
-    sort: [{ type: Input }],
-    debounceTime: [{ type: Input }]
-};
-class LuApiPagedSearcherComponent extends ALuApiOptionPagedSearcher {
-    constructor(hostService, selfService) {
-        super((hostService || selfService));
-        this.debounceTime = 250;
-    }
-    set standard(standard) { this._service.standard = standard; }
-    set api(api) { this._service.api = api; }
-    set fields(fields) { this._service.fields = fields; }
-    set filters(filters) { this._service.filters = filters; }
-    set orderBy(orderBy) { this._service.orderBy = orderBy; }
-    ngOnInit() {
-        this.clueControl = new FormControl(undefined);
-        this.clue$ = this.clueControl.valueChanges
-            .pipe(debounceTime(this.debounceTime));
-        super.init();
-    }
-    onOpen() {
-        this.searchInput.nativeElement.focus();
-        super.onOpen();
-    }
-    resetClue() {
-        this.clueControl.reset('');
-    }
-}
-LuApiPagedSearcherComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'lu-api-paged-searcher',
-                template: "<div class=\"textfield mod-search\" [class.is-loading]=\"loading$ | async\">\r\n\t<input #searchInput class=\"textfield-input\" [formControl]=\"clueControl\">\r\n</div>\r\n<lu-option-placeholder *ngIf=\"(empty$ | async) && !(loading$ | async)\" (onClear)=\"resetClue()\"></lu-option-placeholder>",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [
-                    {
-                        provide: ALuOptionOperator,
-                        useExisting: forwardRef(() => LuApiPagedSearcherComponent),
-                        multi: true,
-                    },
-                    {
-                        provide: ALuOnOpenSubscriber,
-                        useExisting: forwardRef(() => LuApiPagedSearcherComponent),
-                        multi: true,
-                    },
-                    {
-                        provide: ALuOnScrollBottomSubscriber,
-                        useExisting: forwardRef(() => LuApiPagedSearcherComponent),
-                        multi: true,
-                    },
-                    {
-                        provide: ALuOnCloseSubscriber,
-                        useExisting: forwardRef(() => LuApiPagedSearcherComponent),
-                        multi: true,
-                    },
-                    {
-                        provide: ALuApiService,
-                        useClass: LuApiHybridService,
-                    },
-                ],
-                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}"]
-            },] }
-];
-LuApiPagedSearcherComponent.ctorParameters = () => [
-    { type: ALuApiService, decorators: [{ type: Inject, args: [ALuApiService,] }, { type: Optional }, { type: SkipSelf }] },
-    { type: LuApiHybridService, decorators: [{ type: Inject, args: [ALuApiService,] }, { type: Self }] }
-];
-LuApiPagedSearcherComponent.propDecorators = {
-    searchInput: [{ type: ViewChild, args: ['searchInput', { read: ElementRef, static: true },] }],
-    standard: [{ type: Input }],
-    api: [{ type: Input }],
-    fields: [{ type: Input }],
-    filters: [{ type: Input }],
-    orderBy: [{ type: Input }],
-    debounceTime: [{ type: Input }]
-};
-
-class LuApiSearcherModule {
-}
-LuApiSearcherModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    HttpClientModule,
-                    ReactiveFormsModule,
-                    CommonModule,
-                    LuOptionPlaceholderModule,
-                ],
-                declarations: [
-                    LuApiSearcherComponent,
-                    LuApiPagedSearcherComponent,
-                ],
-                exports: [
-                    LuApiSearcherComponent,
-                    LuApiPagedSearcherComponent,
-                ],
-            },] }
-];
-
-var Strategy;
-(function (Strategy) {
-    Strategy[Strategy["append"] = 0] = "append";
-    Strategy[Strategy["replace"] = 1] = "replace";
-})(Strategy || (Strategy = {}));
-const MAGIC_PAGE_SIZE = 20;
-class ALuApiOptionPager {
-    constructor(_service) {
-        this._service = _service;
-        this.outOptions$ = new Subject();
-        this._loading = false;
-        this._options = [];
-        this._page$ = new Subject();
-        this._initialized = false;
-    }
-    init() {
-        this.initObservables();
-    }
-    onOpen() {
-        if (!this._initialized) {
-            this._page$.next(0);
-            this._initialized = true;
-        }
-    }
-    // onClose() {
-    // 	this._page$.next(0);
-    // }
-    onScrollBottom() {
-        if (!this._loading) {
-            this._page$.next(this._page + 1);
-        }
-    }
-    initObservables() {
-        const _results$ = this._page$
-            .pipe(distinctUntilChanged(), tap(p => this._page = p), switchMap(page => {
-            if (page === undefined) {
-                return of({ items: [], strategy: Strategy.replace });
-            }
-            return this._service.getPaged(page).pipe(map(items => ({ items: items, strategy: page === 0 ? Strategy.replace : Strategy.append })));
-        }), catchError(err => of({ items: [], strategy: Strategy.replace })), tap(results => {
-            if (results.strategy === Strategy.replace) {
-                this._options = [...results.items];
-            }
-            else {
-                this._options.push(...results.items);
-            }
-            this.outOptions$.next([...this._options]);
-        }));
-        this.loading$ = merge(this._page$.pipe(mapTo(true)), _results$.pipe(mapTo(false)));
-        this.loading$.subscribe(l => this._loading = l);
-    }
-}
-
-class LuApiPagerComponent extends ALuApiOptionPager {
-    constructor(hostService, selfService) {
-        super((hostService || selfService));
-    }
-    set standard(standard) { this._service.standard = standard; }
-    set api(api) { this._service.api = api; }
-    set fields(fields) { this._service.fields = fields; }
-    set filters(filters) { this._service.filters = filters; }
-    set orderBy(orderBy) { this._service.orderBy = orderBy; }
-    ngOnInit() {
-        super.init();
-    }
-}
-LuApiPagerComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'lu-api-pager',
-                template: '',
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [
-                    {
-                        provide: ALuOptionOperator,
-                        useExisting: forwardRef(() => LuApiPagerComponent),
-                        multi: true,
-                    },
-                    {
-                        provide: ALuApiService,
-                        useClass: LuApiHybridService,
-                    },
-                    {
-                        provide: ALuOnScrollBottomSubscriber,
-                        useExisting: forwardRef(() => LuApiPagerComponent),
-                        multi: true,
-                    },
-                    {
-                        provide: ALuOnOpenSubscriber,
-                        useExisting: forwardRef(() => LuApiPagerComponent),
-                        multi: true,
-                    },
-                ]
-            },] }
-];
-LuApiPagerComponent.ctorParameters = () => [
-    { type: LuApiHybridService, decorators: [{ type: Inject, args: [ALuApiService,] }, { type: Optional }, { type: SkipSelf }] },
-    { type: LuApiHybridService, decorators: [{ type: Inject, args: [ALuApiService,] }, { type: Self }] }
-];
-LuApiPagerComponent.propDecorators = {
-    standard: [{ type: Input }],
-    api: [{ type: Input }],
-    fields: [{ type: Input }],
-    filters: [{ type: Input }],
-    orderBy: [{ type: Input }]
-};
-
-class LuApiPagerModule {
-}
-LuApiPagerModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    HttpClientModule,
-                ],
-                declarations: [
-                    LuApiPagerComponent,
-                ],
-                exports: [
-                    LuApiPagerComponent,
-                ],
-            },] }
-];
-
-class LuApiSelectInputComponent extends ALuSelectInputComponent {
-    constructor(_changeDetectorRef, _overlay, _elementRef, _viewContainerRef, _renderer) {
-        super(_changeDetectorRef, _overlay, _elementRef, _viewContainerRef, _renderer);
-        this._changeDetectorRef = _changeDetectorRef;
-        this._overlay = _overlay;
-        this._elementRef = _elementRef;
-        this._viewContainerRef = _viewContainerRef;
-        this._renderer = _renderer;
-        this.byId = (option1, option2) => option1 && option2 && option1.id === option2.id;
-    }
-}
-LuApiSelectInputComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'lu-api-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<span [class.chip]=\"multiple\" *luDisplayer=\"let option\">{{option.name}}</span>\r\n<lu-option-picker-advanced [option-comparer]=\"byId\">\r\n\t<header class=\"lu-picker-header\">\r\n\t\t<lu-api-paged-searcher\r\n\t\t\t[standard]=\"standard\"\r\n\t\t\t[api]=\"api\"\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></lu-api-paged-searcher>\r\n\t</header>\r\n\t<lu-option *luForOptions=\"let option\" [value]=\"option\">{{option.name}}</lu-option>\r\n</lu-option-picker-advanced>\r\n",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef(() => LuApiSelectInputComponent),
-                        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}"]
-            },] }
-];
-LuApiSelectInputComponent.ctorParameters = () => [
-    { type: ChangeDetectorRef },
-    { type: Overlay },
-    { type: ElementRef },
-    { type: ViewContainerRef },
-    { type: Renderer2 }
-];
-LuApiSelectInputComponent.propDecorators = {
-    standard: [{ type: Input }],
-    api: [{ type: Input }],
-    fields: [{ type: Input }],
-    filters: [{ type: Input }],
-    orderBy: [{ type: Input }]
-};
-
-class LuApiSelectInputModule {
-}
-LuApiSelectInputModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    LuOptionItemModule,
-                    LuOptionOperatorModule,
-                    LuApiSearcherModule,
-                    LuOptionPickerModule,
-                    LuInputClearerModule,
-                    LuInputDisplayerModule,
-                ],
-                declarations: [
-                    LuApiSelectInputComponent,
-                ],
-                exports: [
-                    LuApiSelectInputComponent,
-                ],
-            },] }
-];
-
-class LuApiSelectModule {
-}
-LuApiSelectModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    LuApiFeederModule,
-                    LuApiSearcherModule,
-                    LuApiPagerModule,
-                    LuApiSelectInputModule,
-                ],
-                exports: [
-                    LuApiFeederModule,
-                    LuApiSearcherModule,
-                    LuApiPagerModule,
-                    LuApiSelectInputModule,
-                ],
-            },] }
-];
-
-class LuApiModule {
-}
-LuApiModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    LuApiSelectModule,
-                ],
-                exports: [
-                    LuApiSelectModule,
-                ],
-            },] }
-];
-
-/*
- * Public API Surface of safe-content
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { ALuApiOptionFeeder, ALuApiOptionPagedSearcher, ALuApiOptionPager, ALuApiOptionSearcher, ALuApiService, LuApiFeederComponent, LuApiFeederModule, LuApiHybridService, LuApiModule, LuApiPagedSearcherComponent, LuApiPagerComponent, LuApiPagerModule, LuApiSearcherComponent, LuApiSearcherModule, LuApiSelectInputComponent, LuApiSelectInputModule, LuApiSelectModule, LuApiV3Service, LuApiV4Service };
-//# sourceMappingURL=lucca-front-ng-api.js.map