@anglr/select 15.0.0 → 16.0.0-beta.20260226142137

package/changelog.md

@@ -1,5 +1,158 @@
 # Changelog
 
+## Version 16.0.0 (2026-02-23)
+
+### Features
+
+- new `InitState` initerface, that wraps state of initialization
+   - **properties**
+      - `initialized` represents state of initialization
+- new `SelectOptionGroup` interface, which represents option group for Select
+    - **properties**
+      - `template` optional template to be used for rendering option group
+      - `id` unique id of group
+      - `text` text that is displayed for this options group
+- new `SelectEvent` interface, that is event that is used for 'void' events, storing information about source of event and source element
+   - **properties**
+      - `sourceElement` html element that caused the event
+      - `source` instance of select or select plugin that caused event
+- new `SelectPluginType` enum
+   - **values**
+      - `Interactions` plugin that handles interactions of plugins and select
+      - `KeyboardHandler` plugin that handles keyboard input from user
+      - `LiveSearch` plugin that is used for live search of options
+      - `NormalState` plugin that is used for displaying normal state of selected value
+      - `OptionsHandler` plugin that is used for handling available options
+      - `Popup` plugin that handles displaying popup
+      - `Positioner` plugin that handles positioning of popup
+      - `ReadonlyState` plugin that is used for displaying readonly state of selected value
+      - `ValueHandler` plugin that is used for storing and handling value of select
+- new `CopyOptionsAsSignal` decorator, which creates backing field for this property as WritableSignal, reads and write to it, and merges options
+- new `provideSelectOptions` provider function, that provides options for select globally
+- new `provideKeyboardHandlerType` provider function, that provides type of keyboard handler that will be used for select globally
+- new `provideNormalStateType` provider function, that provides type of normal state that will be used for select globally
+- new `providePopupType` provider function, that provides type of popup that will be used for select globally
+- new `providePositionerType` provider function, that provides type of positioner that will be used for select globally
+- new `provideReadonlyStateType` provider function, that provides type of readonly state that will be used for select globally
+- new `provideValueHandlerType` provider function, that provides type of value handler that will be used for select globally
+- new `provideLiveSearchType` provider function, that provides type of live search that will be used for select globally
+- new `provideInteractionsType` provider function, that provides type of interactions that will be used for select globally
+- new `provideOptionsHandlerType` provider function, that provides type of options handler that will be used for select globally
+- new `OptionTemplate` directive, that is used for obtaining template for option in popup
+   - **properties**
+      - `template` instance of template for options in popup
+- new `NormalStateTemplate` directive, that is used for obtaining template for normal state
+   - **properties**
+      - `template` instance of template for options in normal state
+- new `GetPlugin` pipe, that gets instance of select plugin from another plugin instance
+- new `WithDirectAccess` directive, that allows direct access to select properties using inputs, outputs
+- new `OptionsHandler` plugin interface, that represents options handler
+   - **properties**
+      - `availableOptions` array of options that are available for displaying in select
+- new `OptionsHandlerOptions` interface, that represents options for options handler plugin
+- new `NoOptionsHandler` plugin component, that is options handler that does not modify available options in any way. It just returns them as they are provided from options gatherer
+   - **implements**
+      - `OptionsHandler`
+- new `ValueEqualityFunc` function, that represents definition of function used for checking equality of select value
+- new `ValueExtractorFunc` function, that represents definition of function used for extracting value from select option
+- new `INTERACTIONS_TYPE` injection token for 'Interactions' implementation
+- new `OPTIONS_HANDLER_TYPE` injection token for 'OptionsHandler' implementation
+- new `INTERACTIONS_OPTIONS` injection token for 'InteractionsOptions' implementation
+- new `OPTIONS_HANDLER_OPTIONS` injection token for 'OptionsHandlerOptions' implementation
+- updated `SelectPluginTypes` interface
+   - **new properties**
+      - `Interactions` handles interactions of plugins and select
+      - `OptionsHandler` component used for handling available options
+
+### BREAKING CHANGES
+
+- minimal supported version of `NodeJs` is `20.19`
+- minimal supported version of `@angular` is `21.1.5`
+- minimal supported version of `@anglr/common` is `24.2.0`
+- minimal supported version of `@jscrpt/common` is `7.1.0`
+- new dependency `lodash-es` minimal supported version is `4.17.23`
+- strict null checks
+- all generic defaults of type `any` changed to `unknown`
+- updated `TemplateGatherer` interface
+   - all properties are changed to `Signal` with possible `undefined` or `null` value
+- updated `OptionsGatherer` interface
+   - now contains only `availableOptions` (as signal with `undefined` as uninitialized lazy options) and rest of functionality moved into new *plugin* `OptionsHandler`
+- updated `NgSelectOption` interface
+   - renamed to `SelectOption`
+   - all properties changed to `Signal`
+- updated `NgSelect` interface
+   - renamed to `SelectApi`
+   - `initialized` updated to `Signal`
+   - removed `isInitialized`, use `initialized`
+   - removed `listenTo` method, use `events` property
+   - removed `initOptions` method, now using signal to automatically init options of plugins
+   - removed `initialize` method, now called automatically when options are initialized
+   - new `events`property, select public events
+- updated `NgSelectPluginInstances` interface
+   - renamed to `SelectPluginInstances`
+   - changed to class
+   - all can now be undefined
+   - new *safe* accessors for plugins with null check
+- updated `NgSelectOptions` interface
+   - renamed to `SelectOptions`
+   - removed `forceValueCheckOnInit` property, no use
+   - removed `autoInitialize` property, now it always happens automatically using signals when `SelectOptions` have been changed
+- updated `NgSelectPluginTypes` interface
+   - renamed to `SelectPluginTypes`
+- updated `NgSelectPlugin` interface
+   - renamed to `SelectPlugin`
+   - `ngSelectPlugins` renamed to `selectPlugins`
+- updated `NG_SELECT_OPTIONS` injection token
+   - renamed to `SELECT_OPTIONS`
+- updated `NgSelectComponent` component
+   - renamed to `Select`
+- updated `OptionComponent` component
+   - renamed to `Option`
+- updated `OptGroupComponent` component
+   - renamed to `OptGroup`
+- updated `NgSelectAction` type
+   - renamed to `SelectAction`
+- updated `NgSelectFunction` type
+   - renamed to `SelectFunction`
+- updated `ɵNgSelectOption` interface
+   - renamed to `ɵSelectOption`
+   - all properties changed to `Signal`
+- removed `NG_SELECT_PLUGIN_INSTANCES` injection token, replaced with class `SelectPluginInstances`
+- updated `NgSelectAbsoluteDirective` directive
+   - renamed to `SelectAbsoluteDirective`
+- updated `NgSelectEditDirective` directive
+   - renamed to `SelectEditDirective`
+- updated `NgSelectPlaceholderDirective` directive
+   - renamed to `SelectPlaceholderDirective`
+- updated `DisplayTextFunc` interface
+   - changed to type
+- updated `NgSelectHasValuePipe` pipe
+   - renamed to `SelectHasValuePipe`
+   - changed `name` to `selectHasValue`
+- updated `NgSelectValuePipe` pipe
+   - renamed to `SelectValuePipe`
+   - changed `name` to `selectValue`
+- updated `PluginBusEvents` interface
+   - renamed to `SelectEvents`
+- updated `PluginBus` class
+   - renamed to `SelectBus`
+   - new property `selectedOptions` that represents currently selected options of Select
+- updated `NgSelectModule` module
+   - renamed to `SelectModule`
+- updated `PluginBusOptions` interface
+   - renamed to `SelectBusOptions`
+   - new property `valueExtractor` function used to extract value from option, if not provided, select option value will be used as value
+   - removed `useNonExistingAsValue` TODO ?????????????????
+   - removed `valueComparer` TODO ?????????????????
+   - removed `liveSearchFilter` TODO ?????????????????
+   - removed `normalizer` TODO ?????????????????
+- updated `ValueHandler` interface
+   - property `selectedOptions` removed, moved to `SelectBus`
+   - removed `valueChange` property use `value` signal
+   - updated `value` property, changed to `Signal` value
+- updated `BasicValueHandlerComponent` plugin component
+   - renamed to `StaticValueHandler`
+
 ## Version 15.0.0 (2026-02-10)
 
 ### Bug Fixes

