@anglr/select 10.0.0 → 11.0.1-beta.20220222062944

package/es2020/src/plugins/normalState/edit/editNormalState.component.js

@@ -0,0 +1,88 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, Inject, Optional } from '@angular/core';
+import { STRING_LOCALIZATION } from '@anglr/common';
+import { extend } from '@jscrpt/common';
+import { NG_SELECT_PLUGIN_INSTANCES } from '../../../components/select/types';
+import { PluginBus } from '../../../misc/pluginBus/pluginBus';
+import { NormalStateAbstractComponent } from '../normalStateAbstract.component';
+import { NORMAL_STATE_OPTIONS } from '../types';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../misc/pluginBus/pluginBus";
+import * as i2 from "@angular/common";
+import * as i3 from "../../../pipes/ngSelectValue.pipe";
+import * as i4 from "../../../pipes/ngSelectHasValue.pipe";
+//TODO - think of templating how to do it for edit select
+//TODO - add way to collapse multi selected values
+/**
+ * Default options for normal state
+ * @internal
+ */
+const defaultOptions = {
+    cssClasses: {
+        normalStateElement: 'btn btn-select',
+        selectedCarretWrapper: 'selected-caret',
+        selectedCarret: 'fa fa-caret-down',
+        selectedValue: 'selected-value',
+        selectedMultiValueContainer: 'selected-multi-value',
+        selectedMultiValueCancel: 'selected-multi-value-cancel',
+        cancelSelectedElement: 'fa cancel-selected'
+    },
+    texts: {
+        nothingSelected: 'Nothing selected'
+    },
+    cancelButton: false,
+    showOptionsButton: true,
+    optionDisplayText: option => option.text
+};
+/**
+ * Component used for rendering edit normal state of select
+ */
+export class EditNormalStateComponent extends NormalStateAbstractComponent {
+    //######################### constructor #########################
+    constructor(ngSelectPlugins, pluginBus, pluginElement, changeDetector, stringLocalization, options) {
+        super(ngSelectPlugins, pluginBus, pluginElement, changeDetector, stringLocalization);
+        this._options = extend(true, {}, defaultOptions, options);
+    }
+    //######################### public properties - template bindings #########################
+    /**
+     * Gets currently selected options
+     */
+    get selectedOptions() {
+        return this.valueHandler?.selectedOptions;
+    }
+    //######################### public methods - template bindings #########################
+    /**
+     * Cancel selected options
+     */
+    cancelSelected() {
+        if (Array.isArray(this.selectedOptions)) {
+            const options = [...this.selectedOptions];
+            options.forEach(opt => this.pluginBus.optionCancel.emit(opt));
+        }
+        else {
+            this.pluginBus.optionCancel.emit(this.selectedOptions);
+        }
+        this.pluginBus.updateDisplayedValue.emit();
+    }
+}
+EditNormalStateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: EditNormalStateComponent, deps: [{ token: NG_SELECT_PLUGIN_INSTANCES, optional: true }, { token: i1.PluginBus, optional: true }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: STRING_LOCALIZATION }, { token: NORMAL_STATE_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+EditNormalStateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: EditNormalStateComponent, selector: "div.edit-normal-state", usesInheritance: true, ngImport: i0, template: "<div [ngClass]=\"options?.cssClasses?.normalStateElement\" [title]=\"valueHandler?.selectedOptions | ngSelectValue: texts?.nothingSelected\">\r\n    <ng-template [ngIf]=\"pluginBus.selectOptions.multiple\">\r\n        <div *ngFor=\"let option of selectedOptions\" [ngClass]=\"options?.cssClasses?.selectedMultiValueContainer\">\r\n            <span>{{option | ngSelectValue: texts?.nothingSelected: options?.optionDisplayText}}</span>\r\n            <span [ngClass]=\"options?.cssClasses?.selectedMultiValueCancel\"\r\n                  (click)=\"pluginBus.optionCancel.emit(option)\">x</span>\r\n        </div>\r\n    </ng-template>\r\n\r\n    <ng-content></ng-content>\r\n\r\n    <div *ngIf=\"options?.cancelButton && (valueHandler?.selectedOptions | ngSelectHasValue)\"\r\n         (click)=\"cancelSelected()\"\r\n         [ngClass]=\"options?.cssClasses?.cancelSelectedElement\"></div>\r\n\r\n    <div [ngClass]=\"options?.cssClasses?.selectedCarretWrapper\" (click)=\"pluginBus?.togglePopup.emit(); pluginBus?.liveSearchFocus?.emit()\" *ngIf=\"options?.showOptionsButton\">\r\n        <span [ngClass]=\"options?.cssClasses?.selectedCarret\"></span>\r\n    </div>\r\n</div>", styles: ["div.btn-select\r\n{\r\n    display: flex;\r\n    flex-direction: row;\r\n    width: 100%;\r\n    padding: 0;\r\n    background-color: #ffffff;\r\n    background-image: none;\r\n    border: 1px solid #cccccc;\r\n    border-radius: 4px;\r\n    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;\r\n    height: 28px;\r\n    overflow: hidden;\r\n    cursor: default;\r\n}\r\n\r\ndiv.btn-select:hover .selected-caret\r\n{\r\n    background-color: #F2F2F2;\r\n}\r\n\r\ndiv.btn-select .selected-value\r\n{\r\n    flex: 1;\r\n    text-align: left;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n}\r\n\r\ndiv.btn-select .selected-caret\r\n{\r\n    flex: 0 0 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-direction: row;\r\n    cursor: pointer;\r\n}\r\n\r\n.selected-multi-value\r\n{\r\n    align-self: center;\r\n    padding: 1px 4px;\r\n    border-radius: 4px;\r\n    margin-left: 3px;\r\n    margin-right: 3px;\r\n    background: #BBB;\r\n}\r\n\r\n.selected-multi-value-cancel\r\n{\r\n    margin-left: 4px;\r\n}\r\n\r\n.selected-multi-value-cancel:hover\r\n{\r\n    opacity: 0.7;\r\n    cursor: pointer;\r\n}\r\n\r\n.cancel-selected\r\n{\r\n    cursor: pointer;\r\n    align-self: center;\r\n    padding: 2px;\r\n}\r\n\r\n.cancel-selected:hover\r\n{\r\n    opacity: 0.7;\r\n}\r\n\r\n.cancel-selected:before \r\n{\r\n    content: \"\\f00d\"; \r\n} "], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "ngSelectValue": i3.NgSelectValuePipe, "ngSelectHasValue": i4.NgSelectHasValuePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: EditNormalStateComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'div.edit-normal-state', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [ngClass]=\"options?.cssClasses?.normalStateElement\" [title]=\"valueHandler?.selectedOptions | ngSelectValue: texts?.nothingSelected\">\r\n    <ng-template [ngIf]=\"pluginBus.selectOptions.multiple\">\r\n        <div *ngFor=\"let option of selectedOptions\" [ngClass]=\"options?.cssClasses?.selectedMultiValueContainer\">\r\n            <span>{{option | ngSelectValue: texts?.nothingSelected: options?.optionDisplayText}}</span>\r\n            <span [ngClass]=\"options?.cssClasses?.selectedMultiValueCancel\"\r\n                  (click)=\"pluginBus.optionCancel.emit(option)\">x</span>\r\n        </div>\r\n    </ng-template>\r\n\r\n    <ng-content></ng-content>\r\n\r\n    <div *ngIf=\"options?.cancelButton && (valueHandler?.selectedOptions | ngSelectHasValue)\"\r\n         (click)=\"cancelSelected()\"\r\n         [ngClass]=\"options?.cssClasses?.cancelSelectedElement\"></div>\r\n\r\n    <div [ngClass]=\"options?.cssClasses?.selectedCarretWrapper\" (click)=\"pluginBus?.togglePopup.emit(); pluginBus?.liveSearchFocus?.emit()\" *ngIf=\"options?.showOptionsButton\">\r\n        <span [ngClass]=\"options?.cssClasses?.selectedCarret\"></span>\r\n    </div>\r\n</div>", styles: ["div.btn-select\r\n{\r\n    display: flex;\r\n    flex-direction: row;\r\n    width: 100%;\r\n    padding: 0;\r\n    background-color: #ffffff;\r\n    background-image: none;\r\n    border: 1px solid #cccccc;\r\n    border-radius: 4px;\r\n    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;\r\n    height: 28px;\r\n    overflow: hidden;\r\n    cursor: default;\r\n}\r\n\r\ndiv.btn-select:hover .selected-caret\r\n{\r\n    background-color: #F2F2F2;\r\n}\r\n\r\ndiv.btn-select .selected-value\r\n{\r\n    flex: 1;\r\n    text-align: left;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n}\r\n\r\ndiv.btn-select .selected-caret\r\n{\r\n    flex: 0 0 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-direction: row;\r\n    cursor: pointer;\r\n}\r\n\r\n.selected-multi-value\r\n{\r\n    align-self: center;\r\n    padding: 1px 4px;\r\n    border-radius: 4px;\r\n    margin-left: 3px;\r\n    margin-right: 3px;\r\n    background: #BBB;\r\n}\r\n\r\n.selected-multi-value-cancel\r\n{\r\n    margin-left: 4px;\r\n}\r\n\r\n.selected-multi-value-cancel:hover\r\n{\r\n    opacity: 0.7;\r\n    cursor: pointer;\r\n}\r\n\r\n.cancel-selected\r\n{\r\n    cursor: pointer;\r\n    align-self: center;\r\n    padding: 2px;\r\n}\r\n\r\n.cancel-selected:hover\r\n{\r\n    opacity: 0.7;\r\n}\r\n\r\n.cancel-selected:before \r\n{\r\n    content: \"\\f00d\"; \r\n} "] }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [NG_SELECT_PLUGIN_INSTANCES]
+                }, {
+                    type: Optional
+                }] }, { type: i1.PluginBus, decorators: [{
+                    type: Optional
+                }] }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [STRING_LOCALIZATION]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [NORMAL_STATE_OPTIONS]
+                }, {
+                    type: Optional
+                }] }]; } });
+//# sourceMappingURL=editNormalState.component.js.map

