@anglr/select 16.0.2 → 16.0.3

package/changelog.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## Version 16.0.3 (2026-05-04)
+
+### Bug Fixes
+
+- fixed `StaticValueHandler` plugin component
+   - returns postponed value if trying to obtain value before options are set
+
 ## Version 16.0.2 (2026-04-27)
 
 ### Bug Fixes

package/es2022/src/plugins/valueHandler/staticValueHandler/staticValueHandler.component.js

@@ -1,5 +1,5 @@
 import { __decorate, __metadata } from "tslib";
-import { ChangeDetectionStrategy, Component, computed, effect, ElementRef, Inject, inject, Optional, untracked } from '@angular/core';
+import { ChangeDetectionStrategy, Component, computed, effect, ElementRef, Inject, inject, Optional, signal, untracked } from '@angular/core';
 import { LOGGER } from '@anglr/common';
 import { isBlank, isPresent } from '@jscrpt/common';
 import { deepCopyWithArrayOverride } from '@jscrpt/common/lodash';
@@ -19,7 +19,7 @@ export class StaticValueHandler {
         /**
          * Postponed value that will be set when options are loaded. This is needed for case when value is set before options are loaded, so we cannot set value right away, but we will handle setting value when options are loaded
          */
-        this.postponedValue = null;
+        this.postponedValue = signal(null, ...(ngDevMode ? [{ debugName: "postponedValue" }] : []));
         /**
          * @inheritdoc
          */
@@ -40,14 +40,15 @@ export class StaticValueHandler {
         /**
          * @inheritdoc
          */
-        this.value = computed(computedValue.bind(this), ...(ngDevMode ? [{ debugName: "value" }] : []));
+        this.value = computed(() => this.postponedValue() ?? computedValue.bind(this)(), ...(ngDevMode ? [{ debugName: "value" }] : []));
         this.options = deepCopyWithArrayOverride(defaultOptions, options);
         effect(() => {
             const availableOptions = this.selectPlugins.OptionsHandler.availableOptions();
-            if (isPresent(availableOptions) && isPresent(this.postponedValue)) {
-                this.logger.verbose('Select: Value handler: setting postponed value "{{@(4)value}}"', { value: this.postponedValue });
-                this.setValueInternal(this.postponedValue, availableOptions);
-                this.postponedValue = null;
+            const postponedValue = untracked(() => this.postponedValue());
+            if (isPresent(availableOptions) && isPresent(postponedValue)) {
+                this.logger.verbose('Select: Value handler: setting postponed value "{{@(4)value}}"', { value: postponedValue });
+                this.setValueInternal(postponedValue, availableOptions);
+                this.postponedValue.set(null);
             }
         });
     }
@@ -61,10 +62,10 @@ export class StaticValueHandler {
         //Options are not loaded yet, so we cannot set value, but we will handle setting value when options are loaded
         if (isBlank(availableOptions)) {
             this.logger.verbose('Select: Value handler: options not loaded yet, postponing value "{{@(4)value}}"', { value });
-            this.postponedValue = value;
+            this.postponedValue.set(value);
             return;
         }
-        this.postponedValue = null;
+        this.postponedValue.set(null);
         this.setValueInternal(value, availableOptions);
     }
     //######################### protected methods #########################

package/es2022/src/plugins/valueHandler/staticValueHandler/staticValueHandler.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"staticValueHandler.component.js","sourceRoot":"","sources":["../../../../../src/plugins/valueHandler/staticValueHandler/staticValueHandler.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {ChangeDetectionStrategy, Component, computed, effect, ElementRef, Inject, inject, Optional, Signal, untracked} from '@angular/core';\nimport {LOGGER, Logger} from '@anglr/common';\nimport {isBlank, isPresent, RecursivePartial} from '@jscrpt/common';\nimport {deepCopyWithArrayOverride} from '@jscrpt/common/lodash';\n\nimport {SelectOptionState, ValueHandler, ValueHandlerOptions} from '../../../interfaces';\nimport {SelectPluginInstances, SelectBus} from '../../../misc/classes';\nimport {CopyOptionsAsSignal} from '../../../decorators';\nimport {VALUE_HANDLER_OPTIONS} from '../../../misc/tokens';\nimport {compareValueAndOption, computedValue} from '../../../misc/utils';\nimport {ValueComputedFunc} from '../../../misc/types';\n\nconst defaultOptions: ValueHandlerOptions =\n{\n};\n\n/**\n * Value handler for static values. That means all values are available right away statically.\n */\n@Component(\n{\n    selector: 'static-value-handler',\n    template: '',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class StaticValueHandler<TValue = unknown, TPublicValue = TValue> implements ValueHandler<TValue, TPublicValue, ValueHandlerOptions>\n{\n    //######################### protected fields #########################\n\n    /**\n     * Postponed value that will be set when options are loaded. This is needed for case when value is set before options are loaded, so we cannot set value right away, but we will handle setting value when options are loaded\n     */\n    protected postponedValue: TPublicValue|TPublicValue[]|undefined|null = null;\n\n    //######################### public properties - implementation of SelectPlugin #########################\n\n    /**\n     * @inheritdoc\n     */\n    @CopyOptionsAsSignal()\n    public options: ValueHandlerOptions;\n\n    /**\n     * @inheritdoc\n     */\n    public selectPlugins: SelectPluginInstances<TValue, TPublicValue> = inject(SelectPluginInstances);\n\n    /**\n     * @inheritdoc\n     */\n    public pluginElement: ElementRef<HTMLElement> = inject(ElementRef);\n\n    /**\n     * @inheritdoc\n     */\n    public selectBus: SelectBus<TValue, TPublicValue> = inject(SelectBus);\n\n    /**\n     * Instance of logger for logging purposes\n     */\n    protected logger: Logger = inject(LOGGER);\n\n    //######################### public properties - implementation of ValueHandler #########################\n\n    /**\n     * @inheritdoc\n     */\n    public readonly value: Signal<TPublicValue|TPublicValue[]|undefined|null> = computed((computedValue as ValueComputedFunc<TPublicValue>).bind(this));\n\n    //######################### constructor #########################\n    constructor(@Inject(VALUE_HANDLER_OPTIONS) @Optional() options?: RecursivePartial<ValueHandlerOptions>|null,)\n    {\n        this.options = deepCopyWithArrayOverride(defaultOptions as ValueHandlerOptions,\n                                                 options);\n\n        effect(() =>\n        {\n            const availableOptions = this.selectPlugins.OptionsHandler.availableOptions();\n\n            if(isPresent(availableOptions) && isPresent(this.postponedValue))\n            {\n                this.logger.verbose('Select: Value handler: setting postponed value \"{{@(4)value}}\"', {value: this.postponedValue});\n\n                this.setValueInternal(this.postponedValue, availableOptions);\n                this.postponedValue = null;\n            }\n        });\n    }\n\n    //######################### public methods - implementation of ValueHandler #########################\n\n    /**\n     * @inheritdoc\n     */\n    public setValue(value: TPublicValue|TPublicValue[]|undefined|null): void\n    {\n        this.logger.verbose('Select: Value handler: setting value \"{{@(4)value}}\"', {value});\n        const availableOptions = untracked(() => this.selectPlugins.OptionsHandler.availableOptions());\n\n        //Options are not loaded yet, so we cannot set value, but we will handle setting value when options are loaded\n        if(isBlank(availableOptions))\n        {\n            this.logger.verbose('Select: Value handler: options not loaded yet, postponing value \"{{@(4)value}}\"', {value});\n            this.postponedValue = value;\n\n            return;\n        }\n\n        this.postponedValue = null;\n        this.setValueInternal(value, availableOptions);\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Handles setting value when options are loaded\n     * @param value - Value to be set\n     * @param availableOptions - Available options that are checked whether they contain value that is being set, so we can set value only if it is available in options\n     */\n    protected setValueInternal(value: TPublicValue|TPublicValue[]|undefined|null, availableOptions: readonly SelectOptionState<TValue>[]): void\n    {\n        //this keeps only values that are available in options\n        untracked(() =>\n        {\n            const selected = this.selectBus.selectedOptions();\n\n            if(Array.isArray(selected))\n            {\n                for(const option of selected)\n                {\n                    option.selected.set(false);\n                }\n            }\n            else if(isPresent(selected))\n            {\n                selected.selected.set(false);\n            }\n\n            if(this.selectBus.selectOptions().multiple)\n            {\n                if(isBlank(value))\n                {\n                    this.logger.verbose('Select: Value handler: value is blank, clearing selected options');\n\n                    this.selectBus.selectedOptions.set([]);\n\n                    return;\n                }\n\n                if(!Array.isArray(value))\n                {\n                    throw new Error('Value must be an array when multiple is set');\n                }\n\n                const selectedOptions: SelectOptionState<TValue>[] = [];\n\n                for(const val of value)\n                {\n                    const option = availableOptions.find(opt => compareValueAndOption(val, opt, this.selectBus));\n\n                    if(option)\n                    {\n                        option.selected.set(true);\n                        selectedOptions.push(option);\n                    }\n                }\n\n                this.logger.verbose('Select: Value handler: selecting multiple options value \"{{@(4)value}}\"', {value: selectedOptions});\n                this.selectBus.selectedOptions.set(selectedOptions);\n            }\n            else\n            {\n                const selectedOption = availableOptions.find(opt => compareValueAndOption(value as TPublicValue, opt, this.selectBus));\n                selectedOption?.selected.set(true);\n                this.logger.verbose('Select: Value handler: selecting single option value \"{{@(4)value}}\"', {value: selectedOption?.value()});\n\n                this.selectBus.selectedOptions.set(selectedOption ?? null);\n            }\n        });\n    }\n}\n"]}
+{"version":3,"file":"staticValueHandler.component.js","sourceRoot":"","sources":["../../../../../src/plugins/valueHandler/staticValueHandler/staticValueHandler.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {ChangeDetectionStrategy, Component, computed, effect, ElementRef, Inject, inject, Optional, signal, Signal, untracked, WritableSignal} from '@angular/core';\nimport {LOGGER, Logger} from '@anglr/common';\nimport {isBlank, isPresent, RecursivePartial} from '@jscrpt/common';\nimport {deepCopyWithArrayOverride} from '@jscrpt/common/lodash';\n\nimport {SelectOptionState, ValueHandler, ValueHandlerOptions} from '../../../interfaces';\nimport {SelectPluginInstances, SelectBus} from '../../../misc/classes';\nimport {CopyOptionsAsSignal} from '../../../decorators';\nimport {VALUE_HANDLER_OPTIONS} from '../../../misc/tokens';\nimport {compareValueAndOption, computedValue} from '../../../misc/utils';\nimport {ValueComputedFunc} from '../../../misc/types';\n\nconst defaultOptions: ValueHandlerOptions =\n{\n};\n\n/**\n * Value handler for static values. That means all values are available right away statically.\n */\n@Component(\n{\n    selector: 'static-value-handler',\n    template: '',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class StaticValueHandler<TValue = unknown, TPublicValue = TValue> implements ValueHandler<TValue, TPublicValue, ValueHandlerOptions>\n{\n    //######################### protected fields #########################\n\n    /**\n     * Postponed value that will be set when options are loaded. This is needed for case when value is set before options are loaded, so we cannot set value right away, but we will handle setting value when options are loaded\n     */\n    protected postponedValue: WritableSignal<TPublicValue|TPublicValue[]|undefined|null> = signal(null);\n\n    //######################### public properties - implementation of SelectPlugin #########################\n\n    /**\n     * @inheritdoc\n     */\n    @CopyOptionsAsSignal()\n    public options: ValueHandlerOptions;\n\n    /**\n     * @inheritdoc\n     */\n    public selectPlugins: SelectPluginInstances<TValue, TPublicValue> = inject(SelectPluginInstances);\n\n    /**\n     * @inheritdoc\n     */\n    public pluginElement: ElementRef<HTMLElement> = inject(ElementRef);\n\n    /**\n     * @inheritdoc\n     */\n    public selectBus: SelectBus<TValue, TPublicValue> = inject(SelectBus);\n\n    /**\n     * Instance of logger for logging purposes\n     */\n    protected logger: Logger = inject(LOGGER);\n\n    //######################### public properties - implementation of ValueHandler #########################\n\n    /**\n     * @inheritdoc\n     */\n    public readonly value: Signal<TPublicValue|TPublicValue[]|undefined|null> = computed(() => this.postponedValue() ?? (computedValue as ValueComputedFunc<TPublicValue>).bind(this)());\n\n    //######################### constructor #########################\n    constructor(@Inject(VALUE_HANDLER_OPTIONS) @Optional() options?: RecursivePartial<ValueHandlerOptions>|null,)\n    {\n        this.options = deepCopyWithArrayOverride(defaultOptions as ValueHandlerOptions,\n                                                 options);\n\n        effect(() =>\n        {\n            const availableOptions = this.selectPlugins.OptionsHandler.availableOptions();\n            const postponedValue = untracked(() => this.postponedValue());\n\n            if(isPresent(availableOptions) && isPresent(postponedValue))\n            {\n                this.logger.verbose('Select: Value handler: setting postponed value \"{{@(4)value}}\"', {value: postponedValue});\n\n                this.setValueInternal(postponedValue, availableOptions);\n                this.postponedValue.set(null);\n            }\n        });\n    }\n\n    //######################### public methods - implementation of ValueHandler #########################\n\n    /**\n     * @inheritdoc\n     */\n    public setValue(value: TPublicValue|TPublicValue[]|undefined|null): void\n    {\n        this.logger.verbose('Select: Value handler: setting value \"{{@(4)value}}\"', {value});\n        const availableOptions = untracked(() => this.selectPlugins.OptionsHandler.availableOptions());\n\n        //Options are not loaded yet, so we cannot set value, but we will handle setting value when options are loaded\n        if(isBlank(availableOptions))\n        {\n            this.logger.verbose('Select: Value handler: options not loaded yet, postponing value \"{{@(4)value}}\"', {value});\n            this.postponedValue.set(value);\n\n            return;\n        }\n\n        this.postponedValue.set(null);\n        this.setValueInternal(value, availableOptions);\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Handles setting value when options are loaded\n     * @param value - Value to be set\n     * @param availableOptions - Available options that are checked whether they contain value that is being set, so we can set value only if it is available in options\n     */\n    protected setValueInternal(value: TPublicValue|TPublicValue[]|undefined|null, availableOptions: readonly SelectOptionState<TValue>[]): void\n    {\n        //this keeps only values that are available in options\n        untracked(() =>\n        {\n            const selected = this.selectBus.selectedOptions();\n\n            if(Array.isArray(selected))\n            {\n                for(const option of selected)\n                {\n                    option.selected.set(false);\n                }\n            }\n            else if(isPresent(selected))\n            {\n                selected.selected.set(false);\n            }\n\n            if(this.selectBus.selectOptions().multiple)\n            {\n                if(isBlank(value))\n                {\n                    this.logger.verbose('Select: Value handler: value is blank, clearing selected options');\n\n                    this.selectBus.selectedOptions.set([]);\n\n                    return;\n                }\n\n                if(!Array.isArray(value))\n                {\n                    throw new Error('Value must be an array when multiple is set');\n                }\n\n                const selectedOptions: SelectOptionState<TValue>[] = [];\n\n                for(const val of value)\n                {\n                    const option = availableOptions.find(opt => compareValueAndOption(val, opt, this.selectBus));\n\n                    if(option)\n                    {\n                        option.selected.set(true);\n                        selectedOptions.push(option);\n                    }\n                }\n\n                this.logger.verbose('Select: Value handler: selecting multiple options value \"{{@(4)value}}\"', {value: selectedOptions});\n                this.selectBus.selectedOptions.set(selectedOptions);\n            }\n            else\n            {\n                const selectedOption = availableOptions.find(opt => compareValueAndOption(value as TPublicValue, opt, this.selectBus));\n                selectedOption?.selected.set(true);\n                this.logger.verbose('Select: Value handler: selecting single option value \"{{@(4)value}}\"', {value: selectedOption?.value()});\n\n                this.selectBus.selectedOptions.set(selectedOption ?? null);\n            }\n        });\n    }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@anglr/select",
-    "version": "16.0.2",
+    "version": "16.0.3",
     "description": "Angular component representing html select",
     "type": "module",
     "sideEffects": false,

package/src/plugins/valueHandler/staticValueHandler/staticValueHandler.component.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, Signal } from '@angular/core';
+import { ElementRef, Signal, WritableSignal } from '@angular/core';
 import { Logger } from '@anglr/common';
 import { RecursivePartial } from '@jscrpt/common';
 import { SelectOptionState, ValueHandler, ValueHandlerOptions } from '../../../interfaces';
@@ -11,7 +11,7 @@ export declare class StaticValueHandler<TValue = unknown, TPublicValue = TValue>
     /**
      * Postponed value that will be set when options are loaded. This is needed for case when value is set before options are loaded, so we cannot set value right away, but we will handle setting value when options are loaded
      */
-    protected postponedValue: TPublicValue | TPublicValue[] | undefined | null;
+    protected postponedValue: WritableSignal<TPublicValue | TPublicValue[] | undefined | null>;
     /**
      * @inheritdoc
      */

package/src/plugins/valueHandler/staticValueHandler/staticValueHandler.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"staticValueHandler.component.d.ts","sourceRoot":"","sources":["staticValueHandler.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuD,UAAU,EAA4B,MAAM,EAAY,MAAM,eAAe,CAAC;AAC5I,OAAO,EAAS,MAAM,EAAC,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAqB,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAGpE,OAAO,EAAC,iBAAiB,EAAE,YAAY,EAAE,mBAAmB,EAAC,MAAM,qBAAqB,CAAC;AACzF,OAAO,EAAC,qBAAqB,EAAE,SAAS,EAAC,MAAM,uBAAuB,CAAC;;AAUvE;;GAEG;AACH,qBAMa,kBAAkB,CAAC,MAAM,GAAG,OAAO,EAAE,YAAY,GAAG,MAAM,CAAE,YAAW,YAAY,CAAC,MAAM,EAAE,YAAY,EAAE,mBAAmB,CAAC;IAIvI;;OAEG;IACH,SAAS,CAAC,cAAc,EAAE,YAAY,GAAC,YAAY,EAAE,GAAC,SAAS,GAAC,IAAI,CAAQ;IAI5E;;OAEG;IAEI,OAAO,EAAE,mBAAmB,CAAC;IAEpC;;OAEG;IACI,aAAa,EAAE,qBAAqB,CAAC,MAAM,EAAE,YAAY,CAAC,CAAiC;IAElG;;OAEG;IACI,aAAa,EAAE,UAAU,CAAC,WAAW,CAAC,CAAsB;IAEnE;;OAEG;IACI,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,YAAY,CAAC,CAAqB;IAEtE;;OAEG;IACH,SAAS,CAAC,MAAM,EAAE,MAAM,CAAkB;IAI1C;;OAEG;IACH,SAAgB,KAAK,EAAE,MAAM,CAAC,YAAY,GAAC,YAAY,EAAE,GAAC,SAAS,GAAC,IAAI,CAAC,CAA2E;gBAG7F,OAAO,CAAC,EAAE,gBAAgB,CAAC,mBAAmB,CAAC,GAAC,IAAI;IAqB3G;;OAEG;IACI,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAC,YAAY,EAAE,GAAC,SAAS,GAAC,IAAI,GAAG,IAAI;IAoBxE;;;;OAIG;IACH,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,YAAY,GAAC,YAAY,EAAE,GAAC,SAAS,GAAC,IAAI,EAAE,gBAAgB,EAAE,SAAS,iBAAiB,CAAC,MAAM,CAAC,EAAE,GAAG,IAAI;yCA9FlI,kBAAkB;2CAAlB,kBAAkB;CA2J9B"}
+{"version":3,"file":"staticValueHandler.component.d.ts","sourceRoot":"","sources":["staticValueHandler.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuD,UAAU,EAAoC,MAAM,EAAa,cAAc,EAAC,MAAM,eAAe,CAAC;AACpK,OAAO,EAAS,MAAM,EAAC,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAqB,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAGpE,OAAO,EAAC,iBAAiB,EAAE,YAAY,EAAE,mBAAmB,EAAC,MAAM,qBAAqB,CAAC;AACzF,OAAO,EAAC,qBAAqB,EAAE,SAAS,EAAC,MAAM,uBAAuB,CAAC;;AAUvE;;GAEG;AACH,qBAMa,kBAAkB,CAAC,MAAM,GAAG,OAAO,EAAE,YAAY,GAAG,MAAM,CAAE,YAAW,YAAY,CAAC,MAAM,EAAE,YAAY,EAAE,mBAAmB,CAAC;IAIvI;;OAEG;IACH,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC,YAAY,GAAC,YAAY,EAAE,GAAC,SAAS,GAAC,IAAI,CAAC,CAAgB;IAIpG;;OAEG;IAEI,OAAO,EAAE,mBAAmB,CAAC;IAEpC;;OAEG;IACI,aAAa,EAAE,qBAAqB,CAAC,MAAM,EAAE,YAAY,CAAC,CAAiC;IAElG;;OAEG;IACI,aAAa,EAAE,UAAU,CAAC,WAAW,CAAC,CAAsB;IAEnE;;OAEG;IACI,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,YAAY,CAAC,CAAqB;IAEtE;;OAEG;IACH,SAAS,CAAC,MAAM,EAAE,MAAM,CAAkB;IAI1C;;OAEG;IACH,SAAgB,KAAK,EAAE,MAAM,CAAC,YAAY,GAAC,YAAY,EAAE,GAAC,SAAS,GAAC,IAAI,CAAC,CAA4G;gBAG9H,OAAO,CAAC,EAAE,gBAAgB,CAAC,mBAAmB,CAAC,GAAC,IAAI;IAsB3G;;OAEG;IACI,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAC,YAAY,EAAE,GAAC,SAAS,GAAC,IAAI,GAAG,IAAI;IAoBxE;;;;OAIG;IACH,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,YAAY,GAAC,YAAY,EAAE,GAAC,SAAS,GAAC,IAAI,EAAE,gBAAgB,EAAE,SAAS,iBAAiB,CAAC,MAAM,CAAC,EAAE,GAAG,IAAI;yCA/FlI,kBAAkB;2CAAlB,kBAAkB;CA4J9B"}

package/version.bak

@@ -1 +1 @@
-16.0.2 
+16.0.3