@leanix/components 0.2.229 → 0.2.232

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

@@ -1,124 +0,0 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, HostListener, Input, Output } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@ngx-translate/core";
-import * as i2 from "../icon/icon.component";
-import * as i3 from "@angular/common";
-export class PickerOptionComponent {
-    constructor(cdRef, translateService) {
-        this.cdRef = cdRef;
-        this.translateService = translateService;
-        this.NAME = 'PickerOptionComponent';
-        this.role = 'option';
-        this.ariaSelected = false;
-        this.selected = false;
-        this.isClearOption = false;
-        /**
-         * Emits the value.
-         */
-        this.select = new EventEmitter();
-        this._highlighted = false;
-    }
-    get ariaLabelValue() {
-        if (this.isClearOption) {
-            return this.translateService.instant(`${this.NAME}.clearOption.label`);
-        }
-        return this.ariaLabel;
-    }
-    get titleValue() {
-        if (this.isClearOption) {
-            return this.translateService.instant(`${this.NAME}.clearOption.label`);
-        }
-        return this.ariaLabel;
-    }
-    get id() {
-        return this.optionId;
-    }
-    /**
-     * This property is true, when the option was selected by mouse click or by the
-     * ActiveDescendantKeyManager calling setActiveStyles().
-     * It's false when the ActiveDescendantKeyManager calls setInactiveStyles().
-     * Is used by the PickerComponent to find the current active option.
-     */
-    get highlighted() {
-        return this._highlighted;
-    }
-    set highlighted(value) {
-        this._highlighted = value;
-        this.cdRef.markForCheck();
-    }
-    ngOnInit() {
-        if (this.selected) {
-            this.ariaSelected = true;
-        }
-    }
-    manageClickEvents() {
-        this.selectOption();
-    }
-    setActiveStyles() {
-        this.ariaSelected = true;
-        this.highlighted = true;
-    }
-    setInactiveStyles() {
-        this.ariaSelected = false;
-        this.highlighted = false;
-    }
-    /**
-     * Triggers the EventEmitter select() that should emit, when an option was selected.
-     * This function is used in the PickerComponent when an option was selected.
-     */
-    selectOption() {
-        this.select.emit(this.value);
-    }
-}
-PickerOptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: PickerOptionComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-PickerOptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.4", type: PickerOptionComponent, selector: "li[lx-picker-option]", inputs: { optionId: "optionId", ariaLabel: "ariaLabel", value: "value", selected: "selected", isClearOption: "isClearOption" }, outputs: { select: "select" }, host: { listeners: { "click": "manageClickEvents()" }, properties: { "attr.role": "this.role", "attr.aria-selected": "this.ariaSelected", "attr.aria-label": "this.ariaLabelValue", "attr.title": "this.titleValue", "id": "this.id", "class.selected": "this.selected", "class.clearOption": "this.isClearOption", "class.highlighted": "this.highlighted" } }, ngImport: i0, template: "<lx-icon *ngIf=\"isClearOption\" name=\"slash\" color=\"#d8d8d8\"></lx-icon>\n<ng-content *ngIf=\"!isClearOption\"></ng-content>\n", styles: [":host{display:inline-block;cursor:pointer;width:35px;height:35px;line-height:35px;text-align:center;border:1px solid transparent;border-radius:3px}:host.clearOption{border:1px solid #cfd5df}:host.highlighted,:host.selected{border:1px solid #b2bccc;cursor:default}:host:hover{border:1px solid #b2bccc}:host:focus{outline:0}"], components: [{ type: i2.IconComponent, selector: "lx-icon", inputs: ["name", "color", "fontAwsomeStyle", "size", "title"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: PickerOptionComponent, decorators: [{
-            type: Component,
-            args: [{
-                    // eslint-disable-next-line @angular-eslint/component-selector
-                    selector: 'li[lx-picker-option]',
-                    templateUrl: 'picker-option.component.html',
-                    styleUrls: ['picker-option.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.TranslateService }]; }, propDecorators: { role: [{
-                type: HostBinding,
-                args: ['attr.role']
-            }], ariaSelected: [{
-                type: HostBinding,
-                args: ['attr.aria-selected']
-            }], ariaLabelValue: [{
-                type: HostBinding,
-                args: ['attr.aria-label']
-            }], titleValue: [{
-                type: HostBinding,
-                args: ['attr.title']
-            }], id: [{
-                type: HostBinding,
-                args: ['id']
-            }], optionId: [{
-                type: Input
-            }], ariaLabel: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], selected: [{
-                type: HostBinding,
-                args: ['class.selected']
-            }, {
-                type: Input
-            }], isClearOption: [{
-                type: HostBinding,
-                args: ['class.clearOption']
-            }, {
-                type: Input
-            }], select: [{
-                type: Output
-            }], highlighted: [{
-                type: HostBinding,
-                args: ['class.highlighted']
-            }], manageClickEvents: [{
-                type: HostListener,
-                args: ['click']
-            }] } });
-//# sourceMappingURL=../../../../../../../../libs/components/src/lib/forms-ui/components/picker-option/picker-option.component.js.map

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

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

package/esm2015/lib/forms-ui/components/pill-item/pill-item.component.js

@@ -1,37 +0,0 @@
-import { Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-export class PillItemComponent {
-    constructor() {
-        this.NAME = 'PillItemComponent';
-        this.disabled = false;
-        this.remove = new EventEmitter();
-    }
-    removePill(item, isMouse = false) {
-        if (!this.disabled) {
-            this.remove.emit({ item, isMouse });
-        }
-    }
-}
-PillItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: PillItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-PillItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.4", type: PillItemComponent, selector: "lx-pill-item", inputs: { item: "item", label: "label", disabled: "disabled" }, outputs: { remove: "remove" }, host: { properties: { "class.disabled": "this.disabled" } }, ngImport: i0, template: "<span data-testid=\"pill-label\" class=\"pillLabel\">{{ label }}</span>\n<span *ngIf=\"!disabled\" data-testid=\"remove-pill-item\" (click)=\"removePill(item, true)\" class=\"remove far fa-times\"></span>\n", styles: [":host{margin:2px;border-radius:1px;border:1px solid #e1e5eb;background-color:#e1e5eb;display:inline-block;padding:4px}:host:hover{background-color:#cfd5df;border:1px solid #cfd5df;color:#526179}:host-context(.selected){background-color:#c2c9d6}.pillLabel{margin-left:4px;margin-right:4px;font-weight:400;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;color:#526179}.pillLabel,.remove{vertical-align:middle}.remove{color:#8594ad;margin:0 4px}.remove:hover{cursor:pointer;color:#526179}"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: PillItemComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'lx-pill-item',
-                    templateUrl: 'pill-item.component.html',
-                    styleUrls: ['pill-item.component.scss']
-                }]
-        }], propDecorators: { item: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], disabled: [{
-                type: HostBinding,
-                args: ['class.disabled']
-            }, {
-                type: Input
-            }], remove: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=../../../../../../../../libs/components/src/lib/forms-ui/components/pill-item/pill-item.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"pill-item.component.js","sourceRoot":"","sources":["pill-item.component.ts","pill-item.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;;AAQpF,MAAM,OAAO,iBAAiB;IAL9B;QAMW,SAAI,GAAG,mBAAmB,CAAC;QAII,aAAQ,GAAY,KAAK,CAAC;QAExD,WAAM,GAAG,IAAI,YAAY,EAA8B,CAAC;KAOnE;IALC,UAAU,CAAC,IAAS,EAAE,UAAmB,KAAK;QAC5C,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;SACrC;IACH,CAAC;;8GAbU,iBAAiB;kGAAjB,iBAAiB,gNCR9B,gNAEA;2FDMa,iBAAiB;kBAL7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,cAAc;oBACxB,WAAW,EAAE,0BAA0B;oBACvC,SAAS,EAAE,CAAC,0BAA0B,CAAC;iBACxC;8BAIU,IAAI;sBAAZ,KAAK;gBACG,KAAK;sBAAb,KAAK;gBACkC,QAAQ;sBAA/C,WAAW;uBAAC,gBAAgB;;sBAAG,KAAK;gBAE3B,MAAM;sBAAf,MAAM"}