package/es2020/src/plugins/normalState/edit/editNormalState.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editNormalState.component.js","sourceRoot":"","sources":["../../../../../src/plugins/normalState/edit/editNormalState.component.ts","../../../../../src/plugins/normalState/edit/editNormalState.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,uBAAuB,EAAE,iBAAiB,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAa,QAAQ,EAAC,MAAM,eAAe,CAAC;AAC7H,OAAO,EAAqB,mBAAmB,EAAC,MAAM,eAAe,CAAC;AACtE,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAGtC,OAAO,EAAC,0BAA0B,EAAC,MAAM,kCAAkC,CAAC;AAE5E,OAAO,EAAC,SAAS,EAAC,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAC,4BAA4B,EAAC,MAAM,kCAAkC,CAAC;AAC9E,OAAO,EAAC,oBAAoB,EAAC,MAAM,UAAU,CAAC;;;;;;AAI9C,yDAAyD;AACzD,kDAAkD;AAElD;;;GAGG;AACH,MAAM,cAAc,GACpB;IACI,UAAU,EACV;QACI,kBAAkB,EAAE,gBAAgB;QACpC,qBAAqB,EAAE,gBAAgB;QACvC,cAAc,EAAE,kBAAkB;QAClC,aAAa,EAAE,gBAAgB;QAC/B,2BAA2B,EAAE,sBAAsB;QACnD,wBAAwB,EAAE,6BAA6B;QACvD,qBAAqB,EAAE,oBAAoB;KAC9C;IACD,KAAK,EACL;QACI,eAAe,EAAE,kBAAkB;KACtC;IACD,YAAY,EAAE,KAAK;IACnB,iBAAiB,EAAE,IAAI;IACvB,iBAAiB,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI;CAC3C,CAAC;AAEF;;GAEG;AAQH,MAAM,OAAO,wBAAuC,SAAQ,4BAA+F;IAYvJ,iEAAiE;IACjE,YAA4D,eAAwC,EAC5E,SAAoB,EAChC,aAAyB,EACzB,cAAiC,EACJ,kBAAsC,EACzB,OAAgC;QAElF,KAAK,CAAC,eAAe,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc,EAAE,kBAAkB,CAAC,CAAC;QAErF,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,IAAI,EAAE,EAAE,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;IAC9D,CAAC;IArBD,2FAA2F;IAE3F;;OAEG;IACH,IAAW,eAAe;QAEtB,OAAO,IAAI,CAAC,YAAY,EAAE,eAAmC,CAAC;IAClE,CAAC;IAeD,wFAAwF;IAExF;;OAEG;IACI,cAAc;QAEjB,IAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,EACtC;YACI,MAAM,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC;YAE1C,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;SACjE;aAED;YACI,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;SAC1D;QAED,IAAI,CAAC,SAAS,CAAC,oBAAoB,CAAC,IAAI,EAAE,CAAC;IAC/C,CAAC;;qHA5CQ,wBAAwB,kBAab,0BAA0B,iIAI1B,mBAAmB,aACnB,oBAAoB;yGAlB/B,wBAAwB,oFCnDrC,2pCAkBM;2FDiCO,wBAAwB;kBAPpC,SAAS;+BAEI,uBAAuB,mBAGhB,uBAAuB,CAAC,MAAM;;0BAelC,MAAM;2BAAC,0BAA0B;;0BAAG,QAAQ;;0BAC5C,QAAQ;;0BAGR,MAAM;2BAAC,mBAAmB;;0BAC1B,MAAM;2BAAC,oBAAoB;;0BAAG,QAAQ","sourcesContent":["import {ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, Inject, OnDestroy, Optional} from '@angular/core';\nimport {StringLocalization, STRING_LOCALIZATION} from '@anglr/common';\nimport {extend} from '@jscrpt/common';\n\nimport {NgSelectPluginInstances} from '../../../components/select';\nimport {NG_SELECT_PLUGIN_INSTANCES} from '../../../components/select/types';\nimport {NgSelectPlugin} from '../../../misc';\nimport {PluginBus} from '../../../misc/pluginBus/pluginBus';\nimport {NormalStateAbstractComponent} from '../normalStateAbstract.component';\nimport {NORMAL_STATE_OPTIONS} from '../types';\nimport {CssClassesEditNormalState, EditNormalState, EditNormalStateOptions} from './editNormalState.interface';\nimport {NgSelectOption} from '../../../components/option';\n\n//TODO - think of templating how to do it for edit select\n//TODO - add way to collapse multi selected values\n\n/**\n * Default options for normal state\n * @internal\n */\nconst defaultOptions: EditNormalStateOptions =\n{\n    cssClasses:\n    {\n        normalStateElement: 'btn btn-select',\n        selectedCarretWrapper: 'selected-caret',\n        selectedCarret: 'fa fa-caret-down',\n        selectedValue: 'selected-value',\n        selectedMultiValueContainer: 'selected-multi-value',\n        selectedMultiValueCancel: 'selected-multi-value-cancel',\n        cancelSelectedElement: 'fa cancel-selected'\n    },\n    texts:\n    {\n        nothingSelected: 'Nothing selected'\n    },\n    cancelButton: false,\n    showOptionsButton: true,\n    optionDisplayText: option => option.text\n};\n\n/**\n * Component used for rendering edit normal state of select\n */\n@Component(\n{\n    selector: 'div.edit-normal-state',\n    templateUrl: 'editNormalState.component.html',\n    styleUrls: ['editNormalState.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class EditNormalStateComponent<TValue = any> extends NormalStateAbstractComponent<CssClassesEditNormalState, EditNormalStateOptions<TValue>, TValue> implements EditNormalState, NgSelectPlugin<EditNormalStateOptions>, OnDestroy\n{\n    //######################### public properties - template bindings #########################\n\n    /**\n     * Gets currently selected options\n     */\n    public get selectedOptions(): NgSelectOption[]\n    {\n        return this.valueHandler?.selectedOptions as NgSelectOption[];\n    }\n\n    //######################### constructor #########################\n    constructor(@Inject(NG_SELECT_PLUGIN_INSTANCES) @Optional() ngSelectPlugins: NgSelectPluginInstances,\n                @Optional() pluginBus: PluginBus,\n                pluginElement: ElementRef,\n                changeDetector: ChangeDetectorRef,\n                @Inject(STRING_LOCALIZATION) stringLocalization: StringLocalization,\n                @Inject(NORMAL_STATE_OPTIONS) @Optional() options?: EditNormalStateOptions)\n    {\n        super(ngSelectPlugins, pluginBus, pluginElement, changeDetector, stringLocalization);\n\n        this._options = extend(true, {}, defaultOptions, options);\n    }\n\n    //######################### public methods - template bindings #########################\n\n    /**\n     * Cancel selected options\n     */\n    public cancelSelected(): void\n    {\n        if(Array.isArray(this.selectedOptions))\n        {\n            const options = [...this.selectedOptions];\n\n            options.forEach(opt => this.pluginBus.optionCancel.emit(opt));\n        }\n        else\n        {\n            this.pluginBus.optionCancel.emit(this.selectedOptions);\n        }\n\n        this.pluginBus.updateDisplayedValue.emit();\n    }\n}","<div [ngClass]=\"options?.cssClasses?.normalStateElement\" [title]=\"valueHandler?.selectedOptions | ngSelectValue: texts?.nothingSelected\">\r\n    <ng-template [ngIf]=\"pluginBus.selectOptions.multiple\">\r\n        <div *ngFor=\"let option of selectedOptions\" [ngClass]=\"options?.cssClasses?.selectedMultiValueContainer\">\r\n            <span>{{option | ngSelectValue: texts?.nothingSelected: options?.optionDisplayText}}</span>\r\n            <span [ngClass]=\"options?.cssClasses?.selectedMultiValueCancel\"\r\n                  (click)=\"pluginBus.optionCancel.emit(option)\">x</span>\r\n        </div>\r\n    </ng-template>\r\n\r\n    <ng-content></ng-content>\r\n\r\n    <div *ngIf=\"options?.cancelButton && (valueHandler?.selectedOptions | ngSelectHasValue)\"\r\n         (click)=\"cancelSelected()\"\r\n         [ngClass]=\"options?.cssClasses?.cancelSelectedElement\"></div>\r\n\r\n    <div [ngClass]=\"options?.cssClasses?.selectedCarretWrapper\" (click)=\"pluginBus?.togglePopup.emit(); pluginBus?.liveSearchFocus?.emit()\" *ngIf=\"options?.showOptionsButton\">\r\n        <span [ngClass]=\"options?.cssClasses?.selectedCarret\"></span>\r\n    </div>\r\n</div>"]}

