@leanix/components 0.2.229 → 0.2.230

package/esm2015/lib/forms-ui/components/multi-select/multi-select.component.js

@@ -1,257 +0,0 @@
-import { Component, ContentChild, EventEmitter, forwardRef, Input, Output, TemplateRef, ViewChild } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { filter as _filter, findIndex, includes, last } from 'lodash/fp';
-import { fromEvent as observableFromEvent, Subject } from 'rxjs';
-import { distinctUntilChanged, filter, map, takeUntil, tap } from 'rxjs/operators';
-import { SelectDropdownDirective } from '../../directives/select-dropdown.directive';
-import { ARROW_DOWN, ARROW_LEFT, ARROW_RIGHT, ARROW_UP, BACKSPACE, ENTER, ESCAPE, TAB } from '../../helpers/key-codes.constants';
-import { BaseSelectDirective } from '../../models/base-select.directive';
-import { KeyboardSelectAction } from '../keyboard-select.directive';
-import { ResponsiveInputComponent } from '../responsive-input/responsive-input.component';
-import * as i0 from "@angular/core";
-import * as i1 from "../responsive-input/responsive-input.component";
-import * as i2 from "@angular/common";
-import * as i3 from "../../directives/mark-invalid.directive";
-import * as i4 from "@angular/forms";
-export class MultiSelectComponent extends BaseSelectDirective {
-    constructor(cd) {
-        super();
-        this.cd = cd;
-        this.markInvalid = false;
-        this.selection = [];
-        this.size = 'default';
-        this.dropdownWidthScale = '1x';
-        this.selectionChange = new EventEmitter();
-        this.blur = new EventEmitter();
-        this.destroyed$ = new Subject();
-    }
-    static isStillPossibleMoveToLeft(eventSet) {
-        return (!(eventSet.virtualCursorPosition === 0 &&
-            eventSet.inputCursorPosition === 0 &&
-            eventSet.event.keyCode === ARROW_LEFT &&
-            eventSet.selectionLength === 0) &&
-            !(eventSet.event.keyCode === ARROW_LEFT &&
-                typeof eventSet.selectionLength === 'number' &&
-                eventSet.selectionLength > 0 &&
-                Math.abs(eventSet.virtualCursorPosition) === eventSet.selectionLength));
-    }
-    static isMovingfromZeroToRight(eventSet) {
-        return eventSet.virtualCursorPosition === 0 && eventSet.inputCursorPosition === 0 && eventSet.event.keyCode === ARROW_RIGHT;
-    }
-    static calculateNewCursorPostionOnKeyboardNavigation(cursorPosition, keyCode) {
-        switch (keyCode) {
-            case ARROW_LEFT:
-                cursorPosition--;
-                break;
-            case ARROW_RIGHT:
-                cursorPosition++;
-                break;
-        }
-        return cursorPosition;
-    }
-    static getKeyboardSelectAction(cursorPosition, keyCode) {
-        if (cursorPosition <= -1 && keyCode === ARROW_RIGHT) {
-            return KeyboardSelectAction.NEXT;
-        }
-        if (cursorPosition === -1 && keyCode === ARROW_LEFT) {
-            return KeyboardSelectAction.LAST;
-        }
-        if (cursorPosition < -1 && keyCode === ARROW_LEFT) {
-            return KeyboardSelectAction.PREV;
-        }
-        if (cursorPosition <= -1 && keyCode === BACKSPACE) {
-            return KeyboardSelectAction.EXECUTE;
-        }
-        return undefined;
-    }
-    get dropdownTmpl() {
-        return this.explicitDropdown || this.implicitDropdown;
-    }
-    get dropdownWidth() {
-        switch (this.dropdownWidthScale) {
-            case '1x':
-                return undefined;
-            case '1.5x':
-                return '150%';
-            case '2x':
-                return '200%';
-        }
-    }
-    resetInput() {
-        this.queryInput.resetInput();
-        this.queryControl.setValue('');
-    }
-    focus() {
-        this.queryInput.focusInput();
-    }
-    focusAndOpen() {
-        this.queryInput.focusInput();
-        this.open.next(true);
-    }
-    ngAfterViewInit() {
-        super.ngAfterViewInit();
-        this.open
-            .pipe(distinctUntilChanged(), filter((open) => open), takeUntil(this.destroyed$))
-            .subscribe(() => {
-            this.selectFirstOption();
-        });
-        // keyboard event handling
-        const sourceElement = this.queryInput.responsiveInput.nativeElement;
-        observableFromEvent(sourceElement, 'keydown')
-            .pipe(filter((event) => includes(event.keyCode, [ARROW_DOWN])), takeUntil(this.destroyed$))
-            .subscribe(() => this.open.next(true));
-        // handle keyboard navigation for the selection
-        observableFromEvent(sourceElement, 'keydown')
-            .pipe(map((event) => this.mapToEventSet(event, this.queryInput.responsiveInput.nativeElement, this.virtualCursorPosition, this.selection ? this.selection.length : 0)), filter((eventSet) => {
-            return !MultiSelectComponent.isMovingfromZeroToRight(eventSet) && MultiSelectComponent.isStillPossibleMoveToLeft(eventSet);
-        }), tap((eventSet) => {
-            if (eventSet.virtualCursorPosition === 0 &&
-                eventSet.inputCursorPosition === 0 &&
-                eventSet.event.keyCode === BACKSPACE &&
-                typeof eventSet.selectionLength === 'number' &&
-                eventSet.selectionLength > 0) {
-                const lastItem = last(this.selection);
-                this.removeItem({ item: lastItem, isMouse: false });
-                eventSet.inputCursorPosition = undefined; // set to null to prevent continuing in the stream
-            }
-            if (typeof eventSet.inputCursorPosition === 'number' && eventSet.inputCursorPosition > 0) {
-                this.virtualCursorPosition = 0;
-            }
-            else if (eventSet.virtualCursorPosition === -1 && eventSet.event.keyCode === ARROW_RIGHT) {
-                eventSet.event.preventDefault();
-                this.selectionKeyboardSelectAction$.next(KeyboardSelectAction.UNSELECT);
-                this.virtualCursorPosition = 0;
-                eventSet.inputCursorPosition = undefined; // set to null to prevent continuing in the stream
-            }
-        }), filter((eventSet) => eventSet.inputCursorPosition === 0), map((eventSet) => eventSet.event), filter((event) => includes(event.keyCode, [ARROW_RIGHT, ARROW_LEFT, BACKSPACE])), map((event) => {
-            this.virtualCursorPosition = MultiSelectComponent.calculateNewCursorPostionOnKeyboardNavigation(this.virtualCursorPosition, event.keyCode);
-            return {
-                cursorPosition: this.virtualCursorPosition,
-                event
-            };
-        }), map((positionSet) => {
-            const action = MultiSelectComponent.getKeyboardSelectAction(positionSet.cursorPosition, positionSet.event.keyCode);
-            if (action === KeyboardSelectAction.NEXT) {
-                // prevent cursor from moving in the input field, while we are still in the selection items
-                positionSet.event.preventDefault();
-            }
-            return action;
-        }), takeUntil(this.destroyed$))
-            .subscribe(this.selectionKeyboardSelectAction$);
-        const inputKeyboardEvents$ = observableFromEvent(sourceElement, 'keydown');
-        inputKeyboardEvents$
-            .pipe(filter((event) => includes(event.keyCode, [ARROW_UP, ARROW_DOWN])), takeUntil(this.destroyed$))
-            .subscribe((event) => {
-            event.preventDefault();
-        });
-        inputKeyboardEvents$
-            .pipe(filter((event) => event.keyCode === ESCAPE || event.keyCode === TAB), takeUntil(this.destroyed$))
-            .subscribe((event) => {
-            if (event.keyCode === ESCAPE && this.dropdownOpen) {
-                event.preventDefault();
-                event.stopImmediatePropagation();
-            }
-            this.open.next(false);
-        });
-        inputKeyboardEvents$
-            .pipe(filter((event) => includes(event.keyCode, [ENTER, ARROW_UP, ARROW_DOWN])), map((event) => {
-            switch (event.keyCode) {
-                case ENTER:
-                    return KeyboardSelectAction.EXECUTE;
-                case ARROW_UP:
-                    return KeyboardSelectAction.PREV;
-                case ARROW_DOWN:
-                    return KeyboardSelectAction.NEXT;
-                default:
-                    return null;
-            }
-        }), takeUntil(this.destroyed$))
-            .subscribe(this.optionsKeyboardSelectAction$);
-        inputKeyboardEvents$
-            .pipe(filter((event) => includes(event.keyCode, [ENTER, ARROW_DOWN])), takeUntil(this.destroyed$))
-            .subscribe(() => this.open.next(true));
-    }
-    addItemToSelection(option) {
-        if (option !== null) {
-            this.selection = [...(this.selection || [])].concat(option);
-            this.selectionChange.emit([...this.selection]);
-            this.propagateChange([...this.selection]);
-        }
-        this.resetSelectState();
-    }
-    removeItem(optionToRemove) {
-        var _a, _b;
-        if (this.disabled) {
-            return;
-        }
-        const prevOptionIndex = findIndex((option) => option === optionToRemove.item, this.selection);
-        const prevSelectionLenght = (_b = (_a = this.selection) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
-        this.selection = _filter((option) => option !== optionToRemove.item, this.selection);
-        this.cd.markForCheck();
-        this.cd.detectChanges();
-        this.selectionChange.emit([...this.selection]);
-        this.propagateChange([...this.selection]);
-        if (prevOptionIndex === prevSelectionLenght - 1 || optionToRemove.isMouse) {
-            this.resetSelectState();
-        }
-        else {
-            this.virtualCursorPosition++;
-        }
-    }
-    propagateChange(_value) { }
-    writeValue(value) {
-        this.selection = value;
-    }
-    registerOnChange(fn) {
-        this.propagateChange = fn;
-    }
-    registerOnTouched(_fn) { }
-    setDisabledState(isDisabled) {
-        this.disabled = isDisabled;
-    }
-}
-MultiSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: MultiSelectComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-MultiSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.4", type: MultiSelectComponent, selector: "lx-multi-select", inputs: { markInvalid: "markInvalid", selection: "selection", size: "size", dropdownWidthScale: "dropdownWidthScale" }, outputs: { selectionChange: "selectionChange", blur: "blur" }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => MultiSelectComponent),
-            multi: true
-        }
-    ], queries: [{ propertyName: "explicitDropdown", first: true, predicate: SelectDropdownDirective, descendants: true, read: TemplateRef, static: true }], viewQueries: [{ propertyName: "queryInput", first: true, predicate: ResponsiveInputComponent, descendants: true, static: true }, { propertyName: "implicitDropdown", first: true, predicate: ["dropdown"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"dropdownOpen\" class=\"backdrop\" (click)=\"handleBackdropClick($event)\"></div>\n<div\n  [lxMarkInvalid]=\"markInvalid\"\n  class=\"selectContainer\"\n  [class.open]=\"dropdownOpen\"\n  [class.top]=\"(dropdownDirection$ | async) === 'TOP'\"\n  [class.bottom]=\"(dropdownDirection$ | async) === 'BOTTOM'\"\n  [class.focused]=\"isInputFocused\"\n  [class.hasSelection]=\"selection && selection.length > 0\"\n  [class.smallSize]=\"size === 'small'\"\n  [class.disabled]=\"disabled\"\n  (click)=\"handleClick($event.target === toggle)\"\n>\n  <div class=\"selectedChoicesContainer\">\n    <div *ngIf=\"(selection?.length === 0 || !selection) && !queryControl?.value\" class=\"placeholder\" [attr.title]=\"placeholder\">\n      {{ placeholder }}\n    </div>\n    <div class=\"selection\">\n      <ng-content select=\".pills\"></ng-content>\n    </div>\n    <lx-responsive-input\n      (focus)=\"isInputFocused = true\"\n      (blur)=\"isInputFocused = false; blur.emit()\"\n      [formControl]=\"queryControl\"\n      (keydown.enter)=\"$event.preventDefault()\"\n    ></lx-responsive-input>\n    <i #toggle [hidden]=\"disabled\" class=\"fas fa-angle-down\" aria-hidden=\"true\"></i>\n  </div>\n  <div class=\"optionsContainer\" [style.width]=\"dropdownWidth\" #optionsContainer>\n    <ng-container *ngIf=\"dropdownOpen\">\n      <ng-container *ngTemplateOutlet=\"dropdownTmpl\"></ng-container>\n    </ng-container>\n  </div>\n</div>\n\n<ng-template #dropdown>\n  <ng-content select=\".dropdownComponent\"></ng-content>\n</ng-template>\n", styles: [".selectContainer{position:relative;height:auto;cursor:text;padding:0;box-sizing:border-box;border:1px solid #99a5bb;box-shadow:inset 0 1px 1px rgba(0,0,0,.07);border-radius:3px;background:#fff}.selectContainer.smallSize .selectedChoicesContainer{min-height:22px}.selectContainer.smallSize .selectedChoicesContainer .placeholder{line-height:24px}.selectContainer.smallSize lx-responsive-input{height:22px}.selectContainer.disabled{background-color:#eaedf1;cursor:not-allowed}.selectContainer.disabled lx-responsive-input{display:none}.selectContainer:not(.hasSelection){padding-left:12px}.selectContainer.open{z-index:1052;background:#fff;border:1px solid #e1e5eb}.selectContainer.open.bottom{box-shadow:0 6px 6px 0 rgba(33,37,41,.2);border-bottom-color:#fff;border-bottom-left-radius:0;border-bottom-right-radius:0}.selectContainer.open.bottom .optionsContainer{box-shadow:0 6px 6px 0 rgba(33,37,41,.2);top:100%;border:1px solid #e1e5eb;border-top:0;margin-top:0}.selectContainer.open.top{box-shadow:0 -4px 6px 0 rgba(33,37,41,.2);border-top-left-radius:0;border-top-right-radius:0}.selectContainer.open.top .optionsContainer{border-left:1px solid #e1e5eb;border-right:1px solid #e1e5eb;box-shadow:0 -4px 6px 0 rgba(33,37,41,.2);margin-bottom:0;border-bottom:0;top:none;bottom:100%}.selectContainer:not(.open).focused{outline:0;border:1px solid #59f}.selectContainer .selectedChoicesContainer{padding-right:25px;min-height:29px}.selectContainer .selectedChoicesContainer .placeholder{position:absolute;left:12px;right:25px;top:0;bottom:0;line-height:29px;color:#8594ad;overflow:hidden;word-break:break-all;white-space:nowrap;text-overflow:ellipsis;padding-left:4px}.selectContainer .selectedChoicesContainer>.fa-angle-down{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer}.selectContainer .selection{display:inline;cursor:default}.selectContainer .optionsContainer{position:absolute;left:-1px;right:-1px;padding:0;background:#fff;z-index:1}lx-responsive-input{height:29px;padding-left:4px}.backdrop{z-index:1051;position:fixed;top:0;bottom:0;left:0;right:0}"], components: [{ type: i1.ResponsiveInputComponent, selector: "lx-responsive-input", outputs: ["focus", "blur"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.MarkInvalidDirective, selector: "[lxMarkInvalid]", inputs: ["lxMarkInvalid"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i2.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: MultiSelectComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'lx-multi-select',
-                    templateUrl: 'multi-select.component.html',
-                    styleUrls: ['multi-select.component.scss'],
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => MultiSelectComponent),
-                            multi: true
-                        }
-                    ]
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { markInvalid: [{
-                type: Input
-            }], selection: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], dropdownWidthScale: [{
-                type: Input
-            }], selectionChange: [{
-                type: Output
-            }], blur: [{
-                type: Output
-            }], explicitDropdown: [{
-                type: ContentChild,
-                args: [SelectDropdownDirective, { read: TemplateRef, static: true }]
-            }], queryInput: [{
-                type: ViewChild,
-                args: [ResponsiveInputComponent, { static: true }]
-            }], implicitDropdown: [{
-                type: ViewChild,
-                args: ['dropdown', { static: true }]
-            }] } });
-//# sourceMappingURL=../../../../../../../../libs/components/src/lib/forms-ui/components/multi-select/multi-select.component.js.map

package/esm2015/lib/forms-ui/components/multi-select/multi-select.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"multi-select.component.js","sourceRoot":"","sources":["multi-select.component.ts","multi-select.component.html"],"names":[],"mappings":"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"}