package/esm2015/lib/forms-ui/components/pill-list/pill-list.component.js

@@ -1,64 +0,0 @@
-import { ChangeDetectionStrategy, Component, ContentChild, ContentChildren, EventEmitter, HostBinding, Input, Output, TemplateRef } from '@angular/core';
-import { merge } from 'rxjs';
-import { delay, startWith, switchMap, takeUntil } from 'rxjs/operators';
-import { KeyboardSelectDirective } from '../keyboard-select.directive';
-import { PillItemComponent } from '../pill-item/pill-item.component';
-import * as i0 from "@angular/core";
-import * as i1 from "../pill-item/pill-item.component";
-import * as i2 from "@angular/common";
-import * as i3 from "../../directives/selectable-item.directive";
-export class PillListComponent extends KeyboardSelectDirective {
-    constructor() {
-        super(...arguments);
-        this.pills = [];
-        this.disabled = false;
-        this.remove = new EventEmitter();
-    }
-    ngAfterViewInit() {
-        super.ngAfterViewInit();
-        if (this.pillTemplate) {
-            const removePillEvents = this.contentItems.changes.pipe(startWith(this.contentItems), switchMap(() => merge(...this.contentItems.map((item) => item.remove))), delay(0), takeUntil(this.destroyed$));
-            removePillEvents.subscribe(this.removePill.bind(this));
-        }
-    }
-    removePill(event) {
-        this.remove.emit(event);
-    }
-    removePillViaKeyboard(pill) {
-        this.remove.emit({ item: pill, isMouse: false });
-    }
-    trackByProp(prop) {
-        return (index, pill) => (prop ? pill[prop] : index);
-    }
-}
-PillListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: PillListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-PillListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.4", type: PillListComponent, selector: "lx-pill-list", inputs: { pills: "pills", labelKey: "labelKey", itemKey: "itemKey", disabled: "disabled" }, outputs: { remove: "remove" }, host: { properties: { "class.disabled": "this.disabled" } }, queries: [{ propertyName: "pillTemplate", first: true, predicate: ["pillTemplate"], descendants: true, read: TemplateRef, static: true }, { propertyName: "contentItems", predicate: PillItemComponent }], usesInheritance: true, ngImport: i0, template: "<ul class=\"pills\" #keyboardSelectContainer>\n  <li\n    *ngFor=\"let pill of pills; let index = index; trackBy: trackByProp(itemKey)\"\n    lxSelectableItem\n    [scrollInContainer]=\"keyboardSelectContainer\"\n    #item\n    (select)=\"removePillViaKeyboard(pill)\"\n    class=\"pill\"\n    [class.selected]=\"isItemSelected(item, (selectedItem$ | async)?.element)\"\n  >\n    <ng-container *ngIf=\"pillTemplate; else defaultTemplate\">\n      <ng-container *ngTemplateOutlet=\"pillTemplate; context: { $implicit: pill, index: index }\"></ng-container>\n    </ng-container>\n    <ng-template #defaultTemplate>\n      <lx-pill-item\n        [item]=\"pill\"\n        [label]=\"labelKey ? pill[labelKey] : pill\"\n        [disabled]=\"disabled\"\n        (remove)=\"removePill($event)\"\n      ></lx-pill-item>\n    </ng-template>\n  </li>\n</ul>\n", styles: [":host .pill{display:inline}:host.disabled{cursor:not-allowed}:host .pills{display:inline;margin:0!important;padding:0!important}"], components: [{ type: i1.PillItemComponent, selector: "lx-pill-item", inputs: ["item", "label", "disabled"], outputs: ["remove"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.SelectableItemDirective, selector: "[lxSelectableItem]", inputs: ["scrollInContainer", "lxSelectableItem"], outputs: ["select"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: PillListComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'lx-pill-list',
-                    templateUrl: 'pill-list.component.html',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    styleUrls: ['pill-list.component.scss']
-                }]
-        }], propDecorators: { pills: [{
-                type: Input
-            }], labelKey: [{
-                type: Input
-            }], itemKey: [{
-                type: Input
-            }], disabled: [{
-                type: HostBinding,
-                args: ['class.disabled']
-            }, {
-                type: Input
-            }], remove: [{
-                type: Output
-            }], pillTemplate: [{
-                type: ContentChild,
-                args: ['pillTemplate', { read: TemplateRef, static: true }]
-            }], contentItems: [{
-                type: ContentChildren,
-                args: [PillItemComponent, { emitDistinctChangesOnly: true }]
-            }] } });
-//# sourceMappingURL=../../../../../../../../libs/components/src/lib/forms-ui/components/pill-list/pill-list.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"pill-list.component.js","sourceRoot":"","sources":["pill-list.component.ts","pill-list.component.html"],"names":[],"mappings":"AAAA,OAAO,EAEL,uBAAuB,EACvB,SAAS,EACT,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,WAAW,EACX,KAAK,EACL,MAAM,EAEN,WAAW,EACZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,KAAK,EAAc,MAAM,MAAM,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACxE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAEvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;;;;;AAQrE,MAAM,OAAO,iBAAkB,SAAQ,uBAAuB;IAN9D;;QAOW,UAAK,GAAU,EAAE,CAAC;QAOa,aAAQ,GAAY,KAAK,CAAC;QAExD,WAAM,GAAG,IAAI,YAAY,EAA8B,CAAC;KAqCnE;IAxBC,eAAe;QACb,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,MAAM,gBAAgB,GAA2C,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,CAC7F,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,EAC5B,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EACvE,KAAK,CAAC,CAAC,CAAC,EACR,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAC3B,CAAC;YACF,gBAAgB,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;SACxD;IACH,CAAC;IAED,UAAU,CAAC,KAAiC;QAC1C,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC;IAED,qBAAqB,CAAC,IAAS;QAC7B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;IACnD,CAAC;IAEM,WAAW,CAAC,IAAa;QAC9B,OAAO,CAAC,KAAa,EAAE,IAAS,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IACnE,CAAC;;8GA9CU,iBAAiB;kGAAjB,iBAAiB,iUAoBU,WAAW,6DAChC,iBAAiB,oDC9CpC,k1BAuBA;2FDEa,iBAAiB;kBAN7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,cAAc;oBACxB,WAAW,EAAE,0BAA0B;oBACvC,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,SAAS,EAAE,CAAC,0BAA0B,CAAC;iBACxC;8BAEU,KAAK;sBAAb,KAAK;gBACG,QAAQ;sBAAhB,KAAK;gBAKG,OAAO;sBAAf,KAAK;gBACkC,QAAQ;sBAA/C,WAAW;uBAAC,gBAAgB;;sBAAG,KAAK;gBAE3B,MAAM;sBAAf,MAAM;gBAU4D,YAAY;sBAA9E,YAAY;uBAAC,cAAc,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE;gBACM,YAAY;sBAAlF,eAAe;uBAAC,iBAAiB,EAAE,EAAE,uBAAuB,EAAE,IAAI,EAAE"}