package/es2020/src/plugins/normalState/edit/editNormalState.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=editNormalState.interface.js.map

package/es2020/src/plugins/normalState/edit/editNormalState.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editNormalState.interface.js","sourceRoot":"","sources":["../../../../../src/plugins/normalState/edit/editNormalState.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {NormalState, NormalStateOptions} from '../normalState.interface';\n\n/**\n * Css classes for edit normal state\n */\nexport interface CssClassesEditNormalState\n{\n    /**\n     * Applied to currently selected value, which is visible to user (default template)\n     */\n    selectedValue?: string;\n\n    /**\n     * Applied to \"carret\", indicating that it is select and there is more options available\n     */\n    selectedCarret?: string;\n\n    /**\n     * Applied to \"carret\" wrapper element\n     */\n    selectedCarretWrapper?: string;\n\n    /**\n     * Applied to HTML element that represents normal default state visible to user\n     */\n    normalStateElement?: string;\n\n    /**\n     * Applied to container displaying single multi value\n     */\n    selectedMultiValueContainer?: string;\n\n    /**\n     * Applied to element used for canceling selected value\n     */\n    selectedMultiValueCancel?: string;\n\n    /**\n     * Applied to element that is used as cancel selected button\n     */\n    cancelSelectedElement?: string;\n}\n\n/**\n * Edit normal state options\n */\nexport interface EditNormalStateOptions<TValue = any> extends NormalStateOptions<CssClassesEditNormalState, TValue>\n{\n    /**\n     * Indication whether display cancel button\n     */\n    cancelButton?: boolean;\n\n    /**\n     * Indication whether display button for displaying options\n     */\n    showOptionsButton?: boolean;\n}\n\n/**\n * Public API for 'EditNormalStateComponent'\n */\nexport interface EditNormalState extends NormalState\n{\n}"]}

package/es2020/src/plugins/normalState/index.js

@@ -0,0 +1,4 @@
+export * from './normalState.interface';
+export * from './basic/basicNormalState.interface';
+export * from './edit/editNormalState.interface';
+//# sourceMappingURL=index.js.map

package/es2020/src/plugins/normalState/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/plugins/normalState/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AAExC,cAAc,oCAAoC,CAAC;AACnD,cAAc,kCAAkC,CAAC","sourcesContent":["export * from './normalState.interface';\n\nexport * from './basic/basicNormalState.interface';\nexport * from './edit/editNormalState.interface';"]}

package/es2020/src/plugins/normalState/normalState.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=normalState.interface.js.map

package/es2020/src/plugins/normalState/normalState.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalState.interface.js","sourceRoot":"","sources":["../../../../src/plugins/normalState/normalState.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {NgSelectPlugin, VisualPluginOptions} from '../../misc';\nimport {NgSelectOption} from '../../components/option';\n\n//TODO - version 10, change order of TValue and TCssClasses\n\n/**\n * Function used for transformation of ng select option into display text\n */\nexport interface DisplayTextFunc<TValue = any>\n{\n    /**\n     * Transforms option into display text\n     * @param option - Option that is being transformed\n     */\n    (option: NgSelectOption<TValue>): string;\n}\n\n/**\n * Texts that are used within NormalState\n */\nexport interface NormalStateTexts\n{\n    /**\n     * Displayed when there is no value selected, represents empty value, used if value is null or empty array\n     */\n    nothingSelected?: string;\n}\n\n/**\n * Options for normal state plugin\n */\nexport interface NormalStateOptions<TCssClasses = any, TValue = any> extends VisualPluginOptions<TCssClasses>\n{\n    /**\n     * Texts that are used within any NormalState\n     */\n    texts?: NormalStateTexts;\n\n    /**\n     * Function used for transformation of option into display text\n     */\n    optionDisplayText?: DisplayTextFunc<TValue>;\n}\n\n/**\n * Normal state plugin interface\n */\nexport interface NormalState extends NgSelectPlugin\n{\n}\n\n/**\n * Context for template that is used within normal state plugin\n */\nexport interface NormalStateContext\n{\n    /**\n     * Instance of plugin itself\n     */\n    $implicit: NormalState;\n}"]}

package/es2020/src/plugins/normalState/normalStateAbstract.component.js

@@ -0,0 +1,92 @@
+import { ChangeDetectorRef, ElementRef, Directive } from '@angular/core';
+import { extend } from '@jscrpt/common';
+import { PluginBus } from '../../misc/pluginBus/pluginBus';
+import { VALUE_HANDLER } from '../valueHandler/types';
+import * as i0 from "@angular/core";
+import * as i1 from "../../misc/pluginBus/pluginBus";
+/**
+ * Base abstract class for normal state of select
+ */
+export class NormalStateAbstractComponent {
+    //######################### constructor #########################
+    constructor(ngSelectPlugins, pluginBus, pluginElement, _changeDetector, _stringLocalization) {
+        this.ngSelectPlugins = ngSelectPlugins;
+        this.pluginBus = pluginBus;
+        this.pluginElement = pluginElement;
+        this._changeDetector = _changeDetector;
+        this._stringLocalization = _stringLocalization;
+        /**
+         * Indication whether was component destroyed
+         */
+        this._destroyed = false;
+        //######################### public properties - template bindings #########################
+        /**
+         * Object containing available texts
+         * @internal
+         */
+        this.texts = {};
+    }
+    //######################### public properties - implementation of NormalState #########################
+    /**
+     * Options for NgSelect plugin
+     */
+    get options() {
+        return this._options;
+    }
+    set options(options) {
+        this._options = extend(true, this._options, options);
+    }
+    //######################### public methods - implementation of OnDestroy #########################
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy() {
+        this._destroyed = true;
+        this._textsChangedSubscription?.unsubscribe();
+        this._textsChangedSubscription = null;
+    }
+    //######################### public methods - implementation of NormalState #########################
+    /**
+     * Initialize plugin, to be ready to use, initialize communication with other plugins
+     */
+    initialize() {
+        this._textsChangedSubscription = this._stringLocalization.textsChange.subscribe(() => this._initTexts());
+        const valueHandler = this.ngSelectPlugins[VALUE_HANDLER];
+        if (this.valueHandler && this.valueHandler != valueHandler) {
+            this.valueHandler = null;
+        }
+        if (!this.valueHandler) {
+            this.valueHandler = valueHandler;
+        }
+        this._initTexts();
+    }
+    /**
+     * Initialize plugin options, all operations required to be done with plugin options are handled here
+     */
+    initOptions() {
+    }
+    /**
+     * Explicitly runs invalidation of content (change detection)
+     */
+    invalidateVisuals() {
+        if (!this._destroyed) {
+            this._changeDetector.detectChanges();
+        }
+    }
+    //######################### protected methods #########################
+    /**
+     * Initialize texts
+     */
+    _initTexts() {
+        Object.keys(this.options.texts).forEach(key => {
+            this.texts[key] = this._stringLocalization.get(this.options.texts[key]);
+        });
+        this._changeDetector.detectChanges();
+    }
+}
+NormalStateAbstractComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: NormalStateAbstractComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+NormalStateAbstractComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.3", type: NormalStateAbstractComponent, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: NormalStateAbstractComponent, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: undefined }, { type: i1.PluginBus }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: undefined }]; } });
+//# sourceMappingURL=normalStateAbstract.component.js.map