package/esm2015/lib/forms-ui/components/option/option.component.js

@@ -1,85 +0,0 @@
-import { Component, EventEmitter, forwardRef, HostListener, Inject, Input, Optional, Output } from '@angular/core';
-import { OptionGroupComponent } from '../option-group/option-group.component';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "../option-group/option-group.component";
-export class OptionComponent {
-    constructor(group, elementRef) {
-        this.group = group;
-        this.elementRef = elementRef;
-        this.selected = false;
-        this.isHighlighted = false;
-        this.disabled = false;
-        /**
-         * Is true when option has a selection nature like sorting.
-         * In this case we show a check icon on the left to indicate selection.
-         *
-         * Is false when option represents a one time action like printing.
-         * Cannot have selectedState when Option has dropdown
-         */
-        this.hasSelectedState = true;
-        this.select = new EventEmitter();
-        this.highlight = new EventEmitter();
-        this.selectedClick = new EventEmitter();
-        this.hasSubdropdown = false;
-        this.isSuboption = false;
-    }
-    selectOption(event) {
-        if (this.disabled || this.hasSubdropdown) {
-            if (event) {
-                event.stopImmediatePropagation();
-            }
-        }
-        else {
-            if (this.selected) {
-                return this.selectedClick.emit();
-            }
-            if (this.group) {
-                this.group.selectOption(this.value);
-            }
-            this.select.emit(this.value);
-        }
-    }
-    setSelected(value) {
-        this.selected = value;
-    }
-    setHighlighted(value) {
-        this.isHighlighted = value;
-        this.highlight.emit(this.isHighlighted);
-    }
-}
-OptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: OptionComponent, deps: [{ token: forwardRef(() => OptionGroupComponent), optional: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-OptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.4", type: OptionComponent, selector: "lx-option", inputs: { selected: "selected", isHighlighted: "isHighlighted", disabled: "disabled", value: "value", hasSelectedState: "hasSelectedState" }, outputs: { select: "select", highlight: "highlight", selectedClick: "selectedClick" }, host: { listeners: { "click": "selectOption($event)" } }, ngImport: i0, template: "<li\n  class=\"option\"\n  [class.selectedState]=\"hasSelectedState && !hasSubdropdown\"\n  [class.highlighted]=\"isHighlighted\"\n  [class.selected]=\"selected\"\n  [class.disabled]=\"disabled\"\n  [class.hasSubdropdown]=\"hasSubdropdown\"\n>\n  <i *ngIf=\"hasSelectedState && selected\" class=\"far fa-check\"></i>\n  <ng-content></ng-content>\n  <i *ngIf=\"hasSubdropdown\" class=\"far fa-chevron-right\"></i>\n</li>\n", styles: [":host{display:block}.option{line-height:23px;padding:4px 12px;cursor:pointer;color:#2a303d}.option:hover{background-color:#e1e5eb}.option.selectedState{padding-left:28px}.option.selected{cursor:default;color:var(--lx-primarybutton-backgroundcolor)}.option.highlighted{background:#eaedf1}.option.disabled{opacity:.6}.option.hasSubdropdown{padding-right:28px}.fa-check{left:8px}.fa-check,.fa-chevron-right{line-height:23px;position:absolute}.fa-chevron-right{right:8px;font-size:8px}"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: OptionComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'lx-option',
-                    templateUrl: 'option.component.html',
-                    styleUrls: ['option.component.scss']
-                }]
-        }], ctorParameters: function () { return [{ type: i2.OptionGroupComponent, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [forwardRef(() => OptionGroupComponent)]
-                }] }, { type: i0.ElementRef }]; }, propDecorators: { selected: [{
-                type: Input
-            }], isHighlighted: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], hasSelectedState: [{
-                type: Input
-            }], select: [{
-                type: Output
-            }], highlight: [{
-                type: Output
-            }], selectedClick: [{
-                type: Output
-            }], selectOption: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }] } });
-//# sourceMappingURL=../../../../../../../../libs/components/src/lib/forms-ui/components/option/option.component.js.map

