@lucca-front/ng 7.4.0 → 8.0.0

package/fesm2015/lucca-front-ng-select.mjs

@@ -0,0 +1,452 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, ViewContainerRef, Directive, ViewChild, HostBinding, Input, Output, ContentChild, HostListener, forwardRef, ElementRef, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { ALuInputDisplayer, ALuClearer } from '@lucca-front/ng/input';
+import { ALuPickerPanel } from '@lucca-front/ng/picker';
+import { ALuPopoverTrigger, LuPopoverTarget } from '@lucca-front/ng/popover';
+import { Subscription } from 'rxjs';
+import * as i1 from '@angular/cdk/overlay';
+import { OverlayModule } from '@angular/cdk/overlay';
+import { CommonModule } from '@angular/common';
+
+class ALuSelectInput extends ALuPopoverTrigger {
+    constructor(_changeDetectorRef, _overlay, _elementRef, _viewContainerRef, _renderer) {
+        super(_overlay, _elementRef, _viewContainerRef);
+        this._changeDetectorRef = _changeDetectorRef;
+        this._overlay = _overlay;
+        this._elementRef = _elementRef;
+        this._viewContainerRef = _viewContainerRef;
+        this._renderer = _renderer;
+        this._subs = new Subscription();
+        this._isContentInitialized = false;
+        // From ControlValueAccessor interface
+        this._cvaOnChange = (v) => { };
+        // From ControlValueAccessor interface
+        this._onTouched = () => { };
+        // multiple
+        this._multiple = false;
+        this.target = new LuPopoverTarget();
+        this.target.elementRef = this._elementRef;
+        this.target.position = 'below';
+        this.target.alignment = 'left';
+    }
+    get placeholder() { return this._placeholder; }
+    set placeholder(p) { this._placeholder = p; }
+    setValue(value) {
+        if (this.disabled) {
+            return;
+        }
+        this.value = value;
+        this._cvaOnChange(value);
+        this._onTouched();
+    }
+    get value() {
+        return this._value;
+    }
+    set value(value) {
+        this._value = value;
+        this.render();
+        this.applyClasses();
+        if (!!this._picker) {
+            this._picker.setValue(value);
+        }
+        this._changeDetectorRef.markForCheck();
+    }
+    // From ControlValueAccessor interface
+    writeValue(value) {
+        this.value = value;
+    }
+    registerOnChange(fn) {
+        this._cvaOnChange = fn;
+    }
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    set disabled(d) { this._disabled = d; }
+    get disabled() { return this._disabled; }
+    setDisabledState(disabled) {
+        this.disabled = disabled;
+        this._changeDetectorRef.markForCheck();
+    }
+    isEmpty() {
+        const isEmptyArray = Array.isArray(this.value) && this.value.length === 0;
+        return this.value === null || this.value === undefined || isEmptyArray;
+    }
+    applyClasses() {
+        if (this.isEmpty()) {
+            this._renderer.removeClass(this._elementRef.nativeElement, 'is-filled');
+        }
+        else {
+            this._renderer.addClass(this._elementRef.nativeElement, 'is-filled');
+        }
+    }
+    /**
+     * popover trigger class extension
+     */
+    set _picker(picker) {
+        this.panel = picker;
+        picker.multiple = this._multiple;
+        this.subToPickerEvts();
+    }
+    get _picker() { return this.panel; }
+    set _clearer(clearer) {
+        if (!!clearer && !!clearer.onClear) {
+            this._subs.add(clearer.onClear.subscribe(value => this.setValue(value)));
+        }
+    }
+    subToPickerEvts() {
+        if (!!this.panel) {
+            this._subs.add(this.panel.onSelectValue.subscribe(value => this.setValue(value)));
+        }
+    }
+    closePopover() {
+        this._onTouched();
+        super.closePopover();
+    }
+    onDestroy() {
+        if (this._popoverOpen) {
+            this.closePopover();
+        }
+        this.destroyPopover();
+        this._subs.unsubscribe();
+        this._cleanUpSubscriptions();
+    }
+    _getOverlayConfig() {
+        const config = super._getOverlayConfig();
+        const clientRect = this._elementRef.nativeElement.getBoundingClientRect();
+        config.minWidth = `${Math.max(185, clientRect.width)}px`; // might become min/maxWidth
+        return config;
+    }
+    set displayer(d) {
+        this._displayer = d;
+        this.render();
+    }
+    set displayContainer(vcr) {
+        this._displayContainer = vcr;
+    }
+    render() {
+        if (!this._displayer || !this._isContentInitialized) {
+            return;
+        }
+        if (this.useMultipleViews()) {
+            this.renderMultipleViews();
+        }
+        else {
+            this.renderSingleView();
+        }
+    }
+    useMultipleViews() {
+        return this._multiple && !!this._displayer && !this._displayer.multiple;
+    }
+    renderSingleView() {
+        this.clearDisplay();
+        if (this.value !== null && this.value !== undefined) {
+            const newView = this.getView(this.value);
+            this.displayView(newView);
+        }
+    }
+    clearDisplay() {
+        this._displayContainer.clear();
+    }
+    getView(value) {
+        if (!!this._displayer) {
+            return this._displayer.getViewRef(value);
+        }
+        return undefined;
+    }
+    displayView(view) {
+        if (!!view) {
+            this._displayContainer.insert(view);
+        }
+    }
+    renderMultipleViews() {
+        this.clearDisplay();
+        const values = this.value || [];
+        const views = values.map(value => this.getView(value));
+        views.forEach(view => this.displayView(view));
+    }
+    set multiple(m) {
+        this._multiple = m;
+        if (this._picker) {
+            this._picker.multiple = m;
+        }
+    }
+    get multiple() { return this._multiple; }
+}
+
+class ALuSelectInputComponent extends ALuSelectInput {
+    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.tabindex = 0;
+        /** Event emitted when the associated popover is opened. */
+        this.onOpen = new EventEmitter();
+        /** Event emitted when the associated popover is closed. */
+        this.onClose = new EventEmitter();
+    }
+    set _vcDisplayContainer(vcr) {
+        this.displayContainer = vcr;
+    }
+    set overlapInput(o) {
+        this.target.overlap = o;
+    }
+    set inputPlaceholder(p) { this._placeholder = p; }
+    set inputMultiple(m) {
+        if (m === '') {
+            // allows to have multiple = true when writing
+            // <lu-select multiple>
+            this.multiple = true;
+        }
+        else {
+            this.multiple = !!m;
+        }
+    }
+    get isDisabled() { return this.disabled; }
+    get isFocused() { return this._popoverOpen && !this.target.overlap; }
+    get modMultiple() { return this._multiple; }
+    get isClearable() { return !!this._clearer; }
+    onClick() {
+        super.onClick();
+    }
+    onMouseEnter() {
+        super.onMouseEnter();
+    }
+    onMouseLeave() {
+        super.onMouseLeave();
+    }
+    onFocus() {
+        super.onFocus();
+    }
+    onBlur() {
+        super.onBlur();
+    }
+    onKeydown($event) {
+        if (!this._popoverOpen) {
+            this.openPopover();
+            $event.stopPropagation();
+            $event.preventDefault();
+        }
+    }
+    ngAfterViewInit() {
+        this._isContentInitialized = true;
+        // init picker and displayer and clearer
+        const picker = this.ccPicker || this.vcPicker;
+        if (!!picker) {
+            this._picker = picker;
+        }
+        const displayer = this.ccDisplayer || this.vcDisplayer;
+        if (!!displayer) {
+            this._displayer = displayer;
+        }
+        const clearer = this.ccClearer || this.vcClearer;
+        if (!!clearer) {
+            this._clearer = clearer;
+        }
+        this.render();
+        this._picker.setValue(this.value);
+        // strange bug where the view renderred in the displayer was only injected after a hover
+        // no matter how many cdr.markforchack i added
+        // but with a timeout it works
+        // shrug emoji
+        setTimeout(() => {
+            this._changeDetectorRef.markForCheck();
+        }, 1);
+    }
+    ngOnDestroy() {
+        if (this._popoverOpen) {
+            this.closePopover();
+        }
+        this.destroyPopover();
+        this.onDestroy();
+    }
+    _emitOpen() {
+        this.onOpen.emit();
+    }
+    _emitClose() {
+        this.onClose.emit();
+    }
+}
+ALuSelectInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: ALuSelectInputComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.Overlay }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+ALuSelectInputComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: ALuSelectInputComponent, inputs: { overlapInput: ["pickerOverlap", "overlapInput"], inputPlaceholder: ["placeholder", "inputPlaceholder"], inputMultiple: ["multiple", "inputMultiple"] }, outputs: { onOpen: "onOpen", onClose: "onClose" }, host: { listeners: { "click": "onClick()", "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "focus": "onFocus()", "blur": "onBlur()", "keydown.space": "onKeydown($event)", "keydown.enter": "onKeydown($event)" }, properties: { "tabindex": "this.tabindex", "class.is-disabled": "this.isDisabled", "class.is-focused": "this.isFocused", "class.mod-multiple": "this.modMultiple", "class.is-clearable": "this.isClearable" } }, queries: [{ propertyName: "ccPicker", first: true, predicate: ALuPickerPanel, descendants: true, static: true }, { propertyName: "ccDisplayer", first: true, predicate: ALuInputDisplayer, descendants: true, static: true }, { propertyName: "ccClearer", first: true, predicate: ALuClearer, descendants: true, static: true }], viewQueries: [{ propertyName: "_vcDisplayContainer", first: true, predicate: ["display"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "vcPicker", first: true, predicate: ALuPickerPanel, descendants: true, static: true }, { propertyName: "vcDisplayer", first: true, predicate: ALuInputDisplayer, descendants: true, static: true }, { propertyName: "vcClearer", first: true, predicate: ALuClearer, descendants: true, static: true }], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: ALuSelectInputComponent, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.Overlay }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i0.Renderer2 }]; }, propDecorators: { _vcDisplayContainer: [{
+                type: ViewChild,
+                args: ['display', { read: ViewContainerRef, static: true }]
+            }], tabindex: [{
+                type: HostBinding,
+                args: ['tabindex']
+            }], overlapInput: [{
+                type: Input,
+                args: ['pickerOverlap']
+            }], inputPlaceholder: [{
+                type: Input,
+                args: ['placeholder']
+            }], inputMultiple: [{
+                type: Input,
+                args: ['multiple']
+            }], onOpen: [{
+                type: Output
+            }], onClose: [{
+                type: Output
+            }], isDisabled: [{
+                type: HostBinding,
+                args: ['class.is-disabled']
+            }], isFocused: [{
+                type: HostBinding,
+                args: ['class.is-focused']
+            }], modMultiple: [{
+                type: HostBinding,
+                args: ['class.mod-multiple']
+            }], isClearable: [{
+                type: HostBinding,
+                args: ['class.is-clearable']
+            }], ccPicker: [{
+                type: ContentChild,
+                args: [ALuPickerPanel, { static: true }]
+            }], vcPicker: [{
+                type: ViewChild,
+                args: [ALuPickerPanel, { static: true }]
+            }], ccDisplayer: [{
+                type: ContentChild,
+                args: [ALuInputDisplayer, { static: true }]
+            }], vcDisplayer: [{
+                type: ViewChild,
+                args: [ALuInputDisplayer, { static: true }]
+            }], ccClearer: [{
+                type: ContentChild,
+                args: [ALuClearer, { static: true }]
+            }], vcClearer: [{
+                type: ViewChild,
+                args: [ALuClearer, { static: true }]
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }], onMouseEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], onMouseLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }], onFocus: [{
+                type: HostListener,
+                args: ['focus']
+            }], onBlur: [{
+                type: HostListener,
+                args: ['blur']
+            }], onKeydown: [{
+                type: HostListener,
+                args: ['keydown.space', ['$event']]
+            }, {
+                type: HostListener,
+                args: ['keydown.enter', ['$event']]
+            }] } });
+/**
+* select input
+*/
+class LuSelectInputComponent 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;
+    }
+    get modMultipleView() { return this.useMultipleViews(); }
+    displayClearer() {
+        if (!!this.clearerEltRef) {
+            this._renderer.appendChild(this.suffixEltRef.nativeElement, this.clearerEltRef.nativeElement);
+        }
+    }
+    ngAfterViewInit() {
+        super.ngAfterViewInit();
+        this.displayClearer(); // dont keep
+    }
+}
+LuSelectInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuSelectInputComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.Overlay }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+LuSelectInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: LuSelectInputComponent, selector: "lu-select", host: { properties: { "class.mod-multipleView": "this.modMultipleView" } }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => LuSelectInputComponent),
+            multi: true,
+        },
+    ], queries: [{ propertyName: "clearerEltRef", first: true, predicate: ALuClearer, descendants: true, read: ElementRef }], viewQueries: [{ propertyName: "suffixEltRef", first: true, predicate: ["suffix"], descendants: true, read: ElementRef, static: 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 #suffix class=\"lu-select-suffix\"></div>\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)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuSelectInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-select', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => LuSelectInputComponent),
+                            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 #suffix class=\"lu-select-suffix\"></div>\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)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.Overlay }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i0.Renderer2 }]; }, propDecorators: { modMultipleView: [{
+                type: HostBinding,
+                args: ['class.mod-multipleView']
+            }], clearerEltRef: [{
+                type: ContentChild,
+                args: [ALuClearer, { read: ElementRef, static: false }]
+            }], suffixEltRef: [{
+                type: ViewChild,
+                args: ['suffix', { read: ElementRef, static: true }]
+            }] } });
+
+class LuSelectInputModule {
+}
+LuSelectInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuSelectInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LuSelectInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuSelectInputModule, declarations: [LuSelectInputComponent], imports: [CommonModule,
+        OverlayModule], exports: [LuSelectInputComponent] });
+LuSelectInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuSelectInputModule, imports: [[
+            CommonModule,
+            OverlayModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuSelectInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        OverlayModule,
+                    ],
+                    declarations: [
+                        LuSelectInputComponent,
+                    ],
+                    exports: [
+                        LuSelectInputComponent,
+                    ],
+                }]
+        }] });
+
+class LuSelectModule {
+}
+LuSelectModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LuSelectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuSelectModule, imports: [LuSelectInputModule], exports: [LuSelectInputModule] });
+LuSelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuSelectModule, imports: [[
+            LuSelectInputModule,
+        ], LuSelectInputModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuSelectModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        LuSelectInputModule,
+                    ],
+                    exports: [
+                        LuSelectInputModule,
+                    ],
+                }]
+        }] });
+
+/*
+ * Public API Surface of safe-content
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ALuSelectInput, ALuSelectInputComponent, LuSelectInputComponent, LuSelectInputModule, LuSelectModule };
+//# sourceMappingURL=lucca-front-ng-select.mjs.map

package/fesm2015/lucca-front-ng-select.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lucca-front-ng-select.mjs","sources":["../../../packages/ng/select/src/lib/input/select-input.model.ts","../../../packages/ng/select/src/lib/input/select-input.component.ts","../../../packages/ng/select/src/lib/input/select-input.component.html","../../../packages/ng/select/src/lib/input/select-input.module.ts","../../../packages/ng/select/src/lib/select.module.ts","../../../packages/ng/select/src/public-api.ts","../../../packages/ng/select/src/lucca-front-ng-select.ts"],"sourcesContent":["import {\r\n\tChangeDetectorRef,\r\n\tViewContainerRef,\r\n\tElementRef,\r\n\tRenderer2,\r\n} from '@angular/core';\r\nimport { ControlValueAccessor } from '@angular/forms';\r\nimport { ALuPopoverTrigger, LuPopoverTarget, ILuPopoverTarget } from '@lucca-front/ng/popover';\r\nimport { Overlay, OverlayConfig } from '@angular/cdk/overlay';\r\nimport { ILuClearer, ILuInput, ILuInputDisplayer } from '@lucca-front/ng/input';\r\nimport { ILuInputWithPicker, ILuPickerPanel } from '@lucca-front/ng/picker';\r\nimport { Subscription } from 'rxjs';\r\n\r\nexport abstract class ALuSelectInput<T = any, TPicker extends ILuPickerPanel<T> = ILuPickerPanel<T>>\r\nextends ALuPopoverTrigger<TPicker>\r\nimplements ControlValueAccessor, ILuInputWithPicker<T>, ILuInput {\r\n\tprotected _subs = new Subscription();\r\n\tconstructor(\r\n\t\tprotected _changeDetectorRef: ChangeDetectorRef,\r\n\t\tprotected override _overlay: Overlay,\r\n\t\tprotected override _elementRef: ElementRef,\r\n\t\tprotected override _viewContainerRef: ViewContainerRef,\r\n\t\tprotected _renderer: Renderer2,\r\n\t) {\r\n\t\tsuper(\r\n\t\t\t_overlay,\r\n\t\t\t_elementRef,\r\n\t\t\t_viewContainerRef,\r\n\t\t);\r\n\t\tthis.target = new LuPopoverTarget() as ILuPopoverTarget;\r\n\t\tthis.target.elementRef = this._elementRef;\r\n\t\tthis.target.position = 'below';\r\n\t\tthis.target.alignment = 'left';\r\n\t}\r\n\tprotected _isContentInitialized = false;\r\n\tprotected _placeholder: string;\r\n\tget placeholder() { return this._placeholder; }\r\n\tset placeholder(p: string) { this._placeholder = p; }\r\n\t/**\r\n\t * contriol value accessor interface implementation\r\n\t */\r\n\tprotected _value: T | T[];\r\n\tsetValue(value: T | T[]) {\r\n\t\tif (this.disabled) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tthis.value = value;\r\n\t\tthis._cvaOnChange(value);\r\n\t\tthis._onTouched();\r\n\t}\r\n\tget value(): T | T[] {\r\n\t\treturn this._value;\r\n\t}\r\n\tset value(value: T | T[]) {\r\n\t\tthis._value = value;\r\n\t\tthis.render();\r\n\t\tthis.applyClasses();\r\n\t\tif (!!this._picker) {\r\n\t\t\tthis._picker.setValue(value);\r\n\t\t}\r\n\t\tthis._changeDetectorRef.markForCheck();\r\n\t}\r\n\t// From ControlValueAccessor interface\r\n\twriteValue(value: T | T[]) {\r\n\t\tthis.value = value;\r\n\t}\r\n\t// From ControlValueAccessor interface\r\n\tprotected _cvaOnChange = (v: T | T[]) => { };\r\n\tregisterOnChange(fn: any) {\r\n\t\tthis._cvaOnChange = fn;\r\n\t}\r\n\t// From ControlValueAccessor interface\r\n\tprotected _onTouched = () => { };\r\n\tregisterOnTouched(fn: any) {\r\n\t\tthis._onTouched = fn;\r\n\t}\r\n\toverride set disabled(d) { this._disabled = d; }\r\n\toverride get disabled() { return this._disabled; }\r\n\tsetDisabledState(disabled: boolean) {\r\n\t\tthis.disabled = disabled;\r\n\t\tthis._changeDetectorRef.markForCheck();\r\n\t}\r\n\tprotected isEmpty() {\r\n\t\tconst isEmptyArray = Array.isArray(this.value) && this.value.length === 0;\r\n\t\treturn this.value === null || this.value === undefined || isEmptyArray;\r\n\t}\r\n\tprotected applyClasses() {\r\n\t\tif (this.isEmpty()) {\r\n\t\t\tthis._renderer.removeClass(this._elementRef.nativeElement, 'is-filled');\r\n\t\t} else {\r\n\t\t\tthis._renderer.addClass(this._elementRef.nativeElement, 'is-filled');\r\n\t\t}\r\n\t}\r\n\t/**\r\n\t * popover trigger class extension\r\n\t */\r\n\tprotected set _picker(picker: TPicker) {\r\n\t\tthis.panel = picker;\r\n\t\tpicker.multiple = this._multiple;\r\n\t\tthis.subToPickerEvts();\r\n\t}\r\n\tprotected get _picker() { return this.panel; }\r\n\tprotected set _clearer(clearer: ILuClearer<T>) {\r\n\t\tif (!!clearer && !!clearer.onClear) {\r\n\t\t\tthis._subs.add(clearer.onClear.subscribe(value => this.setValue(value)));\r\n\t\t}\r\n\t}\r\n\tprotected subToPickerEvts() {\r\n\t\tif (!!this.panel) {\r\n\t\t\tthis._subs.add(this.panel.onSelectValue.subscribe(value => this.setValue(value)));\r\n\t\t}\r\n\t}\r\n\r\n\toverride closePopover() {\r\n\t\tthis._onTouched();\r\n\t\tsuper.closePopover();\r\n\t}\r\n\r\n\tonDestroy() {\r\n\t\tif (this._popoverOpen) {\r\n\t\t\tthis.closePopover();\r\n\t\t}\r\n\t\tthis.destroyPopover();\r\n\t\tthis._subs.unsubscribe();\r\n\t\tthis._cleanUpSubscriptions();\r\n\t}\r\n\r\n\tprotected override _getOverlayConfig(): OverlayConfig {\r\n\t\tconst config = super._getOverlayConfig();\r\n\t\tconst clientRect = this._elementRef.nativeElement.getBoundingClientRect();\r\n\t\tconfig.minWidth = `${Math.max(185, clientRect.width)}px`; // might become min/maxWidth\r\n\t\treturn config;\r\n\t}\r\n\r\n\t/* Rendering via a inpt displayer */\r\n\tprotected _displayer: ILuInputDisplayer<T>;\r\n\tprotected _displayContainer: ViewContainerRef;\r\n\tprotected set displayer(d: ILuInputDisplayer<T>) {\r\n\t\tthis._displayer = d;\r\n\t\tthis.render();\r\n\t}\r\n\tprotected set displayContainer(vcr: ViewContainerRef) {\r\n\t\tthis._displayContainer = vcr;\r\n\t}\r\n\tprotected render() {\r\n\t\tif (!this._displayer || !this._isContentInitialized) { return; }\r\n\t\tif (this.useMultipleViews()) {\r\n\t\t\tthis.renderMultipleViews();\r\n\t\t} else {\r\n\t\t\tthis.renderSingleView();\r\n\t\t}\r\n\t}\r\n\tprotected useMultipleViews() {\r\n\t\treturn this._multiple && !!this._displayer && !this._displayer.multiple;\r\n\t}\r\n\r\n\tprotected renderSingleView() {\r\n\t\tthis.clearDisplay();\r\n\t\tif (this.value !== null && this.value !== undefined) {\r\n\t\t\tconst newView = this.getView(this.value);\r\n\t\t\tthis.displayView(newView);\r\n\t\t}\r\n\t}\r\n\tprotected clearDisplay() {\r\n\t\tthis._displayContainer.clear();\r\n\t}\r\n\tprotected getView(value: T | T[]) {\r\n\t\tif (!!this._displayer) {\r\n\t\t\treturn this._displayer.getViewRef(value);\r\n\t\t}\r\n\t\treturn undefined;\r\n\t}\r\n\tprotected displayView(view) {\r\n\t\tif (!!view) {\r\n\t\t\tthis._displayContainer.insert(view);\r\n\t\t}\r\n\t}\r\n\r\n\tprotected renderMultipleViews() {\r\n\t\tthis.clearDisplay();\r\n\t\tconst values = <T[]>this.value || [];\r\n\t\tconst views = values.map(value => this.getView(value));\r\n\t\tviews.forEach(view => this.displayView(view));\r\n\t}\r\n\t// multiple\r\n\tprotected _multiple = false;\r\n\tset multiple(m: boolean) {\r\n\t\tthis._multiple = m;\r\n\t\tif (this._picker) {\r\n\t\t\tthis._picker.multiple = m;\r\n\t\t}\r\n\t}\r\n\tget multiple() { return this._multiple; }\r\n}\r\n","import { Overlay } from '@angular/cdk/overlay';\r\nimport {\r\n\tAfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, Directive, ElementRef, EventEmitter, forwardRef, HostBinding, HostListener, Input, OnDestroy, Output, Renderer2, ViewChild, ViewContainerRef\r\n} from '@angular/core';\r\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\r\nimport {\r\n\tALuClearer, ALuInputDisplayer, ILuClearer,\r\n\tILuInputDisplayer\r\n} from '@lucca-front/ng/input';\r\nimport {\r\n\tALuPickerPanel, ILuPickerPanel\r\n} from '@lucca-front/ng/picker';\r\nimport { ALuSelectInput } from './select-input.model';\r\n\r\n@Directive()\r\nexport abstract class ALuSelectInputComponent<T = any, TPicker extends ILuPickerPanel<T> = ILuPickerPanel<T>>\r\nextends ALuSelectInput<T, TPicker>\r\nimplements ControlValueAccessor, AfterViewInit, OnDestroy {\r\n\t@ViewChild('display', { read: ViewContainerRef, static: true }) protected set _vcDisplayContainer(vcr: ViewContainerRef) {\r\n\t\tthis.displayContainer = vcr;\r\n\t}\r\n\r\n\t@HostBinding('tabindex') tabindex = 0;\r\n\r\n\t@Input('pickerOverlap') set overlapInput(o: boolean) {\r\n\t\tthis.target.overlap = o;\r\n\t}\r\n\r\n\t@Input('placeholder') set inputPlaceholder(p: string) { this._placeholder = p; }\r\n\t@Input('multiple') set inputMultiple(m: boolean | string) {\r\n\t\tif (m === '') {\r\n\t\t\t// allows to have multiple = true when writing\r\n\t\t\t// <lu-select multiple>\r\n\t\t\tthis.multiple = true;\r\n\t\t} else {\r\n\t\t\tthis.multiple = !!m;\r\n\t\t}\r\n\t}\r\n\t/** Event emitted when the associated popover is opened. */\r\n\t@Output() onOpen = new EventEmitter<void>();\r\n\t/** Event emitted when the associated popover is closed. */\r\n\t@Output() onClose = new EventEmitter<void>();\r\n\r\n\tconstructor(\r\n\t\tprotected override _changeDetectorRef: ChangeDetectorRef,\r\n\t\tprotected override _overlay: Overlay,\r\n\t\tprotected override _elementRef: ElementRef,\r\n\t\tprotected override _viewContainerRef: ViewContainerRef,\r\n\t\tprotected override _renderer: Renderer2,\r\n\t) {\r\n\t\tsuper(\r\n\t\t\t_changeDetectorRef,\r\n\t\t\t_overlay,\r\n\t\t\t_elementRef,\r\n\t\t\t_viewContainerRef,\r\n\t\t\t_renderer,\r\n\t\t);\r\n\t}\r\n\t@HostBinding('class.is-disabled')\r\n\tget isDisabled() { return this.disabled; }\r\n\t@HostBinding('class.is-focused')\r\n\tget isFocused() { return this._popoverOpen && !this.target.overlap; }\r\n\t@HostBinding('class.mod-multiple')\r\n\tget modMultiple() { return this._multiple; }\r\n\r\n\t@HostBinding('class.is-clearable')\r\n\tget isClearable() { return !!this._clearer; }\r\n\t/**\r\n\t * popover trigger class extension\r\n\t */\r\n\t@ContentChild(ALuPickerPanel, { static: true }) ccPicker: TPicker;\r\n\t@ViewChild(ALuPickerPanel, { static: true }) vcPicker: TPicker;\r\n\r\n\t@ContentChild(ALuInputDisplayer, { static: true }) ccDisplayer: ILuInputDisplayer<T>;\r\n\t@ViewChild(ALuInputDisplayer, { static: true }) vcDisplayer: ILuInputDisplayer<T>;\r\n\r\n\t@ContentChild(ALuClearer, { static: true }) ccClearer: ILuClearer<T>;\r\n\t@ViewChild(ALuClearer, { static: true }) vcClearer: ILuClearer<T>;\r\n\r\n\t@HostListener('click')\r\n\toverride onClick() {\r\n\t\tsuper.onClick();\r\n\t}\r\n\t@HostListener('mouseenter')\r\n\toverride onMouseEnter() {\r\n\t\tsuper.onMouseEnter();\r\n\t}\r\n\t@HostListener('mouseleave')\r\n\toverride onMouseLeave() {\r\n\t\tsuper.onMouseLeave();\r\n\t}\r\n\t@HostListener('focus')\r\n\toverride onFocus() {\r\n\t\tsuper.onFocus();\r\n\t}\r\n\t@HostListener('blur')\r\n\toverride onBlur() {\r\n\t\tsuper.onBlur();\r\n\t}\r\n\t@HostListener('keydown.space', ['$event'])\r\n\t@HostListener('keydown.enter', ['$event'])\r\n\tonKeydown($event: KeyboardEvent) {\r\n\t\tif (!this._popoverOpen) {\r\n\t\t\tthis.openPopover();\r\n\t\t\t$event.stopPropagation();\r\n\t\t\t$event.preventDefault();\r\n\t\t}\r\n\t}\r\n\r\n\tngAfterViewInit() {\r\n\t\tthis._isContentInitialized = true;\r\n\r\n\t\t// init picker and displayer and clearer\r\n\t\tconst picker = this.ccPicker || this.vcPicker;\r\n\t\tif (!!picker) {\r\n\t\t\tthis._picker = picker;\r\n\t\t}\r\n\t\tconst displayer = this.ccDisplayer || this.vcDisplayer;\r\n\t\tif (!!displayer) {\r\n\t\t\tthis._displayer = displayer;\r\n\t\t}\r\n\t\tconst clearer = this.ccClearer || this.vcClearer;\r\n\t\tif (!!clearer) {\r\n\t\t\tthis._clearer = clearer;\r\n\t\t}\r\n\r\n\t\tthis.render();\r\n\t\tthis._picker.setValue(this.value);\r\n\r\n\t\t// strange bug where the view renderred in the displayer was only injected after a hover\r\n\t\t// no matter how many cdr.markforchack i added\r\n\t\t// but with a timeout it works\r\n\t\t// shrug emoji\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis._changeDetectorRef.markForCheck();\r\n\t\t}, 1);\r\n\t}\r\n\r\n\tngOnDestroy() {\r\n\t\tif (this._popoverOpen) {\r\n\t\t\tthis.closePopover();\r\n\t\t}\r\n\t\tthis.destroyPopover();\r\n\t\tthis.onDestroy();\r\n\t}\r\n\tprotected _emitOpen(): void {\r\n\t\tthis.onOpen.emit();\r\n\t}\r\n\tprotected _emitClose(): void {\r\n\t\tthis.onClose.emit();\r\n\t}\r\n}\r\n\r\n/**\r\n* select input\r\n*/\r\n@Component({\r\n\tselector: 'lu-select',\r\n\ttemplateUrl: './select-input.component.html',\r\n\tstyleUrls: ['./select-input.component.scss'],\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\r\n\tproviders: [\r\n\t\t{\r\n\t\t\tprovide: NG_VALUE_ACCESSOR,\r\n\t\t\tuseExisting: forwardRef(() => LuSelectInputComponent),\r\n\t\t\tmulti: true,\r\n\t\t},\r\n\t],\r\n})\r\nexport class LuSelectInputComponent<T = any> extends ALuSelectInputComponent<T> {\r\n\t@HostBinding('class.mod-multipleView')\r\n\tget modMultipleView() { return this.useMultipleViews(); }\r\n\tconstructor(\r\n\t\tprotected override _changeDetectorRef: ChangeDetectorRef,\r\n\t\tprotected override _overlay: Overlay,\r\n\t\tprotected override _elementRef: ElementRef,\r\n\t\tprotected override _viewContainerRef: ViewContainerRef,\r\n\t\tprotected override _renderer: Renderer2,\r\n\t) {\r\n\t\tsuper(\r\n\t\t\t_changeDetectorRef,\r\n\t\t\t_overlay,\r\n\t\t\t_elementRef,\r\n\t\t\t_viewContainerRef,\r\n\t\t\t_renderer,\r\n\t\t);\r\n\t}\r\n\t// display clearer\r\n\t@ContentChild(ALuClearer, { read: ElementRef, static: false }) clearerEltRef: ElementRef;\r\n\t@ViewChild('suffix', { read: ElementRef, static: true }) suffixEltRef: ElementRef;\r\n\tdisplayClearer() {\r\n\t\tif (!!this.clearerEltRef) {\r\n\t\t\tthis._renderer.appendChild(this.suffixEltRef.nativeElement, this.clearerEltRef.nativeElement);\r\n\t\t}\r\n\t}\r\n\r\n\toverride ngAfterViewInit() {\r\n\t\tsuper.ngAfterViewInit();\r\n\t\tthis.displayClearer(); // dont keep\r\n\t}\r\n}\r\n","<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 #suffix class=\"lu-select-suffix\"></div>\r\n","import { NgModule } from '@angular/core';\r\nimport { LuSelectInputComponent } from './select-input.component';\r\nimport { CommonModule } from '@angular/common';\r\nimport { OverlayModule } from '@angular/cdk/overlay';\r\n\r\n@NgModule({\r\n\timports: [\r\n\t\tCommonModule,\r\n\t\tOverlayModule,\r\n\t],\r\n\tdeclarations: [\r\n\t\tLuSelectInputComponent,\r\n\t],\r\n\texports: [\r\n\t\tLuSelectInputComponent,\r\n\t],\r\n})\r\nexport class LuSelectInputModule {}\r\n","import { NgModule } from '@angular/core';\r\nimport { LuSelectInputModule } from './input/index';\r\n\r\n@NgModule({\r\n\timports: [\r\n\t\tLuSelectInputModule,\r\n\t],\r\n\texports: [\r\n\t\tLuSelectInputModule,\r\n\t],\r\n})\r\nexport class LuSelectModule {}\r\n","/*\r\n * Public API Surface of safe-content\r\n */\r\n\r\nexport * from './index';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}