package/es2020/src/plugins/normalState/normalStateAbstract.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalStateAbstract.component.js","sourceRoot":"","sources":["../../../../src/plugins/normalState/normalStateAbstract.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAE,UAAU,EAAa,SAAS,EAAC,MAAM,eAAe,CAAC;AAElF,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAKtC,OAAO,EAAC,SAAS,EAAC,MAAM,gCAAgC,CAAC;AAGzD,OAAO,EAAC,aAAa,EAAC,MAAM,uBAAuB,CAAC;;;AAEpD;;GAEG;AAEH,MAAM,OAAgB,4BAA4B;IA+C9C,iEAAiE;IACjE,YAAmB,eAAwC,EACxC,SAAoB,EACpB,aAAyB,EACtB,eAAkC,EAClC,mBAAuC;QAJ1C,oBAAe,GAAf,eAAe,CAAyB;QACxC,cAAS,GAAT,SAAS,CAAW;QACpB,kBAAa,GAAb,aAAa,CAAY;QACtB,oBAAe,GAAf,eAAe,CAAmB;QAClC,wBAAmB,GAAnB,mBAAmB,CAAoB;QAtC7D;;WAEG;QACO,eAAU,GAAY,KAAK,CAAC;QAgBtC,2FAA2F;QAE3F;;;WAGG;QACI,UAAK,GAAqB,EAAE,CAAC;IAepC,CAAC;IAnCD,uGAAuG;IAEvG;;OAEG;IACH,IAAW,OAAO;QAEd,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IACD,IAAW,OAAO,CAAC,OAAiB;QAEhC,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IACzD,CAAC;IAyBD,kGAAkG;IAElG;;OAEG;IACI,WAAW;QAEd,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QAEvB,IAAI,CAAC,yBAAyB,EAAE,WAAW,EAAE,CAAC;QAC9C,IAAI,CAAC,yBAAyB,GAAG,IAAI,CAAC;IAC1C,CAAC;IAED,oGAAoG;IAEpG;;OAEG;IACI,UAAU;QAEb,IAAI,CAAC,yBAAyB,GAAG,IAAI,CAAC,mBAAmB,CAAC,WAAW,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;QAEzG,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,CAAC,aAAa,CAAiB,CAAC;QAEzE,IAAG,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,IAAI,YAAY,EACzD;YACI,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;SAC5B;QAED,IAAG,CAAC,IAAI,CAAC,YAAY,EACrB;YACI,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;SACpC;QAED,IAAI,CAAC,UAAU,EAAE,CAAC;IACtB,CAAC;IAED;;OAEG;IACI,WAAW;IAElB,CAAC;IAED;;OAEG;IACI,iBAAiB;QAEpB,IAAG,CAAC,IAAI,CAAC,UAAU,EACnB;YACI,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE,CAAC;SACxC;IACL,CAAC;IAED,uEAAuE;IAEvE;;OAEG;IACO,UAAU;QAEhB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAE1C,IAAI,CAAC,KAAK,CAAC,GAA6B,CAAC,GAAG,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,GAA6B,CAAC,CAAC,CAAC;QAChI,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE,CAAC;IACzC,CAAC;;yHA5HiB,4BAA4B;6GAA5B,4BAA4B;2FAA5B,4BAA4B;kBADjD,SAAS","sourcesContent":["import {ChangeDetectorRef, ElementRef, OnDestroy, Directive} from '@angular/core';\nimport {StringLocalization} from '@anglr/common';\nimport {extend} from '@jscrpt/common';\nimport {Subscription} from 'rxjs';\n\nimport {NgSelectPluginInstances} from '../../components/select';\nimport {NgSelectPlugin} from '../../misc';\nimport {PluginBus} from '../../misc/pluginBus/pluginBus';\nimport {NormalState, NormalStateOptions, NormalStateTexts} from './normalState.interface';\nimport {ValueHandler} from '../valueHandler/valueHandler.interface';\nimport {VALUE_HANDLER} from '../valueHandler/types';\n\n/**\n * Base abstract class for normal state of select\n */\n@Directive()\nexport abstract class NormalStateAbstractComponent<TCssClasses = any, TOptions extends NormalStateOptions<TCssClasses, TValue> = any, TValue = any> implements NormalState, NgSelectPlugin<TOptions>, OnDestroy\n{\n    //######################### protected fields #########################\n\n    /**\n     * Subscription for changes in texts\n     */\n    protected _textsChangedSubscription: Subscription;\n\n    /**\n     * Options for NgSelect plugin\n     */\n    protected _options: TOptions;\n\n    /**\n     * Indication whether was component destroyed\n     */\n    protected _destroyed: boolean = false;\n\n    //######################### public properties - implementation of NormalState #########################\n\n    /**\n     * Options for NgSelect plugin\n     */\n    public get options(): TOptions\n    {\n        return this._options;\n    }\n    public set options(options: TOptions)\n    {\n        this._options = extend(true, this._options, options);\n    }\n\n    //######################### public properties - template bindings #########################\n\n    /**\n     * Object containing available texts\n     * @internal\n     */\n    public texts: NormalStateTexts = {};\n\n    /**\n     * Value handler used in NgSelect\n     * @internal\n     */\n    public valueHandler: ValueHandler;\n\n    //######################### constructor #########################\n    constructor(public ngSelectPlugins: NgSelectPluginInstances,\n                public pluginBus: PluginBus,\n                public pluginElement: ElementRef,\n                protected _changeDetector: ChangeDetectorRef,\n                protected _stringLocalization: StringLocalization)\n    {\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy()\n    {\n        this._destroyed = true;\n\n        this._textsChangedSubscription?.unsubscribe();\n        this._textsChangedSubscription = null;\n    }\n\n    //######################### public methods - implementation of NormalState #########################\n\n    /**\n     * Initialize plugin, to be ready to use, initialize communication with other plugins\n     */\n    public initialize()\n    {\n        this._textsChangedSubscription = this._stringLocalization.textsChange.subscribe(() => this._initTexts());\n\n        const valueHandler = this.ngSelectPlugins[VALUE_HANDLER] as ValueHandler;\n\n        if(this.valueHandler && this.valueHandler != valueHandler)\n        {\n            this.valueHandler = null;\n        }\n\n        if(!this.valueHandler)\n        {\n            this.valueHandler = valueHandler;\n        }\n\n        this._initTexts();\n    }\n\n    /**\n     * Initialize plugin options, all operations required to be done with plugin options are handled here\n     */\n    public initOptions()\n    {\n    }\n\n    /**\n     * Explicitly runs invalidation of content (change detection)\n     */\n    public invalidateVisuals(): void\n    {\n        if(!this._destroyed)\n        {\n            this._changeDetector.detectChanges();\n        }\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Initialize texts\n     */\n    protected _initTexts()\n    {\n        Object.keys(this.options.texts).forEach(key =>\n        {\n            this.texts[key as keyof NormalStateTexts] = this._stringLocalization.get(this.options.texts[key as keyof NormalStateTexts]);\n        });\n\n        this._changeDetector.detectChanges();\n    }\n}"]}

package/es2020/src/plugins/normalState/types.js

@@ -0,0 +1,10 @@
+import { InjectionToken } from '@angular/core';
+/**
+ * Constant used for accessing normal state plugin in NgSelect
+ */
+export const NORMAL_STATE = 'NORMAL_STATE';
+/**
+ * Token for injecting options for normal state plugin
+ */
+export const NORMAL_STATE_OPTIONS = new InjectionToken('NORMAL_STATE_OPTIONS');
+//# sourceMappingURL=types.js.map

package/es2020/src/plugins/normalState/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/plugins/normalState/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAI7C;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,cAAc,CAAC;AAE3C;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAuC,IAAI,cAAc,CAAqB,sBAAsB,CAAC,CAAC","sourcesContent":["import {InjectionToken} from '@angular/core';\n\nimport {NormalStateOptions} from './normalState.interface';\n\n/**\n * Constant used for accessing normal state plugin in NgSelect\n */\nexport const NORMAL_STATE = 'NORMAL_STATE';\n\n/**\n * Token for injecting options for normal state plugin\n */\nexport const NORMAL_STATE_OPTIONS: InjectionToken<NormalStateOptions> = new InjectionToken<NormalStateOptions>('NORMAL_STATE_OPTIONS');"]}

package/es2020/src/plugins/popup/basic/basicPopup.component.js

@@ -0,0 +1,62 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, Inject, Optional } from '@angular/core';
+import { DOCUMENT } from '@angular/common';
+import { STRING_LOCALIZATION } from '@anglr/common';
+import { extend } from '@jscrpt/common';
+import { NG_SELECT_PLUGIN_INSTANCES } from '../../../components/select/types';
+import { PluginBus } from '../../../misc/pluginBus/pluginBus';
+import { POPUP_OPTIONS } from '../types';
+import { PopupAbstractComponent } from '../popupAbstract.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../misc/pluginBus/pluginBus";
+import * as i2 from "@angular/common";
+/**
+ * Default options for popup
+ * @internal
+ */
+const defaultOptions = {
+    cssClasses: {
+        optionChecked: 'fa fa-check',
+        optionItemDiv: 'option-item',
+        optionItemTextDiv: 'option-item-text',
+        popupDiv: 'popup-div'
+    },
+    texts: {
+        noAvailableOptions: 'No items found'
+    },
+    visible: false
+};
+/**
+ * Component used for rendering basic popup with options
+ */
+export class BasicPopupComponent extends PopupAbstractComponent {
+    //######################### constructor #########################
+    constructor(ngSelectPlugins, pluginBus, pluginElement, changeDetector, options, stringLocalization, document) {
+        super(ngSelectPlugins, pluginBus, pluginElement, changeDetector, document, stringLocalization);
+        this._options = extend(true, {}, defaultOptions, options);
+    }
+}
+BasicPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: BasicPopupComponent, deps: [{ token: NG_SELECT_PLUGIN_INSTANCES, optional: true }, { token: i1.PluginBus, optional: true }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: POPUP_OPTIONS, optional: true }, { token: STRING_LOCALIZATION }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
+BasicPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: BasicPopupComponent, selector: "div.ng-select-popup", usesInheritance: true, ngImport: i0, template: "<ng-template #defaultOptionTextLook let-option>{{option?.text}}</ng-template>\r\n\r\n<div #popupDiv \r\n     *ngIf=\"options?.visible\"\r\n     [ngClass]=\"options?.cssClasses?.popupDiv\">\r\n    <ng-content></ng-content>\r\n\r\n    <div *ngFor=\"let option of selectOptions\"\r\n         [ngClass]=\"options?.cssClasses?.optionItemDiv\"\r\n         [class.selected]=\"option?.selected\"\r\n         [class.active]=\"option?.active\"\r\n         (click)=\"pluginBus?.optionSelect.emit(option)\">\r\n        <div [ngClass]=\"options?.cssClasses?.optionItemTextDiv\">\r\n            <ng-container *ngTemplateOutlet=\"pluginBus?.selectOptions?.templateGatherer?.optionTemplate || defaultOptionTextLook; context: {$implicit: option, popup: this}\"></ng-container>\r\n        </div>\r\n\r\n        <div *ngIf=\"option?.selected && pluginBus?.selectOptions?.multiple\" [ngClass]=\"options?.cssClasses?.optionChecked\"></div>\r\n    </div>\r\n\r\n    <div *ngIf=\"!selectOptions?.length\">{{texts?.noAvailableOptions}}</div>\r\n</div>", styles: [".popup-div\r\n{\r\n    position: absolute;\r\n    z-index: 1000;\r\n    background-color: #FFFFFF;\r\n    border-radius: 4px;\r\n    border: 1px solid #BBBBBB;\r\n    overflow: auto;\r\n    padding: 5px 0;\r\n    box-shadow: 0 6px 12px rgba(0,0,0,.175);\r\n    scrollbar-width: thin;\r\n}\r\n\r\n.popup-div::-webkit-scrollbar-thumb \r\n{\r\n    background-color: #cdcdcd;\r\n}\r\n\r\n.popup-div::-webkit-scrollbar \r\n{\r\n    width: 6px;\r\n    background-color: #f0f0f0;\r\n}\r\n\r\n.option-item\r\n{\r\n    padding: 3px 12px;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.option-item .option-item-text\r\n{\r\n    min-width: 0;\r\n    flex: 1;\r\n    white-space: nowrap;\r\n}\r\n\r\n.option-item .option-item-text:hover\r\n{\r\n    cursor: pointer;\r\n}\r\n\r\n.option-item .fa-check\r\n{\r\n    margin-left: 8px;\r\n}\r\n\r\n.option-item.selected,\r\n.option-item.active\r\n{\r\n    background-color: #E8E8E8;\r\n    background-image: linear-gradient(to bottom,#F5F5F5 0,#E8E8E8 100%);\r\n}\r\n\r\n.option-item:hover\r\n{\r\n    background-color: #E8E8E8;\r\n    background-image: linear-gradient(to bottom,#F5F5F5 0,#E8E8E8 100%);\r\n    cursor: pointer;\r\n}"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: BasicPopupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'div.ng-select-popup', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #defaultOptionTextLook let-option>{{option?.text}}</ng-template>\r\n\r\n<div #popupDiv \r\n     *ngIf=\"options?.visible\"\r\n     [ngClass]=\"options?.cssClasses?.popupDiv\">\r\n    <ng-content></ng-content>\r\n\r\n    <div *ngFor=\"let option of selectOptions\"\r\n         [ngClass]=\"options?.cssClasses?.optionItemDiv\"\r\n         [class.selected]=\"option?.selected\"\r\n         [class.active]=\"option?.active\"\r\n         (click)=\"pluginBus?.optionSelect.emit(option)\">\r\n        <div [ngClass]=\"options?.cssClasses?.optionItemTextDiv\">\r\n            <ng-container *ngTemplateOutlet=\"pluginBus?.selectOptions?.templateGatherer?.optionTemplate || defaultOptionTextLook; context: {$implicit: option, popup: this}\"></ng-container>\r\n        </div>\r\n\r\n        <div *ngIf=\"option?.selected && pluginBus?.selectOptions?.multiple\" [ngClass]=\"options?.cssClasses?.optionChecked\"></div>\r\n    </div>\r\n\r\n    <div *ngIf=\"!selectOptions?.length\">{{texts?.noAvailableOptions}}</div>\r\n</div>", styles: [".popup-div\r\n{\r\n    position: absolute;\r\n    z-index: 1000;\r\n    background-color: #FFFFFF;\r\n    border-radius: 4px;\r\n    border: 1px solid #BBBBBB;\r\n    overflow: auto;\r\n    padding: 5px 0;\r\n    box-shadow: 0 6px 12px rgba(0,0,0,.175);\r\n    scrollbar-width: thin;\r\n}\r\n\r\n.popup-div::-webkit-scrollbar-thumb \r\n{\r\n    background-color: #cdcdcd;\r\n}\r\n\r\n.popup-div::-webkit-scrollbar \r\n{\r\n    width: 6px;\r\n    background-color: #f0f0f0;\r\n}\r\n\r\n.option-item\r\n{\r\n    padding: 3px 12px;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.option-item .option-item-text\r\n{\r\n    min-width: 0;\r\n    flex: 1;\r\n    white-space: nowrap;\r\n}\r\n\r\n.option-item .option-item-text:hover\r\n{\r\n    cursor: pointer;\r\n}\r\n\r\n.option-item .fa-check\r\n{\r\n    margin-left: 8px;\r\n}\r\n\r\n.option-item.selected,\r\n.option-item.active\r\n{\r\n    background-color: #E8E8E8;\r\n    background-image: linear-gradient(to bottom,#F5F5F5 0,#E8E8E8 100%);\r\n}\r\n\r\n.option-item:hover\r\n{\r\n    background-color: #E8E8E8;\r\n    background-image: linear-gradient(to bottom,#F5F5F5 0,#E8E8E8 100%);\r\n    cursor: pointer;\r\n}"] }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [NG_SELECT_PLUGIN_INSTANCES]
+                }, {
+                    type: Optional
+                }] }, { type: i1.PluginBus, decorators: [{
+                    type: Optional
+                }] }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [POPUP_OPTIONS]
+                }, {
+                    type: Optional
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [STRING_LOCALIZATION]
+                }] }, { type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }]; } });
+//# sourceMappingURL=basicPopup.component.js.map