package/esm2015/lib/forms-ui/components/option/option.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"option.component.js","sourceRoot":"","sources":["option.component.ts","option.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAc,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC/H,OAAO,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;;;;AAO9E,MAAM,OAAO,eAAe;IAsC1B,YACsE,KAA2B,EACxF,UAAmC;QAD0B,UAAK,GAAL,KAAK,CAAsB;QACxF,eAAU,GAAV,UAAU,CAAyB;QAvCnC,aAAQ,GAAY,KAAK,CAAC;QAC1B,kBAAa,GAAY,KAAK,CAAC;QAC/B,aAAQ,GAAY,KAAK,CAAC;QAEnC;;;;;;WAMG;QACM,qBAAgB,GAAY,IAAI,CAAC;QAEhC,WAAM,GAAG,IAAI,YAAY,EAAE,CAAC;QAC5B,cAAS,GAAG,IAAI,YAAY,EAAW,CAAC;QACxC,kBAAa,GAAG,IAAI,YAAY,EAAE,CAAC;QAE7C,mBAAc,GAAY,KAAK,CAAC;QAChC,gBAAW,GAAY,KAAK,CAAC;IAsB1B,CAAC;IAnBJ,YAAY,CAAC,KAAkB;QAC7B,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,cAAc,EAAE;YACxC,IAAI,KAAK,EAAE;gBACT,KAAK,CAAC,wBAAwB,EAAE,CAAC;aAClC;SACF;aAAM;YACL,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;aAClC;YACD,IAAI,IAAI,CAAC,KAAK,EAAE;gBACd,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aACrC;YACD,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SAC9B;IACH,CAAC;IAOD,WAAW,CAAC,KAAc;QACxB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IACxB,CAAC;IAED,cAAc,CAAC,KAAc;QAC3B,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAC1C,CAAC;;4GAlDU,eAAe,kBAuCJ,UAAU,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAC;gGAvCjD,eAAe,gVCR5B,uaAYA;2FDJa,eAAe;kBAL3B,SAAS;mBAAC;oBACT,QAAQ,EAAE,WAAW;oBACrB,WAAW,EAAE,uBAAuB;oBACpC,SAAS,EAAE,CAAC,uBAAuB,CAAC;iBACrC;;0BAwCI,QAAQ;;0BAAI,MAAM;2BAAC,UAAU,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAC;qEAtCnD,QAAQ;sBAAhB,KAAK;gBACG,aAAa;sBAArB,KAAK;gBACG,QAAQ;sBAAhB,KAAK;gBACG,KAAK;sBAAb,KAAK;gBAQG,gBAAgB;sBAAxB,KAAK;gBAEI,MAAM;sBAAf,MAAM;gBACG,SAAS;sBAAlB,MAAM;gBACG,aAAa;sBAAtB,MAAM;gBAMP,YAAY;sBADX,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC"}