package/es2022/extensions/src/extensions/getValue.js

@@ -1,2 +1,17 @@
-export { ɵGetValue as getValue } from '@anglr/select';
+"use strict";
+// import {NgSelectFunction} from '../../components/select';
+// import {ValueHandler} from '../../plugins/valueHandler';
+// import {VALUE_HANDLER} from '../../plugins/valueHandler/types';
+// /**
+//  * Gets current value of NgSelect
+//  * @internal
+//  */
+// export function ɵGetValue<TValue>(): NgSelectFunction<TValue|TValue[], TValue>
+// {
+//     return ngSelect =>
+//     {
+//         const valueHandler = ngSelect.getPlugin(VALUE_HANDLER) as ValueHandler<TValue>;
+//         return valueHandler.value;
+//     };
+// }
 //# sourceMappingURL=getValue.js.map

package/es2022/extensions/src/extensions/getValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"getValue.js","sourceRoot":"","sources":["../../../../extensions/src/extensions/getValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,IAAI,QAAQ,EAAC,MAAM,eAAe,CAAC","sourcesContent":["export {ɵGetValue as getValue} from '@anglr/select';"]}
+{"version":3,"file":"getValue.js","sourceRoot":"","sources":["../../../../extensions/src/extensions/getValue.ts"],"names":[],"mappings":";AAAA,4DAA4D;AAC5D,2DAA2D;AAC3D,kEAAkE;AAElE,MAAM;AACN,oCAAoC;AACpC,eAAe;AACf,MAAM;AACN,iFAAiF;AACjF,IAAI;AACJ,yBAAyB;AACzB,QAAQ;AACR,0FAA0F;AAE1F,qCAAqC;AACrC,SAAS;AACT,IAAI","sourcesContent":["// import {NgSelectFunction} from '../../components/select';\n// import {ValueHandler} from '../../plugins/valueHandler';\n// import {VALUE_HANDLER} from '../../plugins/valueHandler/types';\n\n// /**\n//  * Gets current value of NgSelect\n//  * @internal\n//  */\n// export function ɵGetValue<TValue>(): NgSelectFunction<TValue|TValue[], TValue>\n// {\n//     return ngSelect =>\n//     {\n//         const valueHandler = ngSelect.getPlugin(VALUE_HANDLER) as ValueHandler<TValue>;\n\n//         return valueHandler.value;\n//     };\n// }"]}