package/es2020/src/plugins/popup/basic/basicPopup.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"basicPopup.component.js","sourceRoot":"","sources":["../../../../../src/plugins/popup/basic/basicPopup.component.ts","../../../../../src/plugins/popup/basic/basicPopup.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAgB,uBAAuB,EAAE,iBAAiB,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAa,QAAQ,EAAC,MAAM,eAAe,CAAC;AAC5I,OAAO,EAAC,QAAQ,EAAC,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAC,mBAAmB,EAAqB,MAAM,eAAe,CAAC;AACtE,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAGtC,OAAO,EAAC,0BAA0B,EAAC,MAAM,kCAAkC,CAAC;AAE5E,OAAO,EAAC,SAAS,EAAC,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAC,aAAa,EAAC,MAAM,UAAU,CAAC;AAEvC,OAAO,EAAC,sBAAsB,EAAC,MAAM,4BAA4B,CAAC;;;;AAElE;;;GAGG;AACH,MAAM,cAAc,GACpB;IACI,UAAU,EACV;QACI,aAAa,EAAE,aAAa;QAC5B,aAAa,EAAE,aAAa;QAC5B,iBAAiB,EAAE,kBAAkB;QACrC,QAAQ,EAAE,WAAW;KACxB;IACD,KAAK,EACL;QACI,kBAAkB,EAAE,gBAAgB;KACvC;IACD,OAAO,EAAE,KAAK;CACjB,CAAC;AAEF;;GAEG;AAQH,MAAM,OAAO,mBAAoB,SAAQ,sBAA+D;IAEpG,iEAAiE;IACjE,YAA4D,eAAwC,EAC5E,SAAoB,EAChC,aAAyB,EACzB,cAAiC,EACE,OAA0B,EAChC,kBAAsC,EACjD,QAAmB;QAE7C,KAAK,CAAC,eAAe,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc,EAAE,QAAQ,EAAE,kBAAkB,CAAC,CAAC;QAE/F,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,IAAI,EAAE,EAAE,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;IAC9D,CAAC;;gHAdQ,mBAAmB,kBAGR,0BAA0B,iIAI1B,aAAa,6BACb,mBAAmB,aACnB,QAAQ;oGATnB,mBAAmB,kFC3ChC,qgCAoBM;2FDuBO,mBAAmB;kBAP/B,SAAS;+BAEI,qBAAqB,mBAGd,uBAAuB,CAAC,MAAM;;0BAKlC,MAAM;2BAAC,0BAA0B;;0BAAG,QAAQ;;0BAC5C,QAAQ;;0BAGR,MAAM;2BAAC,aAAa;;0BAAG,QAAQ;;0BAC/B,MAAM;2BAAC,mBAAmB;8BACE,QAAQ;0BAApC,MAAM;2BAAC,QAAQ","sourcesContent":["import {AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, Inject, OnDestroy, Optional} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\nimport {STRING_LOCALIZATION, StringLocalization} from '@anglr/common';\nimport {extend} from '@jscrpt/common';\n\nimport {NgSelectPluginInstances} from '../../../components/select';\nimport {NG_SELECT_PLUGIN_INSTANCES} from '../../../components/select/types';\nimport {NgSelectPlugin} from '../../../misc';\nimport {PluginBus} from '../../../misc/pluginBus/pluginBus';\nimport {POPUP_OPTIONS} from '../types';\nimport {BasicPopup, BasicPopupOptions, CssClassesBasicPopup} from './basicPopup.interface';\nimport {PopupAbstractComponent} from '../popupAbstract.component';\n\n/**\n * Default options for popup\n * @internal\n */\nconst defaultOptions: BasicPopupOptions =\n{\n    cssClasses:\n    {\n        optionChecked: 'fa fa-check',\n        optionItemDiv: 'option-item',\n        optionItemTextDiv: 'option-item-text',\n        popupDiv: 'popup-div'\n    },\n    texts:\n    {\n        noAvailableOptions: 'No items found'\n    },\n    visible: false\n};\n\n/**\n * Component used for rendering basic popup with options\n */\n@Component(\n{\n    selector: 'div.ng-select-popup',\n    templateUrl: 'basicPopup.component.html',\n    styleUrls: ['basicPopup.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class BasicPopupComponent extends PopupAbstractComponent<CssClassesBasicPopup, BasicPopupOptions> implements BasicPopup, NgSelectPlugin<BasicPopupOptions>, AfterViewInit, OnDestroy\n{\n    //######################### constructor #########################\n    constructor(@Inject(NG_SELECT_PLUGIN_INSTANCES) @Optional() ngSelectPlugins: NgSelectPluginInstances,\n                @Optional() pluginBus: PluginBus,\n                pluginElement: ElementRef,\n                changeDetector: ChangeDetectorRef,\n                @Inject(POPUP_OPTIONS) @Optional() options: BasicPopupOptions,\n                @Inject(STRING_LOCALIZATION) stringLocalization: StringLocalization,\n                @Inject(DOCUMENT) document?: Document)\n    {\n        super(ngSelectPlugins, pluginBus, pluginElement, changeDetector, document, stringLocalization);\n\n        this._options = extend(true, {}, defaultOptions, options);\n    }\n}","<ng-template #defaultOptionTextLook let-option>{{option?.text}}</ng-template>\r\n\r\n<div #popupDiv \r\n     *ngIf=\"options?.visible\"\r\n     [ngClass]=\"options?.cssClasses?.popupDiv\">\r\n    <ng-content></ng-content>\r\n\r\n    <div *ngFor=\"let option of selectOptions\"\r\n         [ngClass]=\"options?.cssClasses?.optionItemDiv\"\r\n         [class.selected]=\"option?.selected\"\r\n         [class.active]=\"option?.active\"\r\n         (click)=\"pluginBus?.optionSelect.emit(option)\">\r\n        <div [ngClass]=\"options?.cssClasses?.optionItemTextDiv\">\r\n            <ng-container *ngTemplateOutlet=\"pluginBus?.selectOptions?.templateGatherer?.optionTemplate || defaultOptionTextLook; context: {$implicit: option, popup: this}\"></ng-container>\r\n        </div>\r\n\r\n        <div *ngIf=\"option?.selected && pluginBus?.selectOptions?.multiple\" [ngClass]=\"options?.cssClasses?.optionChecked\"></div>\r\n    </div>\r\n\r\n    <div *ngIf=\"!selectOptions?.length\">{{texts?.noAvailableOptions}}</div>\r\n</div>"]}