package/esm2015/lib/forms-ui/components/option-group/option-group.component.js

@@ -1,34 +0,0 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-export class OptionGroupComponent {
-    constructor() {
-        /**
-         * Is true when option children have a selected state.
-         * In this case we want to align the padding of the group label with the lx-options'.
-         */
-        this.hasSelectedState = true;
-        this.select = new EventEmitter();
-    }
-    selectOption(value) {
-        this.select.emit(value);
-    }
-}
-OptionGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: OptionGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-OptionGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.4", type: OptionGroupComponent, selector: "lx-option-group", inputs: { hasSelectedState: "hasSelectedState", label: "label" }, outputs: { select: "select" }, ngImport: i0, template: "<li>\n  <span *ngIf=\"label\" class=\"groupLabel\" [class.selectedState]=\"hasSelectedState\">{{ label }}</span>\n  <ul>\n    <ng-content></ng-content>\n  </ul>\n</li>\n", styles: [":host{display:block}:host:not(:first-child){border-top:1px solid #eaedf1}ul{list-style:none;margin:0;padding-left:0}.groupLabel{display:block;line-height:23px;padding:4px 12px;color:#99a5bb;letter-spacing:.5px;font-weight:700;text-transform:uppercase}.groupLabel.selectedState{padding-left:28px}"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: OptionGroupComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'lx-option-group',
-                    templateUrl: 'option-group.component.html',
-                    styleUrls: ['option-group.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush
-                }]
-        }], propDecorators: { hasSelectedState: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], select: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=../../../../../../../../libs/components/src/lib/forms-ui/components/option-group/option-group.component.js.map

