@f1falcha/stimulus 1.0.0

package/esm2022/section-separator/section-separator.mjs

@@ -0,0 +1,69 @@
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { Directive, HostBinding, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+class SclSectionSeparator {
+    constructor() {
+        this.line = 'false';
+    }
+    get addLine() {
+        return coerceBooleanProperty(this.line);
+    }
+    get micro() {
+        return this.gap === 'micro';
+    }
+    get tiny() {
+        return this.gap === 'tiny';
+    }
+    get small() {
+        return this.gap === 'small';
+    }
+    get medium() {
+        return this.gap === 'medium';
+    }
+    get large() {
+        return this.gap === 'large';
+    }
+    get giant() {
+        return this.gap === 'giant';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SclSectionSeparator, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: SclSectionSeparator, isStandalone: true, selector: "section[gap]", inputs: { gap: "gap", line: "line" }, host: { properties: { "class.scl-section-line": "this.addLine", "class.scl-section-separator--micro": "this.micro", "class.scl-section-separator--tiny": "this.tiny", "class.scl-section-separator--small": "this.small", "class.scl-section-separator--medium": "this.medium", "class.scl-section-separator--large": "this.large", "class.scl-section-separator--giant": "this.giant" }, classAttribute: "scl-section-separator" }, ngImport: i0 }); }
+}
+export { SclSectionSeparator };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SclSectionSeparator, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'section[gap]',
+                    standalone: true,
+                    host: {
+                        class: 'scl-section-separator',
+                    },
+                }]
+        }], propDecorators: { gap: [{
+                type: Input,
+                args: [{ required: true }]
+            }], line: [{
+                type: Input
+            }], addLine: [{
+                type: HostBinding,
+                args: ['class.scl-section-line']
+            }], micro: [{
+                type: HostBinding,
+                args: ['class.scl-section-separator--micro']
+            }], tiny: [{
+                type: HostBinding,
+                args: ['class.scl-section-separator--tiny']
+            }], small: [{
+                type: HostBinding,
+                args: ['class.scl-section-separator--small']
+            }], medium: [{
+                type: HostBinding,
+                args: ['class.scl-section-separator--medium']
+            }], large: [{
+                type: HostBinding,
+                args: ['class.scl-section-separator--large']
+            }], giant: [{
+                type: HostBinding,
+                args: ['class.scl-section-separator--giant']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi1zZXBhcmF0b3IuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvc2VjdGlvbi1zZXBhcmF0b3Ivc2VjdGlvbi1zZXBhcmF0b3IudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDOUQsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUU5RCxNQU9hLG1CQUFtQjtJQVBoQztRQVVhLFNBQUksR0FBWSxPQUFPLENBQUM7S0FvQ3BDO0lBbENHLElBQ0ksT0FBTztRQUNQLE9BQU8scUJBQXFCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzVDLENBQUM7SUFFRCxJQUNJLEtBQUs7UUFDTCxPQUFPLElBQUksQ0FBQyxHQUFHLEtBQUssT0FBTyxDQUFDO0lBQ2hDLENBQUM7SUFFRCxJQUNJLElBQUk7UUFDSixPQUFPLElBQUksQ0FBQyxHQUFHLEtBQUssTUFBTSxDQUFDO0lBQy9CLENBQUM7SUFFRCxJQUNJLEtBQUs7UUFDTCxPQUFPLElBQUksQ0FBQyxHQUFHLEtBQUssT0FBTyxDQUFDO0lBQ2hDLENBQUM7SUFFRCxJQUNJLE1BQU07UUFDTixPQUFPLElBQUksQ0FBQyxHQUFHLEtBQUssUUFBUSxDQUFDO0lBQ2pDLENBQUM7SUFFRCxJQUNJLEtBQUs7UUFDTCxPQUFPLElBQUksQ0FBQyxHQUFHLEtBQUssT0FBTyxDQUFDO0lBQ2hDLENBQUM7SUFFRCxJQUNJLEtBQUs7UUFDTCxPQUFPLElBQUksQ0FBQyxHQUFHLEtBQUssT0FBTyxDQUFDO0lBQ2hDLENBQUM7OEdBdENRLG1CQUFtQjtrR0FBbkIsbUJBQW1COztTQUFuQixtQkFBbUI7MkZBQW5CLG1CQUFtQjtrQkFQL0IsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsY0FBYztvQkFDeEIsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLElBQUksRUFBRTt3QkFDRixLQUFLLEVBQUUsdUJBQXVCO3FCQUNqQztpQkFDSjs4QkFFOEIsR0FBRztzQkFBN0IsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBRWhCLElBQUk7c0JBQVosS0FBSztnQkFHRixPQUFPO3NCQURWLFdBQVc7dUJBQUMsd0JBQXdCO2dCQU1qQyxLQUFLO3NCQURSLFdBQVc7dUJBQUMsb0NBQW9DO2dCQU03QyxJQUFJO3NCQURQLFdBQVc7dUJBQUMsbUNBQW1DO2dCQU01QyxLQUFLO3NCQURSLFdBQVc7dUJBQUMsb0NBQW9DO2dCQU03QyxNQUFNO3NCQURULFdBQVc7dUJBQUMscUNBQXFDO2dCQU05QyxLQUFLO3NCQURSLFdBQVc7dUJBQUMsb0NBQW9DO2dCQU03QyxLQUFLO3NCQURSLFdBQVc7dUJBQUMsb0NBQW9DIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY29lcmNlQm9vbGVhblByb3BlcnR5IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcbmltcG9ydCB7IERpcmVjdGl2ZSwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnc2VjdGlvbltnYXBdJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICdzY2wtc2VjdGlvbi1zZXBhcmF0b3InLFxuICAgIH0sXG59KVxuZXhwb3J0IGNsYXNzIFNjbFNlY3Rpb25TZXBhcmF0b3Ige1xuICAgIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIGdhcCE6IHN0cmluZztcblxuICAgIEBJbnB1dCgpIGxpbmU/OiBzdHJpbmcgPSAnZmFsc2UnO1xuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5zY2wtc2VjdGlvbi1saW5lJylcbiAgICBnZXQgYWRkTGluZSgpIHtcbiAgICAgICAgcmV0dXJuIGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh0aGlzLmxpbmUpO1xuICAgIH1cblxuICAgIEBIb3N0QmluZGluZygnY2xhc3Muc2NsLXNlY3Rpb24tc2VwYXJhdG9yLS1taWNybycpXG4gICAgZ2V0IG1pY3JvKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5nYXAgPT09ICdtaWNybyc7XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5zY2wtc2VjdGlvbi1zZXBhcmF0b3ItLXRpbnknKVxuICAgIGdldCB0aW55KCkge1xuICAgICAgICByZXR1cm4gdGhpcy5nYXAgPT09ICd0aW55JztcbiAgICB9XG5cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLnNjbC1zZWN0aW9uLXNlcGFyYXRvci0tc21hbGwnKVxuICAgIGdldCBzbWFsbCgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZ2FwID09PSAnc21hbGwnO1xuICAgIH1cblxuICAgIEBIb3N0QmluZGluZygnY2xhc3Muc2NsLXNlY3Rpb24tc2VwYXJhdG9yLS1tZWRpdW0nKVxuICAgIGdldCBtZWRpdW0oKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmdhcCA9PT0gJ21lZGl1bSc7XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5zY2wtc2VjdGlvbi1zZXBhcmF0b3ItLWxhcmdlJylcbiAgICBnZXQgbGFyZ2UoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmdhcCA9PT0gJ2xhcmdlJztcbiAgICB9XG5cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLnNjbC1zZWN0aW9uLXNlcGFyYXRvci0tZ2lhbnQnKVxuICAgIGdldCBnaWFudCgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZ2FwID09PSAnZ2lhbnQnO1xuICAgIH1cbn1cbiJdfQ==

package/esm2022/section-shell/section-shell.component.mjs

@@ -0,0 +1,45 @@
+import { CommonModule } from '@angular/common';
+import { Component, HostBinding, Input } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { NbCardModule, NbMenuModule, NbSidebarService } from '@nebular/theme';
+import { SclMenuComponent } from '../menu/menu.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@nebular/theme";
+class SclSectionShellComponent {
+    constructor() {
+        this.items = [];
+    }
+    get front() {
+        return this.iconPosition === 'front';
+    }
+    get center() {
+        return this.iconPosition === 'center';
+    }
+    get back() {
+        return this.iconPosition === 'back';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SclSectionShellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SclSectionShellComponent, isStandalone: true, selector: "scl-section-shell", inputs: { items: "items", iconPosition: "iconPosition" }, host: { properties: { "class.scl-section-shell--front": "this.front", "class.scl-section-shell--center": "this.center", "class.scl-section-shell--back": "this.back" }, classAttribute: "scl-section-shell" }, providers: [NbSidebarService], ngImport: i0, template: "<aside>\n    <nb-card class=\"scl-section-shell__sidebar\">\n        <ng-content select=\"scl-sidebar-header\"></ng-content>\n        <scl-menu [items]=\"items\"></scl-menu>\n    </nb-card>\n</aside>\n\n<section class=\"scl-section-shell__content\">\n    <router-outlet></router-outlet>\n    <ng-content></ng-content>\n</section>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: NbMenuModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: SclMenuComponent, selector: "scl-menu", inputs: ["items"] }, { kind: "ngmodule", type: NbCardModule }, { kind: "component", type: i2.NbCardComponent, selector: "nb-card", inputs: ["size", "status", "accent"] }] }); }
+}
+export { SclSectionShellComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SclSectionShellComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'scl-section-shell', standalone: true, imports: [CommonModule, NbMenuModule, RouterModule, SclMenuComponent, NbCardModule], host: {
+                        class: 'scl-section-shell',
+                    }, providers: [NbSidebarService], template: "<aside>\n    <nb-card class=\"scl-section-shell__sidebar\">\n        <ng-content select=\"scl-sidebar-header\"></ng-content>\n        <scl-menu [items]=\"items\"></scl-menu>\n    </nb-card>\n</aside>\n\n<section class=\"scl-section-shell__content\">\n    <router-outlet></router-outlet>\n    <ng-content></ng-content>\n</section>\n" }]
+        }], propDecorators: { items: [{
+                type: Input
+            }], iconPosition: [{
+                type: Input
+            }], front: [{
+                type: HostBinding,
+                args: ['class.scl-section-shell--front']
+            }], center: [{
+                type: HostBinding,
+                args: ['class.scl-section-shell--center']
+            }], back: [{
+                type: HostBinding,
+                args: ['class.scl-section-shell--back']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi1zaGVsbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvc2VjdGlvbi1zaGVsbC9zZWN0aW9uLXNoZWxsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9zZWN0aW9uLXNoZWxsL3NlY3Rpb24tc2hlbGwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFtQixZQUFZLEVBQUUsWUFBWSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDL0YsT0FBTyxFQUFXLGdCQUFnQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7QUFFbkUsTUFVYSx3QkFBd0I7SUFWckM7UUFXYSxVQUFLLEdBQWMsRUFBRSxDQUFDO0tBaUJsQztJQWRHLElBQ0ksS0FBSztRQUNMLE9BQU8sSUFBSSxDQUFDLFlBQVksS0FBSyxPQUFPLENBQUM7SUFDekMsQ0FBQztJQUVELElBQ0ksTUFBTTtRQUNOLE9BQU8sSUFBSSxDQUFDLFlBQVksS0FBSyxRQUFRLENBQUM7SUFDMUMsQ0FBQztJQUVELElBQ0ksSUFBSTtRQUNKLE9BQU8sSUFBSSxDQUFDLFlBQVksS0FBSyxNQUFNLENBQUM7SUFDeEMsQ0FBQzs4R0FqQlEsd0JBQXdCO2tHQUF4Qix3QkFBd0IseVVBRnRCLENBQUMsZ0JBQWdCLENBQUMsMEJDZGpDLDZVQVdBLDJDREZjLFlBQVksOEJBQUUsWUFBWSw4QkFBRSxZQUFZLHlNQUFFLGdCQUFnQix1RUFBRSxZQUFZOztTQU96RSx3QkFBd0I7MkZBQXhCLHdCQUF3QjtrQkFWcEMsU0FBUzsrQkFDSSxtQkFBbUIsY0FDakIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLFlBQVksRUFBRSxZQUFZLEVBQUUsZ0JBQWdCLEVBQUUsWUFBWSxDQUFDLFFBRTdFO3dCQUNGLEtBQUssRUFBRSxtQkFBbUI7cUJBQzdCLGFBQ1UsQ0FBQyxnQkFBZ0IsQ0FBQzs4QkFHcEIsS0FBSztzQkFBYixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBR0YsS0FBSztzQkFEUixXQUFXO3VCQUFDLGdDQUFnQztnQkFNekMsTUFBTTtzQkFEVCxXQUFXO3VCQUFDLGlDQUFpQztnQkFNMUMsSUFBSTtzQkFEUCxXQUFXO3VCQUFDLCtCQUErQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IE5iQ2FyZENvbXBvbmVudCwgTmJDYXJkTW9kdWxlLCBOYk1lbnVNb2R1bGUsIE5iU2lkZWJhclNlcnZpY2UgfSBmcm9tICdAbmVidWxhci90aGVtZSc7XG5pbXBvcnQgeyBTY2xNZW51LCBTY2xNZW51Q29tcG9uZW50IH0gZnJvbSAnLi4vbWVudS9tZW51LmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnc2NsLXNlY3Rpb24tc2hlbGwnLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTmJNZW51TW9kdWxlLCBSb3V0ZXJNb2R1bGUsIFNjbE1lbnVDb21wb25lbnQsIE5iQ2FyZE1vZHVsZV0sXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NlY3Rpb24tc2hlbGwuY29tcG9uZW50Lmh0bWwnLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICdzY2wtc2VjdGlvbi1zaGVsbCcsXG4gICAgfSxcbiAgICBwcm92aWRlcnM6IFtOYlNpZGViYXJTZXJ2aWNlXSxcbn0pXG5leHBvcnQgY2xhc3MgU2NsU2VjdGlvblNoZWxsQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBpdGVtczogU2NsTWVudVtdID0gW107XG4gICAgQElucHV0KCkgaWNvblBvc2l0aW9uPzogc3RyaW5nO1xuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5zY2wtc2VjdGlvbi1zaGVsbC0tZnJvbnQnKVxuICAgIGdldCBmcm9udCgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuaWNvblBvc2l0aW9uID09PSAnZnJvbnQnO1xuICAgIH1cblxuICAgIEBIb3N0QmluZGluZygnY2xhc3Muc2NsLXNlY3Rpb24tc2hlbGwtLWNlbnRlcicpXG4gICAgZ2V0IGNlbnRlcigpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuaWNvblBvc2l0aW9uID09PSAnY2VudGVyJztcbiAgICB9XG5cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLnNjbC1zZWN0aW9uLXNoZWxsLS1iYWNrJylcbiAgICBnZXQgYmFjaygpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuaWNvblBvc2l0aW9uID09PSAnYmFjayc7XG4gICAgfVxufVxuIiwiPGFzaWRlPlxuICAgIDxuYi1jYXJkIGNsYXNzPVwic2NsLXNlY3Rpb24tc2hlbGxfX3NpZGViYXJcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic2NsLXNpZGViYXItaGVhZGVyXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8c2NsLW1lbnUgW2l0ZW1zXT1cIml0ZW1zXCI+PC9zY2wtbWVudT5cbiAgICA8L25iLWNhcmQ+XG48L2FzaWRlPlxuXG48c2VjdGlvbiBjbGFzcz1cInNjbC1zZWN0aW9uLXNoZWxsX19jb250ZW50XCI+XG4gICAgPHJvdXRlci1vdXRsZXQ+PC9yb3V0ZXItb3V0bGV0PlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvc2VjdGlvbj5cbiJdfQ==

package/esm2022/select/select.component.mjs

@@ -0,0 +1,137 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, Input, Output, forwardRef } from '@angular/core';
+import { NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
+import { NgSelectModule } from '@ng-select/ng-select';
+import { debounceTime } from 'rxjs/operators';
+import { SclText } from '../public-api';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@angular/common";
+import * as i3 from "@ng-select/ng-select";
+class SclSelectComponent {
+    set items(value) {
+        if (value) {
+            this.allData = value.map((item) => ({
+                ...item,
+                isSelected: false,
+            }));
+            this.filteredData = this.allData;
+        }
+    }
+    set readonly(value) {
+        this.isReadonly = coerceBooleanProperty(value);
+    }
+    get hasGroupBy() {
+        return this.allData.every(element => element.groupBy);
+    }
+    get hasSelectedItem() {
+        return this.filteredData.some((item) => item.isSelected);
+    }
+    constructor(formBuilder) {
+        this.formBuilder = formBuilder;
+        this.change = new EventEmitter();
+        this.placeholder = '';
+        this.bindLabel = 'label';
+        this.bindValue = 'value';
+        this.appendTo = 'body';
+        this.name = '';
+        this.notFoundText = 'No data found';
+        this.filteredData = [];
+        this.allData = [];
+        this.isReadonly = false;
+        this.onChange = () => { };
+        this.onTouch = () => { };
+    }
+    ngOnInit() {
+        this.initForm();
+        this.handleAccountFilter();
+    }
+    initForm() {
+        this.selectForm = this.formBuilder.group({
+            select: [null],
+            search: [''],
+        });
+    }
+    filterAccounts(value) {
+        this.filteredData = this.allData.filter(item => {
+            const searchedValue = new RegExp(value, 'i');
+            return searchedValue.test(item[this.bindLabel]);
+        });
+    }
+    writeValue(value) {
+        this.selectForm.controls['select'].patchValue(value);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouch = fn;
+    }
+    selectChange(event) {
+        if (event) {
+            this.filteredData.find((item) => (item.isSelected = false));
+            event.isSelected = true;
+            this.onChange(event[this.bindValue]);
+            this.change.emit(event);
+        }
+        else {
+            this.onChange('');
+        }
+        this.onTouch();
+    }
+    handleAccountFilter() {
+        const searchControl = this.selectForm.get('search');
+        if (searchControl) {
+            searchControl.valueChanges.pipe(debounceTime(500)).subscribe(value => this.filterAccounts(value));
+        }
+    }
+    onDropdownClose() {
+        this.selectForm.controls['search'].patchValue('');
+        this.onTouch();
+    }
+    onClear() {
+        this.onChange(null);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SclSelectComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SclSelectComponent, isStandalone: true, selector: "scl-select", inputs: { placeholder: "placeholder", items: "items", bindLabel: "bindLabel", bindValue: "bindValue", appendTo: "appendTo", name: "name", notFoundText: "notFoundText", readonly: "readonly" }, outputs: { change: "change" }, host: { classAttribute: "scl-select" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => SclSelectComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<form [formGroup]=\"selectForm\">\n    <ng-select\n        name=\"select\"\n        appendTo=\"body\"\n        groupBy=\"groupBy\"\n        dropdownPosition=\"auto\"\n        [items]=\"filteredData\"\n        [bindLabel]=\"bindLabel\"\n        [bindValue]=\"bindValue\"\n        formControlName=\"select\"\n        [placeholder]=\"placeholder\"\n        (change)=\"selectChange($event)\"\n        (close)=\"onDropdownClose()\"\n        (clear)=\"onClear()\"\n        [readonly]=\"isReadonly\">\n        <ng-template ng-optgroup-tmp let-item=\"item\" *ngIf=\"hasGroupBy\">\n            <div>\n                {{ item.groupBy }}\n            </div>\n        </ng-template>\n\n        <ng-template ng-label-tmp let-item=\"item\" *ngIf=\"hasSelectedItem\">\n            <div>\n                <span>{{ item[bindLabel] }}</span>\n            </div>\n        </ng-template>\n\n        <ng-template ng-option-tmp let-item=\"item\">\n            <div class=\"ng-option-label\" [class.selected]=\"item.isSelected\">\n                {{ item[bindLabel] }}\n            </div>\n        </ng-template>\n\n        <ng-template ng-notfound-tmp>\n            <div class=\"ng-option ng-option-disabled\">No data found</div>\n        </ng-template>\n    </ng-select>\n</form>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i3.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i3.NgOptgroupTemplateDirective, selector: "[ng-optgroup-tmp]" }, { kind: "directive", type: i3.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i3.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: i3.NgNotFoundTemplateDirective, selector: "[ng-notfound-tmp]" }] }); }
+}
+export { SclSelectComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SclSelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'scl-select', standalone: true, host: {
+                        class: 'scl-select',
+                    }, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SclSelectComponent),
+                            multi: true,
+                        },
+                    ], imports: [CommonModule, ReactiveFormsModule, NgSelectModule, SclText], template: "<form [formGroup]=\"selectForm\">\n    <ng-select\n        name=\"select\"\n        appendTo=\"body\"\n        groupBy=\"groupBy\"\n        dropdownPosition=\"auto\"\n        [items]=\"filteredData\"\n        [bindLabel]=\"bindLabel\"\n        [bindValue]=\"bindValue\"\n        formControlName=\"select\"\n        [placeholder]=\"placeholder\"\n        (change)=\"selectChange($event)\"\n        (close)=\"onDropdownClose()\"\n        (clear)=\"onClear()\"\n        [readonly]=\"isReadonly\">\n        <ng-template ng-optgroup-tmp let-item=\"item\" *ngIf=\"hasGroupBy\">\n            <div>\n                {{ item.groupBy }}\n            </div>\n        </ng-template>\n\n        <ng-template ng-label-tmp let-item=\"item\" *ngIf=\"hasSelectedItem\">\n            <div>\n                <span>{{ item[bindLabel] }}</span>\n            </div>\n        </ng-template>\n\n        <ng-template ng-option-tmp let-item=\"item\">\n            <div class=\"ng-option-label\" [class.selected]=\"item.isSelected\">\n                {{ item[bindLabel] }}\n            </div>\n        </ng-template>\n\n        <ng-template ng-notfound-tmp>\n            <div class=\"ng-option ng-option-disabled\">No data found</div>\n        </ng-template>\n    </ng-select>\n</form>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.FormBuilder }]; }, propDecorators: { change: [{
+                type: Output
+            }], placeholder: [{
+                type: Input
+            }], items: [{
+                type: Input,
+                args: [{ required: true }]
+            }], bindLabel: [{
+                type: Input
+            }], bindValue: [{
+                type: Input
+            }], appendTo: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], notFoundText: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9zZWxlY3Qvc2VsZWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9zZWxlY3Qvc2VsZWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzRixPQUFPLEVBQWdELGlCQUFpQixFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDdEgsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM5QyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3hDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7OztBQVc5RCxNQWdCYSxrQkFBa0I7SUFJM0IsSUFBK0IsS0FBSyxDQUFDLEtBQVk7UUFDN0MsSUFBSSxLQUFLLEVBQUU7WUFDUCxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFlLEVBQUUsRUFBRSxDQUFDLENBQUM7Z0JBQzNDLEdBQUcsSUFBSTtnQkFDUCxVQUFVLEVBQUUsS0FBSzthQUNwQixDQUFDLENBQUMsQ0FBQztZQUNKLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztTQUNwQztJQUNMLENBQUM7SUFRRCxJQUFhLFFBQVEsQ0FBQyxLQUF1QjtRQUN6QyxJQUFJLENBQUMsVUFBVSxHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ25ELENBQUM7SUFPRCxJQUFJLFVBQVU7UUFDVixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQzFELENBQUM7SUFFRCxJQUFJLGVBQWU7UUFDZixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBZSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDeEUsQ0FBQztJQUVELFlBQW9CLFdBQXdCO1FBQXhCLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBcENsQyxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUVsQyxnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQVd6QixjQUFTLEdBQVcsT0FBTyxDQUFDO1FBQzVCLGNBQVMsR0FBVyxPQUFPLENBQUM7UUFDNUIsYUFBUSxHQUFXLE1BQU0sQ0FBQztRQUMxQixTQUFJLEdBQVcsRUFBRSxDQUFDO1FBQ2xCLGlCQUFZLEdBQVcsZUFBZSxDQUFDO1FBT2hELGlCQUFZLEdBQVUsRUFBRSxDQUFDO1FBQ3pCLFlBQU8sR0FBVSxFQUFFLENBQUM7UUFDcEIsZUFBVSxHQUFHLEtBQUssQ0FBQztRQStCbkIsYUFBUSxHQUF1QixHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFFeEMsWUFBTyxHQUFlLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztJQXZCZ0IsQ0FBQztJQUVoRCxRQUFRO1FBQ0osSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ2hCLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO0lBQy9CLENBQUM7SUFFTyxRQUFRO1FBQ1osSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQztZQUNyQyxNQUFNLEVBQUUsQ0FBQyxJQUFJLENBQUM7WUFDZCxNQUFNLEVBQUUsQ0FBQyxFQUFFLENBQUM7U0FDZixDQUFDLENBQUM7SUFDUCxDQUFDO0lBRU8sY0FBYyxDQUFDLEtBQWE7UUFDaEMsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUMzQyxNQUFNLGFBQWEsR0FBRyxJQUFJLE1BQU0sQ0FBQyxLQUFLLEVBQUUsR0FBRyxDQUFDLENBQUM7WUFDN0MsT0FBTyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQztRQUNwRCxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFNRCxVQUFVLENBQUMsS0FBVTtRQUNqQixJQUFJLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDekQsQ0FBQztJQUVELGdCQUFnQixDQUFDLEVBQU87UUFDcEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQU87UUFDckIsSUFBSSxDQUFDLE9BQU8sR0FBRyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELFlBQVksQ0FBQyxLQUFnQjtRQUN6QixJQUFJLEtBQUssRUFBRTtZQUNQLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBZSxFQUFFLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQztZQUN2RSxLQUFLLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztZQUN4QixJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsU0FBNEIsQ0FBQyxDQUFDLENBQUM7WUFDeEQsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDM0I7YUFBTTtZQUNILElBQUksQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDLENBQUM7U0FDckI7UUFDRCxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQUVELG1CQUFtQjtRQUNmLE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3BELElBQUksYUFBYSxFQUFFO1lBQ2YsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO1NBQ3JHO0lBQ0wsQ0FBQztJQUVELGVBQWU7UUFDWCxJQUFJLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsQ0FBQyxVQUFVLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDbEQsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ25CLENBQUM7SUFFRCxPQUFPO1FBQ0gsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN4QixDQUFDOzhHQXBHUSxrQkFBa0I7a0dBQWxCLGtCQUFrQixnVUFUaEI7WUFDUDtnQkFDSSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGtCQUFrQixDQUFDO2dCQUNqRCxLQUFLLEVBQUUsSUFBSTthQUNkO1NBQ0osMEJDOUJMLDh1Q0FzQ0EsMkNEUGMsWUFBWSxrSUFBRSxtQkFBbUIsNHJCQUFFLGNBQWM7O1NBRWxELGtCQUFrQjsyRkFBbEIsa0JBQWtCO2tCQWhCOUIsU0FBUzsrQkFDSSxZQUFZLGNBRVYsSUFBSSxRQUNWO3dCQUNGLEtBQUssRUFBRSxZQUFZO3FCQUN0QixhQUNVO3dCQUNQOzRCQUNJLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLG1CQUFtQixDQUFDOzRCQUNqRCxLQUFLLEVBQUUsSUFBSTt5QkFDZDtxQkFDSixXQUNRLENBQUMsWUFBWSxFQUFFLG1CQUFtQixFQUFFLGNBQWMsRUFBRSxPQUFPLENBQUM7a0dBRzNELE1BQU07c0JBQWYsTUFBTTtnQkFFRSxXQUFXO3NCQUFuQixLQUFLO2dCQUN5QixLQUFLO3NCQUFuQyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFVaEIsU0FBUztzQkFBakIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBRU8sUUFBUTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBmb3J3YXJkUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgRm9ybUJ1aWxkZXIsIEZvcm1Hcm91cCwgTkdfVkFMVUVfQUNDRVNTT1IsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBOZ1NlbGVjdE1vZHVsZSB9IGZyb20gJ0BuZy1zZWxlY3Qvbmctc2VsZWN0JztcbmltcG9ydCB7IGRlYm91bmNlVGltZSB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7IFNjbFRleHQgfSBmcm9tICcuLi9wdWJsaWMtYXBpJztcbmltcG9ydCB7IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2VyY2lvbic7XG5cbi8qIGVzbGludC1kaXNhYmxlICovXG5leHBvcnQgaW50ZXJmYWNlIFNjbFNlbGVjdCB7XG4gICAgbGFiZWw6IHN0cmluZztcbiAgICB2YWx1ZTogc3RyaW5nO1xuICAgIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICAgIGdyb3VwQnk/OiBzdHJpbmc7XG4gICAgaXNTZWxlY3RlZD86IGJvb2xlYW47XG59XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnc2NsLXNlbGVjdCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NlbGVjdC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBob3N0OiB7XG4gICAgICAgIGNsYXNzOiAnc2NsLXNlbGVjdCcsXG4gICAgfSxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICAgICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTY2xTZWxlY3RDb21wb25lbnQpLFxuICAgICAgICAgICAgbXVsdGk6IHRydWUsXG4gICAgICAgIH0sXG4gICAgXSxcbiAgICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlLCBOZ1NlbGVjdE1vZHVsZSwgU2NsVGV4dF0sXG59KVxuZXhwb3J0IGNsYXNzIFNjbFNlbGVjdENvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBPbkluaXQge1xuICAgIEBPdXRwdXQoKSBjaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICAgIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmcgPSAnJztcbiAgICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBzZXQgaXRlbXModmFsdWU6IGFueVtdKSB7XG4gICAgICAgIGlmICh2YWx1ZSkge1xuICAgICAgICAgICAgdGhpcy5hbGxEYXRhID0gdmFsdWUubWFwKChpdGVtOiBTY2xTZWxlY3QpID0+ICh7XG4gICAgICAgICAgICAgICAgLi4uaXRlbSxcbiAgICAgICAgICAgICAgICBpc1NlbGVjdGVkOiBmYWxzZSxcbiAgICAgICAgICAgIH0pKTtcbiAgICAgICAgICAgIHRoaXMuZmlsdGVyZWREYXRhID0gdGhpcy5hbGxEYXRhO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQElucHV0KCkgYmluZExhYmVsOiBzdHJpbmcgPSAnbGFiZWwnO1xuICAgIEBJbnB1dCgpIGJpbmRWYWx1ZTogc3RyaW5nID0gJ3ZhbHVlJztcbiAgICBASW5wdXQoKSBhcHBlbmRUbzogc3RyaW5nID0gJ2JvZHknO1xuICAgIEBJbnB1dCgpIG5hbWU6IHN0cmluZyA9ICcnO1xuICAgIEBJbnB1dCgpIG5vdEZvdW5kVGV4dDogc3RyaW5nID0gJ05vIGRhdGEgZm91bmQnO1xuXG4gICAgQElucHV0KCkgc2V0IHJlYWRvbmx5KHZhbHVlOiBzdHJpbmcgfCBib29sZWFuKSB7XG4gICAgICAgIHRoaXMuaXNSZWFkb25seSA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG4gICAgfVxuXG4gICAgc2VsZWN0Rm9ybSE6IEZvcm1Hcm91cDtcbiAgICBmaWx0ZXJlZERhdGE6IGFueVtdID0gW107XG4gICAgYWxsRGF0YTogYW55W10gPSBbXTtcbiAgICBpc1JlYWRvbmx5ID0gZmFsc2U7XG5cbiAgICBnZXQgaGFzR3JvdXBCeSgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuYWxsRGF0YS5ldmVyeShlbGVtZW50ID0+IGVsZW1lbnQuZ3JvdXBCeSk7XG4gICAgfVxuXG4gICAgZ2V0IGhhc1NlbGVjdGVkSXRlbSgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZmlsdGVyZWREYXRhLnNvbWUoKGl0ZW06IFNjbFNlbGVjdCkgPT4gaXRlbS5pc1NlbGVjdGVkKTtcbiAgICB9XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIGZvcm1CdWlsZGVyOiBGb3JtQnVpbGRlcikge31cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmluaXRGb3JtKCk7XG4gICAgICAgIHRoaXMuaGFuZGxlQWNjb3VudEZpbHRlcigpO1xuICAgIH1cblxuICAgIHByaXZhdGUgaW5pdEZvcm0oKTogdm9pZCB7XG4gICAgICAgIHRoaXMuc2VsZWN0Rm9ybSA9IHRoaXMuZm9ybUJ1aWxkZXIuZ3JvdXAoe1xuICAgICAgICAgICAgc2VsZWN0OiBbbnVsbF0sXG4gICAgICAgICAgICBzZWFyY2g6IFsnJ10sXG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIHByaXZhdGUgZmlsdGVyQWNjb3VudHModmFsdWU6IHN0cmluZyk6IHZvaWQge1xuICAgICAgICB0aGlzLmZpbHRlcmVkRGF0YSA9IHRoaXMuYWxsRGF0YS5maWx0ZXIoaXRlbSA9PiB7XG4gICAgICAgICAgICBjb25zdCBzZWFyY2hlZFZhbHVlID0gbmV3IFJlZ0V4cCh2YWx1ZSwgJ2knKTtcbiAgICAgICAgICAgIHJldHVybiBzZWFyY2hlZFZhbHVlLnRlc3QoaXRlbVt0aGlzLmJpbmRMYWJlbF0pO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBvbkNoYW5nZTogKHZhbDogYW55KSA9PiB2b2lkID0gKCkgPT4ge307XG5cbiAgICBvblRvdWNoOiAoKSA9PiB2b2lkID0gKCkgPT4ge307XG5cbiAgICB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zZWxlY3RGb3JtLmNvbnRyb2xzWydzZWxlY3QnXS5wYXRjaFZhbHVlKHZhbHVlKTtcbiAgICB9XG5cbiAgICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xuICAgIH1cblxuICAgIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5vblRvdWNoID0gZm47XG4gICAgfVxuXG4gICAgc2VsZWN0Q2hhbmdlKGV2ZW50OiBTY2xTZWxlY3QpOiB2b2lkIHtcbiAgICAgICAgaWYgKGV2ZW50KSB7XG4gICAgICAgICAgICB0aGlzLmZpbHRlcmVkRGF0YS5maW5kKChpdGVtOiBTY2xTZWxlY3QpID0+IChpdGVtLmlzU2VsZWN0ZWQgPSBmYWxzZSkpO1xuICAgICAgICAgICAgZXZlbnQuaXNTZWxlY3RlZCA9IHRydWU7XG4gICAgICAgICAgICB0aGlzLm9uQ2hhbmdlKGV2ZW50W3RoaXMuYmluZFZhbHVlIGFzIGtleW9mIFNjbFNlbGVjdF0pO1xuICAgICAgICAgICAgdGhpcy5jaGFuZ2UuZW1pdChldmVudCk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLm9uQ2hhbmdlKCcnKTtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLm9uVG91Y2goKTtcbiAgICB9XG5cbiAgICBoYW5kbGVBY2NvdW50RmlsdGVyKCk6IHZvaWQge1xuICAgICAgICBjb25zdCBzZWFyY2hDb250cm9sID0gdGhpcy5zZWxlY3RGb3JtLmdldCgnc2VhcmNoJyk7XG4gICAgICAgIGlmIChzZWFyY2hDb250cm9sKSB7XG4gICAgICAgICAgICBzZWFyY2hDb250cm9sLnZhbHVlQ2hhbmdlcy5waXBlKGRlYm91bmNlVGltZSg1MDApKS5zdWJzY3JpYmUodmFsdWUgPT4gdGhpcy5maWx0ZXJBY2NvdW50cyh2YWx1ZSkpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgb25Ecm9wZG93bkNsb3NlKCk6IHZvaWQge1xuICAgICAgICB0aGlzLnNlbGVjdEZvcm0uY29udHJvbHNbJ3NlYXJjaCddLnBhdGNoVmFsdWUoJycpO1xuICAgICAgICB0aGlzLm9uVG91Y2goKTtcbiAgICB9XG5cbiAgICBvbkNsZWFyKCk6IHZvaWQge1xuICAgICAgICB0aGlzLm9uQ2hhbmdlKG51bGwpO1xuICAgIH1cbn1cbiIsIjxmb3JtIFtmb3JtR3JvdXBdPVwic2VsZWN0Rm9ybVwiPlxuICAgIDxuZy1zZWxlY3RcbiAgICAgICAgbmFtZT1cInNlbGVjdFwiXG4gICAgICAgIGFwcGVuZFRvPVwiYm9keVwiXG4gICAgICAgIGdyb3VwQnk9XCJncm91cEJ5XCJcbiAgICAgICAgZHJvcGRvd25Qb3NpdGlvbj1cImF1dG9cIlxuICAgICAgICBbaXRlbXNdPVwiZmlsdGVyZWREYXRhXCJcbiAgICAgICAgW2JpbmRMYWJlbF09XCJiaW5kTGFiZWxcIlxuICAgICAgICBbYmluZFZhbHVlXT1cImJpbmRWYWx1ZVwiXG4gICAgICAgIGZvcm1Db250cm9sTmFtZT1cInNlbGVjdFwiXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gICAgICAgIChjaGFuZ2UpPVwic2VsZWN0Q2hhbmdlKCRldmVudClcIlxuICAgICAgICAoY2xvc2UpPVwib25Ecm9wZG93bkNsb3NlKClcIlxuICAgICAgICAoY2xlYXIpPVwib25DbGVhcigpXCJcbiAgICAgICAgW3JlYWRvbmx5XT1cImlzUmVhZG9ubHlcIj5cbiAgICAgICAgPG5nLXRlbXBsYXRlIG5nLW9wdGdyb3VwLXRtcCBsZXQtaXRlbT1cIml0ZW1cIiAqbmdJZj1cImhhc0dyb3VwQnlcIj5cbiAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgICAge3sgaXRlbS5ncm91cEJ5IH19XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgICAgICA8bmctdGVtcGxhdGUgbmctbGFiZWwtdG1wIGxldC1pdGVtPVwiaXRlbVwiICpuZ0lmPVwiaGFzU2VsZWN0ZWRJdGVtXCI+XG4gICAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgICAgIDxzcGFuPnt7IGl0ZW1bYmluZExhYmVsXSB9fTwvc3Bhbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgICAgIDxuZy10ZW1wbGF0ZSBuZy1vcHRpb24tdG1wIGxldC1pdGVtPVwiaXRlbVwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm5nLW9wdGlvbi1sYWJlbFwiIFtjbGFzcy5zZWxlY3RlZF09XCJpdGVtLmlzU2VsZWN0ZWRcIj5cbiAgICAgICAgICAgICAgICB7eyBpdGVtW2JpbmRMYWJlbF0gfX1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgICAgIDxuZy10ZW1wbGF0ZSBuZy1ub3Rmb3VuZC10bXA+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibmctb3B0aW9uIG5nLW9wdGlvbi1kaXNhYmxlZFwiPk5vIGRhdGEgZm91bmQ8L2Rpdj5cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8L25nLXNlbGVjdD5cbjwvZm9ybT5cbiJdfQ==

package/esm2022/select-card/select-card-icon.mjs

@@ -0,0 +1,24 @@
+export const SELECT_CARD_ICONS = {
+    language: `
+        <svg viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M14.006 2.334c-6.43 0-11.671 5.242-11.671 11.672 0 1.904.504 3.695 1.318 5.29l-1.27 4.525c-.292 1.058.75 2.1 1.791 1.791l4.526-1.27c1.595.814 3.37 1.319 5.29 1.319 6.43 0 11.672-5.242 11.672-11.672.016-6.413-5.226-11.655-11.656-11.655zm0 21.585a9.833 9.833 0 0 1-4.818-1.253.864.864 0 0 0-.667-.082L4.207 23.79l1.204-4.314a.872.872 0 0 0-.08-.667 9.834 9.834 0 0 1-1.254-4.819 9.9 9.9 0 0 1 9.913-9.913 9.9 9.9 0 0 1 9.914 9.913c0 5.486-4.412 9.93-9.898 9.93z" fill="#0B4A6F"/>
+            <path d="m13.746 17.343-2.914-7.586a.863.863 0 0 0-.814-.554.887.887 0 0 0-.814.554L6.29 17.343c-.179.455.05.96.505 1.14a.877.877 0 0 0 1.14-.506l.683-1.774h2.833l.683 1.774c.18.456.684.684 1.124.505a.883.883 0 0 0 .488-1.14zm-4.477-2.898.75-1.937.748 1.937H9.269zM20.322 17.505a.875.875 0 0 1-.879-.879v-1.953c-.211.081-.455.13-.716.162 0 .066.016.13.016.18 0 .586-.195 1.041-.586 1.367-.374.31-.895.472-1.562.472-.489 0-.944-.098-1.335-.277-.407-.179-.798-.52-1.172-.976a7.379 7.379 0 0 1-.798-1.286.915.915 0 0 1-.032-.717.956.956 0 0 1 .504-.504c.098-.033.212-.065.31-.065a.88.88 0 0 1 .797.504c.228.489.456.863.684 1.14.293.342.602.504.944.504.293 0 .39-.097.39-.374 0-.228-.064-.44-.195-.619a4.659 4.659 0 0 1-.7.066h-.228l-.097-1.547.228-.016c.407-.016.618-.098.716-.147.065-.032.146-.114.146-.293 0-.114 0-.293-.455-.293-.326 0-.7.114-1.124.326l-.227.114-.554-1.498.18-.098a4.32 4.32 0 0 1 1.953-.472c.634 0 1.139.18 1.513.521.375.342.57.814.57 1.368 0 .44-.13.83-.39 1.155h.08c.212 0 .424-.048.603-.13.18-.081.342-.211.521-.39v-.782h-.667V10.44h3.565v1.628h-.993v4.558c0 .488-.391.88-.88.88h-.13z" fill="#0B4A6F"/>
+        </svg>
+    `,
+    'chevron-up': `
+        <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M4.65 9.888 8 6.538l3.35 3.35a.38.38 0 1 0 .538-.538L8.27 5.73a.38.38 0 0 0-.538 0L4.11 9.35a.38.38 0 1 0 .54.538z" fill="currentColor"/>
+        </svg>
+    `,
+    'chevron-down': `
+        <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M14.1872 8.47247L10 12.6597L5.81281 8.47247C5.62685 8.28652 5.32542 8.28652 5.13947 8.47247C4.95351 8.65843 4.95351 8.95986 5.13947 9.14581L9.66333 13.6697C9.75643 13.7628 9.87809 13.8092 10 13.8092C10.1219 13.8092 10.2436 13.7628 10.3367 13.6697L14.8605 9.14581C15.0465 8.95986 15.0465 8.65843 14.8605 8.47247C14.6746 8.28652 14.3731 8.28652 14.1872 8.47247Z" fill="currentColor"/>
+        </svg>
+    `,
+    search: `
+    <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M10.108 2a8.108 8.108 0 0 1 6.448 13.026l5.128 5.13a1.08 1.08 0 0 1-1.427 1.618l-.102-.09-5.13-5.128A8.108 8.108 0 1 1 10.108 2zm0 2.162a5.946 5.946 0 1 0 0 11.893 5.946 5.946 0 0 0 0-11.893z" fill="currentColor"/>
+    </svg>
+`,
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LWNhcmQtaWNvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9zZWxlY3QtY2FyZC9zZWxlY3QtY2FyZC1pY29uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFZO0lBQ3RDLFFBQVEsRUFBRTs7Ozs7S0FLVDtJQUNELFlBQVksRUFBRTs7OztLQUliO0lBQ0QsY0FBYyxFQUFFOzs7O0tBSWY7SUFDRCxNQUFNLEVBQUU7Ozs7Q0FJWDtDQUNBLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOYkljb25zIH0gZnJvbSAnQG5lYnVsYXIvdGhlbWUnO1xuXG5leHBvcnQgY29uc3QgU0VMRUNUX0NBUkRfSUNPTlM6IE5iSWNvbnMgPSB7XG4gICAgbGFuZ3VhZ2U6IGBcbiAgICAgICAgPHN2ZyB2aWV3Qm94PVwiMCAwIDI4IDI4XCIgZmlsbD1cIm5vbmVcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCI+XG4gICAgICAgICAgICA8cGF0aCBkPVwiTTE0LjAwNiAyLjMzNGMtNi40MyAwLTExLjY3MSA1LjI0Mi0xMS42NzEgMTEuNjcyIDAgMS45MDQuNTA0IDMuNjk1IDEuMzE4IDUuMjlsLTEuMjcgNC41MjVjLS4yOTIgMS4wNTguNzUgMi4xIDEuNzkxIDEuNzkxbDQuNTI2LTEuMjdjMS41OTUuODE0IDMuMzcgMS4zMTkgNS4yOSAxLjMxOSA2LjQzIDAgMTEuNjcyLTUuMjQyIDExLjY3Mi0xMS42NzIuMDE2LTYuNDEzLTUuMjI2LTExLjY1NS0xMS42NTYtMTEuNjU1em0wIDIxLjU4NWE5LjgzMyA5LjgzMyAwIDAgMS00LjgxOC0xLjI1My44NjQuODY0IDAgMCAwLS42NjctLjA4Mkw0LjIwNyAyMy43OWwxLjIwNC00LjMxNGEuODcyLjg3MiAwIDAgMC0uMDgtLjY2NyA5LjgzNCA5LjgzNCAwIDAgMS0xLjI1NC00LjgxOSA5LjkgOS45IDAgMCAxIDkuOTEzLTkuOTEzIDkuOSA5LjkgMCAwIDEgOS45MTQgOS45MTNjMCA1LjQ4Ni00LjQxMiA5LjkzLTkuODk4IDkuOTN6XCIgZmlsbD1cIiMwQjRBNkZcIi8+XG4gICAgICAgICAgICA8cGF0aCBkPVwibTEzLjc0NiAxNy4zNDMtMi45MTQtNy41ODZhLjg2My44NjMgMCAwIDAtLjgxNC0uNTU0Ljg4Ny44ODcgMCAwIDAtLjgxNC41NTRMNi4yOSAxNy4zNDNjLS4xNzkuNDU1LjA1Ljk2LjUwNSAxLjE0YS44NzcuODc3IDAgMCAwIDEuMTQtLjUwNmwuNjgzLTEuNzc0aDIuODMzbC42ODMgMS43NzRjLjE4LjQ1Ni42ODQuNjg0IDEuMTI0LjUwNWEuODgzLjg4MyAwIDAgMCAuNDg4LTEuMTR6bS00LjQ3Ny0yLjg5OC43NS0xLjkzNy43NDggMS45MzdIOS4yNjl6TTIwLjMyMiAxNy41MDVhLjg3NS44NzUgMCAwIDEtLjg3OS0uODc5di0xLjk1M2MtLjIxMS4wODEtLjQ1NS4xMy0uNzE2LjE2MiAwIC4wNjYuMDE2LjEzLjAxNi4xOCAwIC41ODYtLjE5NSAxLjA0MS0uNTg2IDEuMzY3LS4zNzQuMzEtLjg5NS40NzItMS41NjIuNDcyLS40ODkgMC0uOTQ0LS4wOTgtMS4zMzUtLjI3Ny0uNDA3LS4xNzktLjc5OC0uNTItMS4xNzItLjk3NmE3LjM3OSA3LjM3OSAwIDAgMS0uNzk4LTEuMjg2LjkxNS45MTUgMCAwIDEtLjAzMi0uNzE3Ljk1Ni45NTYgMCAwIDEgLjUwNC0uNTA0Yy4wOTgtLjAzMy4yMTItLjA2NS4zMS0uMDY1YS44OC44OCAwIDAgMSAuNzk3LjUwNGMuMjI4LjQ4OS40NTYuODYzLjY4NCAxLjE0LjI5My4zNDIuNjAyLjUwNC45NDQuNTA0LjI5MyAwIC4zOS0uMDk3LjM5LS4zNzQgMC0uMjI4LS4wNjQtLjQ0LS4xOTUtLjYxOWE0LjY1OSA0LjY1OSAwIDAgMS0uNy4wNjZoLS4yMjhsLS4wOTctMS41NDcuMjI4LS4wMTZjLjQwNy0uMDE2LjYxOC0uMDk4LjcxNi0uMTQ3LjA2NS0uMDMyLjE0Ni0uMTE0LjE0Ni0uMjkzIDAtLjExNCAwLS4yOTMtLjQ1NS0uMjkzLS4zMjYgMC0uNy4xMTQtMS4xMjQuMzI2bC0uMjI3LjExNC0uNTU0LTEuNDk4LjE4LS4wOThhNC4zMiA0LjMyIDAgMCAxIDEuOTUzLS40NzJjLjYzNCAwIDEuMTM5LjE4IDEuNTEzLjUyMS4zNzUuMzQyLjU3LjgxNC41NyAxLjM2OCAwIC40NC0uMTMuODMtLjM5IDEuMTU1aC4wOGMuMjEyIDAgLjQyNC0uMDQ4LjYwMy0uMTMuMTgtLjA4MS4zNDItLjIxMS41MjEtLjM5di0uNzgyaC0uNjY3VjEwLjQ0aDMuNTY1djEuNjI4aC0uOTkzdjQuNTU4YzAgLjQ4OC0uMzkxLjg4LS44OC44OGgtLjEzelwiIGZpbGw9XCIjMEI0QTZGXCIvPlxuICAgICAgICA8L3N2Zz5cbiAgICBgLFxuICAgICdjaGV2cm9uLXVwJzogYFxuICAgICAgICA8c3ZnIHZpZXdCb3g9XCIwIDAgMTYgMTZcIiBmaWxsPVwibm9uZVwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIj5cbiAgICAgICAgICAgIDxwYXRoIGQ9XCJNNC42NSA5Ljg4OCA4IDYuNTM4bDMuMzUgMy4zNWEuMzguMzggMCAxIDAgLjUzOC0uNTM4TDguMjcgNS43M2EuMzguMzggMCAwIDAtLjUzOCAwTDQuMTEgOS4zNWEuMzguMzggMCAxIDAgLjU0LjUzOHpcIiBmaWxsPVwiY3VycmVudENvbG9yXCIvPlxuICAgICAgICA8L3N2Zz5cbiAgICBgLFxuICAgICdjaGV2cm9uLWRvd24nOiBgXG4gICAgICAgIDxzdmcgdmlld0JveD1cIjAgMCAyMCAyMFwiIGZpbGw9XCJub25lXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgICAgICAgPHBhdGggZD1cIk0xNC4xODcyIDguNDcyNDdMMTAgMTIuNjU5N0w1LjgxMjgxIDguNDcyNDdDNS42MjY4NSA4LjI4NjUyIDUuMzI1NDIgOC4yODY1MiA1LjEzOTQ3IDguNDcyNDdDNC45NTM1MSA4LjY1ODQzIDQuOTUzNTEgOC45NTk4NiA1LjEzOTQ3IDkuMTQ1ODFMOS42NjMzMyAxMy42Njk3QzkuNzU2NDMgMTMuNzYyOCA5Ljg3ODA5IDEzLjgwOTIgMTAgMTMuODA5MkMxMC4xMjE5IDEzLjgwOTIgMTAuMjQzNiAxMy43NjI4IDEwLjMzNjcgMTMuNjY5N0wxNC44NjA1IDkuMTQ1ODFDMTUuMDQ2NSA4Ljk1OTg2IDE1LjA0NjUgOC42NTg0MyAxNC44NjA1IDguNDcyNDdDMTQuNjc0NiA4LjI4NjUyIDE0LjM3MzEgOC4yODY1MiAxNC4xODcyIDguNDcyNDdaXCIgZmlsbD1cImN1cnJlbnRDb2xvclwiLz5cbiAgICAgICAgPC9zdmc+XG4gICAgYCxcbiAgICBzZWFyY2g6IGBcbiAgICA8c3ZnIHZpZXdCb3g9XCIwIDAgMjQgMjRcIiBmaWxsPVwibm9uZVwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIj5cbiAgICAgICAgPHBhdGggZD1cIk0xMC4xMDggMmE4LjEwOCA4LjEwOCAwIDAgMSA2LjQ0OCAxMy4wMjZsNS4xMjggNS4xM2ExLjA4IDEuMDggMCAwIDEtMS40MjcgMS42MThsLS4xMDItLjA5LTUuMTMtNS4xMjhBOC4xMDggOC4xMDggMCAxIDEgMTAuMTA4IDJ6bTAgMi4xNjJhNS45NDYgNS45NDYgMCAxIDAgMCAxMS44OTMgNS45NDYgNS45NDYgMCAwIDAgMC0xMS44OTN6XCIgZmlsbD1cImN1cnJlbnRDb2xvclwiLz5cbiAgICA8L3N2Zz5cbmAsXG59O1xuIl19

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

@@ -0,0 +1,117 @@
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, Input, Output, forwardRef } from '@angular/core';
+import { NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
+import { NbButtonModule, NbIconModule, NbInputModule } from '@nebular/theme';
+import { NgSelectModule } from '@ng-select/ng-select';
+import { debounceTime } from 'rxjs';
+import { SclBadge } from '../badge/badge';
+import { SclFormControlWrapperComponent } from '../form/form-control-wrapper/form-control-wrapper.component';
+import { SclFormField } from '../form/form-control/form-field';
+import { SclText } from '../typography/typography';
+import { SELECT_CARD_ICONS } from './select-card-icon';
+import * as i0 from "@angular/core";
+import * as i1 from "@nebular/theme";
+import * as i2 from "@angular/forms";
+import * as i3 from "@angular/common";
+import * as i4 from "@ng-select/ng-select";
+class SclSelectCardComponent {
+    set items(value) {
+        this.allData = value;
+        this.displayData = this.allData;
+    }
+    set searchable(value) {
+        this.hasSearch = coerceBooleanProperty(value);
+    }
+    get searchable() {
+        return this.hasSearch;
+    }
+    constructor(iconLibraries, formBuilder) {
+        this.iconLibraries = iconLibraries;
+        this.formBuilder = formBuilder;
+        this.selected = new EventEmitter();
+        this.hasSearch = false;
+        this.placeholder = 'Search';
+        this.isDropdownOpen = false;
+        this.onChange = () => { };
+        this.onTouch = () => { };
+        this.iconLibraries.registerSvgPack('select-card-icon', SELECT_CARD_ICONS);
+    }
+    ngOnInit() {
+        this.initForm();
+        this.handleFilter();
+    }
+    initForm() {
+        this.selectForm = this.formBuilder.group({
+            select: [''],
+            search: [''],
+        });
+    }
+    writeValue(value) {
+        this.selectForm.controls['select'].patchValue(value);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouch = fn;
+    }
+    selectChange(event) {
+        this.onChange(event.value);
+        this.selected.emit(event.value);
+    }
+    handleFilter() {
+        const searchControl = this.selectForm.get('search');
+        if (searchControl) {
+            searchControl.valueChanges.pipe(debounceTime(500)).subscribe(value => this.filterAccounts(value));
+        }
+    }
+    filterAccounts(value) {
+        this.displayData = this.allData.filter(item => {
+            const searchedValue = new RegExp(value, 'i');
+            return searchedValue.test(item.label);
+        });
+    }
+    dropdownOpen(value) {
+        !value ? (this.isDropdownOpen = false) : (this.isDropdownOpen = true);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SclSelectCardComponent, deps: [{ token: i1.NbIconLibraries }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SclSelectCardComponent, isStandalone: true, selector: "scl-select-card", inputs: { items: "items", searchable: "searchable" }, outputs: { selected: "selected" }, host: { classAttribute: "scl-select-card" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => SclSelectCardComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<div class=\"scl-select-card__avatar\">\n    <nb-icon icon=\"language\" pack=\"select-card-icon\"> </nb-icon>\n</div>\n\n<div class=\"scl-select-card__content\">\n    <form [formGroup]=\"selectForm\">\n        <ng-select\n            [items]=\"displayData\"\n            bindValue=\"value\"\n            bindLabel=\"label\"\n            name=\"Profile\"\n            id=\"profile\"\n            placeholder=\"Select Profile\"\n            formControlName=\"select\"\n            class=\"select\"\n            appendTo=\"body\"\n            class=\"scl-select-card__select\"\n            [searchable]=\"false\"\n            (change)=\"selectChange($event)\"\n            (open)=\"dropdownOpen(true)\"\n            (close)=\"dropdownOpen(false)\">\n            <ng-template ng-header-tmp *ngIf=\"hasSearch\">\n                <scl-form-field>\n                    <scl-form-control-wrapper icon=\"search\" packName=\"scl-icon\">\n                        <input\n                            type=\"text\"\n                            nbInput\n                            fullWidth\n                            formControlName=\"search\"\n                            [placeholder]=\"placeholder\"\n                            (keypress)=\"handleFilter()\"\n                            fieldSize=\"medium\" />\n                    </scl-form-control-wrapper>\n                </scl-form-field>\n            </ng-template>\n\n            <ng-template ng-label-tmp let-item=\"item\">\n                <button type=\"button\" nbButton ghost class=\"scl-select-card__button\">\n                    <div class=\"scl-select-card__info\">\n                        <p sclText textType=\"titleMedium\" weight=\"semiBold\">{{ item.label }}</p>\n                        <span class=\"scl-select-card__bullet\"></span>\n                        <p sclText textType=\"bodyLarge\">{{ item?.value }}</p>\n                    </div>\n                    <nb-icon [icon]=\"isDropdownOpen ? 'chevron-up' : 'chevron-down'\" pack=\"select-card-icon\"></nb-icon>\n                </button>\n            </ng-template>\n        </ng-select>\n    </form>\n    <div class=\"scl-select-card__badge\">\n        <ng-content select=\"scl-badge\"></ng-content>\n    </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: SclText, selector: "[sclText]", inputs: ["textType", "weight", "textColor"] }, { kind: "component", type: SclFormField, selector: "scl-form-field", inputs: ["messageBuilder"] }, { kind: "ngmodule", type: NbIconModule }, { kind: "component", type: i1.NbIconComponent, selector: "nb-icon", inputs: ["icon", "pack", "options", "status", "config"] }, { kind: "ngmodule", type: NbInputModule }, { kind: "directive", type: i1.NbInputDirective, selector: "input[nbInput],textarea[nbInput]", inputs: ["fieldSize", "status", "shape", "fullWidth"] }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i4.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i4.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: i4.NgHeaderTemplateDirective, selector: "[ng-header-tmp]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: NbButtonModule }, { kind: "component", type: i1.NbButtonComponent, selector: "button[nbButton],a[nbButton],input[type=\"button\"][nbButton],input[type=\"submit\"][nbButton]", inputs: ["hero"] }, { kind: "component", type: SclFormControlWrapperComponent, selector: "scl-form-control-wrapper", inputs: ["icon", "packName"] }] }); }
+}
+export { SclSelectCardComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SclSelectCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'scl-select-card', standalone: true, imports: [
+                        CommonModule,
+                        SclBadge,
+                        SclText,
+                        SclFormField,
+                        NbIconModule,
+                        NbInputModule,
+                        NgSelectModule,
+                        ReactiveFormsModule,
+                        NbButtonModule,
+                        SclFormControlWrapperComponent,
+                    ], host: {
+                        class: 'scl-select-card',
+                    }, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SclSelectCardComponent),
+                            multi: true,
+                        },
+                    ], template: "<div class=\"scl-select-card__avatar\">\n    <nb-icon icon=\"language\" pack=\"select-card-icon\"> </nb-icon>\n</div>\n\n<div class=\"scl-select-card__content\">\n    <form [formGroup]=\"selectForm\">\n        <ng-select\n            [items]=\"displayData\"\n            bindValue=\"value\"\n            bindLabel=\"label\"\n            name=\"Profile\"\n            id=\"profile\"\n            placeholder=\"Select Profile\"\n            formControlName=\"select\"\n            class=\"select\"\n            appendTo=\"body\"\n            class=\"scl-select-card__select\"\n            [searchable]=\"false\"\n            (change)=\"selectChange($event)\"\n            (open)=\"dropdownOpen(true)\"\n            (close)=\"dropdownOpen(false)\">\n            <ng-template ng-header-tmp *ngIf=\"hasSearch\">\n                <scl-form-field>\n                    <scl-form-control-wrapper icon=\"search\" packName=\"scl-icon\">\n                        <input\n                            type=\"text\"\n                            nbInput\n                            fullWidth\n                            formControlName=\"search\"\n                            [placeholder]=\"placeholder\"\n                            (keypress)=\"handleFilter()\"\n                            fieldSize=\"medium\" />\n                    </scl-form-control-wrapper>\n                </scl-form-field>\n            </ng-template>\n\n            <ng-template ng-label-tmp let-item=\"item\">\n                <button type=\"button\" nbButton ghost class=\"scl-select-card__button\">\n                    <div class=\"scl-select-card__info\">\n                        <p sclText textType=\"titleMedium\" weight=\"semiBold\">{{ item.label }}</p>\n                        <span class=\"scl-select-card__bullet\"></span>\n                        <p sclText textType=\"bodyLarge\">{{ item?.value }}</p>\n                    </div>\n                    <nb-icon [icon]=\"isDropdownOpen ? 'chevron-up' : 'chevron-down'\" pack=\"select-card-icon\"></nb-icon>\n                </button>\n            </ng-template>\n        </ng-select>\n    </form>\n    <div class=\"scl-select-card__badge\">\n        <ng-content select=\"scl-badge\"></ng-content>\n    </div>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.NbIconLibraries }, { type: i2.FormBuilder }]; }, propDecorators: { selected: [{
+                type: Output
+            }], items: [{
+                type: Input
+            }], searchable: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL3NlbGVjdC1jYXJkL3NlbGVjdC1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9zZWxlY3QtY2FyZC9zZWxlY3QtY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0YsT0FBTyxFQUFnRCxpQkFBaUIsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3RILE9BQU8sRUFBRSxjQUFjLEVBQW1CLFlBQVksRUFBVyxhQUFhLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN2RyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDdEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUNwQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDMUMsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0sNkRBQTZELENBQUM7QUFDN0csT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQy9ELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7Ozs7O0FBUXZELE1BMkJhLHNCQUFzQjtJQUUvQixJQUFhLEtBQUssQ0FBQyxLQUFtQjtRQUNsQyxJQUFJLENBQUMsT0FBTyxHQUFHLEtB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YyxHQUFHLElBQUksQ0FBQyxDQUFDO0lBQzFFLENBQUM7OEdBL0VRLHNCQUFzQjtrR0FBdEIsc0JBQXNCLG9NQVJwQjtZQUNQO2dCQUNJLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsc0JBQXNCLENBQUM7Z0JBQ3JELEtBQUssRUFBRSxJQUFJO2FBQ2Q7U0FDSiwwQkM1Q0wseXNFQW9EQSwyQ0Q1QlEsWUFBWSxtSUFFWixPQUFPLG1HQUNQLFlBQVksc0ZBQ1osWUFBWSw2SkFDWixhQUFhLHFMQUNiLGNBQWMsK2lDQUNkLG1CQUFtQiw0OEJBQ25CLGNBQWMsZ05BQ2QsOEJBQThCOztTQWF6QixzQkFBc0I7MkZBQXRCLHNCQUFzQjtrQkEzQmxDLFNBQVM7K0JBQ0ksaUJBQWlCLGNBRWYsSUFBSSxXQUNQO3dCQUNMLFlBQVk7d0JBQ1osUUFBUTt3QkFDUixPQUFPO3dCQUNQLFlBQVk7d0JBQ1osWUFBWTt3QkFDWixhQUFhO3dCQUNiLGNBQWM7d0JBQ2QsbUJBQW1CO3dCQUNuQixjQUFjO3dCQUNkLDhCQUE4QjtxQkFDakMsUUFDSzt3QkFDRixLQUFLLEVBQUUsaUJBQWlCO3FCQUMzQixhQUNVO3dCQUNQOzRCQUNJLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLHVCQUF1QixDQUFDOzRCQUNyRCxLQUFLLEVBQUUsSUFBSTt5QkFDZDtxQkFDSjtnSUFHUyxRQUFRO3NCQUFqQixNQUFNO2dCQUNNLEtBQUs7c0JBQWpCLEtBQUs7Z0JBS08sVUFBVTtzQkFBdEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2VyY2lvbic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgZm9yd2FyZFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIEZvcm1CdWlsZGVyLCBGb3JtR3JvdXAsIE5HX1ZBTFVFX0FDQ0VTU09SLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTmJCdXR0b25Nb2R1bGUsIE5iSWNvbkxpYnJhcmllcywgTmJJY29uTW9kdWxlLCBOYkljb25zLCBOYklucHV0TW9kdWxlIH0gZnJvbSAnQG5lYnVsYXIvdGhlbWUnO1xuaW1wb3J0IHsgTmdTZWxlY3RNb2R1bGUgfSBmcm9tICdAbmctc2VsZWN0L25nLXNlbGVjdCc7XG5pbXBvcnQgeyBkZWJvdW5jZVRpbWUgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IFNjbEJhZGdlIH0gZnJvbSAnLi4vYmFkZ2UvYmFkZ2UnO1xuaW1wb3J0IHsgU2NsRm9ybUNvbnRyb2xXcmFwcGVyQ29tcG9uZW50IH0gZnJvbSAnLi4vZm9ybS9mb3JtLWNvbnRyb2wtd3JhcHBlci9mb3JtLWNvbnRyb2wtd3JhcHBlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2NsRm9ybUZpZWxkIH0gZnJvbSAnLi4vZm9ybS9mb3JtLWNvbnRyb2wvZm9ybS1maWVsZCc7XG5pbXBvcnQgeyBTY2xUZXh0IH0gZnJvbSAnLi4vdHlwb2dyYXBoeS90eXBvZ3JhcGh5JztcbmltcG9ydCB7IFNFTEVDVF9DQVJEX0lDT05TIH0gZnJvbSAnLi9zZWxlY3QtY2FyZC1pY29uJztcblxuZXhwb3J0IGludGVyZmFjZSBTZWxlY3RDYXJkIHtcbiAgICBsYWJlbDogc3RyaW5nO1xuICAgIHZhbHVlOiBzdHJpbmc7XG4gICAgc3RhdHVzPzogc3RyaW5nO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3NjbC1zZWxlY3QtY2FyZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NlbGVjdC1jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBTY2xCYWRnZSxcbiAgICAgICAgU2NsVGV4dCxcbiAgICAgICAgU2NsRm9ybUZpZWxkLFxuICAgICAgICBOYkljb25Nb2R1bGUsXG4gICAgICAgIE5iSW5wdXRNb2R1bGUsXG4gICAgICAgIE5nU2VsZWN0TW9kdWxlLFxuICAgICAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgICAgICBOYkJ1dHRvbk1vZHVsZSxcbiAgICAgICAgU2NsRm9ybUNvbnRyb2xXcmFwcGVyQ29tcG9uZW50LFxuICAgIF0sXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ3NjbC1zZWxlY3QtY2FyZCcsXG4gICAgfSxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICAgICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTY2xTZWxlY3RDYXJkQ29tcG9uZW50KSxcbiAgICAgICAgICAgIG11bHRpOiB0cnVlLFxuICAgICAgICB9LFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNjbFNlbGVjdENhcmRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgICBAT3V0cHV0KCkgc2VsZWN0ZWQ6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICAgIEBJbnB1dCgpIHNldCBpdGVtcyh2YWx1ZTogU2VsZWN0Q2FyZFtdKSB7XG4gICAgICAgIHRoaXMuYWxsRGF0YSA9IHZhbHVlO1xuICAgICAgICB0aGlzLmRpc3BsYXlEYXRhID0gdGhpcy5hbGxEYXRhO1xuICAgIH1cblxuICAgIEBJbnB1dCgpIHNldCBzZWFyY2hhYmxlKHZhbHVlOiBzdHJpbmcgfCBib29sZWFuKSB7XG4gICAgICAgIHRoaXMuaGFzU2VhcmNoID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHZhbHVlKTtcbiAgICB9XG5cbiAgICBnZXQgc2VhcmNoYWJsZSgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuaGFzU2VhcmNoO1xuICAgIH1cblxuICAgIHNlbGVjdEZvcm0hOiBGb3JtR3JvdXA7XG4gICAgaGFzU2VhcmNoID0gZmFsc2U7XG4gICAgcGxhY2Vob2xkZXIgPSAnU2VhcmNoJztcblxuICAgIGFsbERhdGEhOiBTZWxlY3RDYXJkW107XG4gICAgZGlzcGxheURhdGEhOiBTZWxlY3RDYXJkW107XG4gICAgaXNEcm9wZG93bk9wZW4gPSBmYWxzZTtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIGljb25MaWJyYXJpZXM6IE5iSWNvbkxpYnJhcmllcyxcbiAgICAgICAgcHJpdmF0ZSBmb3JtQnVpbGRlcjogRm9ybUJ1aWxkZXJcbiAgICApIHtcbiAgICAgICAgdGhpcy5pY29uTGlicmFyaWVzLnJlZ2lzdGVyU3ZnUGFjaygnc2VsZWN0LWNhcmQtaWNvbicsIFNFTEVDVF9DQVJEX0lDT05TKTtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgdGhpcy5pbml0Rm9ybSgpO1xuICAgICAgICB0aGlzLmhhbmRsZUZpbHRlcigpO1xuICAgIH1cblxuICAgIHByaXZhdGUgaW5pdEZvcm0oKTogdm9pZCB7XG4gICAgICAgIHRoaXMuc2VsZWN0Rm9ybSA9IHRoaXMuZm9ybUJ1aWxkZXIuZ3JvdXAoe1xuICAgICAgICAgICAgc2VsZWN0OiBbJyddLFxuICAgICAgICAgICAgc2VhcmNoOiBbJyddLFxuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBvbkNoYW5nZTogKHZhbDogYW55KSA9PiB2b2lkID0gKCkgPT4ge307XG5cbiAgICBvblRvdWNoOiAoKSA9PiB2b2lkID0gKCkgPT4ge307XG5cbiAgICB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zZWxlY3RGb3JtLmNvbnRyb2xzWydzZWxlY3QnXS5wYXRjaFZhbHVlKHZhbHVlKTtcbiAgICB9XG5cbiAgICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xuICAgIH1cblxuICAgIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5vblRvdWNoID0gZm47XG4gICAgfVxuXG4gICAgc2VsZWN0Q2hhbmdlKGV2ZW50OiBTZWxlY3RDYXJkKTogdm9pZCB7XG4gICAgICAgIHRoaXMub25DaGFuZ2UoZXZlbnQudmFsdWUpO1xuICAgICAgICB0aGlzLnNlbGVjdGVkLmVtaXQoZXZlbnQudmFsdWUpO1xuICAgIH1cblxuICAgIGhhbmRsZUZpbHRlcigpIHtcbiAgICAgICAgY29uc3Qgc2VhcmNoQ29udHJvbCA9IHRoaXMuc2VsZWN0Rm9ybS5nZXQoJ3NlYXJjaCcpO1xuICAgICAgICBpZiAoc2VhcmNoQ29udHJvbCkge1xuICAgICAgICAgICAgc2VhcmNoQ29udHJvbC52YWx1ZUNoYW5nZXMucGlwZShkZWJvdW5jZVRpbWUoNTAwKSkuc3Vic2NyaWJlKHZhbHVlID0+IHRoaXMuZmlsdGVyQWNjb3VudHModmFsdWUpKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHByaXZhdGUgZmlsdGVyQWNjb3VudHModmFsdWU6IHN0cmluZyk6IHZvaWQge1xuICAgICAgICB0aGlzLmRpc3BsYXlEYXRhID0gdGhpcy5hbGxEYXRhLmZpbHRlcihpdGVtID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHNlYXJjaGVkVmFsdWUgPSBuZXcgUmVnRXhwKHZhbHVlLCAnaScpO1xuICAgICAgICAgICAgcmV0dXJuIHNlYXJjaGVkVmFsdWUudGVzdChpdGVtLmxhYmVsKTtcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgZHJvcGRvd25PcGVuKHZhbHVlOiBib29sZWFuKSB7XG4gICAgICAgICF2YWx1ZSA/ICh0aGlzLmlzRHJvcGRvd25PcGVuID0gZmFsc2UpIDogKHRoaXMuaXNEcm9wZG93bk9wZW4gPSB0cnVlKTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2NsLXNlbGVjdC1jYXJkX19hdmF0YXJcIj5cbiAgICA8bmItaWNvbiBpY29uPVwibGFuZ3VhZ2VcIiBwYWNrPVwic2VsZWN0LWNhcmQtaWNvblwiPiA8L25iLWljb24+XG48L2Rpdj5cblxuPGRpdiBjbGFzcz1cInNjbC1zZWxlY3QtY2FyZF9fY29udGVudFwiPlxuICAgIDxmb3JtIFtmb3JtR3JvdXBdPVwic2VsZWN0Rm9ybVwiPlxuICAgICAgICA8bmctc2VsZWN0XG4gICAgICAgICAgICBbaXRlbXNdPVwiZGlzcGxheURhdGFcIlxuICAgICAgICAgICAgYmluZFZhbHVlPVwidmFsdWVcIlxuICAgICAgICAgICAgYmluZExhYmVsPVwibGFiZWxcIlxuICAgICAgICAgICAgbmFtZT1cIlByb2ZpbGVcIlxuICAgICAgICAgICAgaWQ9XCJwcm9maWxlXCJcbiAgICAgICAgICAgIHBsYWNlaG9sZGVyPVwiU2VsZWN0IFByb2ZpbGVcIlxuICAgICAgICAgICAgZm9ybUNvbnRyb2xOYW1lPVwic2VsZWN0XCJcbiAgICAgICAgICAgIGNsYXNzPVwic2VsZWN0XCJcbiAgICAgICAgICAgIGFwcGVuZFRvPVwiYm9keVwiXG4gICAgICAgICAgICBjbGFzcz1cInNjbC1zZWxlY3QtY2FyZF9fc2VsZWN0XCJcbiAgICAgICAgICAgIFtzZWFyY2hhYmxlXT1cImZhbHNlXCJcbiAgICAgICAgICAgIChjaGFuZ2UpPVwic2VsZWN0Q2hhbmdlKCRldmVudClcIlxuICAgICAgICAgICAgKG9wZW4pPVwiZHJvcGRvd25PcGVuKHRydWUpXCJcbiAgICAgICAgICAgIChjbG9zZSk9XCJkcm9wZG93bk9wZW4oZmFsc2UpXCI+XG4gICAgICAgICAgICA8bmctdGVtcGxhdGUgbmctaGVhZGVyLXRtcCAqbmdJZj1cImhhc1NlYXJjaFwiPlxuICAgICAgICAgICAgICAgIDxzY2wtZm9ybS1maWVsZD5cbiAgICAgICAgICAgICAgICAgICAgPHNjbC1mb3JtLWNvbnRyb2wtd3JhcHBlciBpY29uPVwic2VhcmNoXCIgcGFja05hbWU9XCJzY2wtaWNvblwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG5iSW5wdXRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBmdWxsV2lkdGhcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBmb3JtQ29udHJvbE5hbWU9XCJzZWFyY2hcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKGtleXByZXNzKT1cImhhbmRsZUZpbHRlcigpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBmaWVsZFNpemU9XCJtZWRpdW1cIiAvPlxuICAgICAgICAgICAgICAgICAgICA8L3NjbC1mb3JtLWNvbnRyb2wtd3JhcHBlcj5cbiAgICAgICAgICAgICAgICA8L3NjbC1mb3JtLWZpZWxkPlxuICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlIG5nLWxhYmVsLXRtcCBsZXQtaXRlbT1cIml0ZW1cIj5cbiAgICAgICAgICAgICAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBuYkJ1dHRvbiBnaG9zdCBjbGFzcz1cInNjbC1zZWxlY3QtY2FyZF9fYnV0dG9uXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzY2wtc2VsZWN0LWNhcmRfX2luZm9cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxwIHNjbFRleHQgdGV4dFR5cGU9XCJ0aXRsZU1lZGl1bVwiIHdlaWdodD1cInNlbWlCb2xkXCI+e3sgaXRlbS5sYWJlbCB9fTwvcD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2NsLXNlbGVjdC1jYXJkX19idWxsZXRcIj48L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICA8cCBzY2xUZXh0IHRleHRUeXBlPVwiYm9keUxhcmdlXCI+e3sgaXRlbT8udmFsdWUgfX08L3A+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8bmItaWNvbiBbaWNvbl09XCJpc0Ryb3Bkb3duT3BlbiA/ICdjaGV2cm9uLXVwJyA6ICdjaGV2cm9uLWRvd24nXCIgcGFjaz1cInNlbGVjdC1jYXJkLWljb25cIj48L25iLWljb24+XG4gICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICA8L25nLXNlbGVjdD5cbiAgICA8L2Zvcm0+XG4gICAgPGRpdiBjbGFzcz1cInNjbC1zZWxlY3QtY2FyZF9fYmFkZ2VcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic2NsLWJhZGdlXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=

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