package/es2020/src/plugins/popup/basic/basicPopup.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=basicPopup.interface.js.map

package/es2020/src/plugins/popup/basic/basicPopup.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"basicPopup.interface.js","sourceRoot":"","sources":["../../../../../src/plugins/popup/basic/basicPopup.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {Popup, PopupOptions} from '../popup.interface';\n\n/**\n * Css classes for basic popup\n */\nexport interface CssClassesBasicPopup\n{\n    /**\n     * Css class applied to each option div\n     */\n    optionItemDiv?: string;\n\n    /**\n     * Css class applied to each option text div\n     */\n    optionItemTextDiv?: string;\n\n    /**\n     * Css class used as icons indicating that option is selected (only when multiple)\n     */\n    optionChecked?: string;\n\n    /**\n     * Css class applied directly to css popup\n     */\n    popupDiv?: string;\n}\n\n/**\n * Basic popup options\n */\nexport interface BasicPopupOptions extends PopupOptions<CssClassesBasicPopup>\n{\n}\n\n/**\n * Public API for 'BasicPopupComponent'\n */\nexport interface BasicPopup extends Popup\n{\n}"]}

package/es2020/src/plugins/popup/component.js

@@ -0,0 +1,4 @@
+export * from './popupAbstract.component';
+export * from './basic/basicPopup.component';
+export * from './edit/editPopup.component';
+//# sourceMappingURL=component.js.map

package/es2020/src/plugins/popup/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/plugins/popup/component.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC","sourcesContent":["export * from './popupAbstract.component';\nexport * from './basic/basicPopup.component';\nexport * from './edit/editPopup.component';"]}

package/es2020/src/plugins/popup/edit/editPopup.component.js