package/esm2015/lib/forms-ui/components/option-group/option-group.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"option-group.component.js","sourceRoot":"","sources":["option-group.component.ts","option-group.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;;AAQhG,MAAM,OAAO,oBAAoB;IANjC;QAOE;;;WAGG;QACM,qBAAgB,GAAY,IAAI,CAAC;QAIhC,WAAM,GAAG,IAAI,YAAY,EAAE,CAAC;KAKvC;IAHC,YAAY,CAAC,KAAU;QACrB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC;;iHAbU,oBAAoB;qGAApB,oBAAoB,wJCRjC,2KAMA;2FDEa,oBAAoB;kBANhC,SAAS;mBAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,WAAW,EAAE,6BAA6B;oBAC1C,SAAS,EAAE,CAAC,6BAA6B,CAAC;oBAC1C,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;8BAMU,gBAAgB;sBAAxB,KAAK;gBAEG,KAAK;sBAAb,KAAK;gBAEI,MAAM;sBAAf,MAAM"}

package/esm2015/lib/forms-ui/components/option-group-dropdown/option-group-dropdown.component.js

@@ -1,105 +0,0 @@
-import { ChangeDetectionStrategy, Component, ContentChild, EventEmitter, Input, Output } from '@angular/core';
-import { BasicDropdownComponent } from '../basic-dropdown/basic-dropdown.component';
-import { KeyboardSelectDirective } from '../keyboard-select.directive';
-import * as i0 from "@angular/core";
-import * as i1 from "../../../core-ui/components/badge/badge.component";
-import * as i2 from "../basic-dropdown-item/basic-dropdown-item.component";
-import * as i3 from "../../../core-ui/components/spinner/spinner.component";
-import * as i4 from "ngx-infinite-scroll";
-import * as i5 from "@angular/common";
-import * as i6 from "../../directives/selectable-item.directive";
-import * as i7 from "@ngx-translate/core";
-/**
- * Usage:
- * <lx-single-select
- *    #singleSelect
- *    [selection]="value"
- *    (selectionChange)="onSelectionChange($event)">
- *   <span class="selectedOption">
- *     {{ value.label }}
- *   </span>
- *   <lx-option-group-dropdown
- *     class="dropdownComponent"
- *     [keyboardSelectAction]="singleSelect.optionsKeyboardSelectAction$"
- *     [optionGroups]="optionGroups"
- *     (onItemSelected)="singleSelect.selectOption($event)">
- *    </lx-option-group-dropdown>
- * </lx-single-select>
- *
- */
-export class OptionGroupDropdownComponent extends KeyboardSelectDirective {
-    constructor() {
-        super(...arguments);
-        this.NAME = 'OptionGroupDropdownComponent';
-        this.optionGroups = [];
-        this.showCreateNewOption = false;
-        this.labelKey = 'label';
-        this.loading = false;
-        this.showNoResultsIfGroupIsEmpty = false;
-        this.onItemSelected = new EventEmitter();
-        this.containerScrolled = new EventEmitter();
-        this.createNewOption = new EventEmitter();
-    }
-    get isNewItem() {
-        var _a, _b, _c;
-        const options = (_b = (_a = this.optionGroups) === null || _a === void 0 ? void 0 : _a.reduce((flatOptions, optionGroup) => flatOptions.concat(optionGroup.options), [])) !== null && _b !== void 0 ? _b : [];
-        return BasicDropdownComponent.isNewItem(options, (_c = this.newOptionLabel) !== null && _c !== void 0 ? _c : '', this.labelKey);
-    }
-    selectOption(option) {
-        this.onItemSelected.emit(option);
-    }
-    trackByLabel(index, optionGroup) {
-        return optionGroup.label + index;
-    }
-    onCreateNewOption() {
-        if (!this.loading && this.newOptionLabel) {
-            this.createNewOption.emit(this.newOptionLabel);
-        }
-    }
-    trackByValue(_index, option) {
-        if (this.trackByProperty) {
-            return option[this.trackByProperty];
-        }
-        return option.value;
-    }
-}
-OptionGroupDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: OptionGroupDropdownComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-OptionGroupDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.4", type: OptionGroupDropdownComponent, selector: "lx-option-group-dropdown", inputs: { optionGroups: "optionGroups", newOptionLabel: "newOptionLabel", highlightTerm: "highlightTerm", showCreateNewOption: "showCreateNewOption", labelKey: "labelKey", loading: "loading", trackByProperty: "trackByProperty", showNoResultsIfGroupIsEmpty: "showNoResultsIfGroupIsEmpty" }, outputs: { onItemSelected: "onItemSelected", containerScrolled: "containerScrolled", createNewOption: "createNewOption" }, queries: [{ propertyName: "optionTemplateRef", first: true, predicate: ["optionTemplate"], descendants: true }, { propertyName: "noResultsOptionTemplateRef", first: true, predicate: ["noResultsOptionTemplateRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n  #keyboardSelectContainer\n  class=\"scrollingPanel lxThinScrollbar\"\n  infinite-scroll\n  [scrollWindow]=\"false\"\n  [fromRoot]=\"true\"\n  (scrolled)=\"containerScrolled.emit()\"\n>\n  <ul class=\"options\">\n    <li\n      *ngIf=\"showCreateNewOption && newOptionLabel && isNewItem\"\n      lxSelectableItem\n      [scrollInContainer]=\"keyboardSelectContainer\"\n      #item\n      (click)=\"onCreateNewOption()\"\n      (select)=\"onCreateNewOption()\"\n      [class.highlighted]=\"isItemSelected(item, (selectedItem$ | async)?.element)\"\n      class=\"option\"\n    >\n      <span class=\"newEntryContent\">\n        {{ newOptionLabel }}\n      </span>\n      <lx-badge class=\"lx-margin-left\" size=\"small\" [content]=\"'common.new' | translate | uppercase\"></lx-badge>\n    </li>\n    <ng-container *ngFor=\"let optionGroup of optionGroups; let groupIndex = index; trackBy: trackByLabel\">\n      <li>\n        <div class=\"groupLabel\" *ngIf=\"optionGroup.label\">\n          <span>{{ optionGroup.label | uppercase }}</span>\n        </div>\n        <ul>\n          <ng-container *ngIf=\"showNoResultsIfGroupIsEmpty && optionGroup.options.length === 0; else options\">\n            <li class=\"noResult\">\n              <ng-container *ngIf=\"noResultsOptionTemplateRef; else defaultText\">\n                <ng-container\n                  *ngTemplateOutlet=\"noResultsOptionTemplateRef; context: { group: optionGroup, groupIndex: groupIndex }\"\n                ></ng-container>\n              </ng-container>\n              <ng-template #defaultText>\n                <span>{{ NAME + '.noResults' | translate }}</span>\n              </ng-template>\n            </li>\n          </ng-container>\n          <ng-template #options>\n            <li\n              *ngFor=\"let option of optionGroup.options; let index = index; trackBy: trackByValue\"\n              lxSelectableItem\n              [scrollInContainer]=\"keyboardSelectContainer\"\n              #item\n              class=\"option\"\n              (click)=\"selectOption(option)\"\n              (select)=\"selectOption(option)\"\n              [class.highlighted]=\"isItemSelected(item, (selectedItem$ | async)?.element)\"\n            >\n              <ng-container *ngIf=\"optionTemplateRef; else basicDropdownOption\">\n                <ng-container\n                  *ngTemplateOutlet=\"optionTemplateRef; context: { $implicit: option, index: index, groupIndex: groupIndex }\"\n                ></ng-container>\n              </ng-container>\n              <ng-template #basicDropdownOption>\n                <lx-basic-dropdown-item\n                  [label]=\"option.label\"\n                  labelFontWeight=\"normal\"\n                  [highlightTerm]=\"highlightTerm\"\n                ></lx-basic-dropdown-item>\n              </ng-template>\n            </li>\n          </ng-template>\n        </ul>\n      </li>\n    </ng-container>\n    <lx-spinner *ngIf=\"loading\" [fadeBackground]=\"true\"></lx-spinner>\n  </ul>\n</div>\n", styles: [":host{display:block}.scrollingPanel{overflow-y:auto;max-height:400px}.groupLabel{line-height:23px;padding:4px 12px;color:#99a5bb;letter-spacing:.5px;font-weight:700;text-transform:uppercase;cursor:default}ul{list-style:none;margin:0;padding:0}ul:not(:last-child){border-bottom:1px solid #eaedf1}.noResult,.option{display:block;padding:4px 12px}.option{cursor:pointer}.option:hover{background-color:#e1e5eb!important}.option.highlighted{background:#eaedf1}"], components: [{ type: i1.BadgeComponent, selector: "lx-badge", inputs: ["content", "size", "color"] }, { type: i2.BasicDropdownItemComponent, selector: "lx-basic-dropdown-item", inputs: ["label", "description", "highlightTerm", "labelFontWeight", "descriptionFontStyle"] }, { type: i3.SpinnerComponent, selector: "lx-spinner", inputs: ["fadeBackground"] }], directives: [{ type: i4.InfiniteScrollDirective, selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]", inputs: ["infiniteScrollDistance", "infiniteScrollUpDistance", "infiniteScrollThrottle", "infiniteScrollDisabled", "infiniteScrollContainer", "scrollWindow", "immediateCheck", "horizontal", "alwaysCallback", "fromRoot"], outputs: ["scrolled", "scrolledUp"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.SelectableItemDirective, selector: "[lxSelectableItem]", inputs: ["scrollInContainer", "lxSelectableItem"], outputs: ["select"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i5.AsyncPipe, "uppercase": i5.UpperCasePipe, "translate": i7.TranslatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: OptionGroupDropdownComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'lx-option-group-dropdown',
-                    templateUrl: 'option-group-dropdown.component.html',
-                    styleUrls: ['option-group-dropdown.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush
-                }]
-        }], propDecorators: { optionGroups: [{
-                type: Input
-            }], newOptionLabel: [{
-                type: Input
-            }], highlightTerm: [{
-                type: Input
-            }], showCreateNewOption: [{
-                type: Input
-            }], labelKey: [{
-                type: Input
-            }], loading: [{
-                type: Input
-            }], trackByProperty: [{
-                type: Input
-            }], showNoResultsIfGroupIsEmpty: [{
-                type: Input
-            }], onItemSelected: [{
-                type: Output
-            }], containerScrolled: [{
-                type: Output
-            }], createNewOption: [{
-                type: Output
-            }], optionTemplateRef: [{
-                type: ContentChild,
-                args: ['optionTemplate']
-            }], noResultsOptionTemplateRef: [{
-                type: ContentChild,
-                args: ['noResultsOptionTemplateRef']
-            }] } });
-//# sourceMappingURL=../../../../../../../../libs/components/src/lib/forms-ui/components/option-group-dropdown/option-group-dropdown.component.js.map

