@morozeckiy/dd-lib 0.1.1 → 0.1.2

package/esm2022/lib/lib-radio/lib-radio.component.mjs

@@ -0,0 +1,76 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, forwardRef, Input, Output, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class LibRadioComponent {
+    constructor() {
+        this.disabled = false; // состояние: по умолчанию - активное
+        this.required = false;
+        this.checked = false;
+        this.changed = new EventEmitter();
+        this.modelInitialization = true;
+    }
+    static { this.idCounter = 1; }
+    ngOnInit() {
+        if (!this.radioId) {
+            this.radioId = 'dd-radio-' + LibRadioComponent.idCounter++;
+        }
+    }
+    onSelected(target) {
+        this.checked = target?.checked;
+        this.propagateChange(this.value);
+        this.changed.emit(this.value);
+    }
+    registerOnChange(fn) {
+        this.propagateChange = fn;
+    }
+    setDisabledState(disabled) {
+        this.disabled = disabled;
+    }
+    registerOnTouched(fn) {
+        this.onTouchedCallback = fn;
+    }
+    writeValue(value) {
+        const isInitialization = this.modelInitialization;
+        this.modelInitialization = false;
+        if (this.checked !== undefined && value === undefined && isInitialization) {
+            return;
+        }
+        this.checked = value === this.value;
+    }
+    propagateChange(_value) { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LibRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LibRadioComponent, isStandalone: true, selector: "dd-lib-radio", inputs: { radioId: "radioId", disabled: "disabled", required: "required", name: "name", value: "value", checked: "checked" }, outputs: { changed: "changed" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => LibRadioComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<label [for]=\"radioId\" class=\"radio\">\n  <input\n    (change)=\"onSelected($event.target)\"\n    [attr.aria-checked]=\"checked\"\n    [attr.tabIndex]=\"disabled ? -1 : 0\"\n    [attr.value]=\"value\"\n    [checked]=\"checked\"\n    [disabled]=\"disabled\"\n    [id]=\"radioId\"\n    [name]=\"name\"\n    [ngClass]=\"{ disabled: disabled }\"\n    [required]=\"required\"\n    class=\"radio-input\"\n    role=\"radio\"\n    type=\"radio\" />\n  <div [class.focused]=\"focused\" class=\"mark-wrap\">\n    <div class=\"radio-button\"></div>\n  </div>\n  <div class=\"label-wrap\">\n    <span><ng-content></ng-content></span>\n  </div>\n</label>\n", styles: [":host{outline:none}.radio{display:flex;align-items:center;position:relative;font-size:16px;cursor:pointer}.radio-input{opacity:0;position:absolute;z-index:-1}.radio-input:focus{opacity:1;width:24px;height:24px;left:0;top:0;margin:0;border-color:#000}.radio-input:focus:not(:focus-visible){opacity:0;border:0;outline:0;margin:0;width:inherit;height:inherit}.radio-input:checked~.label-wrap{font-weight:700}.radio-input:checked+.mark-wrap{border:2px solid var(--radio-active-color)}.radio-input:checked+.mark-wrap .radio-button{background-color:var(--radio-active-color);border:2px solid #fff;width:16px;height:16px}.radio-input:checked:disabled+.mark-wrap,.radio-input:checked:disabled:hover+.mark-wrap{border-color:var(--radio-disabled);cursor:default}.radio-input:checked:disabled+.mark-wrap .radio-button,.radio-input:checked:disabled:hover+.mark-wrap .radio-button{cursor:default;background-color:var(--radio-disabled);border:2px solid #fff}.radio-input:disabled+.mark-wrap,.radio-input:disabled:hover+.mark-wrap{border-color:var(--radio-disabled);cursor:default}.radio-input:disabled+.mark-wrap .radio-button,.radio-input:disabled:hover+.mark-wrap .radio-button{cursor:default;border:2px solid #fff}.radio-input:hover+.mark-wrap{border-color:#1c1c1c}.radio-input:hover+.mark-wrap .radio-button{border-color:#1c1c1c}.radio-input:checked:hover+.mark-wrap{cursor:pointer;border:2px solid var(--radio-hover-color)}.radio-input:checked:hover+.mark-wrap .radio-button{cursor:pointer;background-color:var(--radio-hover-color);border:2px solid #fff}.mark-wrap{border-radius:100%;border:1px solid #d7d7d7;background:#fff;margin-right:12px}.radio-button{box-sizing:border-box;border-radius:100%;width:18px;height:18px}.label-wrap{display:inline-block;line-height:19px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LibRadioComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dd-lib-radio', standalone: true, imports: [CommonModule, FormsModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => LibRadioComponent),
+                            multi: true,
+                        },
+                    ], template: "<label [for]=\"radioId\" class=\"radio\">\n  <input\n    (change)=\"onSelected($event.target)\"\n    [attr.aria-checked]=\"checked\"\n    [attr.tabIndex]=\"disabled ? -1 : 0\"\n    [attr.value]=\"value\"\n    [checked]=\"checked\"\n    [disabled]=\"disabled\"\n    [id]=\"radioId\"\n    [name]=\"name\"\n    [ngClass]=\"{ disabled: disabled }\"\n    [required]=\"required\"\n    class=\"radio-input\"\n    role=\"radio\"\n    type=\"radio\" />\n  <div [class.focused]=\"focused\" class=\"mark-wrap\">\n    <div class=\"radio-button\"></div>\n  </div>\n  <div class=\"label-wrap\">\n    <span><ng-content></ng-content></span>\n  </div>\n</label>\n", styles: [":host{outline:none}.radio{display:flex;align-items:center;position:relative;font-size:16px;cursor:pointer}.radio-input{opacity:0;position:absolute;z-index:-1}.radio-input:focus{opacity:1;width:24px;height:24px;left:0;top:0;margin:0;border-color:#000}.radio-input:focus:not(:focus-visible){opacity:0;border:0;outline:0;margin:0;width:inherit;height:inherit}.radio-input:checked~.label-wrap{font-weight:700}.radio-input:checked+.mark-wrap{border:2px solid var(--radio-active-color)}.radio-input:checked+.mark-wrap .radio-button{background-color:var(--radio-active-color);border:2px solid #fff;width:16px;height:16px}.radio-input:checked:disabled+.mark-wrap,.radio-input:checked:disabled:hover+.mark-wrap{border-color:var(--radio-disabled);cursor:default}.radio-input:checked:disabled+.mark-wrap .radio-button,.radio-input:checked:disabled:hover+.mark-wrap .radio-button{cursor:default;background-color:var(--radio-disabled);border:2px solid #fff}.radio-input:disabled+.mark-wrap,.radio-input:disabled:hover+.mark-wrap{border-color:var(--radio-disabled);cursor:default}.radio-input:disabled+.mark-wrap .radio-button,.radio-input:disabled:hover+.mark-wrap .radio-button{cursor:default;border:2px solid #fff}.radio-input:hover+.mark-wrap{border-color:#1c1c1c}.radio-input:hover+.mark-wrap .radio-button{border-color:#1c1c1c}.radio-input:checked:hover+.mark-wrap{cursor:pointer;border:2px solid var(--radio-hover-color)}.radio-input:checked:hover+.mark-wrap .radio-button{cursor:pointer;background-color:var(--radio-hover-color);border:2px solid #fff}.mark-wrap{border-radius:100%;border:1px solid #d7d7d7;background:#fff;margin-right:12px}.radio-button{box-sizing:border-box;border-radius:100%;width:18px;height:18px}.label-wrap{display:inline-block;line-height:19px}\n"] }]
+        }], propDecorators: { radioId: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], checked: [{
+                type: Input
+            }], changed: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGliLXJhZGlvLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RkLWxpYi9zcmMvbGliL2xpYi1yYWRpby9saWItcmFkaW8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGQtbGliL3NyYy9saWIvbGliLXJhZGlvL2xpYi1yYWRpby5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osVUFBVSxFQUNWLEtBQUssRUFFTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBd0IsV0FBVyxFQUFFLGlCQUFpQixFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7OztBQWlCM0csTUFBTSxPQUFPLGlCQUFpQjtJQWY5QjtRQW1Ca0IsYUFBUSxHQUFHLEtBQUssQ0FBQyxDQUFDLHFDQUFxQztRQUN2RCxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBR2pCLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFFZixZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUl0Qyx3QkFBbUIsR0FBRyxJQUFJLENBQUM7S0FvQ3BDO2FBakRlLGNBQVMsR0FBRyxDQUFDLEFBQUosQ0FBSztJQWVyQixRQUFRO1FBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUNsQixJQUFJLENBQUMsT0FBTyxHQUFHLFdBQVcsR0FBRyxpQkFBaUIsQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUM3RCxDQUFDO0lBQ0gsQ0FBQztJQUVNLFVBQVUsQ0FBQyxNQUEwQjtRQUMxQyxJQUFJLENBQUMsT0FBTyxHQUFJLE1BQTJCLEVBQUUsT0FBTyxDQUFDO1FBQ3JELElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ2pDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNoQyxDQUFDO0lBRU0sZ0JBQWdCLENBQUMsRUFBTztRQUM3QixJQUFJLENBQUMsZUFBZSxHQUFHLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRU0sZ0JBQWdCLENBQUMsUUFBaUI7UUFDdkMsSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7SUFDM0IsQ0FBQztJQUVNLGlCQUFpQixDQUFDLEVBQU87UUFDOUIsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRU0sVUFBVSxDQUFDLEtBQVU7UUFDMUIsTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsbUJBQW1CLENBQUM7UUFDbEQsSUFBSSxDQUFDLG1CQUFtQixHQUFHLEtBQUssQ0FBQztRQUNqQyxJQUFJLElBQUksQ0FBQyxPQUFPLEtBQUssU0FBUyxJQUFJLEtBQUssS0FBSyxTQUFTLElBQUksZ0JBQWdCLEVBQUUsQ0FBQztZQUMxRSxPQUFPO1FBQ1QsQ0FBQztRQUNELElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxLQUFLLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDdEMsQ0FBQztJQUVPLGVBQWUsQ0FBQyxNQUFXLElBQUcsQ0FBQzsrR0FqRDVCLGlCQUFpQjttR0FBakIsaUJBQWlCLDBOQVJqQjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsaUJBQWlCLENBQUM7Z0JBQ2hELEtBQUssRUFBRSxJQUFJO2FBQ1o7U0FDRiwwQkN6Qkgsd29CQXNCQSw2eEREUFksWUFBWSw0SEFBRSxXQUFXLDhCQUFFLG1CQUFtQjs7NEZBWTdDLGlCQUFpQjtrQkFmN0IsU0FBUzsrQkFDRSxjQUFjLGNBQ1osSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsQ0FBQyxtQkFHeEMsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxrQkFBa0IsQ0FBQzs0QkFDaEQsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7OEJBS2UsT0FBTztzQkFBdEIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxLQUFLO3NCQUFwQixLQUFLO2dCQUNVLE9BQU87c0JBQXRCLEtBQUs7Z0JBRVcsT0FBTztzQkFBdkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ29tcG9uZW50LFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBmb3J3YXJkUmVmLFxyXG4gIElucHV0LFxyXG4gIE9uSW5pdCxcclxuICBPdXRwdXQsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBGb3Jtc01vZHVsZSwgTkdfVkFMVUVfQUNDRVNTT1IsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2RkLWxpYi1yYWRpbycsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2xpYi1yYWRpby5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2xpYi1yYWRpby5jb21wb25lbnQuc2NzcycsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICB7XHJcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBMaWJSYWRpb0NvbXBvbmVudCksXHJcbiAgICAgIG11bHRpOiB0cnVlLFxyXG4gICAgfSxcclxuICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTGliUmFkaW9Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcclxuICBwdWJsaWMgc3RhdGljIGlkQ291bnRlciA9IDE7XHJcblxyXG4gIEBJbnB1dCgpIHB1YmxpYyByYWRpb0lkOiBzdHJpbmcgfCB1bmRlZmluZWQ7IC8vIGlucHV0IElEOiDQtdGB0LvQuCDQvdC1INGD0LrQsNC30LDQvSwg0LPQtdC90LXRgNC40YDRg9C10YLRgdGPINGD0L3QuNC60LDQu9GM0L3Ri9C5IElEXHJcbiAgQElucHV0KCkgcHVibGljIGRpc2FibGVkID0gZmFsc2U7IC8vINGB0L7RgdGC0L7Rj9C90LjQtTog0L/QviDRg9C80L7Qu9GH0LDQvdC40Y4gLSDQsNC60YLQuNCy0L3QvtC1XHJcbiAgQElucHV0KCkgcHVibGljIHJlcXVpcmVkID0gZmFsc2U7XHJcbiAgQElucHV0KCkgcHVibGljIG5hbWU6IHN0cmluZyB8IHVuZGVmaW5lZDtcclxuICBASW5wdXQoKSBwdWJsaWMgdmFsdWU6IGFueTtcclxuICBASW5wdXQoKSBwdWJsaWMgY2hlY2tlZCA9IGZhbHNlO1xyXG5cclxuICBAT3V0cHV0KCkgcHVibGljIGNoYW5nZWQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gIHB1YmxpYyBmb2N1c2VkOiBib29sZWFuIHwgdW5kZWZpbmVkO1xyXG4gIHB1YmxpYyBvblRvdWNoZWRDYWxsYmFjazogKCgpID0+IHZvaWQpIHwgdW5kZWZpbmVkO1xyXG4gIHByaXZhdGUgbW9kZWxJbml0aWFsaXphdGlvbiA9IHRydWU7XHJcblxyXG4gIHB1YmxpYyBuZ09uSW5pdCgpIHtcclxuICAgIGlmICghdGhpcy5yYWRpb0lkKSB7XHJcbiAgICAgIHRoaXMucmFkaW9JZCA9ICdkZC1yYWRpby0nICsgTGliUmFkaW9Db21wb25lbnQuaWRDb3VudGVyKys7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgb25TZWxlY3RlZCh0YXJnZXQ6IEV2ZW50VGFyZ2V0IHwgbnVsbCkge1xyXG4gICAgdGhpcy5jaGVja2VkID0gKHRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50KT8uY2hlY2tlZDtcclxuICAgIHRoaXMucHJvcGFnYXRlQ2hhbmdlKHRoaXMudmFsdWUpO1xyXG4gICAgdGhpcy5jaGFuZ2VkLmVtaXQodGhpcy52YWx1ZSk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLnByb3BhZ2F0ZUNoYW5nZSA9IGZuO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIHNldERpc2FibGVkU3RhdGUoZGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcclxuICAgIHRoaXMuZGlzYWJsZWQgPSBkaXNhYmxlZDtcclxuICB9XHJcblxyXG4gIHB1YmxpYyByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uVG91Y2hlZENhbGxiYWNrID0gZm47XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgd3JpdGVWYWx1ZSh2YWx1ZTogYW55KTogdm9pZCB7XHJcbiAgICBjb25zdCBpc0luaXRpYWxpemF0aW9uID0gdGhpcy5tb2RlbEluaXRpYWxpemF0aW9uO1xyXG4gICAgdGhpcy5tb2RlbEluaXRpYWxpemF0aW9uID0gZmFsc2U7XHJcbiAgICBpZiAodGhpcy5jaGVja2VkICE9PSB1bmRlZmluZWQgJiYgdmFsdWUgPT09IHVuZGVmaW5lZCAmJiBpc0luaXRpYWxpemF0aW9uKSB7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuICAgIHRoaXMuY2hlY2tlZCA9IHZhbHVlID09PSB0aGlzLnZhbHVlO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBwcm9wYWdhdGVDaGFuZ2UoX3ZhbHVlOiBhbnkpIHt9XHJcbn1cclxuIiwiPGxhYmVsIFtmb3JdPVwicmFkaW9JZFwiIGNsYXNzPVwicmFkaW9cIj5cbiAgPGlucHV0XG4gICAgKGNoYW5nZSk9XCJvblNlbGVjdGVkKCRldmVudC50YXJnZXQpXCJcbiAgICBbYXR0ci5hcmlhLWNoZWNrZWRdPVwiY2hlY2tlZFwiXG4gICAgW2F0dHIudGFiSW5kZXhdPVwiZGlzYWJsZWQgPyAtMSA6IDBcIlxuICAgIFthdHRyLnZhbHVlXT1cInZhbHVlXCJcbiAgICBbY2hlY2tlZF09XCJjaGVja2VkXCJcbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgIFtpZF09XCJyYWRpb0lkXCJcbiAgICBbbmFtZV09XCJuYW1lXCJcbiAgICBbbmdDbGFzc109XCJ7IGRpc2FibGVkOiBkaXNhYmxlZCB9XCJcbiAgICBbcmVxdWlyZWRdPVwicmVxdWlyZWRcIlxuICAgIGNsYXNzPVwicmFkaW8taW5wdXRcIlxuICAgIHJvbGU9XCJyYWRpb1wiXG4gICAgdHlwZT1cInJhZGlvXCIgLz5cbiAgPGRpdiBbY2xhc3MuZm9jdXNlZF09XCJmb2N1c2VkXCIgY2xhc3M9XCJtYXJrLXdyYXBcIj5cbiAgICA8ZGl2IGNsYXNzPVwicmFkaW8tYnV0dG9uXCI+PC9kaXY+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwibGFiZWwtd3JhcFwiPlxuICAgIDxzcGFuPjxuZy1jb250ZW50PjwvbmctY29udGVudD48L3NwYW4+XG4gIDwvZGl2PlxuPC9sYWJlbD5cbiJdfQ==