@@ -0,0 +1,85 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, Inject, Optional } from '@angular/core';
+import { DOCUMENT } from '@angular/common';
+import { STRING_LOCALIZATION } from '@anglr/common';
+import { extend } from '@jscrpt/common';
+import { NG_SELECT_PLUGIN_INSTANCES } from '../../../components/select/types';
+import { PluginBus } from '../../../misc/pluginBus/pluginBus';
+import { PopupAbstractComponent } from '../popupAbstract.component';
+import { POPUP_OPTIONS } from '../types';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../misc/pluginBus/pluginBus";
+import * as i2 from "@angular/common";
+/**
+ * Default options for popup
+ * @internal
+ */
+const defaultOptions = {
+    cssClasses: {
+        optionChecked: 'fa fa-check',
+        optionItemDiv: 'option-item',
+        optionItemTextDiv: 'option-item-text',
+        popupDiv: 'popup-div'
+    },
+    texts: {
+        noAvailableOptions: 'No items found'
+    },
+    visible: false
+};
+/**
+ * Component used for rendering edit popup with options
+ */
+export class EditPopupComponent extends PopupAbstractComponent {
+    //######################### constructor #########################
+    constructor(ngSelectPlugins, pluginBus, pluginElement, changeDetector, options, stringLocalization, document) {
+        super(ngSelectPlugins, pluginBus, pluginElement, changeDetector, document, stringLocalization);
+        this._options = extend(true, {}, defaultOptions, options);
+    }
+    //######################### protected properties #########################
+    /**
+     * Gets indication whether keep open popup after value change
+     */
+    get keepOpen() {
+        return false;
+    }
+    /**
+     * Gets all options
+     */
+    get allOptions() {
+        return this.pluginBus.selectOptions.optionsGatherer.options;
+    }
+    //######################### public methods - template bindings #########################
+    /**
+     * Handles mouse move and changes active option
+     * @param option - Option to be set as active
+     * @internal
+     */
+    handleMouseActivation(option) {
+        this.allOptions.forEach(option => option.active = false);
+        option.active = true;
+    }
+}
+EditPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: EditPopupComponent, deps: [{ token: NG_SELECT_PLUGIN_INSTANCES, optional: true }, { token: i1.PluginBus, optional: true }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: POPUP_OPTIONS, optional: true }, { token: STRING_LOCALIZATION }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
+EditPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: EditPopupComponent, selector: "div.ng-select-edit-popup", usesInheritance: true, ngImport: i0, template: "<ng-template #defaultOptionTextLook let-option>{{option?.text}}</ng-template>\r\n\r\n<div #popupDiv \r\n     *ngIf=\"options?.visible\"\r\n     [ngClass]=\"options?.cssClasses?.popupDiv\">\r\n\r\n    <div *ngFor=\"let option of selectOptions\"\r\n         [ngClass]=\"options?.cssClasses?.optionItemDiv\"\r\n         [class.active]=\"option?.active\"\r\n         [class.selected]=\"option?.selected\"\r\n         (mouseenter)=\"handleMouseActivation(option)\"\r\n         (click)=\"pluginBus?.optionSelect?.emit(option)\">\r\n        <div [ngClass]=\"options?.cssClasses?.optionItemTextDiv\">\r\n            <ng-container *ngTemplateOutlet=\"pluginBus?.selectOptions?.templateGatherer?.optionTemplate || defaultOptionTextLook; context: {$implicit: option, popup: this}\"></ng-container>\r\n        </div>\r\n    </div>\r\n    \r\n    <div *ngIf=\"!selectOptions?.length\">{{texts?.noAvailableOptions}}</div>\r\n</div>", styles: [".popup-div\r\n{\r\n    position: absolute;\r\n    z-index: 1000;\r\n    background-color: #FFFFFF;\r\n    border-radius: 4px;\r\n    border: 1px solid #BBBBBB;\r\n    overflow: auto;\r\n    padding: 5px 0;\r\n    box-shadow: 0 6px 12px rgba(0,0,0,.175);\r\n    scrollbar-width: thin;\r\n}\r\n\r\n.popup-div::-webkit-scrollbar-thumb \r\n{\r\n    background-color: #cdcdcd;\r\n}\r\n\r\n.popup-div::-webkit-scrollbar \r\n{\r\n    width: 6px;\r\n    background-color: #f0f0f0;\r\n}\r\n\r\n.option-item\r\n{\r\n    padding: 3px 12px;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.option-item .option-item-text\r\n{\r\n    min-width: 0;\r\n    flex: 1;\r\n    white-space: nowrap;\r\n}\r\n\r\n.option-item .option-item-text:hover\r\n{\r\n    cursor: pointer;\r\n}\r\n\r\n.option-item .fa-check\r\n{\r\n    margin-left: 8px;\r\n}\r\n\r\n.option-item.selected,\r\n.option-item.active\r\n{\r\n    background-color: #E8E8E8;\r\n    background-image: linear-gradient(to bottom,#F5F5F5 0,#E8E8E8 100%);\r\n}\r\n\r\n.option-item:hover\r\n{\r\n    background-color: #E8E8E8;\r\n    background-image: linear-gradient(to bottom,#F5F5F5 0,#E8E8E8 100%);\r\n    cursor: pointer;\r\n}"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: EditPopupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'div.ng-select-edit-popup', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #defaultOptionTextLook let-option>{{option?.text}}</ng-template>\r\n\r\n<div #popupDiv \r\n     *ngIf=\"options?.visible\"\r\n     [ngClass]=\"options?.cssClasses?.popupDiv\">\r\n\r\n    <div *ngFor=\"let option of selectOptions\"\r\n         [ngClass]=\"options?.cssClasses?.optionItemDiv\"\r\n         [class.active]=\"option?.active\"\r\n         [class.selected]=\"option?.selected\"\r\n         (mouseenter)=\"handleMouseActivation(option)\"\r\n         (click)=\"pluginBus?.optionSelect?.emit(option)\">\r\n        <div [ngClass]=\"options?.cssClasses?.optionItemTextDiv\">\r\n            <ng-container *ngTemplateOutlet=\"pluginBus?.selectOptions?.templateGatherer?.optionTemplate || defaultOptionTextLook; context: {$implicit: option, popup: this}\"></ng-container>\r\n        </div>\r\n    </div>\r\n    \r\n    <div *ngIf=\"!selectOptions?.length\">{{texts?.noAvailableOptions}}</div>\r\n</div>", styles: [".popup-div\r\n{\r\n    position: absolute;\r\n    z-index: 1000;\r\n    background-color: #FFFFFF;\r\n    border-radius: 4px;\r\n    border: 1px solid #BBBBBB;\r\n    overflow: auto;\r\n    padding: 5px 0;\r\n    box-shadow: 0 6px 12px rgba(0,0,0,.175);\r\n    scrollbar-width: thin;\r\n}\r\n\r\n.popup-div::-webkit-scrollbar-thumb \r\n{\r\n    background-color: #cdcdcd;\r\n}\r\n\r\n.popup-div::-webkit-scrollbar \r\n{\r\n    width: 6px;\r\n    background-color: #f0f0f0;\r\n}\r\n\r\n.option-item\r\n{\r\n    padding: 3px 12px;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.option-item .option-item-text\r\n{\r\n    min-width: 0;\r\n    flex: 1;\r\n    white-space: nowrap;\r\n}\r\n\r\n.option-item .option-item-text:hover\r\n{\r\n    cursor: pointer;\r\n}\r\n\r\n.option-item .fa-check\r\n{\r\n    margin-left: 8px;\r\n}\r\n\r\n.option-item.selected,\r\n.option-item.active\r\n{\r\n    background-color: #E8E8E8;\r\n    background-image: linear-gradient(to bottom,#F5F5F5 0,#E8E8E8 100%);\r\n}\r\n\r\n.option-item:hover\r\n{\r\n    background-color: #E8E8E8;\r\n    background-image: linear-gradient(to bottom,#F5F5F5 0,#E8E8E8 100%);\r\n    cursor: pointer;\r\n}"] }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [NG_SELECT_PLUGIN_INSTANCES]
+                }, {
+                    type: Optional
+                }] }, { type: i1.PluginBus, decorators: [{
+                    type: Optional
+                }] }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [POPUP_OPTIONS]
+                }, {
+                    type: Optional
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [STRING_LOCALIZATION]
+                }] }, { type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }]; } });
+//# sourceMappingURL=editPopup.component.js.map