package/esm2015/lib/forms-ui/components/option-group-dropdown/option-group-dropdown.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"option-group-dropdown.component.js","sourceRoot":"","sources":["option-group-dropdown.component.ts","option-group-dropdown.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAe,MAAM,eAAe,CAAC;AAC3H,OAAO,EAAE,sBAAsB,EAAE,MAAM,4CAA4C,CAAC;AACpF,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;;;;;;;;;AAQvE;;;;;;;;;;;;;;;;;GAiBG;AAOH,MAAM,OAAO,4BAA6B,SAAQ,uBAAuB;IANzE;;QAOW,SAAI,GAAG,8BAA8B,CAAC;QAEtC,iBAAY,GAA8B,EAAE,CAAC;QAM7C,wBAAmB,GAAY,KAAK,CAAC;QACrC,aAAQ,GAAW,OAAO,CAAC;QAC3B,YAAO,GAAY,KAAK,CAAC;QAEzB,gCAA2B,GAAY,KAAK,CAAC;QAE5C,mBAAc,GAAG,IAAI,YAAY,EAA2B,CAAC;QAC7D,sBAAiB,GAAG,IAAI,YAAY,EAAE,CAAC;QACvC,oBAAe,GAAG,IAAI,YAAY,EAAU,CAAC;KAqCxD;IA3BC,IAAW,SAAS;;QAClB,MAAM,OAAO,GACX,MAAA,MAAA,IAAI,CAAC,YAAY,0CAAE,MAAM,CAA8B,CAAC,WAAW,EAAE,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,mCACjI,EAAE,CAAC;QACL,OAAO,sBAAsB,CAAC,SAAS,CAAC,OAAO,EAAE,MAAA,IAAI,CAAC,cAAc,mCAAI,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC7F,CAAC;IAED,YAAY,CAAC,MAA+B;QAC1C,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACnC,CAAC;IAED,YAAY,CAAC,KAAa,EAAE,WAAoC;QAC9D,OAAO,WAAW,CAAC,KAAK,GAAG,KAAK,CAAC;IACnC,CAAC;IAEM,iBAAiB;QACtB,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,cAAc,EAAE;YACxC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;SAChD;IACH,CAAC;IAED,YAAY,CAAC,MAAc,EAAE,MAA+B;QAC1D,IAAI,IAAI,CAAC,eAAe,EAAE;YACxB,OAAO,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;SACrC;QACD,OAAO,MAAM,CAAC,KAAK,CAAC;IACtB,CAAC;;yHArDU,4BAA4B;6GAA5B,4BAA4B,guBClCzC,w9FAyEA;2FDvCa,4BAA4B;kBANxC,SAAS;mBAAC;oBACT,QAAQ,EAAE,0BAA0B;oBACpC,WAAW,EAAE,sCAAsC;oBACnD,SAAS,EAAE,CAAC,sCAAsC,CAAC;oBACnD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;8BAIU,YAAY;sBAApB,KAAK;gBAIG,cAAc;sBAAtB,KAAK;gBACG,aAAa;sBAArB,KAAK;gBACG,mBAAmB;sBAA3B,KAAK;gBACG,QAAQ;sBAAhB,KAAK;gBACG,OAAO;sBAAf,KAAK;gBACG,eAAe;sBAAvB,KAAK;gBACG,2BAA2B;sBAAnC,KAAK;gBAEI,cAAc;sBAAvB,MAAM;gBACG,iBAAiB;sBAA1B,MAAM;gBACG,eAAe;sBAAxB,MAAM;gBAEyB,iBAAiB;sBAAhD,YAAY;uBAAC,gBAAgB;gBAMc,0BAA0B;sBAArE,YAAY;uBAAC,4BAA4B"}