package/esm2022/lib/lib-search-input/lib-search-input.component.mjs

@@ -0,0 +1,91 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { NgOptimizedImage } from '@angular/common';
+import { LibCommonInputTextComponent } from '../common/lib-common-input-text';
+import { LibCardComponent } from '../lib-card/lib-card.component';
+import { of, Subject } from 'rxjs';
+import { debounceTime, delay, map, mergeMap, takeUntil } from 'rxjs/operators';
+import { DestroyService, HighlightPipe, SafePipe } from "../core";
+import { LibSvgIconComponent } from "../lib-svg-icon/lib-svg-icon.component";
+import * as i0 from "@angular/core";
+import * as i1 from "../core";
+import * as i2 from "@angular/forms";
+export class LibSearchInputComponent extends LibCommonInputTextComponent {
+    constructor(destroy$, changeDetection, cdr) {
+        super(changeDetection);
+        this.destroy$ = destroy$;
+        this.cdr = cdr;
+        this.keyTitle = 'title';
+        this.keyDesc = 'description';
+        this.styleInput = 'standard';
+        this.inputStyle = 'gray';
+        this.debounceTime = 100;
+        this.delay = 0;
+        this.keyupEvent = new EventEmitter();
+        this.selectedItem = new EventEmitter();
+        this.keyUp = new Subject();
+    }
+    ngOnInit() {
+        if (this.commitOnInput) {
+            this.keyUp
+                .pipe(map(event => event.target?.value), debounceTime(this.debounceTime), 
+            // distinctUntilChanged(), надо ли?
+            mergeMap(search => of(search).pipe(delay(this.delay))), takeUntil(this.destroy$))
+                .subscribe(str => {
+                this.keyupEvent.emit(str);
+            });
+        }
+    }
+    forceChange() {
+        if (!this.commitOnInput) {
+            this.keyupEvent.emit(this.value);
+        }
+    }
+    onClear(noEmit) {
+        this.value = '';
+        if (!noEmit) {
+            this.cleared.emit();
+            this.keyupEvent.emit('');
+        }
+        this.inputSearchElement?.nativeElement.focus();
+        this.cdr.detectChanges();
+    }
+    onClickSearchItem(item) {
+        this.onClear();
+        this.selectedItem.emit(item);
+        this.value = this.getTitle(item);
+    }
+    getTitle(item) {
+        return item[this.keyTitle];
+    }
+    getDesc(item) {
+        return item[this.keyDesc];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LibSearchInputComponent, deps: [{ token: i1.DestroyService }, { token: i0.ChangeDetectorRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LibSearchInputComponent, isStandalone: true, selector: "dd-lib-search-input", inputs: { keyTitle: "keyTitle", keyDesc: "keyDesc", styleInput: "styleInput", inputStyle: "inputStyle", searchData: "searchData", debounceTime: "debounceTime", delay: "delay", idClose: "idClose" }, outputs: { keyupEvent: "keyupEvent", selectedItem: "selectedItem" }, providers: [DestroyService], usesInheritance: true, ngImport: i0, template: "<div class=\"lib-search-input\">\r\n  <label [for]=\"id\" class=\"lib-search-input__title\">\r\n    {{ label }}\r\n    @if (required) {\r\n      <dd-lib-svg-icon icon=\"error_hint\"></dd-lib-svg-icon>\r\n    }\r\n  </label>\r\n  <div class=\"pos-relative\">\r\n    <dd-lib-svg-icon (click)=\"forceChange()\" class=\"search-icon\" icon=\"search\"></dd-lib-svg-icon>\r\n    <input\r\n      #searchInput\r\n      (keyup)=\"keyUp.next($event)\"\r\n      (keyup.enter)=\"forceChange()\"\r\n      [(ngModel)]=\"value\"\r\n      [attr.autocomplete]=\"autocomplete === undefined ? null : autocomplete\"\r\n      [attr.id]=\"id ? id : null\"\r\n      [attr.maxlength]=\"maxlength\"\r\n      [attr.minlength]=\"minlength\"\r\n      [attr.name]=\"name\"\r\n      [attr.placeholder]=\"placeholder\"\r\n      [attr.tabIndex]=\"tabIndex\"\r\n      [attr.type]=\"type || 'text'\"\r\n      [class.focused]=\"focused\"\r\n      [class.round]=\"styleInput === 'round'\"\r\n      [class.white]=\"inputStyle === 'white'\"\r\n      [disabled]=\"disabled\"\r\n      [readOnly]=\"readOnly\"\r\n      class=\"search-input\" />\r\n    <dd-lib-svg-icon\r\n      (click)=\"onClear()\"\r\n      [id]=\"idClose\" [style.display]=\"value?.length ? 'block' : 'none'\"\r\n      class=\"clear-icon\" icon=\"clear\"></dd-lib-svg-icon>\r\n  </div>\r\n\r\n  @if (searchData?.length) {\r\n  <dd-lib-card>\r\n    @for (item of searchData; track item) {\r\n    <div (click)=\"onClickSearchItem(item)\" class=\"search-result\">\r\n      @if (getTitle(item); as title) {\r\n      <div [innerHTML]=\"title | highlight: value | safe: 'html'\" class=\"search-result__title\"></div>\r\n      } @if (getDesc(item); as desc) {\r\n      <div [innerHTML]=\"desc | highlight: value | safe: 'html'\" class=\"search-result__desc\"></div>\r\n      }\r\n    </div>\r\n    }\r\n  </dd-lib-card>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.lib-search-input{position:relative}.lib-search-input__title{margin-bottom:4px;font-size:14px;line-height:24px;display:flex;align-items:flex-start}.lib-search-input input{width:100%;height:48px;padding:16px 16px 15px 44px;border-radius:8px;border:none;background-color:var(--input-gray-bgc)}.lib-search-input input.white{background-color:var(--white-color);border:1px solid var(--primary-gray-color)}.lib-search-input .round{border-radius:24px}.lib-search-input .search-icon{position:absolute;left:16px;top:14px;cursor:pointer}.lib-search-input .clear-icon{position:absolute;right:16px;top:14px;cursor:pointer}.lib-search-input .search-result{font-size:16px;font-weight:400;line-height:24px;letter-spacing:0;text-align:left;cursor:pointer}.lib-search-input .search-result:hover{opacity:.8}.lib-search-input .search-result:last-child .search-result__desc{border:none;padding-bottom:0}.lib-search-input .search-result__title{color:var(--second-gray-color);margin:24px 0 2px}.lib-search-input .search-result__desc{padding-bottom:16px;border-bottom:1px solid var(--gray-color-200)}.lib-search-input dd-lib-card{position:absolute;display:block;top:76px;z-index:100;width:100%;max-height:400px;box-shadow:var(--main-card-shadow);overflow:auto}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: LibCardComponent, selector: "dd-lib-card", inputs: ["type", "footerBtn", "sHeight", "skeleton", "parentLvlForSkeleton", "plugs", "borderRadius"], outputs: ["cardBtnEvent"] }, { kind: "pipe", type: HighlightPipe, name: "highlight" }, { kind: "pipe", type: SafePipe, name: "safe" }, { kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LibSearchInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dd-lib-search-input', standalone: true, imports: [FormsModule, NgOptimizedImage, LibCardComponent, HighlightPipe, SafePipe, LibSvgIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [DestroyService], template: "<div class=\"lib-search-input\">\r\n  <label [for]=\"id\" class=\"lib-search-input__title\">\r\n    {{ label }}\r\n    @if (required) {\r\n      <dd-lib-svg-icon icon=\"error_hint\"></dd-lib-svg-icon>\r\n    }\r\n  </label>\r\n  <div class=\"pos-relative\">\r\n    <dd-lib-svg-icon (click)=\"forceChange()\" class=\"search-icon\" icon=\"search\"></dd-lib-svg-icon>\r\n    <input\r\n      #searchInput\r\n      (keyup)=\"keyUp.next($event)\"\r\n      (keyup.enter)=\"forceChange()\"\r\n      [(ngModel)]=\"value\"\r\n      [attr.autocomplete]=\"autocomplete === undefined ? null : autocomplete\"\r\n      [attr.id]=\"id ? id : null\"\r\n      [attr.maxlength]=\"maxlength\"\r\n      [attr.minlength]=\"minlength\"\r\n      [attr.name]=\"name\"\r\n      [attr.placeholder]=\"placeholder\"\r\n      [attr.tabIndex]=\"tabIndex\"\r\n      [attr.type]=\"type || 'text'\"\r\n      [class.focused]=\"focused\"\r\n      [class.round]=\"styleInput === 'round'\"\r\n      [class.white]=\"inputStyle === 'white'\"\r\n      [disabled]=\"disabled\"\r\n      [readOnly]=\"readOnly\"\r\n      class=\"search-input\" />\r\n    <dd-lib-svg-icon\r\n      (click)=\"onClear()\"\r\n      [id]=\"idClose\" [style.display]=\"value?.length ? 'block' : 'none'\"\r\n      class=\"clear-icon\" icon=\"clear\"></dd-lib-svg-icon>\r\n  </div>\r\n\r\n  @if (searchData?.length) {\r\n  <dd-lib-card>\r\n    @for (item of searchData; track item) {\r\n    <div (click)=\"onClickSearchItem(item)\" class=\"search-result\">\r\n      @if (getTitle(item); as title) {\r\n      <div [innerHTML]=\"title | highlight: value | safe: 'html'\" class=\"search-result__title\"></div>\r\n      } @if (getDesc(item); as desc) {\r\n      <div [innerHTML]=\"desc | highlight: value | safe: 'html'\" class=\"search-result__desc\"></div>\r\n      }\r\n    </div>\r\n    }\r\n  </dd-lib-card>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.lib-search-input{position:relative}.lib-search-input__title{margin-bottom:4px;font-size:14px;line-height:24px;display:flex;align-items:flex-start}.lib-search-input input{width:100%;height:48px;padding:16px 16px 15px 44px;border-radius:8px;border:none;background-color:var(--input-gray-bgc)}.lib-search-input input.white{background-color:var(--white-color);border:1px solid var(--primary-gray-color)}.lib-search-input .round{border-radius:24px}.lib-search-input .search-icon{position:absolute;left:16px;top:14px;cursor:pointer}.lib-search-input .clear-icon{position:absolute;right:16px;top:14px;cursor:pointer}.lib-search-input .search-result{font-size:16px;font-weight:400;line-height:24px;letter-spacing:0;text-align:left;cursor:pointer}.lib-search-input .search-result:hover{opacity:.8}.lib-search-input .search-result:last-child .search-result__desc{border:none;padding-bottom:0}.lib-search-input .search-result__title{color:var(--second-gray-color);margin:24px 0 2px}.lib-search-input .search-result__desc{padding-bottom:16px;border-bottom:1px solid var(--gray-color-200)}.lib-search-input dd-lib-card{position:absolute;display:block;top:76px;z-index:100;width:100%;max-height:400px;box-shadow:var(--main-card-shadow);overflow:auto}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DestroyService }, { type: i0.ChangeDetectorRef }, { type: i0.ChangeDetectorRef }], propDecorators: { keyTitle: [{
+                type: Input
+            }], keyDesc: [{
+                type: Input
+            }], styleInput: [{
+                type: Input
+            }], inputStyle: [{
+                type: Input
+            }], searchData: [{
+                type: Input
+            }], debounceTime: [{
+                type: Input
+            }], delay: [{
+                type: Input
+            }], idClose: [{
+                type: Input
+            }], keyupEvent: [{
+                type: Output
+            }], selectedItem: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGliLXNlYXJjaC1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZC1saWIvc3JjL2xpYi9saWItc2VhcmNoLWlucHV0L2xpYi1zZWFyY2gtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGQtbGliL3NyYy9saWIvbGliLXNlYXJjaC1pbnB1dC9saWItc2VhcmNoLWlucHV0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFFdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyxXQUFXLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUNqRCxPQUFPLEVBQUMsMkJBQTJCLEVBQUMsTUFBTSxpQ0FBaUMsQ0FBQztBQUM1RSxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNoRSxPQUFPLEVBQUMsRUFBRSxFQUFFLE9BQU8sRUFBQyxNQUFNLE1BQU0sQ0FBQztBQUNqQyxPQUFPLEVBQUMsWUFBWSxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQzdFLE9BQU8sRUFBQyxjQUFjLEVBQUUsYUFBYSxFQUFFLFFBQVEsRUFBQyxNQUFNLFNBQVMsQ0FBQztBQUNoRSxPQUFPLEVBQUMsbUJBQW1CLEVBQUMsTUFBTSx3Q0FBd0MsQ0FBQzs7OztBQVczRSxNQUFNLE9BQU8sdUJBQTJCLFNBQVEsMkJBQTJCO0lBYXpFLFlBQ1UsUUFBd0IsRUFDaEMsZUFBa0MsRUFDMUIsR0FBc0I7UUFFOUIsS0FBSyxDQUFDLGVBQWUsQ0FBQyxDQUFDO1FBSmYsYUFBUSxHQUFSLFFBQVEsQ0FBZ0I7UUFFeEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFmaEIsYUFBUSxHQUFHLE9BQU8sQ0FBQztRQUNuQixZQUFPLEdBQUcsYUFBYSxDQUFDO1FBQ3hCLGVBQVUsR0FBeUIsVUFBVSxDQUFDO1FBQzlDLGVBQVUsR0FBcUIsTUFBTSxDQUFDO1FBRXRDLGlCQUFZLEdBQUcsR0FBRyxDQUFDO1FBQ25CLFVBQUssR0FBRyxDQUFDLENBQUM7UUFFVCxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUN4QyxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDNUMsVUFBSyxHQUFHLElBQUksT0FBTyxFQUFpQixDQUFDO0lBUTVDLENBQUM7SUFFTSxRQUFRO1FBQ2IsSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDdkIsSUFBSSxDQUFDLEtBQUs7aUJBQ1AsSUFBSSxDQUNILEdBQUcsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFFLEtBQUssQ0FBQyxNQUEyQixFQUFFLEtBQUssQ0FBQyxFQUN2RCxZQUFZLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQztZQUMvQixtQ0FBbUM7WUFDbkMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFDdEQsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FDekI7aUJBQ0EsU0FBUyxDQUFDLEdBQUcsQ0FBQyxFQUFFO2dCQUNmLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBQzVCLENBQUMsQ0FBQyxDQUFDO1FBQ1AsQ0FBQztJQUNILENBQUM7SUFFZSxXQUFXO1FBQ3pCLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDeEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ25DLENBQUM7SUFDSCxDQUFDO0lBRU0sT0FBTyxDQUFDLE1BQWdCO1FBQzdCLElBQUksQ0FBQyxLQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ2hCLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUNaLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDcEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDM0IsQ0FBQztRQUNELElBQUksQ0FBQyxrQkFBa0IsRUFBRSxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDL0MsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRU0saUJBQWlCLENBQUMsSUFBTztRQUM5QixJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7UUFDZixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUM3QixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDbkMsQ0FBQztJQUVNLFFBQVEsQ0FBQyxJQUFPO1FBQ3JCLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxRQUE2QixDQUFXLENBQUM7SUFDNUQsQ0FBQztJQUVNLE9BQU8sQ0FBQyxJQUFPO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxPQUE0QixDQUFXLENBQUM7SUFDM0QsQ0FBQzsrR0FqRVUsdUJBQXVCO21HQUF2Qix1QkFBdUIsNlVBRnZCLENBQUMsY0FBYyxDQUFDLGlEQ3pCN0IsczBEQWdEQSxveUNEM0JZLFdBQVcsK21CQUFvQixnQkFBZ0IscUxBQUUsYUFBYSw2Q0FBRSxRQUFRLDZDQUFFLG1CQUFtQjs7NEZBTTVGLHVCQUF1QjtrQkFUbkMsU0FBUzsrQkFDRSxxQkFBcUIsY0FDbkIsSUFBSSxXQUNQLENBQUMsV0FBVyxFQUFFLGdCQUFnQixFQUFFLGdCQUFnQixFQUFFLGFBQWEsRUFBRSxRQUFRLEVBQUUsbUJBQW1CLENBQUMsbUJBR3ZGLHVCQUF1QixDQUFDLE1BQU0sYUFDcEMsQ0FBQyxjQUFjLENBQUM7bUpBR1gsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxPQUFPO3NCQUF0QixLQUFLO2dCQUNVLFVBQVU7c0JBQXpCLEtBQUs7Z0JBQ1UsVUFBVTtzQkFBekIsS0FBSztnQkFDVSxVQUFVO3NCQUF6QixLQUFLO2dCQUNVLFlBQVk7c0JBQTNCLEtBQUs7Z0JBQ1UsS0FBSztzQkFBcEIsS0FBSztnQkFDVSxPQUFPO3NCQUF0QixLQUFLO2dCQUNXLFVBQVU7c0JBQTFCLE1BQU07Z0JBQ1UsWUFBWTtzQkFBNUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgQ29tcG9uZW50LFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBJbnB1dCxcclxuICBPbkluaXQsXHJcbiAgT3V0cHV0LFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge0Zvcm1zTW9kdWxlfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7TmdPcHRpbWl6ZWRJbWFnZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHtMaWJDb21tb25JbnB1dFRleHRDb21wb25lbnR9IGZyb20gJy4uL2NvbW1vbi9saWItY29tbW9uLWlucHV0LXRleHQnO1xyXG5pbXBvcnQge0xpYkNhcmRDb21wb25lbnR9IGZyb20gJy4uL2xpYi1jYXJkL2xpYi1jYXJkLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7b2YsIFN1YmplY3R9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQge2RlYm91bmNlVGltZSwgZGVsYXksIG1hcCwgbWVyZ2VNYXAsIHRha2VVbnRpbH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xyXG5pbXBvcnQge0Rlc3Ryb3lTZXJ2aWNlLCBIaWdobGlnaHRQaXBlLCBTYWZlUGlwZX0gZnJvbSBcIi4uL2NvcmVcIjtcclxuaW1wb3J0IHtMaWJTdmdJY29uQ29tcG9uZW50fSBmcm9tIFwiLi4vbGliLXN2Zy1pY29uL2xpYi1zdmctaWNvbi5jb21wb25lbnRcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZGQtbGliLXNlYXJjaC1pbnB1dCcsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbRm9ybXNNb2R1bGUsIE5nT3B0aW1pemVkSW1hZ2UsIExpYkNhcmRDb21wb25lbnQsIEhpZ2hsaWdodFBpcGUsIFNhZmVQaXBlLCBMaWJTdmdJY29uQ29tcG9uZW50XSxcclxuICB0ZW1wbGF0ZVVybDogJy4vbGliLXNlYXJjaC1pbnB1dC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2xpYi1zZWFyY2gtaW5wdXQuY29tcG9uZW50LnNjc3MnLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIHByb3ZpZGVyczogW0Rlc3Ryb3lTZXJ2aWNlXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIExpYlNlYXJjaElucHV0Q29tcG9uZW50PFQ+IGV4dGVuZHMgTGliQ29tbW9uSW5wdXRUZXh0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBwdWJsaWMga2V5VGl0bGUgPSAndGl0bGUnO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBrZXlEZXNjID0gJ2Rlc2NyaXB0aW9uJztcclxuICBASW5wdXQoKSBwdWJsaWMgc3R5bGVJbnB1dDogJ3JvdW5kJyB8ICdzdGFuZGFyZCcgPSAnc3RhbmRhcmQnO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBpbnB1dFN0eWxlOiAnd2hpdGUnIHwgJ2dyYXknID0gJ2dyYXknO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBzZWFyY2hEYXRhOiBUW10gfCBudWxsIHwgdW5kZWZpbmVkO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBkZWJvdW5jZVRpbWUgPSAxMDA7XHJcbiAgQElucHV0KCkgcHVibGljIGRlbGF5ID0gMDtcclxuICBASW5wdXQoKSBwdWJsaWMgaWRDbG9zZTogc3RyaW5nIHwgdW5kZWZpbmVkO1xyXG4gIEBPdXRwdXQoKSBwdWJsaWMga2V5dXBFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xyXG4gIEBPdXRwdXQoKSBwdWJsaWMgc2VsZWN0ZWRJdGVtID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIHB1YmxpYyBrZXlVcCA9IG5ldyBTdWJqZWN0PEtleWJvYXJkRXZlbnQ+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBkZXN0cm95JDogRGVzdHJveVNlcnZpY2UsXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdG9yUmVmLFxyXG4gICAgcHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmLFxyXG4gICkge1xyXG4gICAgc3VwZXIoY2hhbmdlRGV0ZWN0aW9uKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLmNvbW1pdE9uSW5wdXQpIHtcclxuICAgICAgdGhpcy5rZXlVcFxyXG4gICAgICAgIC5waXBlKFxyXG4gICAgICAgICAgbWFwKGV2ZW50ID0+IChldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudCk/LnZhbHVlKSxcclxuICAgICAgICAgIGRlYm91bmNlVGltZSh0aGlzLmRlYm91bmNlVGltZSksXHJcbiAgICAgICAgICAvLyBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpLCDQvdCw0LTQviDQu9C4P1xyXG4gICAgICAgICAgbWVyZ2VNYXAoc2VhcmNoID0+IG9mKHNlYXJjaCkucGlwZShkZWxheSh0aGlzLmRlbGF5KSkpLFxyXG4gICAgICAgICAgdGFrZVVudGlsKHRoaXMuZGVzdHJveSQpLFxyXG4gICAgICAgIClcclxuICAgICAgICAuc3Vic2NyaWJlKHN0ciA9PiB7XHJcbiAgICAgICAgICB0aGlzLmtleXVwRXZlbnQuZW1pdChzdHIpO1xyXG4gICAgICAgIH0pO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHVibGljIG92ZXJyaWRlIGZvcmNlQ2hhbmdlKCk6IHZvaWQge1xyXG4gICAgaWYgKCF0aGlzLmNvbW1pdE9uSW5wdXQpIHtcclxuICAgICAgdGhpcy5rZXl1cEV2ZW50LmVtaXQodGhpcy52YWx1ZSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgb25DbGVhcihub0VtaXQ/OiBib29sZWFuKTogdm9pZCB7XHJcbiAgICB0aGlzLnZhbHVlID0gJyc7XHJcbiAgICBpZiAoIW5vRW1pdCkge1xyXG4gICAgICB0aGlzLmNsZWFyZWQuZW1pdCgpO1xyXG4gICAgICB0aGlzLmtleXVwRXZlbnQuZW1pdCgnJyk7XHJcbiAgICB9XHJcbiAgICB0aGlzLmlucHV0U2VhcmNoRWxlbWVudD8ubmF0aXZlRWxlbWVudC5mb2N1cygpO1xyXG4gICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIG9uQ2xpY2tTZWFyY2hJdGVtKGl0ZW06IFQpOiB2b2lkIHtcclxuICAgIHRoaXMub25DbGVhcigpO1xyXG4gICAgdGhpcy5zZWxlY3RlZEl0ZW0uZW1pdChpdGVtKTtcclxuICAgIHRoaXMudmFsdWUgPSB0aGlzLmdldFRpdGxlKGl0ZW0pO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldFRpdGxlKGl0ZW06IFQpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIGl0ZW1bdGhpcy5rZXlUaXRsZSBhcyBrZXlvZiB0eXBlb2YgaXRlbV0gYXMgc3RyaW5nO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldERlc2MoaXRlbTogVCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gaXRlbVt0aGlzLmtleURlc2MgYXMga2V5b2YgdHlwZW9mIGl0ZW1dIGFzIHN0cmluZztcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImxpYi1zZWFyY2gtaW5wdXRcIj5cclxuICA8bGFiZWwgW2Zvcl09XCJpZFwiIGNsYXNzPVwibGliLXNlYXJjaC1pbnB1dF9fdGl0bGVcIj5cclxuICAgIHt7IGxhYmVsIH19XHJcbiAgICBAaWYgKHJlcXVpcmVkKSB7XHJcbiAgICAgIDxkZC1saWItc3ZnLWljb24gaWNvbj1cImVycm9yX2hpbnRcIj48L2RkLWxpYi1zdmctaWNvbj5cclxuICAgIH1cclxuICA8L2xhYmVsPlxyXG4gIDxkaXYgY2xhc3M9XCJwb3MtcmVsYXRpdmVcIj5cclxuICAgIDxkZC1saWItc3ZnLWljb24gKGNsaWNrKT1cImZvcmNlQ2hhbmdlKClcIiBjbGFzcz1cInNlYXJjaC1pY29uXCIgaWNvbj1cInNlYXJjaFwiPjwvZGQtbGliLXN2Zy1pY29uPlxyXG4gICAgPGlucHV0XHJcbiAgICAgICNzZWFyY2hJbnB1dFxyXG4gICAgICAoa2V5dXApPVwia2V5VXAubmV4dCgkZXZlbnQpXCJcclxuICAgICAgKGtleXVwLmVudGVyKT1cImZvcmNlQ2hhbmdlKClcIlxyXG4gICAgICBbKG5nTW9kZWwpXT1cInZhbHVlXCJcclxuICAgICAgW2F0dHIuYXV0b2NvbXBsZXRlXT1cImF1dG9jb21wbGV0ZSA9PT0gdW5kZWZpbmVkID8gbnVsbCA6IGF1dG9jb21wbGV0ZVwiXHJcbiAgICAgIFthdHRyLmlkXT1cImlkID8gaWQgOiBudWxsXCJcclxuICAgICAgW2F0dHIubWF4bGVuZ3RoXT1cIm1heGxlbmd0aFwiXHJcbiAgICAgIFthdHRyLm1pbmxlbmd0aF09XCJtaW5sZW5ndGhcIlxyXG4gICAgICBbYXR0ci5uYW1lXT1cIm5hbWVcIlxyXG4gICAgICBbYXR0ci5wbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXHJcbiAgICAgIFthdHRyLnRhYkluZGV4XT1cInRhYkluZGV4XCJcclxuICAgICAgW2F0dHIudHlwZV09XCJ0eXBlIHx8ICd0ZXh0J1wiXHJcbiAgICAgIFtjbGFzcy5mb2N1c2VkXT1cImZvY3VzZWRcIlxyXG4gICAgICBbY2xhc3Mucm91bmRdPVwic3R5bGVJbnB1dCA9PT0gJ3JvdW5kJ1wiXHJcbiAgICAgIFtjbGFzcy53aGl0ZV09XCJpbnB1dFN0eWxlID09PSAnd2hpdGUnXCJcclxuICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICAgICAgW3JlYWRPbmx5XT1cInJlYWRPbmx5XCJcclxuICAgICAgY2xhc3M9XCJzZWFyY2gtaW5wdXRcIiAvPlxyXG4gICAgPGRkLWxpYi1zdmctaWNvblxyXG4gICAgICAoY2xpY2spPVwib25DbGVhcigpXCJcclxuICAgICAgW2lkXT1cImlkQ2xvc2VcIiBbc3R5bGUuZGlzcGxheV09XCJ2YWx1ZT8ubGVuZ3RoID8gJ2Jsb2NrJyA6ICdub25lJ1wiXHJcbiAgICAgIGNsYXNzPVwiY2xlYXItaWNvblwiIGljb249XCJjbGVhclwiPjwvZGQtbGliLXN2Zy1pY29uPlxyXG4gIDwvZGl2PlxyXG5cclxuICBAaWYgKHNlYXJjaERhdGE/Lmxlbmd0aCkge1xyXG4gIDxkZC1saWItY2FyZD5cclxuICAgIEBmb3IgKGl0ZW0gb2Ygc2VhcmNoRGF0YTsgdHJhY2sgaXRlbSkge1xyXG4gICAgPGRpdiAoY2xpY2spPVwib25DbGlja1NlYXJjaEl0ZW0oaXRlbSlcIiBjbGFzcz1cInNlYXJjaC1yZXN1bHRcIj5cclxuICAgICAgQGlmIChnZXRUaXRsZShpdGVtKTsgYXMgdGl0bGUpIHtcclxuICAgICAgPGRpdiBbaW5uZXJIVE1MXT1cInRpdGxlIHwgaGlnaGxpZ2h0OiB2YWx1ZSB8IHNhZmU6ICdodG1sJ1wiIGNsYXNzPVwic2VhcmNoLXJlc3VsdF9fdGl0bGVcIj48L2Rpdj5cclxuICAgICAgfSBAaWYgKGdldERlc2MoaXRlbSk7IGFzIGRlc2MpIHtcclxuICAgICAgPGRpdiBbaW5uZXJIVE1MXT1cImRlc2MgfCBoaWdobGlnaHQ6IHZhbHVlIHwgc2FmZTogJ2h0bWwnXCIgY2xhc3M9XCJzZWFyY2gtcmVzdWx0X19kZXNjXCI+PC9kaXY+XHJcbiAgICAgIH1cclxuICAgIDwvZGl2PlxyXG4gICAgfVxyXG4gIDwvZGQtbGliLWNhcmQ+XHJcbiAgfVxyXG48L2Rpdj5cclxuIl19

package/esm2022/lib/lib-select/lib-select.component.mjs

@@ -0,0 +1,137 @@
+import { ChangeDetectionStrategy, Component, forwardRef, Host, Input, Optional, SkipSelf, } from '@angular/core';
+import { NgOptimizedImage } from '@angular/common';
+import { FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule, } from '@angular/forms';
+import { LibCommonInputTextComponent } from '../common/lib-common-input-text';
+import { LibCardComponent } from '../lib-card/lib-card.component';
+import { LibLoaderComponent } from '../lib-loader/lib-loader.component';
+import { LibSvgIconComponent } from "../lib-svg-icon/lib-svg-icon.component";
+import { ClickOutsideDirective, FilterByKeyPipe, HighlightPipe, SafePipe } from "../core";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+export class LibSelectComponent extends LibCommonInputTextComponent {
+    static { this.idCounter = 1; }
+    constructor(changeDetection, controlContainer) {
+        super(changeDetection);
+        this.controlContainer = controlContainer;
+        this.placeholder = 'Выберите из списка';
+    }
+    ngOnInit() {
+        if (!this.selectId) {
+            this.selectId = 'dd-select-' + LibSelectComponent.idCounter++;
+        }
+        if (this.keyTitle && !this.keyValue) {
+            this.keyValue = this.keyTitle;
+        }
+        this.control =
+            this.controlContainer && this.formControlName
+                ? this.controlContainer?.control?.get(this.formControlName)
+                : null;
+    }
+    registerOnChange(fn) {
+        this.propagateChange = fn;
+        super.registerOnChange(fn);
+    }
+    registerOnTouched(fn) {
+        this.onTouchedCallback = fn;
+        super.registerOnTouched(fn);
+    }
+    handleInput(e) {
+        this.isShownList = true;
+        this.searchValue = this.inputValue;
+        super.handleInput(e);
+    }
+    notifyFocusEvent(e) {
+        if (!this.disabled) {
+            this.isShownList = !this.isShownList;
+        }
+        super.notifyFocusEvent(e);
+    }
+    writeValue(value) {
+        this.value = value;
+        this.inputValue = value;
+    }
+    selectItem(item) {
+        if (typeof item === 'string') {
+            if (!this.checkedItem) {
+                this.checkedItem = item;
+                this.inputValue = item;
+                this.value = item;
+                this.propagateChange(this.value);
+            }
+            else {
+                this.checkedItem = null;
+                this.inputValue = undefined;
+                this.value = undefined;
+                this.propagateChange(undefined);
+            }
+        }
+        else {
+            if (!this.checkedItem || item[this.keyValue] !== this.checkedItem?.[this.keyValue]) {
+                this.checkedItem = item;
+                this.inputValue = this.checkedItem[this.keyTitle];
+                this.value = item[this.keyValue];
+                this.propagateChange(this.value);
+            }
+            else {
+                this.checkedItem = null;
+                this.inputValue = undefined;
+                this.value = undefined;
+                this.propagateChange(undefined);
+            }
+        }
+        this.searchValue = undefined;
+        this.isShownList = false;
+    }
+    filterList(item) {
+        return item[this.keyTitle]?.toLowerCase().includes(this.searchValue?.toLowerCase() || '');
+    }
+    propagateChange(_value) { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LibSelectComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.ControlContainer, host: true, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LibSelectComponent, isStandalone: true, selector: "dd-lib-select", inputs: { selectId: "selectId", data: "data", keyTitle: "keyTitle", keyDesc: "keyDesc", keyValue: "keyValue", placeholder: "placeholder" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => LibSelectComponent),
+                multi: true,
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"lib-select\" id=\"lib-select-{{ selectId }}\">\n  <label [for]=\"id\" class=\"lib-select__title\">\n    {{ label }}\n    @if (required) {\n      <dd-lib-svg-icon icon=\"error_hint\"></dd-lib-svg-icon>\n    }\n  </label>\n\n  <div class=\"pos-relative\">\n    <input\n      #select\n      (change)=\"handleChange()\"\n      (click)=\"notifyFocusEvent($event)\"\n      (input)=\"handleInput($event)\"\n      [(ngModel)]=\"inputValue\"\n      [attr.id]=\"selectId\"\n      [attr.name]=\"name\"\n      [attr.placeholder]=\"placeholder\"\n      [attr.tabIndex]=\"tabIndex\"\n      [attr.type]=\"'text'\"\n      [class.focused]=\"focused\"\n      [class.invalid]=\"invalid\"\n      [disabled]=\"disabled\"\n      [readOnly]=\"readOnly\"\n      [title]=\"inputValue\"\n      class=\"text-select\" />\n    <!--    (blur)=\"notifyFocusEvent($event)\"-->\n    @if (!checkedItem) {\n      <dd-lib-svg-icon\n        (click)=\"notifyFocusEvent($event)\"\n        [class.black-svg]=\"isShownList\"\n        [class.disabled]=\"disabled\"\n        [class.gray-svg]=\"!isShownList\"\n        [class.up]=\"isShownList\"\n        id=\"chevron-{{ selectId }}\" class=\"chevron\" icon=\"down_chevron\"></dd-lib-svg-icon>\n\n    } @else {\n      <dd-lib-svg-icon\n        (click)=\"selectItem(checkedItem)\"\n        class=\"clear\"\n        id=\"chevron-{{ selectId }}\" icon=\"clear\"></dd-lib-svg-icon>\n\n    }\n  </div>\n\n  @if (errorText && invalid) {\n  <div class=\"lib-select__error\">{{ errorText }}</div>\n  } @if (isShownList) {\n  <div\n    (ddClickOutside)=\"notifyFocusEvent($event)\"\n    [elements]=\"['lib-select-' + selectId, 'chevron' + selectId]\"\n    class=\"select-list-wrapper\">\n    @if (data?.length) { @for (item of data | filterByKey: filterList.bind(this); track item) {\n    <div\n      (click)=\"selectItem(item)\"\n      [class.active]=\"checkedItem?.[keyValue!] === item[keyValue!] || checkedItem === item\"\n      class=\"select-data\">\n      @if (!keyDesc && !keyTitle) {\n      <div [innerHTML]=\"item | highlight: inputValue | safe: 'html'\" class=\"select-data__title\"></div>\n      } @if (keyTitle) {\n      <div\n        [innerHTML]=\"item[keyTitle!] | highlight: inputValue | safe: 'html'\"\n        class=\"select-data__title\"></div>\n      } @if (keyDesc) {\n      <div\n        [innerHTML]=\"item[keyDesc!] | highlight: inputValue | safe: 'html'\"\n        [title]=\"item[keyDesc]\"\n        class=\"select-data__desc\"></div>\n      } @if (checkedItem?.[keyValue!] === item?.[keyValue!] || checkedItem === item) {\n      <dd-lib-svg-icon\n        (click)=\"selectItem(checkedItem)\"\n        class=\"checked\"\n        id=\"chevron-{{ selectId }}\" icon=\"check_green\"></dd-lib-svg-icon>\n      }\n    </div>\n    } } @else {\n    <div class=\"select-loader\">\n      <dd-lib-loader></dd-lib-loader>\n    </div>\n    }\n  </div>\n  }\n</div>\n", styles: [".lib-select{position:relative}.lib-select input{width:100%;height:48px;padding:15px 28px 15px 16px;overflow:hidden;text-overflow:ellipsis;border-radius:8px;border:1px solid var(--input-border-color);background-color:transparent;position:relative}.lib-select input:hover{border-color:var(--input-active-border-colort)}.lib-select input:focus{border-color:var(--input-active-border-colort);box-shadow:var(--input-active-border-shadow)}.lib-select input:disabled{border:none;background-color:var(--input-disable-input);color:var(--input-disable-text);pointer-events:none}.lib-select input:disabled::placeholder{color:var(--input-placeholder)}.lib-select input.invalid,.lib-select input.invalid:hover{border-color:var(--input-error-border-color)}.lib-select input.invalid:focus{border-color:var(--input-error-border-color);box-shadow:var(--input-error-border-shadow)}.lib-select .clear{cursor:pointer;position:absolute;right:8px;top:12px}.lib-select .chevron{cursor:pointer;position:absolute;right:16px;top:10px}.lib-select .chevron.up{transform:rotate(180deg)}.lib-select__title{margin-bottom:4px;font-size:14px;line-height:24px;display:flex;align-items:flex-start}.lib-select__error{color:var(--primary-red-color);font-size:12px;font-weight:400;line-height:10px;margin-top:2px}.lib-select .select-list-wrapper{position:absolute;display:block;top:80px;z-index:100;width:100%;max-height:300px;overflow:auto;border-radius:8px;box-shadow:var(--main-card-shadow);background-color:var(--main-card-color)}.lib-select .select-list-wrapper .select-data{padding:12px 16px;cursor:pointer;position:relative}.lib-select .select-list-wrapper .select-data__desc{font-size:14px;font-weight:400;line-height:24px;text-overflow:ellipsis;text-wrap:nowrap;padding-top:2px;overflow:hidden;color:var(--second-gray-color)}.lib-select .select-list-wrapper .select-data:hover,.lib-select .select-list-wrapper .select-data.active{background:var(--select-act-hov-bgc)}.lib-select .select-list-wrapper .select-data.active .checked{position:absolute;right:16px;top:10px}.lib-select .select-list-wrapper .select-loader{padding:24px}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", 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]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: HighlightPipe, name: "highlight" }, { kind: "pipe", type: SafePipe, name: "safe" }, { kind: "directive", type: ClickOutsideDirective, selector: "[ddClickOutside]", inputs: ["elements"], outputs: ["ddClickOutside"] }, { kind: "component", type: LibLoaderComponent, selector: "dd-lib-loader", inputs: ["color"] }, { kind: "pipe", type: FilterByKeyPipe, name: "filterByKey" }, { kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LibSelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dd-lib-select', standalone: true, imports: [
+                        NgOptimizedImage,
+                        ReactiveFormsModule,
+                        FormsModule,
+                        HighlightPipe,
+                        LibCardComponent,
+                        SafePipe,
+                        ClickOutsideDirective,
+                        LibLoaderComponent,
+                        FilterByKeyPipe,
+                        LibSvgIconComponent,
+                    ], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => LibSelectComponent),
+                            multi: true,
+                        },
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"lib-select\" id=\"lib-select-{{ selectId }}\">\n  <label [for]=\"id\" class=\"lib-select__title\">\n    {{ label }}\n    @if (required) {\n      <dd-lib-svg-icon icon=\"error_hint\"></dd-lib-svg-icon>\n    }\n  </label>\n\n  <div class=\"pos-relative\">\n    <input\n      #select\n      (change)=\"handleChange()\"\n      (click)=\"notifyFocusEvent($event)\"\n      (input)=\"handleInput($event)\"\n      [(ngModel)]=\"inputValue\"\n      [attr.id]=\"selectId\"\n      [attr.name]=\"name\"\n      [attr.placeholder]=\"placeholder\"\n      [attr.tabIndex]=\"tabIndex\"\n      [attr.type]=\"'text'\"\n      [class.focused]=\"focused\"\n      [class.invalid]=\"invalid\"\n      [disabled]=\"disabled\"\n      [readOnly]=\"readOnly\"\n      [title]=\"inputValue\"\n      class=\"text-select\" />\n    <!--    (blur)=\"notifyFocusEvent($event)\"-->\n    @if (!checkedItem) {\n      <dd-lib-svg-icon\n        (click)=\"notifyFocusEvent($event)\"\n        [class.black-svg]=\"isShownList\"\n        [class.disabled]=\"disabled\"\n        [class.gray-svg]=\"!isShownList\"\n        [class.up]=\"isShownList\"\n        id=\"chevron-{{ selectId }}\" class=\"chevron\" icon=\"down_chevron\"></dd-lib-svg-icon>\n\n    } @else {\n      <dd-lib-svg-icon\n        (click)=\"selectItem(checkedItem)\"\n        class=\"clear\"\n        id=\"chevron-{{ selectId }}\" icon=\"clear\"></dd-lib-svg-icon>\n\n    }\n  </div>\n\n  @if (errorText && invalid) {\n  <div class=\"lib-select__error\">{{ errorText }}</div>\n  } @if (isShownList) {\n  <div\n    (ddClickOutside)=\"notifyFocusEvent($event)\"\n    [elements]=\"['lib-select-' + selectId, 'chevron' + selectId]\"\n    class=\"select-list-wrapper\">\n    @if (data?.length) { @for (item of data | filterByKey: filterList.bind(this); track item) {\n    <div\n      (click)=\"selectItem(item)\"\n      [class.active]=\"checkedItem?.[keyValue!] === item[keyValue!] || checkedItem === item\"\n      class=\"select-data\">\n      @if (!keyDesc && !keyTitle) {\n      <div [innerHTML]=\"item | highlight: inputValue | safe: 'html'\" class=\"select-data__title\"></div>\n      } @if (keyTitle) {\n      <div\n        [innerHTML]=\"item[keyTitle!] | highlight: inputValue | safe: 'html'\"\n        class=\"select-data__title\"></div>\n      } @if (keyDesc) {\n      <div\n        [innerHTML]=\"item[keyDesc!] | highlight: inputValue | safe: 'html'\"\n        [title]=\"item[keyDesc]\"\n        class=\"select-data__desc\"></div>\n      } @if (checkedItem?.[keyValue!] === item?.[keyValue!] || checkedItem === item) {\n      <dd-lib-svg-icon\n        (click)=\"selectItem(checkedItem)\"\n        class=\"checked\"\n        id=\"chevron-{{ selectId }}\" icon=\"check_green\"></dd-lib-svg-icon>\n      }\n    </div>\n    } } @else {\n    <div class=\"select-loader\">\n      <dd-lib-loader></dd-lib-loader>\n    </div>\n    }\n  </div>\n  }\n</div>\n", styles: [".lib-select{position:relative}.lib-select input{width:100%;height:48px;padding:15px 28px 15px 16px;overflow:hidden;text-overflow:ellipsis;border-radius:8px;border:1px solid var(--input-border-color);background-color:transparent;position:relative}.lib-select input:hover{border-color:var(--input-active-border-colort)}.lib-select input:focus{border-color:var(--input-active-border-colort);box-shadow:var(--input-active-border-shadow)}.lib-select input:disabled{border:none;background-color:var(--input-disable-input);color:var(--input-disable-text);pointer-events:none}.lib-select input:disabled::placeholder{color:var(--input-placeholder)}.lib-select input.invalid,.lib-select input.invalid:hover{border-color:var(--input-error-border-color)}.lib-select input.invalid:focus{border-color:var(--input-error-border-color);box-shadow:var(--input-error-border-shadow)}.lib-select .clear{cursor:pointer;position:absolute;right:8px;top:12px}.lib-select .chevron{cursor:pointer;position:absolute;right:16px;top:10px}.lib-select .chevron.up{transform:rotate(180deg)}.lib-select__title{margin-bottom:4px;font-size:14px;line-height:24px;display:flex;align-items:flex-start}.lib-select__error{color:var(--primary-red-color);font-size:12px;font-weight:400;line-height:10px;margin-top:2px}.lib-select .select-list-wrapper{position:absolute;display:block;top:80px;z-index:100;width:100%;max-height:300px;overflow:auto;border-radius:8px;box-shadow:var(--main-card-shadow);background-color:var(--main-card-color)}.lib-select .select-list-wrapper .select-data{padding:12px 16px;cursor:pointer;position:relative}.lib-select .select-list-wrapper .select-data__desc{font-size:14px;font-weight:400;line-height:24px;text-overflow:ellipsis;text-wrap:nowrap;padding-top:2px;overflow:hidden;color:var(--second-gray-color)}.lib-select .select-list-wrapper .select-data:hover,.lib-select .select-list-wrapper .select-data.active{background:var(--select-act-hov-bgc)}.lib-select .select-list-wrapper .select-data.active .checked{position:absolute;right:16px;top:10px}.lib-select .select-list-wrapper .select-loader{padding:24px}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.ControlContainer, decorators: [{
+                    type: Optional
+                }, {
+                    type: Host
+                }, {
+                    type: SkipSelf
+                }] }], propDecorators: { selectId: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], keyTitle: [{
+                type: Input
+            }], keyDesc: [{
+                type: Input
+            }], keyValue: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGliLXNlbGVjdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZC1saWIvc3JjL2xpYi9saWItc2VsZWN0L2xpYi1zZWxlY3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGQtbGliL3NyYy9saWIvbGliLXNlbGVjdC9saWItc2VsZWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFFdkIsU0FBUyxFQUNULFVBQVUsRUFDVixJQUFJLEVBQ0osS0FBSyxFQUVMLFFBQVEsRUFDUixRQUFRLEdBQ1QsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDakQsT0FBTyxFQUdMLFdBQVcsRUFDWCxpQkFBaUIsRUFDakIsbUJBQW1CLEdBQ3BCLE1BQU0sZ0JBQWdCLENBQUM7QUFDeEIsT0FBTyxFQUFDLDJCQUEyQixFQUFDLE1BQU0saUNBQWlDLENBQUM7QUFDNUUsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sZ0NBQWdDLENBQUM7QUFDaEUsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sb0NBQW9DLENBQUM7QUFDdEUsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0sd0NBQXdDLENBQUM7QUFDM0UsT0FBTyxFQUFDLHFCQUFxQixFQUFFLGVBQWUsRUFBRSxhQUFhLEVBQUUsUUFBUSxFQUFDLE1BQU0sU0FBUyxDQUFDOzs7QUE0QnhGLE1BQU0sT0FBTyxrQkFDWCxTQUFRLDJCQUEyQjthQUdyQixjQUFTLEdBQUcsQ0FBQyxBQUFKLENBQUs7SUFhNUIsWUFDRSxlQUFrQyxFQUNNLGdCQUFrQztRQUUxRSxLQUFLLENBQUMsZUFBZSxDQUFDLENBQUM7UUFGaUIscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQVJuRCxnQkFBVyxHQUFHLG9C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Q1AsZ0JBQWdCO3dCQUNoQixtQkFBbUI7d0JBQ25CLFdBQVc7d0JBQ1gsYUFBYTt3QkFDYixnQkFBZ0I7d0JBQ2hCLFFBQVE7d0JBQ1IscUJBQXFCO3dCQUNyQixrQkFBa0I7d0JBQ2xCLGVBQWU7d0JBQ2YsbUJBQW1CO3FCQUNwQixhQUdVO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLG1CQUFtQixDQUFDOzRCQUNqRCxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRixtQkFDZ0IsdUJBQXVCLENBQUMsTUFBTTs7MEJBcUI1QyxRQUFROzswQkFBSSxJQUFJOzswQkFBSSxRQUFRO3lDQWJmLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLE9BQU87c0JBQXRCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDbUIsV0FBVztzQkFBbkMsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgQ29tcG9uZW50LFxyXG4gIGZvcndhcmRSZWYsXHJcbiAgSG9zdCxcclxuICBJbnB1dCxcclxuICBPbkluaXQsXHJcbiAgT3B0aW9uYWwsXHJcbiAgU2tpcFNlbGYsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7TmdPcHRpbWl6ZWRJbWFnZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHtcclxuICBDb250cm9sQ29udGFpbmVyLFxyXG4gIENvbnRyb2xWYWx1ZUFjY2Vzc29yLFxyXG4gIEZvcm1zTW9kdWxlLFxyXG4gIE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG4gIFJlYWN0aXZlRm9ybXNNb2R1bGUsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQge0xpYkNvbW1vbklucHV0VGV4dENvbXBvbmVudH0gZnJvbSAnLi4vY29tbW9uL2xpYi1jb21tb24taW5wdXQtdGV4dCc7XHJcbmltcG9ydCB7TGliQ2FyZENvbXBvbmVudH0gZnJvbSAnLi4vbGliLWNhcmQvbGliLWNhcmQuY29tcG9uZW50JztcclxuaW1wb3J0IHtMaWJMb2FkZXJDb21wb25lbnR9IGZyb20gJy4uL2xpYi1sb2FkZXIvbGliLWxvYWRlci5jb21wb25lbnQnO1xyXG5pbXBvcnQge0xpYlN2Z0ljb25Db21wb25lbnR9IGZyb20gXCIuLi9saWItc3ZnLWljb24vbGliLXN2Zy1pY29uLmNvbXBvbmVudFwiO1xyXG5pbXBvcnQge0NsaWNrT3V0c2lkZURpcmVjdGl2ZSwgRmlsdGVyQnlLZXlQaXBlLCBIaWdobGlnaHRQaXBlLCBTYWZlUGlwZX0gZnJvbSBcIi4uL2NvcmVcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZGQtbGliLXNlbGVjdCcsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBOZ09wdGltaXplZEltYWdlLFxyXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcclxuICAgIEZvcm1zTW9kdWxlLFxyXG4gICAgSGlnaGxpZ2h0UGlwZSxcclxuICAgIExpYkNhcmRDb21wb25lbnQsXHJcbiAgICBTYWZlUGlwZSxcclxuICAgIENsaWNrT3V0c2lkZURpcmVjdGl2ZSxcclxuICAgIExpYkxvYWRlckNvbXBvbmVudCxcclxuICAgIEZpbHRlckJ5S2V5UGlwZSxcclxuICAgIExpYlN2Z0ljb25Db21wb25lbnQsXHJcbiAgXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vbGliLXNlbGVjdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2xpYi1zZWxlY3QuY29tcG9uZW50LnNjc3MnLFxyXG4gIHByb3ZpZGVyczogW1xyXG4gICAge1xyXG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gTGliU2VsZWN0Q29tcG9uZW50KSxcclxuICAgICAgbXVsdGk6IHRydWUsXHJcbiAgICB9LFxyXG4gIF0sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBMaWJTZWxlY3RDb21wb25lbnQ8VD5cclxuICBleHRlbmRzIExpYkNvbW1vbklucHV0VGV4dENvbXBvbmVudFxyXG4gIGltcGxlbWVudHMgT25Jbml0LCBDb250cm9sVmFsdWVBY2Nlc3NvclxyXG57XHJcbiAgcHVibGljIHN0YXRpYyBpZENvdW50ZXIgPSAxO1xyXG5cclxuICBASW5wdXQoKSBwdWJsaWMgc2VsZWN0SWQ6IHN0cmluZyAgfCB1bmRlZmluZWQ7XHJcbiAgQElucHV0KCkgcHVibGljIGRhdGE6IGFueSAgfCB1bmRlZmluZWQ7XHJcbiAgQElucHV0KCkgcHVibGljIGtleVRpdGxlOiBzdHJpbmcgIHwgdW5kZWZpbmVkO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBrZXlEZXNjOiBzdHJpbmcgIHwgdW5kZWZpbmVkO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBrZXlWYWx1ZTogc3RyaW5nICB8IHVuZGVmaW5lZDtcclxuICBASW5wdXQoKSBwdWJsaWMgb3ZlcnJpZGUgcGxhY2Vob2xkZXIgPSAn0JLRi9Cx0LXRgNC40YLQtSDQuNC3INGB0L/QuNGB0LrQsCc7XHJcbiAgcHVibGljIGNoZWNrZWRJdGVtOiBhbnk7XHJcbiAgcHVibGljIGlucHV0VmFsdWU6IHN0cmluZyB8IHVuZGVmaW5lZDtcclxuICBwdWJsaWMgc2VhcmNoVmFsdWU6IHN0cmluZyB8IHVuZGVmaW5lZDtcclxuICBwdWJsaWMgaXNTaG93bkxpc3Q6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3RvclJlZixcclxuICAgIEBPcHRpb25hbCgpIEBIb3N0KCkgQFNraXBTZWxmKCkgcHJpdmF0ZSBjb250cm9sQ29udGFpbmVyOiBDb250cm9sQ29udGFpbmVyLFxyXG4gICkge1xyXG4gICAgc3VwZXIoY2hhbmdlRGV0ZWN0aW9uKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIGlmICghdGhpcy5zZWxlY3RJZCkge1xyXG4gICAgICB0aGlzLnNlbGVjdElkID0gJ2RkLXNlbGVjdC0nICsgTGliU2VsZWN0Q29tcG9uZW50LmlkQ291bnRlcisrO1xyXG4gICAgfVxyXG4gICAgaWYgKHRoaXMua2V5VGl0bGUgJiYgIXRoaXMua2V5VmFsdWUpIHtcclxuICAgICAgdGhpcy5rZXlWYWx1ZSA9IHRoaXMua2V5VGl0bGU7XHJcbiAgICB9XHJcbiAgICB0aGlzLmNvbnRyb2wgPVxyXG4gICAgICB0aGlzLmNvbnRyb2xDb250YWluZXIgJiYgdGhpcy5mb3JtQ29udHJvbE5hbWVcclxuICAgICAgICA/IHRoaXMuY29udHJvbENvbnRhaW5lcj8uY29udHJvbD8uZ2V0KHRoaXMuZm9ybUNvbnRyb2xOYW1lKVxyXG4gICAgICAgIDogbnVsbDtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBvdmVycmlkZSByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMucHJvcGFnYXRlQ2hhbmdlID0gZm47XHJcbiAgICBzdXBlci5yZWdpc3Rlck9uQ2hhbmdlKGZuKVxyXG4gIH1cclxuXHJcbiAgcHVibGljIG92ZXJyaWRlIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMub25Ub3VjaGVkQ2FsbGJhY2sgPSBmbjtcclxuICAgIHN1cGVyLnJlZ2lzdGVyT25Ub3VjaGVkKGZuKVxyXG4gIH1cclxuXHJcbiAgcHVibGljIG92ZXJyaWRlIGhhbmRsZUlucHV0KGU6IEV2ZW50KTogdm9pZCB7XHJcbiAgICB0aGlzLmlzU2hvd25MaXN0ID0gdHJ1ZTtcclxuICAgIHRoaXMuc2VhcmNoVmFsdWUgPSB0aGlzLmlucHV0VmFsdWU7XHJcbiAgICBzdXBlci5oYW5kbGVJbnB1dChlKVxyXG4gIH1cclxuXHJcbiAgcHVibGljIG92ZXJyaWRlIG5vdGlmeUZvY3VzRXZlbnQoZTogRXZlbnQpOiB2b2lkIHtcclxuICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xyXG4gICAgICB0aGlzLmlzU2hvd25MaXN0ID0gIXRoaXMuaXNTaG93bkxpc3Q7XHJcbiAgICB9XHJcbiAgICBzdXBlci5ub3RpZnlGb2N1c0V2ZW50KGUpXHJcbiAgfVxyXG5cclxuICBwdWJsaWMgd3JpdGVWYWx1ZSh2YWx1ZTogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLnZhbHVlID0gdmFsdWU7XHJcbiAgICB0aGlzLmlucHV0VmFsdWUgPSB2YWx1ZTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBzZWxlY3RJdGVtKGl0ZW06IGFueSk6IHZvaWQge1xyXG4gICAgaWYgKHR5cGVvZiBpdGVtID09PSAnc3RyaW5nJykge1xyXG4gICAgICBpZiAoIXRoaXMuY2hlY2tlZEl0ZW0pIHtcclxuICAgICAgICB0aGlzLmNoZWNrZWRJdGVtID0gaXRlbTtcclxuICAgICAgICB0aGlzLmlucHV0VmFsdWUgPSBpdGVtO1xyXG4gICAgICAgIHRoaXMudmFsdWUgPSBpdGVtO1xyXG4gICAgICAgIHRoaXMucHJvcGFnYXRlQ2hhbmdlKHRoaXMudmFsdWUpO1xyXG4gICAgICB9IGVsc2Uge1xyXG4gICAgICAgIHRoaXMuY2hlY2tlZEl0ZW0gPSBudWxsO1xyXG4gICAgICAgIHRoaXMuaW5wdXRWYWx1ZSA9IHVuZGVmaW5lZDtcclxuICAgICAgICB0aGlzLnZhbHVlID0gdW5kZWZpbmVkO1xyXG4gICAgICAgIHRoaXMucHJvcGFnYXRlQ2hhbmdlKHVuZGVmaW5lZCk7XHJcbiAgICAgIH1cclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIGlmICghdGhpcy5jaGVja2VkSXRlbSB8fCBpdGVtW3RoaXMua2V5VmFsdWUhXSAhPT0gdGhpcy5jaGVja2VkSXRlbT8uW3RoaXMua2V5VmFsdWUhXSkge1xyXG4gICAgICAgIHRoaXMuY2hlY2tlZEl0ZW0gPSBpdGVtO1xyXG4gICAgICAgIHRoaXMuaW5wdXRWYWx1ZSA9IHRoaXMuY2hlY2tlZEl0ZW1bdGhpcy5rZXlUaXRsZSFdO1xyXG4gICAgICAgIHRoaXMudmFsdWUgPSBpdGVtW3RoaXMua2V5VmFsdWUhXTtcclxuICAgICAgICB0aGlzLnByb3BhZ2F0ZUNoYW5nZSh0aGlzLnZhbHVlKTtcclxuICAgICAgfSBlbHNlIHtcclxuICAgICAgICB0aGlzLmNoZWNrZWRJdGVtID0gbnVsbDtcclxuICAgICAgICB0aGlzLmlucHV0VmFsdWUgPSB1bmRlZmluZWQ7XHJcbiAgICAgICAgdGhpcy52YWx1ZSA9IHVuZGVmaW5lZDtcclxuICAgICAgICB0aGlzLnByb3BhZ2F0ZUNoYW5nZSh1bmRlZmluZWQpO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICB0aGlzLnNlYXJjaFZhbHVlID0gdW5kZWZpbmVkO1xyXG4gICAgdGhpcy5pc1Nob3duTGlzdCA9IGZhbHNlO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGZpbHRlckxpc3QoaXRlbTogYW55KTogYW55IHtcclxuICAgIHJldHVybiBpdGVtW3RoaXMua2V5VGl0bGUhXT8udG9Mb3dlckNhc2UoKS5pbmNsdWRlcyh0aGlzLnNlYXJjaFZhbHVlPy50b0xvd2VyQ2FzZSgpIHx8ICcnKTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgcHJvcGFnYXRlQ2hhbmdlKF92YWx1ZTogYW55KSB7fVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJsaWItc2VsZWN0XCIgaWQ9XCJsaWItc2VsZWN0LXt7IHNlbGVjdElkIH19XCI+XG4gIDxsYWJlbCBbZm9yXT1cImlkXCIgY2xhc3M9XCJsaWItc2VsZWN0X190aXRsZVwiPlxuICAgIHt7IGxhYmVsIH19XG4gICAgQGlmIChyZXF1aXJlZCkge1xuICAgICAgPGRkLWxpYi1zdmctaWNvbiBpY29uPVwiZXJyb3JfaGludFwiPjwvZGQtbGliLXN2Zy1pY29uPlxuICAgIH1cbiAgPC9sYWJlbD5cblxuICA8ZGl2IGNsYXNzPVwicG9zLXJlbGF0aXZlXCI+XG4gICAgPGlucHV0XG4gICAgICAjc2VsZWN0XG4gICAgICAoY2hhbmdlKT1cImhhbmRsZUNoYW5nZSgpXCJcbiAgICAgIChjbGljayk9XCJub3RpZnlGb2N1c0V2ZW50KCRldmVudClcIlxuICAgICAgKGlucHV0KT1cImhhbmRsZUlucHV0KCRldmVudClcIlxuICAgICAgWyhuZ01vZGVsKV09XCJpbnB1dFZhbHVlXCJcbiAgICAgIFthdHRyLmlkXT1cInNlbGVjdElkXCJcbiAgICAgIFthdHRyLm5hbWVdPVwibmFtZVwiXG4gICAgICBbYXR0ci5wbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gICAgICBbYXR0ci50YWJJbmRleF09XCJ0YWJJbmRleFwiXG4gICAgICBbYXR0ci50eXBlXT1cIid0ZXh0J1wiXG4gICAgICBbY2xhc3MuZm9jdXNlZF09XCJmb2N1c2VkXCJcbiAgICAgIFtjbGFzcy5pbnZhbGlkXT1cImludmFsaWRcIlxuICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgIFtyZWFkT25seV09XCJyZWFkT25seVwiXG4gICAgICBbdGl0bGVdPVwiaW5wdXRWYWx1ZVwiXG4gICAgICBjbGFzcz1cInRleHQtc2VsZWN0XCIgLz5cbiAgICA8IS0tICAgIChibHVyKT1cIm5vdGlmeUZvY3VzRXZlbnQoJGV2ZW50KVwiLS0+XG4gICAgQGlmICghY2hlY2tlZEl0ZW0pIHtcbiAgICAgIDxkZC1saWItc3ZnLWljb25cbiAgICAgICAgKGNsaWNrKT1cIm5vdGlmeUZvY3VzRXZlbnQoJGV2ZW50KVwiXG4gICAgICAgIFtjbGFzcy5ibGFjay1zdmddPVwiaXNTaG93bkxpc3RcIlxuICAgICAgICBbY2xhc3MuZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgICBbY2xhc3MuZ3JheS1zdmddPVwiIWlzU2hvd25MaXN0XCJcbiAgICAgICAgW2NsYXNzLnVwXT1cImlzU2hvd25MaXN0XCJcbiAgICAgICAgaWQ9XCJjaGV2cm9uLXt7IHNlbGVjdElkIH19XCIgY2xhc3M9XCJjaGV2cm9uXCIgaWNvbj1cImRvd25fY2hldnJvblwiPjwvZGQtbGliLXN2Zy1pY29uPlxuXG4gICAgfSBAZWxzZSB7XG4gICAgICA8ZGQtbGliLXN2Zy1pY29uXG4gICAgICAgIChjbGljayk9XCJzZWxlY3RJdGVtKGNoZWNrZWRJdGVtKVwiXG4gICAgICAgIGNsYXNzPVwiY2xlYXJcIlxuICAgICAgICBpZD1cImNoZXZyb24te3sgc2VsZWN0SWQgfX1cIiBpY29uPVwiY2xlYXJcIj48L2RkLWxpYi1zdmctaWNvbj5cblxuICAgIH1cbiAgPC9kaXY+XG5cbiAgQGlmIChlcnJvclRleHQgJiYgaW52YWxpZCkge1xuICA8ZGl2IGNsYXNzPVwibGliLXNlbGVjdF9fZXJyb3JcIj57eyBlcnJvclRleHQgfX08L2Rpdj5cbiAgfSBAaWYgKGlzU2hvd25MaXN0KSB7XG4gIDxkaXZcbiAgICAoZGRDbGlja091dHNpZGUpPVwibm90aWZ5Rm9jdXNFdmVudCgkZXZlbnQpXCJcbiAgICBbZWxlbWVudHNdPVwiWydsaWItc2VsZWN0LScgKyBzZWxlY3RJZCwgJ2NoZXZyb24nICsgc2VsZWN0SWRdXCJcbiAgICBjbGFzcz1cInNlbGVjdC1saXN0LXdyYXBwZXJcIj5cbiAgICBAaWYgKGRhdGE/Lmxlbmd0aCkgeyBAZm9yIChpdGVtIG9mIGRhdGEgfCBmaWx0ZXJCeUtleTogZmlsdGVyTGlzdC5iaW5kKHRoaXMpOyB0cmFjayBpdGVtKSB7XG4gICAgPGRpdlxuICAgICAgKGNsaWNrKT1cInNlbGVjdEl0ZW0oaXRlbSlcIlxuICAgICAgW2NsYXNzLmFjdGl2ZV09XCJjaGVja2VkSXRlbT8uW2tleVZhbHVlIV0gPT09IGl0ZW1ba2V5VmFsdWUhXSB8fCBjaGVja2VkSXRlbSA9PT0gaXRlbVwiXG4gICAgICBjbGFzcz1cInNlbGVjdC1kYXRhXCI+XG4gICAgICBAaWYgKCFrZXlEZXNjICYmICFrZXlUaXRsZSkge1xuICAgICAgPGRpdiBbaW5uZXJIVE1MXT1cIml0ZW0gfCBoaWdobGlnaHQ6IGlucHV0VmFsdWUgfCBzYWZlOiAnaHRtbCdcIiBjbGFzcz1cInNlbGVjdC1kYXRhX190aXRsZVwiPjwvZGl2PlxuICAgICAgfSBAaWYgKGtleVRpdGxlKSB7XG4gICAgICA8ZGl2XG4gICAgICAgIFtpbm5lckhUTUxdPVwiaXRlbVtrZXlUaXRsZSFdIHwgaGlnaGxpZ2h0OiBpbnB1dFZhbHVlIHwgc2FmZTogJ2h0bWwnXCJcbiAgICAgICAgY2xhc3M9XCJzZWxlY3QtZGF0YV9fdGl0bGVcIj48L2Rpdj5cbiAgICAgIH0gQGlmIChrZXlEZXNjKSB7XG4gICAgICA8ZGl2XG4gICAgICAgIFtpbm5lckhUTUxdPVwiaXRlbVtrZXlEZXNjIV0gfCBoaWdobGlnaHQ6IGlucHV0VmFsdWUgfCBzYWZlOiAnaHRtbCdcIlxuICAgICAgICBbdGl0bGVdPVwiaXRlbVtrZXlEZXNjXVwiXG4gICAgICAgIGNsYXNzPVwic2VsZWN0LWRhdGFfX2Rlc2NcIj48L2Rpdj5cbiAgICAgIH0gQGlmIChjaGVja2VkSXRlbT8uW2tleVZhbHVlIV0gPT09IGl0ZW0/LltrZXlWYWx1ZSFdIHx8IGNoZWNrZWRJdGVtID09PSBpdGVtKSB7XG4gICAgICA8ZGQtbGliLXN2Zy1pY29uXG4gICAgICAgIChjbGljayk9XCJzZWxlY3RJdGVtKGNoZWNrZWRJdGVtKVwiXG4gICAgICAgIGNsYXNzPVwiY2hlY2tlZFwiXG4gICAgICAgIGlkPVwiY2hldnJvbi17eyBzZWxlY3RJZCB9fVwiIGljb249XCJjaGVja19ncmVlblwiPjwvZGQtbGliLXN2Zy1pY29uPlxuICAgICAgfVxuICAgIDwvZGl2PlxuICAgIH0gfSBAZWxzZSB7XG4gICAgPGRpdiBjbGFzcz1cInNlbGVjdC1sb2FkZXJcIj5cbiAgICAgIDxkZC1saWItbG9hZGVyPjwvZGQtbGliLWxvYWRlcj5cbiAgICA8L2Rpdj5cbiAgICB9XG4gIDwvZGl2PlxuICB9XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/lib-skeleton/lib-skeleton.component.mjs