package/es2020/src/plugins/popup/edit/editPopup.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editPopup.component.js","sourceRoot":"","sources":["../../../../../src/plugins/popup/edit/editPopup.component.ts","../../../../../src/plugins/popup/edit/editPopup.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAgB,uBAAuB,EAAE,iBAAiB,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAa,QAAQ,EAAC,MAAM,eAAe,CAAC;AAC5I,OAAO,EAAC,QAAQ,EAAC,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAC,mBAAmB,EAAqB,MAAM,eAAe,CAAC;AACtE,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAGtC,OAAO,EAAC,0BAA0B,EAAC,MAAM,kCAAkC,CAAC;AAE5E,OAAO,EAAC,SAAS,EAAC,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAC,sBAAsB,EAAC,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAC,aAAa,EAAC,MAAM,UAAU,CAAC;;;;AAIvC;;;GAGG;AACH,MAAM,cAAc,GACpB;IACI,UAAU,EACV;QACI,aAAa,EAAE,aAAa;QAC5B,aAAa,EAAE,aAAa;QAC5B,iBAAiB,EAAE,kBAAkB;QACrC,QAAQ,EAAE,WAAW;KACxB;IACD,KAAK,EACL;QACI,kBAAkB,EAAE,gBAAgB;KACvC;IACD,OAAO,EAAE,KAAK;CACjB,CAAC;AAEF;;GAEG;AAQH,MAAM,OAAO,kBAAmB,SAAQ,sBAA6D;IAoBjG,iEAAiE;IACjE,YAA4D,eAAwC,EAC5E,SAAoB,EAChC,aAAyB,EACzB,cAAiC,EACE,OAAyB,EAC/B,kBAAsC,EACjD,QAAmB;QAE7C,KAAK,CAAC,eAAe,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc,EAAE,QAAQ,EAAE,kBAAkB,CAAC,CAAC;QAE/F,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,IAAI,EAAE,EAAE,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;IAC9D,CAAC;IA9BD,0EAA0E;IAE1E;;OAEG;IACH,IAAuB,QAAQ;QAE3B,OAAO,KAAK,CAAC;IACjB,CAAC;IAED;;OAEG;IACH,IAAc,UAAU;QAEpB,OAAO,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,eAAe,CAAC,OAAO,CAAC;IAChE,CAAC;IAgBD,wFAAwF;IAExF;;;;OAIG;IACI,qBAAqB,CAAC,MAAuB;QAEhD,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC;QAEzD,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC;IACzB,CAAC;;+GA9CQ,kBAAkB,kBAqBP,0BAA0B,iIAI1B,aAAa,6BACb,mBAAmB,aACnB,QAAQ;mGA3BnB,kBAAkB,uFC5C/B,u5BAkBM;2FD0BO,kBAAkB;kBAP9B,SAAS;+BAEI,0BAA0B,mBAGnB,uBAAuB,CAAC,MAAM;;0BAuBlC,MAAM;2BAAC,0BAA0B;;0BAAG,QAAQ;;0BAC5C,QAAQ;;0BAGR,MAAM;2BAAC,aAAa;;0BAAG,QAAQ;;0BAC/B,MAAM;2BAAC,mBAAmB;8BACE,QAAQ;0BAApC,MAAM;2BAAC,QAAQ","sourcesContent":["import {AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, Inject, OnDestroy, Optional} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\nimport {STRING_LOCALIZATION, StringLocalization} from '@anglr/common';\nimport {extend} from '@jscrpt/common';\n\nimport {NgSelectPluginInstances} from '../../../components/select';\nimport {NG_SELECT_PLUGIN_INSTANCES} from '../../../components/select/types';\nimport {NgSelectPlugin} from '../../../misc';\nimport {PluginBus} from '../../../misc/pluginBus/pluginBus';\nimport {PopupAbstractComponent} from '../popupAbstract.component';\nimport {POPUP_OPTIONS} from '../types';\nimport {CssClassesEditPopup, EditPopup, EditPopupOptions} from './editPopup.interface';\nimport {ɵNgSelectOption} from '../../../components/option';\n\n/**\n * Default options for popup\n * @internal\n */\nconst defaultOptions: EditPopupOptions =\n{\n    cssClasses:\n    {\n        optionChecked: 'fa fa-check',\n        optionItemDiv: 'option-item',\n        optionItemTextDiv: 'option-item-text',\n        popupDiv: 'popup-div'\n    },\n    texts:\n    {\n        noAvailableOptions: 'No items found'\n    },\n    visible: false\n};\n\n/**\n * Component used for rendering edit popup with options\n */\n@Component(\n{\n    selector: 'div.ng-select-edit-popup',\n    templateUrl: 'editPopup.component.html',\n    styleUrls: ['editPopup.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class EditPopupComponent extends PopupAbstractComponent<CssClassesEditPopup, EditPopupOptions> implements EditPopup, NgSelectPlugin<EditPopupOptions>, AfterViewInit, OnDestroy\n{\n    //######################### protected properties #########################\n\n    /**\n     * Gets indication whether keep open popup after value change\n     */\n    protected override get keepOpen(): boolean\n    {\n        return false;\n    }\n\n    /**\n     * Gets all options\n     */\n    protected get allOptions(): ɵNgSelectOption[]\n    {\n        return this.pluginBus.selectOptions.optionsGatherer.options;\n    }\n\n    //######################### constructor #########################\n    constructor(@Inject(NG_SELECT_PLUGIN_INSTANCES) @Optional() ngSelectPlugins: NgSelectPluginInstances,\n                @Optional() pluginBus: PluginBus,\n                pluginElement: ElementRef,\n                changeDetector: ChangeDetectorRef,\n                @Inject(POPUP_OPTIONS) @Optional() options: EditPopupOptions,\n                @Inject(STRING_LOCALIZATION) stringLocalization: StringLocalization,\n                @Inject(DOCUMENT) document?: Document)\n    {\n        super(ngSelectPlugins, pluginBus, pluginElement, changeDetector, document, stringLocalization);\n\n        this._options = extend(true, {}, defaultOptions, options);\n    }\n\n    //######################### public methods - template bindings #########################\n\n    /**\n     * Handles mouse move and changes active option\n     * @param option - Option to be set as active\n     * @internal\n     */\n    public handleMouseActivation(option: ɵNgSelectOption): void\n    {\n        this.allOptions.forEach(option => option.active = false);\n\n        option.active = true;\n    }\n}","<ng-template #defaultOptionTextLook let-option>{{option?.text}}</ng-template>\r\n\r\n<div #popupDiv \r\n     *ngIf=\"options?.visible\"\r\n     [ngClass]=\"options?.cssClasses?.popupDiv\">\r\n\r\n    <div *ngFor=\"let option of selectOptions\"\r\n         [ngClass]=\"options?.cssClasses?.optionItemDiv\"\r\n         [class.active]=\"option?.active\"\r\n         [class.selected]=\"option?.selected\"\r\n         (mouseenter)=\"handleMouseActivation(option)\"\r\n         (click)=\"pluginBus?.optionSelect?.emit(option)\">\r\n        <div [ngClass]=\"options?.cssClasses?.optionItemTextDiv\">\r\n            <ng-container *ngTemplateOutlet=\"pluginBus?.selectOptions?.templateGatherer?.optionTemplate || defaultOptionTextLook; context: {$implicit: option, popup: this}\"></ng-container>\r\n        </div>\r\n    </div>\r\n    \r\n    <div *ngIf=\"!selectOptions?.length\">{{texts?.noAvailableOptions}}</div>\r\n</div>"]}

package/es2020/src/plugins/popup/edit/editPopup.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=editPopup.interface.js.map

package/es2020/src/plugins/popup/edit/editPopup.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editPopup.interface.js","sourceRoot":"","sources":["../../../../../src/plugins/popup/edit/editPopup.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {Popup, PopupOptions} from '../popup.interface';\n\n/**\n * Css classes for edit popup\n */\nexport interface CssClassesEditPopup\n{\n    /**\n     * Css class applied to each option div\n     */\n    optionItemDiv?: string;\n\n    /**\n     * Css class applied to each option text div\n     */\n    optionItemTextDiv?: string;\n\n    /**\n     * Css class used as icons indicating that option is selected (only when multiple)\n     */\n    optionChecked?: string;\n\n    /**\n     * Css class applied directly to css popup\n     */\n    popupDiv?: string;\n}\n\n/**\n * Edit popup options\n */\nexport interface EditPopupOptions extends PopupOptions<CssClassesEditPopup>\n{\n}\n\n/**\n * Public API for 'EditPopupComponent'\n */\nexport interface EditPopup extends Popup\n{\n}"]}

package/es2020/src/plugins/popup/index.js

@@ -0,0 +1,4 @@
+export * from './popup.interface';
+export * from './basic/basicPopup.interface';
+export * from './edit/editPopup.interface';
+//# sourceMappingURL=index.js.map

package/es2020/src/plugins/popup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/plugins/popup/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAElC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC","sourcesContent":["export * from './popup.interface';\n\nexport * from './basic/basicPopup.interface';\nexport * from './edit/editPopup.interface';"]}

package/es2020/src/plugins/popup/popup.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=popup.interface.js.map

package/es2020/src/plugins/popup/popup.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popup.interface.js","sourceRoot":"","sources":["../../../../src/plugins/popup/popup.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {EventEmitter} from '@angular/core';\n\nimport {NgSelectPlugin, VisualPluginOptions} from '../../misc';\nimport {NgSelectOption} from '../../components/option';\n\n/**\n * Texts that are used within Popup\n */\nexport interface PopupTexts\n{\n    /**\n     * Displayed when there is are no available options to be displayed\n     */\n    noAvailableOptions?: string;\n}\n\n/**\n * Options for popup plugin\n */\nexport interface PopupOptions<TCssClasses = any> extends VisualPluginOptions<TCssClasses>\n{\n    /**\n     * Indication whether are popup options visible, or not\n     */\n    visible?: boolean;\n\n    /**\n     * Texts that are used within any Popup\n     */\n    texts?: PopupTexts;\n}\n\n/**\n * Popup plugin interface\n */\nexport interface Popup extends NgSelectPlugin\n{\n    /**\n     * Occurs when visibility of popup has changed\n     */\n    readonly visibilityChange: EventEmitter<void>;\n\n    /**\n     * Html element that represents popup itself\n     */\n    readonly popupElement: HTMLElement;\n}\n\n/**\n * Context for template that is used within popup plugin\n */\nexport interface PopupContext\n{\n    /**\n     * Instance of plugin itself\n     */\n    $implicit: NgSelectOption;\n\n    /**\n     * Instance of plugin itself\n     */\n    popup: Popup;\n}"]}