npm - @anglr/select - Versions diffs - 11.0.2 → 12.0.0-beta.20230109082659 - Mend

@anglr/select 11.0.2 → 12.0.0-beta.20230109082659

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (219) hide show

package/es2015/src/plugins/liveSearch/no/noLiveSearch.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"noLiveSearch.component.js","sourceRoot":"","sources":["../../../../../src/plugins/liveSearch/no/noLiveSearch.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAC,MAAM,eAAe,CAAC;AAC7G,OAAO,EAAC,QAAQ,EAAC,MAAM,iBAAiB,CAAC;AAKzC,OAAO,EAAC,0BAA0B,EAAC,MAAM,kCAAkC,CAAC;;AAG5E;;GAEG;AAOH,MAAM,OAAO,qBAAqB;IAuC9B,iEAAiE;IACjE,YAAmE,eAAwC,EACxF,aAAyB,EACN,SAAmB;QAFU,oBAAe,GAAf,eAAe,CAAyB;QACxF,kBAAa,GAAb,aAAa,CAAY;QACN,cAAS,GAAT,SAAS,CAAU;QAbzD;;WAEG;QACI,gBAAW,GAAW,IAAI,CAAC;QAElC;;WAEG;QACI,sBAAiB,GAAuB,IAAI,YAAY,EAAQ,CAAC;IAOxE,CAAC;IAvBD;;OAEG;IACH,IAAW,iBAAiB;QAExB,OAAO,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAChD,CAAC;IAmBD,qGAAqG;IAErG;;OAEG;IACI,UAAU;IAEjB,CAAC;IAED;;OAEG;IACI,WAAW;IAElB,CAAC;IAED;;OAEG;IACI,iBAAiB;IAExB,CAAC;;kHAnEQ,qBAAqB,kBAwCV,0BAA0B,uDAE1B,QAAQ;sGA1CnB,qBAAqB,yDAHpB,EAAE;2FAGH,qBAAqB;kBANjC,SAAS;mBACV;oBACI,QAAQ,EAAE,mBAAmB;oBAC7B,QAAQ,EAAE,EAAE;oBACZ,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAClD;;0BAyCgB,MAAM;2BAAC,0BAA0B;;0BAAG,QAAQ~~;uDAER~~,~~QAAQ;0BAA5C,~~MAAM;2BAAC,QAAQ","sourcesContent":["import {Component, ChangeDetectionStrategy, Inject, Optional, ElementRef, EventEmitter} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\n\nimport {NoLiveSearchOptions, NoLiveSearch} from './noLiveSearch.interface';\nimport {NgSelectPlugin} from '../../../misc';\nimport {NgSelectPluginInstances} from '../../../components/select';\nimport {NG_SELECT_PLUGIN_INSTANCES} from '../../../components/select/types';\nimport {PluginBus} from '../../../misc/pluginBus/pluginBus';\n\n/*\n Component used for no live search\n /\n@Component(\n{\n selector: 'ng-no-live-search',\n template: '',\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class NoLiveSearchComponent implements NoLiveSearch, NgSelectPlugin<NoLiveSearchOptions>\n{\n //######################### protected fields #########################\n\n /\n Options for NgSelect plugin\n /\n protected _options: NoLiveSearchOptions;\n\n //######################### public properties - implementation of NoLiveSearch #########################\n\n /\n Options for NgSelect plugin\n /\n public options: NoLiveSearchOptions;\n\n /\n Plugin bus used for inter plugin shared events\n /\n public pluginBus: PluginBus;\n\n /\n HTML element that represents live search\n /\n public get liveSearchElement(): HTMLElement\n {\n return this._document.createElement('span');\n }\n\n /\n Current value of live search\n /\n public searchValue: string = null;\n\n /\n Occurs when current value of live search changes\n /\n public searchValueChange: EventEmitter<void> = new EventEmitter<void>();\n\n //######################### constructor #########################\n constructor(@Inject(NG_SELECT_PLUGIN_INSTANCES) @Optional() public ngSelectPlugins: NgSelectPluginInstances,\n public pluginElement: ElementRef,\n @Inject(DOCUMENT) private _document: Document)\n {\n }\n\n //######################### public methods - implementation of NoLiveSearch #########################\n\n /\n Initialize plugin, to be ready to use, initialize communication with other plugins\n /\n public initialize()\n {\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 }\n}"]}
1	+ {"version":3,"file":"noLiveSearch.component.js","sourceRoot":"","sources":["../../../../../src/plugins/liveSearch/no/noLiveSearch.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAC,MAAM,eAAe,CAAC;AAC7G,OAAO,EAAC,QAAQ,EAAC,MAAM,iBAAiB,CAAC;AAKzC,OAAO,EAAC,0BAA0B,EAAC,MAAM,kCAAkC,CAAC;;AAG5E;;GAEG;AAOH,MAAM,OAAO,qBAAqB;IAuC9B,iEAAiE;IACjE,YAAmE,eAAwC,EACxF,aAAyB,EACN,SAAmB;QAFU,oBAAe,GAAf,eAAe,CAAyB;QACxF,kBAAa,GAAb,aAAa,CAAY;QACN,cAAS,GAAT,SAAS,CAAU;QAbzD;;WAEG;QACI,gBAAW,GAAW,IAAI,CAAC;QAElC;;WAEG;QACI,sBAAiB,GAAuB,IAAI,YAAY,EAAQ,CAAC;IAOxE,CAAC;IAvBD;;OAEG;IACH,IAAW,iBAAiB;QAExB,OAAO,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAChD,CAAC;IAmBD,qGAAqG;IAErG;;OAEG;IACI,UAAU;IAEjB,CAAC;IAED;;OAEG;IACI,WAAW;IAElB,CAAC;IAED;;OAEG;IACI,iBAAiB;IAExB,CAAC;;kHAnEQ,qBAAqB,kBAwCV,0BAA0B,uDAE1B,QAAQ;sGA1CnB,qBAAqB,yDAHpB,EAAE;2FAGH,qBAAqB;kBANjC,SAAS;mBACV;oBACI,QAAQ,EAAE,mBAAmB;oBAC7B,QAAQ,EAAE,EAAE;oBACZ,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAClD;;0BAyCgB,MAAM;2BAAC,0BAA0B;;0BAAG,QAAQ;;0BAE5C,MAAM;2BAAC,QAAQ","sourcesContent":["import {Component, ChangeDetectionStrategy, Inject, Optional, ElementRef, EventEmitter} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\n\nimport {NoLiveSearchOptions, NoLiveSearch} from './noLiveSearch.interface';\nimport {NgSelectPlugin} from '../../../misc';\nimport {NgSelectPluginInstances} from '../../../components/select';\nimport {NG_SELECT_PLUGIN_INSTANCES} from '../../../components/select/types';\nimport {PluginBus} from '../../../misc/pluginBus/pluginBus';\n\n/*\n Component used for no live search\n /\n@Component(\n{\n selector: 'ng-no-live-search',\n template: '',\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class NoLiveSearchComponent implements NoLiveSearch, NgSelectPlugin<NoLiveSearchOptions>\n{\n //######################### protected fields #########################\n\n /\n Options for NgSelect plugin\n /\n protected _options: NoLiveSearchOptions;\n\n //######################### public properties - implementation of NoLiveSearch #########################\n\n /\n Options for NgSelect plugin\n /\n public options: NoLiveSearchOptions;\n\n /\n Plugin bus used for inter plugin shared events\n /\n public pluginBus: PluginBus;\n\n /\n HTML element that represents live search\n /\n public get liveSearchElement(): HTMLElement\n {\n return this._document.createElement('span');\n }\n\n /\n Current value of live search\n /\n public searchValue: string = null;\n\n /\n Occurs when current value of live search changes\n /\n public searchValueChange: EventEmitter<void> = new EventEmitter<void>();\n\n //######################### constructor #########################\n constructor(@Inject(NG_SELECT_PLUGIN_INSTANCES) @Optional() public ngSelectPlugins: NgSelectPluginInstances,\n public pluginElement: ElementRef,\n @Inject(DOCUMENT) private _document: Document)\n {\n }\n\n //######################### public methods - implementation of NoLiveSearch #########################\n\n /\n Initialize plugin, to be ready to use, initialize communication with other plugins\n /\n public initialize()\n {\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 }\n}"]}

package/es2015/src/plugins/normalState/basic/basicNormalState.component.js CHANGED Viewed

@@ -34,9 +34,9 @@ export class BasicNormalStateComponent extends NormalStateAbstractComponent {
         this._options = extend(true, {}, defaultOptions, options);
     }
 }
-BasicNormalStateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: BasicNormalStateComponent, 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 });
-BasicNormalStateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: BasicNormalStateComponent, selector: "div.normal-state", usesInheritance: true, ngImport: i0, template: "<ng-template #defaultLook>{{valueHandler?.selectedOptions | ngSelectValue: texts?.nothingSelected: options?.optionDisplayText}}</ng-template>\r\n\r\n<button [ngClass]=\"options?.cssClasses?.normalStateElement\" (click)=\"pluginBus?.togglePopup.emit(); pluginBus?.liveSearchFocus.emit()\" (focus)=\"pluginBus?.focus?.emit()\" [disabled]=\"!!pluginBus?.selectOptions?.readonly\" type=\"button\" [title]=\"valueHandler?.selectedOptions | ngSelectValue: texts?.nothingSelected\">\r\n    <span [ngClass]=\"options?.cssClasses?.selectedValue\"><ng-container *ngTemplateOutlet=\"pluginBus?.selectOptions?.templateGatherer?.normalStateTemplate || defaultLook; context: {$implicit: this}\"></ng-container></span>\r\n    <span [ngClass]=\"options?.cssClasses?.selectedCarret\"></span>\r\n</button>", styles: ["button.btn-select\r\n{\r\n    display: flex;\r\n    width: 100%;\r\n    padding: 5px 0px 4px 6px;\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}\r\n\r\nbutton.btn-select:hover\r\n{\r\n    background-color: #F2F2F2;\r\n}\r\n\r\nbutton.btn-select:active\r\n{\r\n    box-shadow: 0 0 5px -1px #888888 inset;\r\n}\r\n\r\nbutton.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\nbutton.btn-select .selected-caret\r\n{\r\n    flex: 0 0 20px;\r\n    align-self: center;\r\n}"], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "ngSelectValue": i3.NgSelectValuePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: BasicNormalStateComponent, decorators: [{
+BasicNormalStateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BasicNormalStateComponent, 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 });
+BasicNormalStateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BasicNormalStateComponent, selector: "div.normal-state", usesInheritance: true, ngImport: i0, template: "<ng-template #defaultLook>{{valueHandler?.selectedOptions | ngSelectValue: texts?.nothingSelected: options?.optionDisplayText}}</ng-template>\r\n\r\n<button [ngClass]=\"options?.cssClasses?.normalStateElement\" (click)=\"pluginBus?.togglePopup.emit(); pluginBus?.liveSearchFocus.emit()\" (focus)=\"pluginBus?.focus?.emit()\" [disabled]=\"!!pluginBus?.selectOptions?.readonly\" type=\"button\" [title]=\"valueHandler?.selectedOptions | ngSelectValue: texts?.nothingSelected\">\r\n    <span [ngClass]=\"options?.cssClasses?.selectedValue\"><ng-container *ngTemplateOutlet=\"pluginBus?.selectOptions?.templateGatherer?.normalStateTemplate || defaultLook; context: {$implicit: this}\"></ng-container></span>\r\n    <span [ngClass]=\"options?.cssClasses?.selectedCarret\"></span>\r\n</button>", styles: ["button.btn-select\r\n{\r\n    display: flex;\r\n    width: 100%;\r\n    padding: 5px 0px 4px 6px;\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}\r\n\r\nbutton.btn-select:hover\r\n{\r\n    background-color: #F2F2F2;\r\n}\r\n\r\nbutton.btn-select:active\r\n{\r\n    box-shadow: 0 0 5px -1px #888888 inset;\r\n}\r\n\r\nbutton.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\nbutton.btn-select .selected-caret\r\n{\r\n    flex: 0 0 20px;\r\n    align-self: center;\r\n}"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i3.NgSelectValuePipe, name: "ngSelectValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BasicNormalStateComponent, decorators: [{
             type: Component,
             args: [{ selector: 'div.normal-state', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #defaultLook>{{valueHandler?.selectedOptions | ngSelectValue: texts?.nothingSelected: options?.optionDisplayText}}</ng-template>\r\n\r\n<button [ngClass]=\"options?.cssClasses?.normalStateElement\" (click)=\"pluginBus?.togglePopup.emit(); pluginBus?.liveSearchFocus.emit()\" (focus)=\"pluginBus?.focus?.emit()\" [disabled]=\"!!pluginBus?.selectOptions?.readonly\" type=\"button\" [title]=\"valueHandler?.selectedOptions | ngSelectValue: texts?.nothingSelected\">\r\n    <span [ngClass]=\"options?.cssClasses?.selectedValue\"><ng-container *ngTemplateOutlet=\"pluginBus?.selectOptions?.templateGatherer?.normalStateTemplate || defaultLook; context: {$implicit: this}\"></ng-container></span>\r\n    <span [ngClass]=\"options?.cssClasses?.selectedCarret\"></span>\r\n</button>", styles: ["button.btn-select\r\n{\r\n    display: flex;\r\n    width: 100%;\r\n    padding: 5px 0px 4px 6px;\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}\r\n\r\nbutton.btn-select:hover\r\n{\r\n    background-color: #F2F2F2;\r\n}\r\n\r\nbutton.btn-select:active\r\n{\r\n    box-shadow: 0 0 5px -1px #888888 inset;\r\n}\r\n\r\nbutton.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\nbutton.btn-select .selected-caret\r\n{\r\n    flex: 0 0 20px;\r\n    align-self: center;\r\n}"] }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{

package/es2015/src/plugins/normalState/edit/editNormalState.component.js CHANGED Viewed

@@ -65,9 +65,9 @@ export class EditNormalStateComponent extends NormalStateAbstractComponent {
         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: [{
+EditNormalStateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", 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: "14.0.0", version: "15.0.4", 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} "], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.NgSelectValuePipe, name: "ngSelectValue" }, { kind: "pipe", type: i4.NgSelectHasValuePipe, name: "ngSelectHasValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", 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: [{

package/es2015/src/plugins/normalState/normalStateAbstract.component.js CHANGED Viewed

@@ -85,9 +85,9 @@ export class NormalStateAbstractComponent {
         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: [{
+NormalStateAbstractComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NormalStateAbstractComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+NormalStateAbstractComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: NormalStateAbstractComponent, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", 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/es2015/src/plugins/popup/basic/basicPopup.component.js CHANGED Viewed

@@ -35,9 +35,9 @@ export class BasicPopupComponent extends PopupAbstractComponent {
         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: [{
+BasicPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", 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: "14.0.0", version: "15.0.4", 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}"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", 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: [{

package/es2015/src/plugins/popup/basic/basicPopup.component.js.map CHANGED Viewed

	@@ -1 +1 @@
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>"]}
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;;0BAC1B,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/es2015/src/plugins/popup/edit/editPopup.component.js CHANGED Viewed

@@ -58,9 +58,9 @@ export class EditPopupComponent extends PopupAbstractComponent {
         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: [{
+EditPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", 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: "14.0.0", version: "15.0.4", 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}"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", 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: [{

package/es2015/src/plugins/popup/edit/editPopup.component.js.map CHANGED Viewed

	@@ -1 +1 @@
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>"]}
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;;0BAC1B,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/es2015/src/plugins/popup/popupAbstract.component.js CHANGED Viewed

@@ -192,9 +192,9 @@ export class PopupAbstractComponent {
         this._changeDetector.detectChanges();
     }
 }
-PopupAbstractComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: PopupAbstractComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-PopupAbstractComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.3", type: PopupAbstractComponent, viewQueries: [{ propertyName: "popupElementChildren", predicate: ["popupDiv"], descendants: true }], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: PopupAbstractComponent, decorators: [{
+PopupAbstractComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: PopupAbstractComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+PopupAbstractComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: PopupAbstractComponent, viewQueries: [{ propertyName: "popupElementChildren", predicate: ["popupDiv"], descendants: true }], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: PopupAbstractComponent, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: undefined }, { type: i1.PluginBus }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: Document }, { type: undefined }]; }, propDecorators: { popupElementChildren: [{
                 type: ViewChildren,

package/es2015/src/plugins/popup/popupAbstract.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"popupAbstract.component.js","sourceRoot":"","sources":["../../../../src/plugins/popup/popupAbstract.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, QueryList, ViewChildren, Directive} from '@angular/core';\nimport {StringLocalization} from '@anglr/common';\nimport {extend, isDescendant} from '@jscrpt/common';\nimport {Subscription} from 'rxjs';\n\nimport {ɵNgSelectOption} from '../../components/option';\nimport {NgSelectPluginInstances} from '../../components/select';\nimport {NgSelectPlugin, OptionsGatherer} from '../../misc';\nimport {PluginBus} from '../../misc/pluginBus/pluginBus';\nimport {Popup, PopupOptions, PopupTexts} from './popup.interface';\nimport {ValueHandler} from '../valueHandler';\nimport {VALUE_HANDLER} from '../valueHandler/types';\n\n\n/*\n Base abstract class for popup with options\n /\n@Directive()\nexport class PopupAbstractComponent<TCssClasses = any, TOptions extends PopupOptions<TCssClasses> = any> implements Popup, NgSelectPlugin<TOptions>, AfterViewInit, OnDestroy\n{\n //######################### protected fields #########################\n\n /\n Options for NgSelect plugin\n /\n protected _options: TOptions;\n\n /\n Instance of previous options gatherer, that is used for obtaining available options\n /\n protected _optionsGatherer: OptionsGatherer;\n\n /\n Subscription for changes of options in options gatherer\n /\n protected _optionsChangeSubscription: Subscription;\n\n /\n Subscription for toggle popup event\n /\n protected _popupToggleSubscription: Subscription;\n\n /\n Subscription for popup visibility change request\n /\n protected _visibilityRequestSubscription: Subscription;\n\n /\n Subscription for changes of selected value\n /\n protected _valueChangedSubscription: Subscription;\n\n /\n Subscription for changes in texts\n /\n protected _textsChangedSubscription: Subscription;\n\n /\n Indication whether is popup visible\n /\n protected _popupVisible: boolean = false;\n\n /\n Value handler plugin used within `NgSelect`\n /\n protected _valueHandler: ValueHandler;\n\n //######################### protected properties #########################\n\n /\n Gets indication whether keep open popup after value change\n /\n protected get keepOpen(): boolean\n {\n return this.pluginBus.selectOptions.multiple;\n }\n\n //######################### public properties - implementation of Popup #########################\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 /\n Occurs when visibility of popup has changed\n /\n public visibilityChange: EventEmitter<void> = new EventEmitter<void>();\n\n /\n Html element that represents popup itself\n /\n public get popupElement(): HTMLElement\n {\n const ref = this.popupElementChildren.first;\n\n if(!ref)\n {\n return null;\n }\n\n return ref.nativeElement;\n }\n\n //######################### public properties - template bindings #########################\n\n /\n Array of select options available\n * @internal\n /\n public selectOptions: ɵNgSelectOption[];\n\n /\n Object containing available texts\n * @internal\n /\n public texts: PopupTexts = {};\n \n //######################### public properties - children #########################\n\n /\n Watch for visibility of popup div element\n * @internal\n /\n @ViewChildren('popupDiv')\n public popupElementChildren: QueryList<ElementRef<HTMLElement>>;\n\n //######################### constructor #########################\n constructor(public ngSelectPlugins: NgSelectPluginInstances,\n public pluginBus: PluginBus,\n public pluginElement: ElementRef,\n protected _changeDetector: ChangeDetectorRef,\n protected _document: Document,\n protected _stringLocalization: StringLocalization)\n {\n }\n\n //######################### public methods - implementation of AfterViewInit #########################\n\n /\n Called when view was initialized\n /\n public ngAfterViewInit()\n {\n this.popupElementChildren.changes.subscribe(() =>\n {\n if(!!this.popupElementChildren.first == this._popupVisible)\n {\n return;\n }\n\n //handle click outside\n if(this.popupElementChildren.first)\n {\n this._document.addEventListener('mouseup', this._handleClickOutside);\n }\n //unregister handle click outside\n else\n {\n this._document.removeEventListener('mouseup', this._handleClickOutside);\n }\n\n this._popupVisible = !!this.popupElementChildren.first;\n this.visibilityChange.emit();\n });\n }\n\n //######################### public methods - implementation of OnDestroy #########################\n\n /\n Called when component is destroyed\n /\n public ngOnDestroy()\n {\n this._optionsChangeSubscription?.unsubscribe();\n this._optionsChangeSubscription = null;\n\n this._popupToggleSubscription?.unsubscribe();\n this._popupToggleSubscription = null;\n\n this._valueChangedSubscription?.unsubscribe();\n this._valueChangedSubscription = null;\n\n this._visibilityRequestSubscription?.unsubscribe();\n this._visibilityRequestSubscription = null;\n\n this._textsChangedSubscription?.unsubscribe();\n this._textsChangedSubscription = null;\n\n this._document.removeEventListener('mouseup', this._handleClickOutside);\n }\n\n //######################### public methods - implementation of Popup #########################\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 if(this._optionsGatherer && this._optionsGatherer != this.pluginBus.selectOptions.optionsGatherer)\n {\n this._optionsChangeSubscription.unsubscribe();\n this._optionsChangeSubscription = null;\n\n this._optionsGatherer = null;\n }\n\n if(!this._optionsGatherer)\n {\n this._optionsGatherer = this.pluginBus.selectOptions.optionsGatherer;\n\n this._optionsChangeSubscription = this._optionsGatherer.availableOptionsChange.subscribe(() => this.loadOptions());\n }\n\n if(!this._popupToggleSubscription)\n {\n this._popupToggleSubscription = this.pluginBus.togglePopup.subscribe(() => this.togglePopup());\n }\n\n if(!this._visibilityRequestSubscription)\n {\n this._visibilityRequestSubscription = this.pluginBus.showHidePopup.subscribe(this._handleVisibilityChange);\n }\n\n const valueHandler = this.ngSelectPlugins[VALUE_HANDLER] as ValueHandler;\n\n if(this._valueHandler && this._valueHandler != valueHandler)\n {\n this._valueChangedSubscription.unsubscribe();\n this._valueChangedSubscription = null;\n\n this._valueHandler = null;\n }\n\n if(!this._valueHandler)\n {\n this._valueHandler = valueHandler;\n\n this._valueChangedSubscription = this._valueHandler.valueChange.subscribe(() =>\n {\n if(!this.keepOpen)\n {\n this._handleVisibilityChange(false);\n }\n });\n }\n\n this.loadOptions();\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 this._changeDetector.detectChanges();\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 PopupTexts] = this._stringLocalization.get(this.options.texts[key as keyof PopupTexts]);\n });\n\n this._changeDetector.detectChanges();\n }\n\n /\n Loads options\n /\n protected loadOptions()\n {\n this.selectOptions = this._optionsGatherer.availableOptions;\n this._changeDetector.detectChanges();\n }\n\n /\n Toggles popup visibility\n /\n protected togglePopup()\n {\n this.options.visible = !this.options.visible;\n this._changeDetector.detectChanges();\n }\n\n /\n Handles click outside of select element\n * @param event - Mouse event object\n /\n protected _handleClickOutside = (event: MouseEvent) =>\n {\n if(this.pluginBus.selectElement.nativeElement != event.target &&\n !isDescendant(this.pluginBus.selectElement.nativeElement, event.target as HTMLElement) &&\n this.pluginElement.nativeElement != event.target &&\n !isDescendant(this.pluginElement.nativeElement, event.target as HTMLElement))\n {\n this.togglePopup();\n\n this.pluginBus.updateDisplayedValue.emit();\n }\n }\n\n /\n Handles visibility change\n */\n protected _handleVisibilityChange = (visible: boolean) =>\n {\n if(this.options.visible != visible)\n {\n this.options.visible = visible;\n this._changeDetector.detectChanges();\n }\n };\n}"]}
1	+ {"version":3,"file":"popupAbstract.component.js","sourceRoot":"","sources":["../../../../src/plugins/popup/popupAbstract.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, QueryList, ViewChildren, Directive} from '@angular/core';\nimport {StringLocalization} from '@anglr/common';\nimport {extend, isDescendant} from '@jscrpt/common';\nimport {Subscription} from 'rxjs';\n\nimport {ɵNgSelectOption} from '../../components/option';\nimport {NgSelectPluginInstances} from '../../components/select';\nimport {NgSelectPlugin, OptionsGatherer} from '../../misc';\nimport {PluginBus} from '../../misc/pluginBus/pluginBus';\nimport {Popup, PopupOptions, PopupTexts} from './popup.interface';\nimport {ValueHandler} from '../valueHandler';\nimport {VALUE_HANDLER} from '../valueHandler/types';\n\n\n/*\n Base abstract class for popup with options\n /\n@Directive()\nexport class PopupAbstractComponent<TCssClasses = any, TOptions extends PopupOptions<TCssClasses> = any> implements Popup, NgSelectPlugin<TOptions>, AfterViewInit, OnDestroy\n{\n //######################### protected fields #########################\n\n /\n Options for NgSelect plugin\n /\n protected _options: TOptions;\n\n /\n Instance of previous options gatherer, that is used for obtaining available options\n /\n protected _optionsGatherer: OptionsGatherer;\n\n /\n Subscription for changes of options in options gatherer\n /\n protected _optionsChangeSubscription: Subscription;\n\n /\n Subscription for toggle popup event\n /\n protected _popupToggleSubscription: Subscription;\n\n /\n Subscription for popup visibility change request\n /\n protected _visibilityRequestSubscription: Subscription;\n\n /\n Subscription for changes of selected value\n /\n protected _valueChangedSubscription: Subscription;\n\n /\n Subscription for changes in texts\n /\n protected _textsChangedSubscription: Subscription;\n\n /\n Indication whether is popup visible\n /\n protected _popupVisible: boolean = false;\n\n /\n Value handler plugin used within `NgSelect`\n /\n protected _valueHandler: ValueHandler;\n\n //######################### protected properties #########################\n\n /\n Gets indication whether keep open popup after value change\n /\n protected get keepOpen(): boolean\n {\n return this.pluginBus.selectOptions.multiple;\n }\n\n //######################### public properties - implementation of Popup #########################\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 /\n Occurs when visibility of popup has changed\n /\n public visibilityChange: EventEmitter<void> = new EventEmitter<void>();\n\n /\n Html element that represents popup itself\n /\n public get popupElement(): HTMLElement\n {\n const ref = this.popupElementChildren.first;\n\n if(!ref)\n {\n return null;\n }\n\n return ref.nativeElement;\n }\n\n //######################### public properties - template bindings #########################\n\n /\n Array of select options available\n * @internal\n /\n public selectOptions: ɵNgSelectOption[];\n\n /\n Object containing available texts\n * @internal\n /\n public texts: PopupTexts = {};\n \n //######################### public properties - children #########################\n\n /\n Watch for visibility of popup div element\n * @internal\n /\n @ViewChildren('popupDiv')\n public popupElementChildren: QueryList<ElementRef<HTMLElement>>;\n\n //######################### constructor #########################\n constructor(public ngSelectPlugins: NgSelectPluginInstances,\n public pluginBus: PluginBus,\n public pluginElement: ElementRef,\n protected _changeDetector: ChangeDetectorRef,\n protected _document: Document,\n protected _stringLocalization: StringLocalization)\n {\n }\n\n //######################### public methods - implementation of AfterViewInit #########################\n\n /\n Called when view was initialized\n /\n public ngAfterViewInit()\n {\n this.popupElementChildren.changes.subscribe(() =>\n {\n if(!!this.popupElementChildren.first == this._popupVisible)\n {\n return;\n }\n\n //handle click outside\n if(this.popupElementChildren.first)\n {\n this._document.addEventListener('mouseup', this._handleClickOutside);\n }\n //unregister handle click outside\n else\n {\n this._document.removeEventListener('mouseup', this._handleClickOutside);\n }\n\n this._popupVisible = !!this.popupElementChildren.first;\n this.visibilityChange.emit();\n });\n }\n\n //######################### public methods - implementation of OnDestroy #########################\n\n /\n Called when component is destroyed\n /\n public ngOnDestroy()\n {\n this._optionsChangeSubscription?.unsubscribe();\n this._optionsChangeSubscription = null;\n\n this._popupToggleSubscription?.unsubscribe();\n this._popupToggleSubscription = null;\n\n this._valueChangedSubscription?.unsubscribe();\n this._valueChangedSubscription = null;\n\n this._visibilityRequestSubscription?.unsubscribe();\n this._visibilityRequestSubscription = null;\n\n this._textsChangedSubscription?.unsubscribe();\n this._textsChangedSubscription = null;\n\n this._document.removeEventListener('mouseup', this._handleClickOutside);\n }\n\n //######################### public methods - implementation of Popup #########################\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 if(this._optionsGatherer && this._optionsGatherer != this.pluginBus.selectOptions.optionsGatherer)\n {\n this._optionsChangeSubscription.unsubscribe();\n this._optionsChangeSubscription = null;\n\n this._optionsGatherer = null;\n }\n\n if(!this._optionsGatherer)\n {\n this._optionsGatherer = this.pluginBus.selectOptions.optionsGatherer;\n\n this._optionsChangeSubscription = this._optionsGatherer.availableOptionsChange.subscribe(() => this.loadOptions());\n }\n\n if(!this._popupToggleSubscription)\n {\n this._popupToggleSubscription = this.pluginBus.togglePopup.subscribe(() => this.togglePopup());\n }\n\n if(!this._visibilityRequestSubscription)\n {\n this._visibilityRequestSubscription = this.pluginBus.showHidePopup.subscribe(this._handleVisibilityChange);\n }\n\n const valueHandler = this.ngSelectPlugins[VALUE_HANDLER] as ValueHandler;\n\n if(this._valueHandler && this._valueHandler != valueHandler)\n {\n this._valueChangedSubscription.unsubscribe();\n this._valueChangedSubscription = null;\n\n this._valueHandler = null;\n }\n\n if(!this._valueHandler)\n {\n this._valueHandler = valueHandler;\n\n this._valueChangedSubscription = this._valueHandler.valueChange.subscribe(() =>\n {\n if(!this.keepOpen)\n {\n this._handleVisibilityChange(false);\n }\n });\n }\n\n this.loadOptions();\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 this._changeDetector.detectChanges();\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 PopupTexts] = this._stringLocalization.get(this.options.texts[key as keyof PopupTexts]);\n });\n\n this._changeDetector.detectChanges();\n }\n\n /\n Loads options\n /\n protected loadOptions()\n {\n this.selectOptions = this._optionsGatherer.availableOptions;\n this._changeDetector.detectChanges();\n }\n\n /\n Toggles popup visibility\n /\n protected togglePopup()\n {\n this.options.visible = !this.options.visible;\n this._changeDetector.detectChanges();\n }\n\n /\n Handles click outside of select element\n * @param event - Mouse event object\n /\n protected _handleClickOutside = (event: MouseEvent) =>\n {\n if(this.pluginBus.selectElement.nativeElement != event.target &&\n !isDescendant(this.pluginBus.selectElement.nativeElement, event.target as HTMLElement) &&\n this.pluginElement.nativeElement != event.target &&\n !isDescendant(this.pluginElement.nativeElement, event.target as HTMLElement))\n {\n this.togglePopup();\n\n this.pluginBus.updateDisplayedValue.emit();\n }\n }\n\n /\n Handles visibility change\n */\n protected _handleVisibilityChange = (visible: boolean) =>\n {\n if(this.options.visible != visible)\n {\n this.options.visible = visible;\n this._changeDetector.detectChanges();\n }\n };\n}"]}

package/es2015/src/plugins/positioner/components.js CHANGED Viewed

@@ -1,3 +1,3 @@
-export * from './basic/basicPositioner.component';
+export * from './default/defaultPositioner.component';
 export * from './no/noPositioner.component';
 //# sourceMappingURL=components.js.map

package/es2015/src/plugins/positioner/components.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components.js","sourceRoot":"","sources":["../../../../src/plugins/positioner/components.ts"],"names":[],"mappings":"AAAA,cAAc,~~mCAAmC~~,CAAC;~~AAClD~~,cAAc,6BAA6B,CAAC","sourcesContent":["export * from './~~basic~~/~~basicPositioner~~.component';\nexport * from './no/noPositioner.component';"]}
1	+ {"version":3,"file":"components.js","sourceRoot":"","sources":["../../../../src/plugins/positioner/components.ts"],"names":[],"mappings":"AAAA,cAAc,uCAAuC,CAAC;AACtD,cAAc,6BAA6B,CAAC","sourcesContent":["export * from './default/defaultPositioner.component';\nexport * from './no/noPositioner.component';"]}

package/es2015/src/plugins/positioner/default/defaultPositioner.component.js ADDED Viewed

@@ -0,0 +1,175 @@
+import { Component, ChangeDetectionStrategy, Inject, Optional, ElementRef, PLATFORM_ID, ChangeDetectorRef } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
+import { POSITION, PositionOffset, PositionPlacement } from '@anglr/common';
+import { extend } from '@jscrpt/common';
+import { NG_SELECT_PLUGIN_INSTANCES } from '../../../components/select/types';
+import { POSITIONER_OPTIONS } from '../types';
+import { POPUP } from '../../popup/types';
+import { PluginBus } from '../../../misc/pluginBus/pluginBus';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../misc/pluginBus/pluginBus";
+/**
+ * Default options for positioner
+ */
+const defaultOptions = {
+    positionOptions: {
+        offset: PositionOffset.None,
+        placement: PositionPlacement.BottomStart,
+    }
+};
+/**
+ * Component used for positioning popup element, handles resize, scroll and collision using `Position`
+ */
+export class DefaultPositionerComponent {
+    //######################### constructor #########################
+    constructor(ngSelectPlugins, pluginBus, pluginElement, position, changeDetector, options, platformId) {
+        this.ngSelectPlugins = ngSelectPlugins;
+        this.pluginBus = pluginBus;
+        this.pluginElement = pluginElement;
+        this.position = position;
+        this.changeDetector = changeDetector;
+        this.platformId = platformId;
+        /**
+         * Indication whether is code running in browser
+         */
+        this.isBrowser = isPlatformBrowser(this.platformId);
+        this.ɵoptions = extend(true, {}, defaultOptions, options);
+    }
+    //######################### public properties - implementation of DefaultPositioner #########################
+    /**
+     * Options for NgSelect plugin
+     */
+    get options() {
+        return this.ɵoptions;
+    }
+    set options(options) {
+        this.ɵoptions = extend(true, this.ɵoptions, options);
+    }
+    /**
+     * @inheritdoc
+     */
+    get flip() {
+        return this.ɵflip;
+    }
+    //######################### public methods - implementation of OnDestroy #########################
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy() {
+        var _a, _b, _c, _d;
+        (_a = this.visibilitySubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        this.visibilitySubscription = null;
+        (_b = this.optionsChangeSubscription) === null || _b === void 0 ? void 0 : _b.unsubscribe();
+        this.optionsChangeSubscription = null;
+        (_c = this.positioningDispose) === null || _c === void 0 ? void 0 : _c.call(this);
+        (_d = this.positioningSubscription) === null || _d === void 0 ? void 0 : _d.unsubscribe();
+        this.positioningSubscription = null;
+    }
+    //######################### public methods - implementation of DefaultPositioner #########################
+    /**
+     * Initialize plugin, to be ready to use, initialize communication with other plugins
+     */
+    initialize() {
+        // if(this.optionsGatherer && this.optionsGatherer != this.pluginBus?.selectOptions.optionsGatherer)
+        // {
+        //     this.optionsChangeSubscription.unsubscribe();
+        //     this.optionsChangeSubscription = null;
+        var _a;
+        //     this.optionsGatherer = null;
+        // }
+        // if(!this.optionsGatherer)
+        // {
+        //     this.optionsGatherer = this.pluginBus?.selectOptions.optionsGatherer;
+        //     this.optionsChangeSubscription = this.optionsGatherer.availableOptionsChange.subscribe(() =>
+        //     {
+        //         if(this.popup.popupElement && this.optionsGatherer.availableOptions)
+        //         {
+        //             this._handlePosition();
+        //         }
+        //     });
+        // }
+        const popup = this.ngSelectPlugins[POPUP];
+        if (this.popup && this.popup != popup) {
+            (_a = this.visibilitySubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+            this.visibilitySubscription = null;
+            this.popup = null;
+        }
+        if (!this.popup) {
+            this.popup = popup;
+            this.visibilitySubscription = this.popup.visibilityChange.subscribe(() => this.initPosition());
+        }
+        this.initPosition();
+    }
+    /**
+     * @inheritdoc
+     */
+    initOptions() {
+    }
+    /**
+     * @inheritdoc
+     */
+    invalidateVisuals() {
+    }
+    //######################### protected methods #########################
+    /**
+     * Initialize positioning of popup
+     */
+    initPosition() {
+        var _a, _b, _c, _d;
+        this.popupElement = this.popup.popupElement;
+        // //this has meaning only when popup is outside of ng-element
+        // this.changeDetector.markForCheck();
+        if (this.isBrowser) {
+            //register events and handle position of opened popup
+            if (this.popupElement) {
+                (_a = this.positioningSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+                (_b = this.positioningDispose) === null || _b === void 0 ? void 0 : _b.call(this);
+                this.positioningSubscription = null;
+                this.positioningDispose = null;
+                this.positioningSubscription = this.position.placeElement(this.popupElement, this.pluginBus.selectElement.nativeElement, this.options.positionOptions)
+                    .subscribe(result => {
+                    this.positioningDispose = result.dispose;
+                    if (result.flip) {
+                        this.flip.emit();
+                    }
+                });
+            }
+            //unregister events
+            else {
+                (_c = this.positioningSubscription) === null || _c === void 0 ? void 0 : _c.unsubscribe();
+                (_d = this.positioningDispose) === null || _d === void 0 ? void 0 : _d.call(this);
+                this.positioningSubscription = null;
+                this.positioningDispose = null;
+            }
+        }
+    }
+}
+DefaultPositionerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DefaultPositionerComponent, deps: [{ token: NG_SELECT_PLUGIN_INSTANCES, optional: true }, { token: i1.PluginBus, optional: true }, { token: i0.ElementRef }, { token: POSITION }, { token: i0.ChangeDetectorRef }, { token: POSITIONER_OPTIONS, optional: true }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component });
+DefaultPositionerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: DefaultPositionerComponent, selector: "ng-default-positioner", ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DefaultPositionerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ng-default-positioner',
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], 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: undefined, decorators: [{
+                    type: Inject,
+                    args: [POSITION]
+                }] }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [POSITIONER_OPTIONS]
+                }, {
+                    type: Optional
+                }] }, { type: Object, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }]; } });
+//# sourceMappingURL=defaultPositioner.component.js.map

package/es2015/src/plugins/positioner/default/defaultPositioner.component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"defaultPositioner.component.js","sourceRoot":"","sources":["../../../../../src/plugins/positioner/default/defaultPositioner.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {Component, ChangeDetectionStrategy, Inject, Optional, ElementRef, OnDestroy, PLATFORM_ID, ChangeDetectorRef, EventEmitter} from '@angular/core';\nimport {isPlatformBrowser} from '@angular/common';\nimport {Position, POSITION, PositionOffset, PositionPlacement} from '@anglr/common';\nimport {extend, NoopAction} from '@jscrpt/common';\nimport {Subscription} from 'rxjs';\n\nimport {DefaultPositionerOptions, DefaultPositioner} from './defaultPositioner.interface';\nimport {NgSelectPlugin, OptionsGatherer} from '../../../misc';\nimport {NgSelectPluginInstances} from '../../../components/select';\nimport {NG_SELECT_PLUGIN_INSTANCES} from '../../../components/select/types';\nimport {POSITIONER_OPTIONS} from '../types';\nimport {Popup} from '../../popup';\nimport {POPUP} from '../../popup/types';\nimport {PluginBus} from '../../../misc/pluginBus/pluginBus';\n\n/**\n * Default options for positioner\n */\nconst defaultOptions: DefaultPositionerOptions =\n{\n positionOptions:\n {\n offset: PositionOffset.None,\n placement: PositionPlacement.BottomStart,\n }\n};\n\n/**\n * Component used for positioning popup element, handles resize, scroll and collision using `Position`\n */\n@Component(\n{\n selector: 'ng-default-positioner',\n template: '',\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DefaultPositionerComponent implements DefaultPositioner, NgSelectPlugin<DefaultPositionerOptions>, OnDestroy\n{\n //######################### protected properties #########################\n\n /**\n * Instance of previous options gatherer, that is used for obtaining available options\n */\n protected optionsGatherer: OptionsGatherer;\n\n /**\n * Occurs when flip occured during positining of popup\n */\n protected ɵflip: EventEmitter<void>;\n\n /**\n * Options for NgSelect plugin\n */\n protected ɵoptions: DefaultPositionerOptions;\n\n /**\n * Subscription for visibility change of popup\n */\n protected visibilitySubscription: Subscription|undefined|null;\n\n /**\n * Subscription for changes of options in options gatherer\n */\n protected optionsChangeSubscription: Subscription|undefined|null;\n\n /**\n * Subscription for positioning event that occured\n */\n protected positioningSubscription: Subscription|undefined|null;\n\n /**\n * Function used for disposing of positining watch\n */\n protected positioningDispose: NoopAction;\n\n /**\n * Popup that is displayed\n */\n protected popup: Popup;\n\n /**\n * Html element of popup plugin\n */\n protected popupElement: HTMLElement;\n\n /**\n * Indication whether is code running in browser\n */\n protected isBrowser: boolean = isPlatformBrowser(this.platformId);\n\n //######################### public properties - implementation of DefaultPositioner #########################\n\n /**\n * Options for NgSelect plugin\n */\n public get options(): DefaultPositionerOptions\n {\n return this.ɵoptions;\n }\n public set options(options: DefaultPositionerOptions)\n {\n this.ɵoptions = extend(true, this.ɵoptions, options);\n }\n\n /**\n * @inheritdoc\n */\n public get flip(): EventEmitter<void>\n {\n return this.ɵflip;\n }\n\n //######################### constructor #########################\n constructor(@Inject(NG_SELECT_PLUGIN_INSTANCES) @Optional() public ngSelectPlugins: NgSelectPluginInstances,\n @Optional() public pluginBus: PluginBus,\n public pluginElement: ElementRef,\n @Inject(POSITION) protected position: Position,\n protected changeDetector: ChangeDetectorRef,\n @Inject(POSITIONER_OPTIONS) @Optional() options?: DefaultPositionerOptions,\n @Inject(PLATFORM_ID) protected platformId?: Object,)\n {\n this.ɵoptions = extend(true, {}, defaultOptions, options);\n }\n\n //######################### public methods - implementation of OnDestroy #########################\n\n /**\n * Called when component is destroyed\n */\n public ngOnDestroy()\n {\n this.visibilitySubscription?.unsubscribe();\n this.visibilitySubscription = null;\n\n this.optionsChangeSubscription?.unsubscribe();\n this.optionsChangeSubscription = null;\n\n this.positioningDispose?.();\n\n this.positioningSubscription?.unsubscribe();\n this.positioningSubscription = null;\n }\n\n //######################### public methods - implementation of DefaultPositioner #########################\n\n /**\n * Initialize plugin, to be ready to use, initialize communication with other plugins\n */\n public initialize()\n {\n // if(this.optionsGatherer && this.optionsGatherer != this.pluginBus?.selectOptions.optionsGatherer)\n // {\n // this.optionsChangeSubscription.unsubscribe();\n // this.optionsChangeSubscription = null;\n\n // this.optionsGatherer = null;\n // }\n\n // if(!this.optionsGatherer)\n // {\n // this.optionsGatherer = this.pluginBus?.selectOptions.optionsGatherer;\n\n // this.optionsChangeSubscription = this.optionsGatherer.availableOptionsChange.subscribe(() =>\n // {\n // if(this.popup.popupElement && this.optionsGatherer.availableOptions)\n // {\n // this._handlePosition();\n // }\n // });\n // }\n\n const popup: Popup = this.ngSelectPlugins[POPUP] as Popup;\n\n if(this.popup && this.popup != popup)\n {\n this.visibilitySubscription?.unsubscribe();\n this.visibilitySubscription = null;\n\n this.popup = null;\n }\n\n if(!this.popup)\n {\n this.popup = popup;\n\n this.visibilitySubscription = this.popup.visibilityChange.subscribe(() => this.initPosition());\n }\n\n this.initPosition();\n }\n\n /**\n * @inheritdoc\n */\n public initOptions()\n {\n }\n\n /**\n * @inheritdoc\n */\n public invalidateVisuals(): void\n {\n }\n\n //######################### protected methods #########################\n\n /**\n * Initialize positioning of popup\n */\n protected initPosition()\n {\n this.popupElement = this.popup.popupElement;\n\n // //this has meaning only when popup is outside of ng-element\n // this.changeDetector.markForCheck();\n\n if(this.isBrowser)\n {\n //register events and handle position of opened popup\n if(this.popupElement)\n {\n this.positioningSubscription?.unsubscribe();\n this.positioningDispose?.();\n \n this.positioningSubscription = null;\n this.positioningDispose = null;\n\n this.positioningSubscription = this.position.placeElement(this.popupElement,\n this.pluginBus.selectElement.nativeElement,\n this.options.positionOptions,)\n .subscribe(result =>\n {\n this.positioningDispose = result.dispose;\n\n if(result.flip)\n {\n this.flip.emit();\n }\n });\n }\n //unregister events\n else\n {\n this.positioningSubscription?.unsubscribe();\n this.positioningDispose?.();\n\n this.positioningSubscription = null;\n this.positioningDispose = null;\n }\n }\n }\n}"]}

package/es2015/src/plugins/positioner/default/defaultPositioner.interface.js ADDED Viewed

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

package/es2015/src/plugins/positioner/default/defaultPositioner.interface.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"defaultPositioner.interface.js","sourceRoot":"","sources":["../../../../../src/plugins/positioner/default/defaultPositioner.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {Positioner, PositionerOptions} from '../positioner.interface';\n\n/**\n * Default positioner options\n */\nexport interface DefaultPositionerOptions extends PositionerOptions\n{\n}\n\n/**\n * Public API for 'DefaultPositionerComponent'\n */\nexport interface DefaultPositioner extends Positioner\n{\n}"]}

package/es2015/src/plugins/positioner/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
 export * from './positioner.interface';
-export * from './basic/basicPositioner.interface';
+export * from './default/defaultPositioner.interface';
 export * from './no/noPositioner.interface';
 //# sourceMappingURL=index.js.map

package/es2015/src/plugins/positioner/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/plugins/positioner/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AAEvC,cAAc,~~mCAAmC~~,CAAC;~~AAClD~~,cAAc,6BAA6B,CAAC","sourcesContent":["export * from './positioner.interface';\n\nexport * from './~~basic~~/~~basicPositioner~~.interface';\nexport * from './no/noPositioner.interface';"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/plugins/positioner/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AAEvC,cAAc,uCAAuC,CAAC;AACtD,cAAc,6BAA6B,CAAC","sourcesContent":["export * from './positioner.interface';\n\nexport * from './default/defaultPositioner.interface';\nexport * from './no/noPositioner.interface';"]}