@@ -0,0 +1,86 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, Input, Output, forwardRef } from '@angular/core';
+import { NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
+import { NgSelectModule } from '@ng-select/ng-select';
+import { polyfillCountryFlagEmojis } from 'country-flag-emoji-polyfill';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@angular/cdk/a11y";
+import * as i3 from "@ng-select/ng-select";
+polyfillCountryFlagEmojis(); // To load flag emoji
+class SclSelectCountryComponent {
+    set countryCode(value) {
+        if (value) {
+            this.code = value;
+            this.selectCountryForm.get('country')?.patchValue(this.code);
+        }
+    }
+    get countryCode() {
+        return this.code;
+    }
+    constructor(formBuilder, focusMonitor, elementRef) {
+        this.formBuilder = formBuilder;
+        this.focusMonitor = focusMonitor;
+        this.elementRef = elementRef;
+        this.filteredCountries = [];
+        this.changeCountry = new EventEmitter();
+        this.disabled = false;
+        this.code = '+977';
+        this.onChange = () => { };
+        this.onTouch = () => { };
+        this.focusMonitor.monitor(this.elementRef, true).subscribe(origin => {
+            if (origin) {
+                this.onTouch();
+            }
+        });
+        this.selectCountryForm = this.formBuilder.group({
+            country: [this.code],
+        });
+    }
+    writeValue(value) {
+        this.selectCountryForm.get('country')?.patchValue(value);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouch = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    selectCountry(value) {
+        this.changeCountry.emit(value);
+        this.onChange(value.dial_code);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SclSelectCountryComponent, deps: [{ token: i1.FormBuilder }, { token: i2.FocusMonitor }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SclSelectCountryComponent, isStandalone: true, selector: "scl-select-country", inputs: { filteredCountries: "filteredCountries", disabled: "disabled", countryCode: "countryCode" }, outputs: { changeCountry: "changeCountry" }, host: { classAttribute: "scl-select-country" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => SclSelectCountryComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<form [formGroup]=\"selectCountryForm\">\n    <ng-select\n        [items]=\"filteredCountries\"\n        class=\"scl-select-country__select\"\n        bindValue=\"dial_code\"\n        bindLabel=\"name\"\n        [clearable]=\"false\"\n        appendTo=\"body\"\n        (change)=\"selectCountry($event)\"\n        formControlName=\"country\"\n        [readonly]=\"disabled\">\n        <ng-template ng-option-tmp let-item=\"item\">\n            <div class=\"ng-option-label scl-select-country__desc\">\n                <!-- 'flags' class loads webfont for flag emoji -->\n                <span class=\"flags\">{{ item.flag }}</span>\n                <span columnSeparator gap=\"tiny\"></span>\n                <span>{{ item.name }}</span>\n            </div>\n        </ng-template>\n        <ng-template ng-label-tmp let-item=\"item\">\n            <div class=\"scl-select-country__desc\">\n                <!-- 'flags' class loads webfont for flag emoji -->\n                <span class=\"flags\">{{ item.flag }}</span>\n                <span>{{ item.dial_code }}</span>\n            </div>\n        </ng-template>\n    </ng-select>\n</form>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i3.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i3.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i3.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] }); }
+}
+export { SclSelectCountryComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SclSelectCountryComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'scl-select-country', standalone: true, imports: [CommonModule, NgSelectModule, ReactiveFormsModule], host: {
+                        class: 'scl-select-country',
+                    }, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SclSelectCountryComponent),
+                            multi: true,
+                        },
+                    ], template: "<form [formGroup]=\"selectCountryForm\">\n    <ng-select\n        [items]=\"filteredCountries\"\n        class=\"scl-select-country__select\"\n        bindValue=\"dial_code\"\n        bindLabel=\"name\"\n        [clearable]=\"false\"\n        appendTo=\"body\"\n        (change)=\"selectCountry($event)\"\n        formControlName=\"country\"\n        [readonly]=\"disabled\">\n        <ng-template ng-option-tmp let-item=\"item\">\n            <div class=\"ng-option-label scl-select-country__desc\">\n                <!-- 'flags' class loads webfont for flag emoji -->\n                <span class=\"flags\">{{ item.flag }}</span>\n                <span columnSeparator gap=\"tiny\"></span>\n                <span>{{ item.name }}</span>\n            </div>\n        </ng-template>\n        <ng-template ng-label-tmp let-item=\"item\">\n            <div class=\"scl-select-country__desc\">\n                <!-- 'flags' class loads webfont for flag emoji -->\n                <span class=\"flags\">{{ item.flag }}</span>\n                <span>{{ item.dial_code }}</span>\n            </div>\n        </ng-template>\n    </ng-select>\n</form>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.FormBuilder }, { type: i2.FocusMonitor }, { type: i0.ElementRef }]; }, propDecorators: { filteredCountries: [{
+                type: Input
+            }], changeCountry: [{
+                type: Output
+            }], disabled: [{
+                type: Input
+            }], countryCode: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LWNvdW50cnkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL3NlbGVjdC1jb3VudHJ5L3NlbGVjdC1jb3VudHJ5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9zZWxlY3QtY291bnRyeS9zZWxlY3QtY291bnRyeS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBYyxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0YsT0FBTyxFQUFnRCxpQkFBaUIsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3RILE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN0RCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7Ozs7QUFTeEUseUJBQXlCLEVBQUUsQ0FBQyxDQUFDLHFCQUFxQjtBQUVsRCxNQWdCYSx5QkFBeUI7SUFZbEMsSUFBYSxXQUFXLENBQUMsS0FBYTtRQUNsQyxJQUFJLEtBQUssRUFBRTtZQUNQLElBQUksQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDO1lBQ2xCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxHQUFHLENBQUMsU0FBUyxDQUFDLEVBQUUsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUNoRTtJQUNMLENBQUM7SUFFRCxJQUFJLFdBQVc7UUFDWCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUM7SUFDckIsQ0FBQztJQUVELFlBQ1ksV0FBd0IsRUFDeEIsWUFBMEIsRUFDMUIsVUFBc0I7UUFGdEIsZ0JBQVcsR0FBWCxXQUFXLENBQWE7UUFDeEIsaUJBQVksR0FBWixZQUFZLENBQWM7UUFDMUIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQXpCekIsc0JBQWlCLEdBQTZCLEVBQUUsQ0FBQztRQUNoRCxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUEwQixDQUFDO1FBQzVELGFBQVEsR0FBWSxLQUFLLENBQUM7UUFJbkMsU0FBSSxHQUFXLE1BQU0sQ0FBQztRQUV0QixhQUFRLEdBQTBCLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztRQUMzQyxZQUFPLEdBQWUsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO1FBa0IzQixJQUFJLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLElBQUksQ0FBQyxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsRUFBRTtZQUNoRSxJQUFJLE1BQU0sRUFBRTtnQkFDUixJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7YUFDbEI7UUFDTCxDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxpQkFBaUIsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQztZQUM1QyxPQUFPLEVBQUUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDO1NBQ3ZCLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFRCxVQUFVLENBQUMsS0FBYTtRQUNwQixJQUFJLENBQUMsaUJBQWlCLENBQUMsR0FBRyxDQUFDLFNBQVMsQ0FBQyxFQUFFLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM3RCxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBTztRQUNwQixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBTztRQUNyQixJQUFJLENBQUMsT0FBTyxHQUFHLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsZ0JBQWdCLENBQUUsVUFBbUI7UUFDakMsSUFBSSxDQUFDLFFBQVEsR0FBRyxVQUFVLENBQUM7SUFDL0IsQ0FBQztJQUVELGFBQWEsQ0FBQyxLQUE2QjtRQUN2QyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMvQixJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUNuQyxDQUFDOzhHQXpEUSx5QkFBeUI7a0dBQXpCLHlCQUF5QixvUUFSdkI7WUFDUDtnQkFDSSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHlCQUF5QixDQUFDO2dCQUN4RCxLQUFLLEVBQUUsSUFBSTthQUNkO1NBQ0osMEJDOUJMLDBuQ0E0QkEsMkNEVGMsWUFBWSw4QkFBRSxjQUFjLCtpQ0FBRSxtQkFBbUI7O1NBYWxELHlCQUF5QjsyRkFBekIseUJBQXlCO2tCQWhCckMsU0FBUzsrQkFDSSxvQkFBb0IsY0FDbEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGNBQWMsRUFBRSxtQkFBbUIsQ0FBQyxRQUV0RDt3QkFDRixLQUFLLEVBQUUsb0JBQW9CO3FCQUM5QixhQUNVO3dCQUNQOzRCQUNJLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLDBCQUEwQixDQUFDOzRCQUN4RCxLQUFLLEVBQUUsSUFBSTt5QkFDZDtxQkFDSjtzSkFHUSxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0ksYUFBYTtzQkFBdEIsTUFBTTtnQkFDRSxRQUFRO3NCQUFoQixLQUFLO2dCQVNPLFdBQVc7c0JBQXZCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGb2N1c01vbml0b3IgfSBmcm9tICdAYW5ndWxhci9jZGsvYTExeSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBGb3JtQnVpbGRlciwgRm9ybUdyb3VwLCBOR19WQUxVRV9BQ0NFU1NPUiwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IE5nU2VsZWN0TW9kdWxlIH0gZnJvbSAnQG5nLXNlbGVjdC9uZy1zZWxlY3QnO1xuaW1wb3J0IHsgcG9seWZpbGxDb3VudHJ5RmxhZ0Vtb2ppcyB9IGZyb20gJ2NvdW50cnktZmxhZy1lbW9qaS1wb2x5ZmlsbCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRmlsdGVyZWRDb3VudHJpZXNHcm91cCB7XG4gICAgbmFtZTogc3RyaW5nO1xuICAgIGNvZGU6IHN0cmluZztcbiAgICBkaWFsX2NvZGU6IHN0cmluZztcbiAgICBmbGFnOiBzdHJpbmc7XG59XG5cbnBvbHlmaWxsQ291bnRyeUZsYWdFbW9qaXMoKTsgLy8gVG8gbG9hZCBmbGFnIGVtb2ppXG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnc2NsLXNlbGVjdC1jb3VudHJ5JyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIE5nU2VsZWN0TW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlXSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc2VsZWN0LWNvdW50cnkuY29tcG9uZW50Lmh0bWwnLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICdzY2wtc2VsZWN0LWNvdW50cnknLFxuICAgIH0sXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU2NsU2VsZWN0Q291bnRyeUNvbXBvbmVudCksXG4gICAgICAgICAgICBtdWx0aTogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTY2xTZWxlY3RDb3VudHJ5Q29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICAgIEBJbnB1dCgpIGZpbHRlcmVkQ291bnRyaWVzOiBGaWx0ZXJlZENvdW50cmllc0dyb3VwW10gPSBbXTtcbiAgICBAT3V0cHV0KCkgY2hhbmdlQ291bnRyeSA9IG5ldyBFdmVudEVtaXR0ZXI8RmlsdGVyZWRDb3VudHJpZXNHcm91cD4oKTtcbiAgICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gICAgc2VsZWN0Q291bnRyeUZvcm0hOiBGb3JtR3JvdXA7XG5cbiAgICBjb2RlOiBzdHJpbmcgPSAnKzk3Nyc7XG5cbiAgICBvbkNoYW5nZTogKHZhbDogc3RyaW5nKSA9PiB2b2lkID0gKCkgPT4ge307XG4gICAgb25Ub3VjaDogKCkgPT4gdm9pZCA9ICgpID0+IHt9O1xuXG4gICAgQElucHV0KCkgc2V0IGNvdW50cnlDb2RlKHZhbHVlOiBzdHJpbmcpIHtcbiAgICAgICAgaWYgKHZhbHVlKSB7XG4gICAgICAgICAgICB0aGlzLmNvZGUgPSB2YWx1ZTtcbiAgICAgICAgICAgIHRoaXMuc2VsZWN0Q291bnRyeUZvcm0uZ2V0KCdjb3VudHJ5Jyk/LnBhdGNoVmFsdWUodGhpcy5jb2RlKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIGdldCBjb3VudHJ5Q29kZSgpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5jb2RlO1xuICAgIH1cblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIGZvcm1CdWlsZGVyOiBGb3JtQnVpbGRlcixcbiAgICAgICAgcHJpdmF0ZSBmb2N1c01vbml0b3I6IEZvY3VzTW9uaXRvcixcbiAgICAgICAgcHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmXG4gICAgKSB7XG4gICAgICAgIHRoaXMuZm9jdXNNb25pdG9yLm1vbml0b3IodGhpcy5lbGVtZW50UmVmLCB0cnVlKS5zdWJzY3JpYmUob3JpZ2luID0+IHtcbiAgICAgICAgICAgIGlmIChvcmlnaW4pIHtcbiAgICAgICAgICAgICAgICB0aGlzLm9uVG91Y2goKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMuc2VsZWN0Q291bnRyeUZvcm0gPSB0aGlzLmZvcm1CdWlsZGVyLmdyb3VwKHtcbiAgICAgICAgICAgIGNvdW50cnk6IFt0aGlzLmNvZGVdLFxuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICB3cml0ZVZhbHVlKHZhbHVlOiBzdHJpbmcpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zZWxlY3RDb3VudHJ5Rm9ybS5nZXQoJ2NvdW50cnknKT8ucGF0Y2hWYWx1ZSh2YWx1ZSk7XG4gICAgfVxuXG4gICAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XG4gICAgICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgICB9XG5cbiAgICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XG4gICAgICAgIHRoaXMub25Ub3VjaCA9IGZuO1xuICAgIH1cblxuICAgIHNldERpc2FibGVkU3RhdGU/KGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICAgICAgdGhpcy5kaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XG4gICAgfVxuXG4gICAgc2VsZWN0Q291bnRyeSh2YWx1ZTogRmlsdGVyZWRDb3VudHJpZXNHcm91cCkge1xuICAgICAgICB0aGlzLmNoYW5nZUNvdW50cnkuZW1pdCh2YWx1ZSk7XG4gICAgICAgIHRoaXMub25DaGFuZ2UodmFsdWUuZGlhbF9jb2RlKTtcbiAgICB9XG59XG4iLCI8Zm9ybSBbZm9ybUdyb3VwXT1cInNlbGVjdENvdW50cnlGb3JtXCI+XG4gICAgPG5nLXNlbGVjdFxuICAgICAgICBbaXRlbXNdPVwiZmlsdGVyZWRDb3VudHJpZXNcIlxuICAgICAgICBjbGFzcz1cInNjbC1zZWxlY3QtY291bnRyeV9fc2VsZWN0XCJcbiAgICAgICAgYmluZFZhbHVlPVwiZGlhbF9jb2RlXCJcbiAgICAgICAgYmluZExhYmVsPVwibmFtZVwiXG4gICAgICAgIFtjbGVhcmFibGVdPVwiZmFsc2VcIlxuICAgICAgICBhcHBlbmRUbz1cImJvZHlcIlxuICAgICAgICAoY2hhbmdlKT1cInNlbGVjdENvdW50cnkoJGV2ZW50KVwiXG4gICAgICAgIGZvcm1Db250cm9sTmFtZT1cImNvdW50cnlcIlxuICAgICAgICBbcmVhZG9ubHldPVwiZGlzYWJsZWRcIj5cbiAgICAgICAgPG5nLXRlbXBsYXRlIG5nLW9wdGlvbi10bXAgbGV0LWl0ZW09XCJpdGVtXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibmctb3B0aW9uLWxhYmVsIHNjbC1zZWxlY3QtY291bnRyeV9fZGVzY1wiPlxuICAgICAgICAgICAgICAgIDwhLS0gJ2ZsYWdzJyBjbGFzcyBsb2FkcyB3ZWJmb250IGZvciBmbGFnIGVtb2ppIC0tPlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZmxhZ3NcIj57eyBpdGVtLmZsYWcgfX08L3NwYW4+XG4gICAgICAgICAgICAgICAgPHNwYW4gY29sdW1uU2VwYXJhdG9yIGdhcD1cInRpbnlcIj48L3NwYW4+XG4gICAgICAgICAgICAgICAgPHNwYW4+e3sgaXRlbS5uYW1lIH19PC9zcGFuPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgIDxuZy10ZW1wbGF0ZSBuZy1sYWJlbC10bXAgbGV0LWl0ZW09XCJpdGVtXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2NsLXNlbGVjdC1jb3VudHJ5X19kZXNjXCI+XG4gICAgICAgICAgICAgICAgPCEtLSAnZmxhZ3MnIGNsYXNzIGxvYWRzIHdlYmZvbnQgZm9yIGZsYWcgZW1vamkgLS0+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJmbGFnc1wiPnt7IGl0ZW0uZmxhZyB9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8c3Bhbj57eyBpdGVtLmRpYWxfY29kZSB9fTwvc3Bhbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgIDwvbmctc2VsZWN0PlxuPC9mb3JtPlxuIl19