package/esm2015/lib/forms-ui/components/responsive-input/responsive-input.component.js

@@ -1,104 +0,0 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, forwardRef, Output, ViewChild } from '@angular/core';
-import { FormControl, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { Subject } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/forms";
-import * as i2 from "@angular/common";
-export class ResponsiveInputComponent {
-    constructor() {
-        this.focus = new EventEmitter();
-        this.blur = new EventEmitter();
-        this.inputWidth$ = new Subject();
-        this.inputControl = new FormControl();
-        this.destroyed$ = new Subject();
-    }
-    ngAfterViewInit() {
-        // calculate size of input dynamic
-        this.inputControl.valueChanges.pipe(takeUntil(this.destroyed$)).subscribe((value) => {
-            this.propagateChange(value);
-            try {
-                const width = this.computeSearchInputWidth(this.inputWidth.nativeElement, value) + 1 + 'px';
-                this.inputWidth$.next(width);
-            }
-            catch (_e) {
-                /* empty catch */
-            }
-        });
-    }
-    ngOnDestroy() {
-        this.destroyed$.next();
-    }
-    focusInput() {
-        this.responsiveInput.nativeElement.focus();
-    }
-    resetInput() {
-        var _a;
-        if (((_a = this.inputControl.value) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-            this.inputControl.reset('', { emitEvent: false });
-            const width = this.computeSearchInputWidth(this.inputWidth.nativeElement, ' ') + 1 + 'px';
-            this.inputWidth$.next(width);
-        }
-    }
-    /**
-     * Based on https://github.com/Semantic-Org/Semantic-UI-React/
-     * blob/25e382e40bb3102bb39944612643c0289cd1956b/src/modules/Dropdown/Dropdown.js#L1035
-     */
-    computeSearchInputWidth(sizerRef, searchQuery) {
-        if (sizerRef && searchQuery) {
-            sizerRef.style.display = 'inline-block';
-            sizerRef.textContent = searchQuery;
-            const searchWidth = Math.ceil(sizerRef.getBoundingClientRect().width);
-            sizerRef.style.removeProperty('display');
-            return searchWidth;
-        }
-        return 0;
-    }
-    //#region Angular Forms
-    propagateChange(_value) { }
-    writeValue(newValue) {
-        if (newValue) {
-            this.value = newValue;
-            this.propagateChange(this.value);
-        }
-    }
-    registerOnChange(fn) {
-        this.propagateChange = fn;
-    }
-    registerOnTouched(_fn) { }
-}
-ResponsiveInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: ResponsiveInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ResponsiveInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.4", type: ResponsiveInputComponent, selector: "lx-responsive-input", outputs: { focus: "focus", blur: "blur" }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            multi: true,
-            useExisting: forwardRef(() => ResponsiveInputComponent)
-        }
-    ], viewQueries: [{ propertyName: "responsiveInput", first: true, predicate: ["responsiveInput"], descendants: true, static: true }, { propertyName: "inputWidth", first: true, predicate: ["inputWidth"], descendants: true, static: true }], ngImport: i0, template: "<span #inputWidth class=\"inputWidth\"></span>\n<input\n  type=\"text\"\n  class=\"responsiveInput\"\n  (focus)=\"focus.emit()\"\n  (blur)=\"blur.emit()\"\n  [formControl]=\"inputControl\"\n  #responsiveInput\n  [style.width]=\"inputWidth$ | async\"\n/>\n", styles: [":host{display:inline-block}.inputWidth{display:none;height:0;overflow:hidden;position:absolute;white-space:pre;max-width:100%}.responsiveInput{border:0;padding:0;height:100%;max-width:100%}.responsiveInput::-ms-clear{display:none}.responsiveInput:focus{outline:0}"], directives: [{ type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: ResponsiveInputComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'lx-responsive-input',
-                    templateUrl: 'responsive-input.component.html',
-                    styleUrls: ['responsive-input.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            multi: true,
-                            useExisting: forwardRef(() => ResponsiveInputComponent)
-                        }
-                    ]
-                }]
-        }], propDecorators: { focus: [{
-                type: Output
-            }], blur: [{
-                type: Output
-            }], responsiveInput: [{
-                type: ViewChild,
-                args: ['responsiveInput', { static: true }]
-            }], inputWidth: [{
-                type: ViewChild,
-                args: ['inputWidth', { static: true }]
-            }] } });
-//# sourceMappingURL=../../../../../../../../libs/components/src/lib/forms-ui/components/responsive-input/responsive-input.component.js.map

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

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