package/es2022/extensions/src/extensions/onFocus.js

@@ -1,2 +1,15 @@
-export { ɵOnFocus as onFocus } from '@anglr/select';
+"use strict";
+// import {Subscription} from 'rxjs';
+// import {NgSelectFunction} from '../../components/select';
+// /**
+//  * Adds callback that is called each time when NgSelect gains focus
+//  * @internal
+//  */
+// export function ɵOnFocus<TValue>(callback: () => void): NgSelectFunction<Subscription, TValue>
+// {
+//     return ngSelect =>
+//     {
+//         return ngSelect.listenTo('focus', callback);
+//     };
+// }
 //# sourceMappingURL=onFocus.js.map

package/es2022/extensions/src/extensions/onFocus.js.map

@@ -1 +1 @@
-{"version":3,"file":"onFocus.js","sourceRoot":"","sources":["../../../../extensions/src/extensions/onFocus.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,IAAI,OAAO,EAAC,MAAM,eAAe,CAAC","sourcesContent":["export {ɵOnFocus as onFocus} from '@anglr/select';"]}
+{"version":3,"file":"onFocus.js","sourceRoot":"","sources":["../../../../extensions/src/extensions/onFocus.ts"],"names":[],"mappings":";AAAA,qCAAqC;AAErC,4DAA4D;AAE5D,MAAM;AACN,sEAAsE;AACtE,eAAe;AACf,MAAM;AACN,iGAAiG;AACjG,IAAI;AACJ,yBAAyB;AACzB,QAAQ;AACR,uDAAuD;AACvD,SAAS;AACT,IAAI","sourcesContent":["// import {Subscription} from 'rxjs';\n\n// import {NgSelectFunction} from '../../components/select';\n\n// /**\n//  * Adds callback that is called each time when NgSelect gains focus\n//  * @internal\n//  */\n// export function ɵOnFocus<TValue>(callback: () => void): NgSelectFunction<Subscription, TValue>\n// {\n//     return ngSelect =>\n//     {\n//         return ngSelect.listenTo('focus', callback);\n//     };\n// }"]}

package/es2022/extensions/src/extensions/patchOptions.js

@@ -1,12 +1,16 @@
-/**
- * Method used to patch options without full initialization of NgSelect, only options are initialized
- * @param options - Options to be used as patch
- */
-export function patchOptions(options) {
-    return ngSelect => {
-        ngSelect.selectOptions = options;
-        ngSelect.initOptions();
-        ngSelect.invalidateVisuals();
-    };
-}
+"use strict";
+// import {SelectAction, SelectOptions} from '@anglr/select';
+// /**
+//  * Method used to patch options without full initialization of NgSelect, only options are initialized
+//  * @param options - Options to be used as patch
+//  */
+// export function patchOptions<TValue = any>(options: SelectOptions<TValue>): SelectAction<TValue>
+// {
+//     return ngSelect =>
+//     {
+//         ngSelect.selectOptions = options;
+//         ngSelect.initOptions();
+//         ngSelect.invalidateVisuals();
+//     };
+// }
 //# sourceMappingURL=patchOptions.js.map

package/es2022/extensions/src/extensions/patchOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"patchOptions.js","sourceRoot":"","sources":["../../../../extensions/src/extensions/patchOptions.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAe,OAAgC;IAEvE,OAAO,QAAQ,CAAC,EAAE;QAEd,QAAQ,CAAC,aAAa,GAAG,OAAO,CAAC;QAEjC,QAAQ,CAAC,WAAW,EAAE,CAAC;QACvB,QAAQ,CAAC,iBAAiB,EAAE,CAAC;IACjC,CAAC,CAAC;AACN,CAAC","sourcesContent":["import {NgSelectAction, NgSelectOptions} from '@anglr/select';\n\n/**\n * Method used to patch options without full initialization of NgSelect, only options are initialized\n * @param options - Options to be used as patch\n */\nexport function patchOptions<TValue = any>(options: NgSelectOptions<TValue>): NgSelectAction<TValue>\n{\n    return ngSelect =>\n    {\n        ngSelect.selectOptions = options;\n\n        ngSelect.initOptions();\n        ngSelect.invalidateVisuals();\n    };\n}"]}
+{"version":3,"file":"patchOptions.js","sourceRoot":"","sources":["../../../../extensions/src/extensions/patchOptions.ts"],"names":[],"mappings":";AAAA,6DAA6D;AAE7D,MAAM;AACN,wGAAwG;AACxG,kDAAkD;AAClD,MAAM;AACN,mGAAmG;AACnG,IAAI;AACJ,yBAAyB;AACzB,QAAQ;AACR,4CAA4C;AAE5C,kCAAkC;AAClC,wCAAwC;AACxC,SAAS;AACT,IAAI","sourcesContent":["// import {SelectAction, SelectOptions} from '@anglr/select';\n\n// /**\n//  * Method used to patch options without full initialization of NgSelect, only options are initialized\n//  * @param options - Options to be used as patch\n//  */\n// export function patchOptions<TValue = any>(options: SelectOptions<TValue>): SelectAction<TValue>\n// {\n//     return ngSelect =>\n//     {\n//         ngSelect.selectOptions = options;\n\n//         ngSelect.initOptions();\n//         ngSelect.invalidateVisuals();\n//     };\n// }"]}

package/es2022/extensions/src/extensions/reinitializeOptions.js

@@ -1,15 +1,20 @@
-/**
- * Method reinitialize options for NgSelect
- * @param options - Options to be used for reinitialization
- */
-export function reinitializeOptions(options) {
-    return ngSelect => {
-        if (options) {
-            ngSelect.selectOptions = options;
-        }
-        ngSelect.initOptions();
-        ngSelect.invalidateVisuals();
-        ngSelect.initialize();
-    };
-}
+"use strict";
+// import {NgSelectAction, NgSelectOptions} from '@anglr/select';
+// /**
+//  * Method reinitialize options for NgSelect
+//  * @param options - Options to be used for reinitialization
+//  */
+// export function reinitializeOptions<TValue = any>(options?: NgSelectOptions<TValue>): NgSelectAction<TValue>
+// {
+//     return ngSelect =>
+//     {
+//         if(options)
+//         {
+//             ngSelect.selectOptions = options;
+//         }
+//         ngSelect.initOptions();
+//         ngSelect.invalidateVisuals();
+//         ngSelect.initialize();
+//     };
+// }
 //# sourceMappingURL=reinitializeOptions.js.map

package/es2022/extensions/src/extensions/reinitializeOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"reinitializeOptions.js","sourceRoot":"","sources":["../../../../extensions/src/extensions/reinitializeOptions.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,UAAU,mBAAmB,CAAe,OAAiC;IAE/E,OAAO,QAAQ,CAAC,EAAE;QAEd,IAAG,OAAO,EACV,CAAC;YACG,QAAQ,CAAC,aAAa,GAAG,OAAO,CAAC;QACrC,CAAC;QAED,QAAQ,CAAC,WAAW,EAAE,CAAC;QACvB,QAAQ,CAAC,iBAAiB,EAAE,CAAC;QAC7B,QAAQ,CAAC,UAAU,EAAE,CAAC;IAC1B,CAAC,CAAC;AACN,CAAC","sourcesContent":["import {NgSelectAction, NgSelectOptions} from '@anglr/select';\n\n/**\n * Method reinitialize options for NgSelect\n * @param options - Options to be used for reinitialization\n */\nexport function reinitializeOptions<TValue = any>(options?: NgSelectOptions<TValue>): NgSelectAction<TValue>\n{\n    return ngSelect =>\n    {\n        if(options)\n        {\n            ngSelect.selectOptions = options;\n        }\n\n        ngSelect.initOptions();\n        ngSelect.invalidateVisuals();\n        ngSelect.initialize();\n    };\n}"]}
+{"version":3,"file":"reinitializeOptions.js","sourceRoot":"","sources":["../../../../extensions/src/extensions/reinitializeOptions.ts"],"names":[],"mappings":";AAAA,iEAAiE;AAEjE,MAAM;AACN,8CAA8C;AAC9C,8DAA8D;AAC9D,MAAM;AACN,+GAA+G;AAC/G,IAAI;AACJ,yBAAyB;AACzB,QAAQ;AACR,sBAAsB;AACtB,YAAY;AACZ,gDAAgD;AAChD,YAAY;AAEZ,kCAAkC;AAClC,wCAAwC;AACxC,iCAAiC;AACjC,SAAS;AACT,IAAI","sourcesContent":["// import {NgSelectAction, NgSelectOptions} from '@anglr/select';\n\n// /**\n//  * Method reinitialize options for NgSelect\n//  * @param options - Options to be used for reinitialization\n//  */\n// export function reinitializeOptions<TValue = any>(options?: NgSelectOptions<TValue>): NgSelectAction<TValue>\n// {\n//     return ngSelect =>\n//     {\n//         if(options)\n//         {\n//             ngSelect.selectOptions = options;\n//         }\n\n//         ngSelect.initOptions();\n//         ngSelect.invalidateVisuals();\n//         ngSelect.initialize();\n//     };\n// }"]}

package/es2022/extensions/src/extensions/setReadonly.js

@@ -1,2 +1,22 @@
-export { ɵSetReadonly as setReadonly } from '@anglr/select';
+"use strict";
+// import {NgSelectAction} from '../../components/select';
+// /**
+//  * Sets NgSelect as readonly, non editable
+//  * @param readonly - Indication whether is select readonly or not, if omitted defaults to true
+//  * @internal
+//  */
+// export function ɵSetReadonly<TValue>(readonly: boolean = true): NgSelectAction<TValue>
+// {
+//     return ngSelect =>
+//     {
+//         ngSelect.selectOptions =
+//         {
+//             readonly: readonly
+//         };
+//         if(ngSelect.isInitialized)
+//         {
+//             ngSelect.initOptions();
+//             ngSelect.initialize();
+//         }
+//     };
 //# sourceMappingURL=setReadonly.js.map

package/es2022/extensions/src/extensions/setReadonly.js.map

@@ -1 +1 @@
-{"version":3,"file":"setReadonly.js","sourceRoot":"","sources":["../../../../extensions/src/extensions/setReadonly.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,IAAI,WAAW,EAAC,MAAM,eAAe,CAAC","sourcesContent":["export {ɵSetReadonly as setReadonly} from '@anglr/select';"]}
+{"version":3,"file":"setReadonly.js","sourceRoot":"","sources":["../../../../extensions/src/extensions/setReadonly.ts"],"names":[],"mappings":";AAAA,0DAA0D;AAE1D,MAAM;AACN,6CAA6C;AAC7C,iGAAiG;AACjG,eAAe;AACf,MAAM;AACN,yFAAyF;AACzF,IAAI;AACJ,yBAAyB;AACzB,QAAQ;AACR,mCAAmC;AACnC,YAAY;AACZ,iCAAiC;AACjC,aAAa;AAEb,qCAAqC;AACrC,YAAY;AACZ,sCAAsC;AACtC,qCAAqC;AACrC,YAAY;AACZ,SAAS","sourcesContent":["// import {NgSelectAction} from '../../components/select';\n\n// /**\n//  * Sets NgSelect as readonly, non editable\n//  * @param readonly - Indication whether is select readonly or not, if omitted defaults to true\n//  * @internal\n//  */\n// export function ɵSetReadonly<TValue>(readonly: boolean = true): NgSelectAction<TValue>\n// {\n//     return ngSelect =>\n//     {\n//         ngSelect.selectOptions =\n//         {\n//             readonly: readonly\n//         };\n\n//         if(ngSelect.isInitialized)\n//         {\n//             ngSelect.initOptions();\n//             ngSelect.initialize();\n//         }\n//     };"]}

package/es2022/extensions/src/extensions/setValue.js

@@ -1,2 +1,18 @@
-export { ɵSetValue as setValue } from '@anglr/select';
+"use strict";
+// import {NgSelectAction} from '../../components/select';
+// import {ValueHandler} from '../../plugins/valueHandler';
+// import {VALUE_HANDLER} from '../../plugins/valueHandler/types';
+// /**
+//  * Sets value of NgSelect
+//  * @param value - Value to be set into select
+//  * @internal
+//  */
+// export function ɵSetValue<TValue>(value: TValue|TValue[]): NgSelectAction<TValue>
+// {
+//     return ngSelect =>
+//     {
+//         const valueHandler = ngSelect.getPlugin(VALUE_HANDLER) as ValueHandler<TValue>;
+//         valueHandler.setValue(value);
+//     };
+// }
 //# sourceMappingURL=setValue.js.map

package/es2022/extensions/src/extensions/setValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"setValue.js","sourceRoot":"","sources":["../../../../extensions/src/extensions/setValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,IAAI,QAAQ,EAAC,MAAM,eAAe,CAAC","sourcesContent":["export {ɵSetValue as setValue} from '@anglr/select';"]}
+{"version":3,"file":"setValue.js","sourceRoot":"","sources":["../../../../extensions/src/extensions/setValue.ts"],"names":[],"mappings":";AAAA,0DAA0D;AAC1D,2DAA2D;AAC3D,kEAAkE;AAElE,MAAM;AACN,4BAA4B;AAC5B,gDAAgD;AAChD,eAAe;AACf,MAAM;AACN,oFAAoF;AACpF,IAAI;AACJ,yBAAyB;AACzB,QAAQ;AACR,0FAA0F;AAE1F,wCAAwC;AACxC,SAAS;AACT,IAAI","sourcesContent":["// import {NgSelectAction} from '../../components/select';\n// import {ValueHandler} from '../../plugins/valueHandler';\n// import {VALUE_HANDLER} from '../../plugins/valueHandler/types';\n\n// /**\n//  * Sets value of NgSelect\n//  * @param value - Value to be set into select\n//  * @internal\n//  */\n// export function ɵSetValue<TValue>(value: TValue|TValue[]): NgSelectAction<TValue>\n// {\n//     return ngSelect =>\n//     {\n//         const valueHandler = ngSelect.getPlugin(VALUE_HANDLER) as ValueHandler<TValue>;\n\n//         valueHandler.setValue(value);\n//     };\n// }"]}

package/es2022/extensions/src/extensions/valueChange.js

@@ -1,2 +1,18 @@
-export { ɵValueChange as valueChange } from '@anglr/select';
+"use strict";
+// import {Subscription} from 'rxjs';
+// import {NgSelectFunction} from '../../components/select';
+// import {ValueHandler} from '../../plugins/valueHandler';
+// import {VALUE_HANDLER} from '../../plugins/valueHandler/types';
+// /**
+//  * Adds callback that is called when value changes and returns subscription for this changes
+//  * @internal
+//  */
+// export function ɵValueChange<TValue>(callback: (value: TValue|TValue[]) => void): NgSelectFunction<Subscription, TValue>
+// {
+//     return ngSelect =>
+//     {
+//         const valueHandler = ngSelect.getPlugin(VALUE_HANDLER) as ValueHandler<TValue>;
+//         return valueHandler.valueChange.subscribe(() => callback(valueHandler.value));
+//     };
+// }
 //# sourceMappingURL=valueChange.js.map

package/es2022/extensions/src/extensions/valueChange.js.map

@@ -1 +1 @@
-{"version":3,"file":"valueChange.js","sourceRoot":"","sources":["../../../../extensions/src/extensions/valueChange.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,IAAI,WAAW,EAAC,MAAM,eAAe,CAAC","sourcesContent":["export {ɵValueChange as valueChange} from '@anglr/select';"]}
+{"version":3,"file":"valueChange.js","sourceRoot":"","sources":["../../../../extensions/src/extensions/valueChange.ts"],"names":[],"mappings":";AAAA,qCAAqC;AAErC,4DAA4D;AAC5D,2DAA2D;AAC3D,kEAAkE;AAElE,MAAM;AACN,+FAA+F;AAC/F,eAAe;AACf,MAAM;AACN,2HAA2H;AAC3H,IAAI;AACJ,yBAAyB;AACzB,QAAQ;AACR,0FAA0F;AAE1F,yFAAyF;AACzF,SAAS;AACT,IAAI","sourcesContent":["// import {Subscription} from 'rxjs';\n\n// import {NgSelectFunction} from '../../components/select';\n// import {ValueHandler} from '../../plugins/valueHandler';\n// import {VALUE_HANDLER} from '../../plugins/valueHandler/types';\n\n// /**\n//  * Adds callback that is called when value changes and returns subscription for this changes\n//  * @internal\n//  */\n// export function ɵValueChange<TValue>(callback: (value: TValue|TValue[]) => void): NgSelectFunction<Subscription, TValue>\n// {\n//     return ngSelect =>\n//     {\n//         const valueHandler = ngSelect.getPlugin(VALUE_HANDLER) as ValueHandler<TValue>;\n\n//         return valueHandler.valueChange.subscribe(() => callback(valueHandler.value));\n//     };\n// }"]}

package/es2022/extensions/src/index.js

@@ -1,8 +1,2 @@
-export * from './extensions/getValue';
-export * from './extensions/onFocus';
-export * from './extensions/reinitializeOptions';
-export * from './extensions/setReadonly';
-export * from './extensions/setValue';
-export * from './extensions/valueChange';
-export * from './extensions/patchOptions';
+export const q = 10;
 //# sourceMappingURL=index.js.map

package/es2022/extensions/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../extensions/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kCAAkC,CAAC;AACjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC","sourcesContent":["export * from './extensions/getValue';\nexport * from './extensions/onFocus';\nexport * from './extensions/reinitializeOptions';\nexport * from './extensions/setReadonly';\nexport * from './extensions/setValue';\nexport * from './extensions/valueChange';\nexport * from './extensions/patchOptions';"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../extensions/src/index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC","sourcesContent":["export const q = 10;"]}

package/es2022/material/src/components/basicDialogPopup/basicDialogPopup.component.js

@@ -1,73 +1,101 @@
-import { Component, ChangeDetectionStrategy, Inject, ChangeDetectorRef } from '@angular/core';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { extend } from '@jscrpt/common/extend';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/material/dialog";
-import * as i2 from "@angular/common";
-/**
- * Default options for popup
- * @internal
- */
-const defaultOptions = {
-    cssClasses: {
-        optionChecked: 'fa fa-check',
-        optionItemDiv: 'option-item',
-        optionItemTextDiv: 'option-item-text'
-    }
-};
-/**
- * Basic dialog popup
- */
-export class BasicDialogPopupComponent {
-    //######################### constructor #########################
-    constructor(dialog, _changeDetector, data) {
-        this.dialog = dialog;
-        this._changeDetector = _changeDetector;
-        this.data = data;
-        this.options = extend(true, {}, defaultOptions, data.options);
-    }
-    //######################### public methods - implementation of OnInit #########################
-    /**
-     * Initialize component
-     */
-    ngOnInit() {
-        if (this._optionsGatherer && this._optionsGatherer != this.data.pluginBus.selectOptions.optionsGatherer) {
-            this._optionsChangeSubscription.unsubscribe();
-            this._optionsChangeSubscription = null;
-            this._optionsGatherer = null;
-        }
-        if (!this._optionsGatherer) {
-            this._optionsGatherer = this.data.pluginBus.selectOptions.optionsGatherer;
-            this.selectOptions = this._optionsGatherer.availableOptions;
-            this._optionsChangeSubscription = this._optionsGatherer.availableOptionsChange.subscribe(() => {
-                this.selectOptions = this._optionsGatherer.availableOptions;
-                this._changeDetector.detectChanges();
-            });
-        }
-    }
-    //######################### public methods - implementation of OnDestroy #########################
-    /**
-     * Called when component is destroyed
-     */
-    ngOnDestroy() {
-        this._optionsChangeSubscription?.unsubscribe();
-        this._optionsChangeSubscription = null;
-    }
-    //######################### public methods #########################
-    /**
-     * Explicitly runs invalidation of content (change detection)
-     */
-    invalidateVisuals() {
-        this._changeDetector.detectChanges();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: BasicDialogPopupComponent, deps: [{ token: i1.MatDialogRef }, { token: i0.ChangeDetectorRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: BasicDialogPopupComponent, isStandalone: false, selector: "ng-select-basic-dialog-popup", ngImport: i0, template: "  \r\n<ng-template #defaultOptionTextLook let-option>{{option?.text}}</ng-template>\r\n\r\n<div *ngFor=\"let option of selectOptions\"\r\n     [ngClass]=\"options?.cssClasses?.optionItemDiv\"\r\n     [class.selected]=\"option?.selected\"\r\n     (click)=\"data?.pluginBus?.optionSelect?.emit(option)\">\r\n    <div [ngClass]=\"options?.cssClasses?.optionItemTextDiv\">\r\n        <ng-container *ngTemplateOutlet=\"data?.pluginBus?.selectOptions?.templateGatherer?.optionTemplate || defaultOptionTextLook; context: {$implicit: option, popup: this}\"></ng-container>\r\n    </div>\r\n\r\n    <div *ngIf=\"option?.selected && data?.pluginBus?.selectOptions?.multiple\" [ngClass]=\"options?.cssClasses?.optionChecked\"></div>\r\n</div>", styles: [".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: "21.1.3", ngImport: i0, type: BasicDialogPopupComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ng-select-basic-dialog-popup', standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "  \r\n<ng-template #defaultOptionTextLook let-option>{{option?.text}}</ng-template>\r\n\r\n<div *ngFor=\"let option of selectOptions\"\r\n     [ngClass]=\"options?.cssClasses?.optionItemDiv\"\r\n     [class.selected]=\"option?.selected\"\r\n     (click)=\"data?.pluginBus?.optionSelect?.emit(option)\">\r\n    <div [ngClass]=\"options?.cssClasses?.optionItemTextDiv\">\r\n        <ng-container *ngTemplateOutlet=\"data?.pluginBus?.selectOptions?.templateGatherer?.optionTemplate || defaultOptionTextLook; context: {$implicit: option, popup: this}\"></ng-container>\r\n    </div>\r\n\r\n    <div *ngIf=\"option?.selected && data?.pluginBus?.selectOptions?.multiple\" [ngClass]=\"options?.cssClasses?.optionChecked\"></div>\r\n</div>", styles: [".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: () => [{ type: i1.MatDialogRef }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
-                }] }] });
+"use strict";
+// import {Component, ChangeDetectionStrategy, Inject, OnDestroy, OnInit, ChangeDetectorRef} from '@angular/core';
+// import {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';
+// import {OptionsGatherer, ɵNgSelectOption} from '@anglr/select';
+// import {extend} from '@jscrpt/common/extend';
+// import {Subscription} from 'rxjs';
+// import {DialogPopupComponentData, DialogPopupContentComponent} from '../../plugins/popup/dialog/dialogPopup.interface';
+// import {BasicDialogPopupOptions, CssClassesBasicDialogPopup} from './basicDialogPopup.interface';
+// /**
+//  * Default options for popup
+//  * @internal
+//  */
+// const defaultOptions: BasicDialogPopupOptions =
+// {
+//     cssClasses:
+//     {
+//         optionChecked: 'fa fa-check',
+//         optionItemDiv: 'option-item',
+//         optionItemTextDiv: 'option-item-text'
+//     }
+// };
+// /**
+//  * Basic dialog popup
+//  */
+// @Component(
+// {
+//     selector: 'ng-select-basic-dialog-popup',
+//     templateUrl: 'basicDialogPopup.component.html',
+//     styleUrl: 'basicDialogPopup.component.css',
+//     standalone: false,
+//     changeDetection: ChangeDetectionStrategy.OnPush
+// })
+// export class BasicDialogPopupComponent<TValue = any> implements DialogPopupContentComponent<BasicDialogPopupOptions, TValue, CssClassesBasicDialogPopup>, OnInit, OnDestroy
+// {
+//     //######################### protected properties #########################
+//     /**
+//      * Subscription for available options change
+//      */
+//     protected _optionsChangeSubscription: Subscription;
+//     /**
+//      * Instance of options gatherer, that is used for obtaining available options
+//      */
+//     protected _optionsGatherer: OptionsGatherer<TValue>;
+//     //######################### public properties - template bindings #########################
+//     /**
+//      * Options for NgSelect plugin
+//      */
+//     public options: BasicDialogPopupOptions;
+//     /**
+//      * Array of provided options for select
+//      */
+//     public selectOptions: ɵNgSelectOption<TValue>[];
+//     //######################### constructor #########################
+//     constructor(public dialog: MatDialogRef<BasicDialogPopupComponent<TValue>>,
+//                 protected _changeDetector: ChangeDetectorRef,
+//                 @Inject(MAT_DIALOG_DATA) public data: DialogPopupComponentData<BasicDialogPopupOptions, TValue, CssClassesBasicDialogPopup>)
+//     {
+//         this.options = extend(true, {}, defaultOptions, data.options);
+//     }
+//     //######################### public methods - implementation of OnInit #########################
+//     /**
+//      * Initialize component
+//      */
+//     public ngOnInit()
+//     {
+//         if(this._optionsGatherer && this._optionsGatherer != this.data.pluginBus.selectOptions.optionsGatherer)
+//         {
+//             this._optionsChangeSubscription.unsubscribe();
+//             this._optionsChangeSubscription = null;
+//             this._optionsGatherer = null;
+//         }
+//         if(!this._optionsGatherer)
+//         {
+//             this._optionsGatherer = this.data.pluginBus.selectOptions.optionsGatherer;
+//             this.selectOptions = this._optionsGatherer.availableOptions;
+//             this._optionsChangeSubscription = this._optionsGatherer.availableOptionsChange.subscribe(() =>
+//             {
+//                 this.selectOptions = this._optionsGatherer.availableOptions;
+//                 this._changeDetector.detectChanges();
+//             });
+//         }
+//     }
+//     //######################### public methods - implementation of OnDestroy #########################
+//     /**
+//      * Called when component is destroyed
+//      */
+//     public ngOnDestroy()
+//     {
+//         this._optionsChangeSubscription?.unsubscribe();
+//         this._optionsChangeSubscription = null;
+//     }
+//     //######################### public methods #########################
+//     /**
+//      * Explicitly runs invalidation of content (change detection)
+//      */
+//     public invalidateVisuals(): void
+//     {
+//         this._changeDetector.detectChanges();
+//     }
+// }
 //# sourceMappingURL=basicDialogPopup.component.js.map