@@ -0,0 +1,45 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { AutoHeightDirective } from "../core";
+import * as i0 from "@angular/core";
+export class LibSkeletonComponent {
+    set skeleton(s) {
+        if (s === true) {
+            this._skeleton = s;
+            this.cdr.detectChanges();
+        }
+        else {
+            setTimeout(() => {
+                this._skeleton = s;
+                this.cdr.detectChanges();
+            }, 1000);
+        }
+    }
+    set plugs(n) {
+        if (n && n > 0) {
+            this._plugs = Array.from(Array(n).keys());
+        }
+    }
+    constructor(cdr) {
+        this.cdr = cdr;
+        this.sHeight = '200px';
+        this._plugs = [];
+        this.length = length;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LibSkeletonComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LibSkeletonComponent, isStandalone: true, selector: "dd-lib-skeleton", inputs: { deepParent: "deepParent", sHeight: "sHeight", sMb: "sMb", skeleton: "skeleton", plugs: "plugs" }, ngImport: i0, template: "@if (_skeleton && _plugs.length) { @for (plug of _plugs; track plug) {\r\n<div\r\n  [class.skeleton]=\"_skeleton\"\r\n  [style.height]=\"_skeleton ? sHeight : ''\"\r\n  [style.margin-bottom]=\"sMb\"\r\n  class=\"skelet full-width full-height\"></div>\r\n} } @else {\r\n<div [style.height]=\"_skeleton ? sHeight : ''\" [class.skeleton]=\"_skeleton\" [ddAutoHeight]=\"deepParent\">\r\n  <ng-content></ng-content>\r\n</div>\r\n}\r\n", styles: [":host{min-width:100%}.skeleton{position:relative;overflow:hidden;min-height:100%}.skeleton:after{position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,#d0cdcd00 0,#d0cdcd33 20%,#d0cdcd80 60%,#d0cdcd00);animation:shimmer 2s infinite;content:\"\"}@keyframes shimmer{to{transform:translate(100%)}}.skelet{min-height:100%;border-radius:24px}\n"], dependencies: [{ kind: "directive", type: AutoHeightDirective, selector: "[ddAutoHeight]", inputs: ["ddAutoHeight"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LibSkeletonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dd-lib-skeleton', standalone: true, imports: [AutoHeightDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (_skeleton && _plugs.length) { @for (plug of _plugs; track plug) {\r\n<div\r\n  [class.skeleton]=\"_skeleton\"\r\n  [style.height]=\"_skeleton ? sHeight : ''\"\r\n  [style.margin-bottom]=\"sMb\"\r\n  class=\"skelet full-width full-height\"></div>\r\n} } @else {\r\n<div [style.height]=\"_skeleton ? sHeight : ''\" [class.skeleton]=\"_skeleton\" [ddAutoHeight]=\"deepParent\">\r\n  <ng-content></ng-content>\r\n</div>\r\n}\r\n", styles: [":host{min-width:100%}.skeleton{position:relative;overflow:hidden;min-height:100%}.skeleton:after{position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,#d0cdcd00 0,#d0cdcd33 20%,#d0cdcd80 60%,#d0cdcd00);animation:shimmer 2s infinite;content:\"\"}@keyframes shimmer{to{transform:translate(100%)}}.skelet{min-height:100%;border-radius:24px}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { deepParent: [{
+                type: Input
+            }], sHeight: [{
+                type: Input
+            }], sMb: [{
+                type: Input
+            }], skeleton: [{
+                type: Input
+            }], plugs: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGliLXNrZWxldG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RkLWxpYi9zcmMvbGliL2xpYi1za2VsZXRvbi9saWItc2tlbGV0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGQtbGliL3NyYy9saWIvbGliLXNrZWxldG9uL2xpYi1za2VsZXRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQXFCLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0YsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0sU0FBUyxDQUFDOztBQVU1QyxNQUFNLE9BQU8sb0JBQW9CO0lBSy9CLElBQ1csUUFBUSxDQUFDLENBQXNCO1FBQ3hDLElBQUksQ0FBQyxLQUFLLElBQUksRUFBRSxDQUFDO1lBQ2YsSUFBSSxDQUFDLFNBQVMsR0FBRyxDQUFDLENBQUM7WUFDbkIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUMzQixDQUFDO2FBQU0sQ0FBQztZQUNOLFVBQVUsQ0FBQyxHQUFHLEVBQUU7Z0JBQ2QsSUFBSSxDQUFDLFNBQVMsR0FBRyxDQUFDLENBQUM7Z0JBQ25CLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDM0IsQ0FBQyxFQUFFLElBQUksQ0FBQyxDQUFDO1FBQ1gsQ0FBQztJQUNILENBQUM7SUFDRCxJQUFvQixLQUFLLENBQUMsQ0FBcUI7UUFDN0MsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDO1lBQ2YsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDO1FBQzVDLENBQUM7SUFDSCxDQUFDO0lBS0QsWUFBb0IsR0FBc0I7UUFBdEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUF4QjFCLFlBQU8sR0FBdUIsT0FBTyxDQUFDO1FBcUIvQyxXQUFNLEdBQWEsRUFBRSxDQUFDO1FBS1YsV0FBTSxHQUFHLE1BQU0sQ0FBQztJQUZVLENBQUM7K0dBMUJuQyxvQkFBb0I7bUdBQXBCLG9CQUFvQix1TENYakMsK2FBV0EsbWJETFksbUJBQW1COzs0RkFLbEIsb0JBQW9CO2tCQVJoQyxTQUFTOytCQUNFLGlCQUFpQixjQUNmLElBQUksV0FDUCxDQUFDLG1CQUFtQixDQUFDLG1CQUdiLHVCQUF1QixDQUFDLE1BQU07c0ZBRy9CLFVBQVU7c0JBQXpCLEtBQUs7Z0JBQ1UsT0FBTztzQkFBdEIsS0FBSztnQkFDVSxHQUFHO3NCQUFsQixLQUFLO2dCQUdLLFFBQVE7c0JBRGxCLEtBQUs7Z0JBWWMsS0FBSztzQkFBeEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge0F1dG9IZWlnaHREaXJlY3RpdmV9IGZyb20gXCIuLi9jb3JlXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2RkLWxpYi1za2VsZXRvbicsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQXV0b0hlaWdodERpcmVjdGl2ZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2xpYi1za2VsZXRvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2xpYi1za2VsZXRvbi5jb21wb25lbnQuc2NzcycsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBMaWJTa2VsZXRvbkNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgcHVibGljIGRlZXBQYXJlbnQ6IG51bWJlciB8IHVuZGVmaW5lZDtcclxuICBASW5wdXQoKSBwdWJsaWMgc0hlaWdodDogc3RyaW5nIHwgdW5kZWZpbmVkID0gJzIwMHB4JztcclxuICBASW5wdXQoKSBwdWJsaWMgc01iOiBzdHJpbmcgfCB1bmRlZmluZWQ7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIHNldCBza2VsZXRvbihzOiBib29sZWFuIHwgdW5kZWZpbmVkKSB7XHJcbiAgICBpZiAocyA9PT0gdHJ1ZSkge1xyXG4gICAgICB0aGlzLl9za2VsZXRvbiA9IHM7XHJcbiAgICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICAgIHRoaXMuX3NrZWxldG9uID0gcztcclxuICAgICAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgICAgIH0sIDEwMDApO1xyXG4gICAgfVxyXG4gIH1cclxuICBASW5wdXQoKSBwdWJsaWMgc2V0IHBsdWdzKG46IG51bWJlciB8IHVuZGVmaW5lZCkge1xyXG4gICAgaWYgKG4gJiYgbiA+IDApIHtcclxuICAgICAgdGhpcy5fcGx1Z3MgPSBBcnJheS5mcm9tKEFycmF5KG4pLmtleXMoKSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgX3BsdWdzOiBudW1iZXJbXSA9IFtdO1xyXG4gIHB1YmxpYyBfc2tlbGV0b246IGJvb2xlYW4gfCB1bmRlZmluZWQ7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge31cclxuXHJcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IGxlbmd0aCA9IGxlbmd0aDtcclxufVxyXG4iLCJAaWYgKF9za2VsZXRvbiAmJiBfcGx1Z3MubGVuZ3RoKSB7IEBmb3IgKHBsdWcgb2YgX3BsdWdzOyB0cmFjayBwbHVnKSB7XHJcbjxkaXZcclxuICBbY2xhc3Muc2tlbGV0b25dPVwiX3NrZWxldG9uXCJcclxuICBbc3R5bGUuaGVpZ2h0XT1cIl9za2VsZXRvbiA/IHNIZWlnaHQgOiAnJ1wiXHJcbiAgW3N0eWxlLm1hcmdpbi1ib3R0b21dPVwic01iXCJcclxuICBjbGFzcz1cInNrZWxldCBmdWxsLXdpZHRoIGZ1bGwtaGVpZ2h0XCI+PC9kaXY+XHJcbn0gfSBAZWxzZSB7XHJcbjxkaXYgW3N0eWxlLmhlaWdodF09XCJfc2tlbGV0b24gPyBzSGVpZ2h0IDogJydcIiBbY2xhc3Muc2tlbGV0b25dPVwiX3NrZWxldG9uXCIgW2RkQXV0b0hlaWdodF09XCJkZWVwUGFyZW50XCI+XHJcbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2Rpdj5cclxufVxyXG4iXX0=

package/esm2022/lib/lib-sort/lib-sort.component.mjs

@@ -0,0 +1,44 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
+import { LibCardComponent } from '../lib-card/lib-card.component';
+import { NgOptimizedImage } from '@angular/common';
+import { ClickOutsideDirective } from "../core";
+import { LibSvgIconComponent } from "../lib-svg-icon/lib-svg-icon.component";
+import * as i0 from "@angular/core";
+const DefaultSort = [
+    { name: 'По возрастанию', value: 'asc', default: true },
+    { name: 'По убыванию', value: 'desc' },
+];
+export class LibSortComponent {
+    constructor() {
+        this.sortItems = DefaultSort;
+        this.sortEvent = new EventEmitter();
+    }
+    ngOnInit() {
+        if (this.sortItems?.length) {
+            this.sort = this.sortItems?.find(f => f.default)?.value || this.sortItems[0]?.value;
+        }
+    }
+    onSort(field) {
+        if (field !== this.sort) {
+            this.sort = field;
+            this.sortEvent.emit(field);
+            this.showSort = false;
+        }
+    }
+    showSortList() {
+        if (this.sortItems?.length) {
+            this.showSort = !this.showSort;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LibSortComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LibSortComponent, isStandalone: true, selector: "dd-lib-sort", inputs: { sortItems: "sortItems" }, outputs: { sortEvent: "sortEvent" }, ngImport: i0, template: "<div class=\"pos-relative\" id=\"js-sort-wrapper\">\r\n  <div (click)=\"showSortList()\" class=\"d-flex align-center cup\">\r\n    <div class=\"text-plain green mr-12\">\u0421\u043E\u0440\u0442\u0438\u0440\u043E\u0432\u043A\u0430</div>\r\n    <div>\r\n      <dd-lib-svg-icon icon=\"sort\"></dd-lib-svg-icon>\r\n    </div>\r\n  </div>\r\n  @if (showSort) {\r\n  <div (ddClickOutside)=\"showSort = false\" [elements]=\"['js-sort-wrapper']\" class=\"sort-list-container\">\r\n    <dd-lib-card type=\"small\">\r\n      <div class=\"sort-list-container__list\">\r\n        @for (item of sortItems; track item) {\r\n        <div (click)=\"onSort(item.value)\" [class.green]=\"sort === item.value\" class=\"mb-12 text-plain\">\r\n          {{ item.name }}\r\n        </div>\r\n        }\r\n      </div>\r\n    </dd-lib-card>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.sort-list-container{position:absolute;z-index:1;top:36px}.sort-list-container__list{white-space:nowrap}.sort-list-container__list .text-plain{cursor:pointer}.sort-list-container__list .text-plain:hover{color:var(--primary-green-color)}\n"], dependencies: [{ kind: "directive", type: ClickOutsideDirective, selector: "[ddClickOutside]", inputs: ["elements"], outputs: ["ddClickOutside"] }, { kind: "component", type: LibCardComponent, selector: "dd-lib-card", inputs: ["type", "footerBtn", "sHeight", "skeleton", "parentLvlForSkeleton", "plugs", "borderRadius"], outputs: ["cardBtnEvent"] }, { kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LibSortComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dd-lib-sort', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [ClickOutsideDirective, LibCardComponent, NgOptimizedImage, LibSvgIconComponent], template: "<div class=\"pos-relative\" id=\"js-sort-wrapper\">\r\n  <div (click)=\"showSortList()\" class=\"d-flex align-center cup\">\r\n    <div class=\"text-plain green mr-12\">\u0421\u043E\u0440\u0442\u0438\u0440\u043E\u0432\u043A\u0430</div>\r\n    <div>\r\n      <dd-lib-svg-icon icon=\"sort\"></dd-lib-svg-icon>\r\n    </div>\r\n  </div>\r\n  @if (showSort) {\r\n  <div (ddClickOutside)=\"showSort = false\" [elements]=\"['js-sort-wrapper']\" class=\"sort-list-container\">\r\n    <dd-lib-card type=\"small\">\r\n      <div class=\"sort-list-container__list\">\r\n        @for (item of sortItems; track item) {\r\n        <div (click)=\"onSort(item.value)\" [class.green]=\"sort === item.value\" class=\"mb-12 text-plain\">\r\n          {{ item.name }}\r\n        </div>\r\n        }\r\n      </div>\r\n    </dd-lib-card>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.sort-list-container{position:absolute;z-index:1;top:36px}.sort-list-container__list{white-space:nowrap}.sort-list-container__list .text-plain{cursor:pointer}.sort-list-container__list .text-plain:hover{color:var(--primary-green-color)}\n"] }]
+        }], propDecorators: { sortItems: [{
+                type: Input
+            }], sortEvent: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGliLXNvcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGQtbGliL3NyYy9saWIvbGliLXNvcnQvbGliLXNvcnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGQtbGliL3NyYy9saWIvbGliLXNvcnQvbGliLXNvcnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN0RyxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNoRSxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUNqRCxPQUFPLEVBQUMscUJBQXFCLEVBQUMsTUFBTSxTQUFTLENBQUM7QUFDOUMsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0sd0NBQXdDLENBQUM7O0FBUTNFLE1BQU0sV0FBVyxHQUFHO0lBQ2xCLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRTtJQUN2RCxFQUFFLElBQUksRUFBRSxhQUFhLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRTtDQUN2QyxDQUFDO0FBVUYsTUFBTSxPQUFPLGdCQUFnQjtJQVI3QjtRQVNrQixjQUFTLEdBQVksV0FBVyxDQUFDO1FBQ2hDLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0tBd0J6RDtJQW5CUSxRQUFRO1FBQ2IsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLE1BQU0sRUFBRSxDQUFDO1lBQzNCLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLEVBQUUsS0FBSyxJQUFJLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsS0FBSyxDQUFDO1FBQ3RGLENBQUM7SUFDSCxDQUFDO0lBRU0sTUFBTSxDQUFDLEtBQWE7UUFDekIsSUFBSSxLQUFLLEtBQUssSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ3hCLElBQUksQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDO1lBQ2xCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQzNCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLENBQUM7SUFDSCxDQUFDO0lBRU0sWUFBWTtRQUNqQixJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLENBQUM7WUFDM0IsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7UUFDakMsQ0FBQztJQUNILENBQUM7K0dBekJVLGdCQUFnQjttR0FBaEIsZ0JBQWdCLGdKQ3pCN0IsbzFCQXFCQSw0VERFWSxxQkFBcUIsZ0hBQUUsZ0JBQWdCLDBMQUFvQixtQkFBbUI7OzRGQUU3RSxnQkFBZ0I7a0JBUjVCLFNBQVM7K0JBQ0UsYUFBYSxjQUNYLElBQUksbUJBR0MsdUJBQXVCLENBQUMsTUFBTSxXQUN0QyxDQUFDLHFCQUFxQixFQUFFLGdCQUFnQixFQUFFLGdCQUFnQixFQUFFLG1CQUFtQixDQUFDOzhCQUd6RSxTQUFTO3NCQUF4QixLQUFLO2dCQUNXLFNBQVM7c0JBQXpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtMaWJDYXJkQ29tcG9uZW50fSBmcm9tICcuLi9saWItY2FyZC9saWItY2FyZC5jb21wb25lbnQnO1xyXG5pbXBvcnQge05nT3B0aW1pemVkSW1hZ2V9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7Q2xpY2tPdXRzaWRlRGlyZWN0aXZlfSBmcm9tIFwiLi4vY29yZVwiO1xyXG5pbXBvcnQge0xpYlN2Z0ljb25Db21wb25lbnR9IGZyb20gXCIuLi9saWItc3ZnLWljb24vbGliLXN2Zy1pY29uLmNvbXBvbmVudFwiO1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBJU29ydCB7XHJcbiAgdmFsdWU6IHN0cmluZztcclxuICBuYW1lOiBzdHJpbmc7XHJcbiAgZGVmYXVsdD86IGJvb2xlYW47XHJcbn1cclxuXHJcbmNvbnN0IERlZmF1bHRTb3J0ID0gW1xyXG4gIHsgbmFtZTogJ9Cf0L4g0LLQvtC30YDQsNGB0YLQsNC90LjRjicsIHZhbHVlOiAnYXNjJywgZGVmYXVsdDogdHJ1ZSB9LFxyXG4gIHsgbmFtZTogJ9Cf0L4g0YPQsdGL0LLQsNC90LjRjicsIHZhbHVlOiAnZGVzYycgfSxcclxuXTtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZGQtbGliLXNvcnQnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2xpYi1zb3J0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9saWItc29ydC5jb21wb25lbnQuc2NzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIGltcG9ydHM6IFtDbGlja091dHNpZGVEaXJlY3RpdmUsIExpYkNhcmRDb21wb25lbnQsIE5nT3B0aW1pemVkSW1hZ2UsIExpYlN2Z0ljb25Db21wb25lbnRdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTGliU29ydENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgcHVibGljIHNvcnRJdGVtczogSVNvcnRbXSA9IERlZmF1bHRTb3J0O1xyXG4gIEBPdXRwdXQoKSBwdWJsaWMgc29ydEV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcblxyXG4gIHB1YmxpYyBzb3J0OiBzdHJpbmcgfCB1bmRlZmluZWQ7XHJcbiAgcHVibGljIHNob3dTb3J0OiBib29sZWFuIHwgdW5kZWZpbmVkO1xyXG5cclxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5zb3J0SXRlbXM/Lmxlbmd0aCkge1xyXG4gICAgICB0aGlzLnNvcnQgPSB0aGlzLnNvcnRJdGVtcz8uZmluZChmID0+IGYuZGVmYXVsdCk/LnZhbHVlIHx8IHRoaXMuc29ydEl0ZW1zWzBdPy52YWx1ZTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHB1YmxpYyBvblNvcnQoZmllbGQ6IHN0cmluZyk6IHZvaWQge1xyXG4gICAgaWYgKGZpZWxkICE9PSB0aGlzLnNvcnQpIHtcclxuICAgICAgdGhpcy5zb3J0ID0gZmllbGQ7XHJcbiAgICAgIHRoaXMuc29ydEV2ZW50LmVtaXQoZmllbGQpO1xyXG4gICAgICB0aGlzLnNob3dTb3J0ID0gZmFsc2U7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgc2hvd1NvcnRMaXN0KCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuc29ydEl0ZW1zPy5sZW5ndGgpIHtcclxuICAgICAgdGhpcy5zaG93U29ydCA9ICF0aGlzLnNob3dTb3J0O1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwicG9zLXJlbGF0aXZlXCIgaWQ9XCJqcy1zb3J0LXdyYXBwZXJcIj5cclxuICA8ZGl2IChjbGljayk9XCJzaG93U29ydExpc3QoKVwiIGNsYXNzPVwiZC1mbGV4IGFsaWduLWNlbnRlciBjdXBcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LXBsYWluIGdyZWVuIG1yLTEyXCI+0KHQvtGA0YLQuNGA0L7QstC60LA8L2Rpdj5cclxuICAgIDxkaXY+XHJcbiAgICAgIDxkZC1saWItc3ZnLWljb24gaWNvbj1cInNvcnRcIj48L2RkLWxpYi1zdmctaWNvbj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG4gIEBpZiAoc2hvd1NvcnQpIHtcclxuICA8ZGl2IChkZENsaWNrT3V0c2lkZSk9XCJzaG93U29ydCA9IGZhbHNlXCIgW2VsZW1lbnRzXT1cIlsnanMtc29ydC13cmFwcGVyJ11cIiBjbGFzcz1cInNvcnQtbGlzdC1jb250YWluZXJcIj5cclxuICAgIDxkZC1saWItY2FyZCB0eXBlPVwic21hbGxcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cInNvcnQtbGlzdC1jb250YWluZXJfX2xpc3RcIj5cclxuICAgICAgICBAZm9yIChpdGVtIG9mIHNvcnRJdGVtczsgdHJhY2sgaXRlbSkge1xyXG4gICAgICAgIDxkaXYgKGNsaWNrKT1cIm9uU29ydChpdGVtLnZhbHVlKVwiIFtjbGFzcy5ncmVlbl09XCJzb3J0ID09PSBpdGVtLnZhbHVlXCIgY2xhc3M9XCJtYi0xMiB0ZXh0LXBsYWluXCI+XHJcbiAgICAgICAgICB7eyBpdGVtLm5hbWUgfX1cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICB9XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kZC1saWItY2FyZD5cclxuICA8L2Rpdj5cclxuICB9XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2022/lib/lib-step/lib-step.component.mjs

@@ -0,0 +1,19 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class LibStepComponent {
+    constructor() {
+        this.step = 1;
+        this.name = 'шаг';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LibStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LibStepComponent, isStandalone: true, selector: "dd-lib-step", inputs: { step: "step", name: "name" }, ngImport: i0, template: "<span class=\"step-badge\">\r\n  <span class=\"h3-title\">{{ step }}</span>\r\n  &nbsp;<span class=\"h4-title\">{{ name }}</span>\r\n</span>\r\n", styles: [":host{display:flex}.step-badge{padding:8px 32px;border-radius:40px;background-color:var(--low-bgc-color);display:flex;align-items:baseline}@media screen and (max-width: 480px){.step-badge{width:100%;justify-content:center}}.step-badge span{color:var(--primary-green-color)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LibStepComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dd-lib-step', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"step-badge\">\r\n  <span class=\"h3-title\">{{ step }}</span>\r\n  &nbsp;<span class=\"h4-title\">{{ name }}</span>\r\n</span>\r\n", styles: [":host{display:flex}.step-badge{padding:8px 32px;border-radius:40px;background-color:var(--low-bgc-color);display:flex;align-items:baseline}@media screen and (max-width: 480px){.step-badge{width:100%;justify-content:center}}.step-badge span{color:var(--primary-green-color)}\n"] }]
+        }], propDecorators: { step: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGliLXN0ZXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGQtbGliL3NyYy9saWIvbGliLXN0ZXAvbGliLXN0ZXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGQtbGliL3NyYy9saWIvbGliLXN0ZXAvbGliLXN0ZXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBVTFFLE1BQU0sT0FBTyxnQkFBZ0I7SUFSN0I7UUFTa0IsU0FBSSxHQUFHLENBQUMsQ0FBQztRQUNULFNBQUksR0FBRyxLQUFLLENBQUM7S0FDOUI7K0dBSFksZ0JBQWdCO21HQUFoQixnQkFBZ0IsK0dDVjdCLGtKQUlBOzs0RkRNYSxnQkFBZ0I7a0JBUjVCLFNBQVM7K0JBQ0UsYUFBYSxjQUNYLElBQUksV0FDUCxFQUFFLG1CQUdNLHVCQUF1QixDQUFDLE1BQU07OEJBRy9CLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2RkLWxpYi1zdGVwJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9saWItc3RlcC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2xpYi1zdGVwLmNvbXBvbmVudC5zY3NzJyxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxufSlcclxuZXhwb3J0IGNsYXNzIExpYlN0ZXBDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBzdGVwID0gMTtcclxuICBASW5wdXQoKSBwdWJsaWMgbmFtZSA9ICfRiNCw0LMnO1xyXG59XHJcbiIsIjxzcGFuIGNsYXNzPVwic3RlcC1iYWRnZVwiPlxyXG4gIDxzcGFuIGNsYXNzPVwiaDMtdGl0bGVcIj57eyBzdGVwIH19PC9zcGFuPlxyXG4gICZuYnNwOzxzcGFuIGNsYXNzPVwiaDQtdGl0bGVcIj57eyBuYW1lIH19PC9zcGFuPlxyXG48L3NwYW4+XHJcbiJdfQ==