@anglr/select 17.2.0 → 18.0.0-beta.20260805050455

package/.claude/skills/angular-developer/references/testing-fundamentals.md

@@ -1,66 +1,66 @@
-# Testing Fundamentals
-
-This guide covers the fundamental principles and practices for writing unit tests in this repository, which uses Vitest as the test runner.
-
-## Core Philosophy: Zoneless & Async-First
-
-This project follows a modern, zoneless testing approach. State changes schedule updates asynchronously, and tests must account for this.
-
-**Do NOT** use `fixture.detectChanges()` to manually trigger updates.
-**ALWAYS** use the "Act, Wait, Assert" pattern:
-
-1.  **Act:** Update state or perform an action (e.g., set a component input, click a button).
-2.  **Wait:** Use `await fixture.whenStable()` to allow the framework to process the scheduled update and render the changes.
-3.  **Assert:** Verify the outcome.
-
-### Basic Test Structure Example
-
-```ts
-import {ComponentFixture, TestBed} from '@angular/core/testing';
-import {MyComponent} from './my.component';
-
-describe('MyComponent', () => {
-  let component: MyComponent;
-  let fixture: ComponentFixture<MyComponent>;
-  let h1: HTMLElement;
-
-  beforeEach(async () => {
-    // 1. Configure the test module
-    await TestBed.configureTestingModule({
-      imports: [MyComponent],
-    }).compileComponents();
-
-    // 2. Create the component fixture
-    fixture = TestBed.createComponent(MyComponent);
-    component = fixture.componentInstance;
-    h1 = fixture.nativeElement.querySelector('h1');
-  });
-
-  it('should display the default title', async () => {
-    // ACT: (Implicit) Component is created with default state.
-    // WAIT for initial data binding.
-    await fixture.whenStable();
-    // ASSERT the initial state.
-    expect(h1.textContent).toContain('Default Title');
-  });
-
-  it('should display a different title after a change', async () => {
-    // ACT: Change the component's title property.
-    component.title.set('New Test Title');
-
-    // WAIT for the asynchronous update to complete.
-    await fixture.whenStable();
-
-    // ASSERT the DOM has been updated.
-    expect(h1.textContent).toContain('New Test Title');
-  });
-});
-```
-
-## TestBed and ComponentFixture
-
-- **`TestBed`**: The primary utility for creating a test-specific Angular module. Use `TestBed.configureTestingModule({...})` in your `beforeEach` to declare components, provide services, and set up imports needed for your test.
-- **`ComponentFixture`**: A handle on the created component instance and its environment.
-  - `fixture.componentInstance`: Access the component's class instance.
-  - `fixture.nativeElement`: Access the component's root DOM element.
-  - `fixture.debugElement`: An Angular-specific wrapper around the `nativeElement` that provides safer, platform-agnostic ways to query the DOM (e.g., `debugElement.query(By.css('p'))`).
+# Testing Fundamentals
+
+This guide covers the fundamental principles and practices for writing unit tests in this repository, which uses Vitest as the test runner.
+
+## Core Philosophy: Zoneless & Async-First
+
+This project follows a modern, zoneless testing approach. State changes schedule updates asynchronously, and tests must account for this.
+
+**Do NOT** use `fixture.detectChanges()` to manually trigger updates.
+**ALWAYS** use the "Act, Wait, Assert" pattern:
+
+1.  **Act:** Update state or perform an action (e.g., set a component input, click a button).
+2.  **Wait:** Use `await fixture.whenStable()` to allow the framework to process the scheduled update and render the changes.
+3.  **Assert:** Verify the outcome.
+
+### Basic Test Structure Example
+
+```ts
+import {ComponentFixture, TestBed} from '@angular/core/testing';
+import {MyComponent} from './my.component';
+
+describe('MyComponent', () => {
+  let component: MyComponent;
+  let fixture: ComponentFixture<MyComponent>;
+  let h1: HTMLElement;
+
+  beforeEach(async () => {
+    // 1. Configure the test module
+    await TestBed.configureTestingModule({
+      imports: [MyComponent],
+    }).compileComponents();
+
+    // 2. Create the component fixture
+    fixture = TestBed.createComponent(MyComponent);
+    component = fixture.componentInstance;
+    h1 = fixture.nativeElement.querySelector('h1');
+  });
+
+  it('should display the default title', async () => {
+    // ACT: (Implicit) Component is created with default state.
+    // WAIT for initial data binding.
+    await fixture.whenStable();
+    // ASSERT the initial state.
+    expect(h1.textContent).toContain('Default Title');
+  });
+
+  it('should display a different title after a change', async () => {
+    // ACT: Change the component's title property.
+    component.title.set('New Test Title');
+
+    // WAIT for the asynchronous update to complete.
+    await fixture.whenStable();
+
+    // ASSERT the DOM has been updated.
+    expect(h1.textContent).toContain('New Test Title');
+  });
+});
+```
+
+## TestBed and ComponentFixture
+
+- **`TestBed`**: The primary utility for creating a test-specific Angular module. Use `TestBed.configureTestingModule({...})` in your `beforeEach` to declare components, provide services, and set up imports needed for your test.
+- **`ComponentFixture`**: A handle on the created component instance and its environment.
+  - `fixture.componentInstance`: Access the component's class instance.
+  - `fixture.nativeElement`: Access the component's root DOM element.
+  - `fixture.debugElement`: An Angular-specific wrapper around the `nativeElement` that provides safer, platform-agnostic ways to query the DOM (e.g., `debugElement.query(By.css('p'))`).

package/.github/instructions/typescript/code-conventions.md

@@ -1,8 +1,8 @@
-# Code conventions
-
-- Use Angular Developer skills and best practices whenever possible, but also:
-  - Always use explicit type annotations for class members even if type can be inferred even if it is not recommended by any skill
-  - Use `const` whenever possible, and only use `let` when variable needs to be reassigned
-  - For local constants, let typescript infer type if it is possible to infer it from initializer, otherwise use explicit type annotation
-  - Use `readonly` modifier for class members that are not reassigned after initialization
+# Code conventions
+
+- Use Angular Developer skills and best practices whenever possible, but also:
+  - Always use explicit type annotations for class members even if type can be inferred even if it is not recommended by any skill
+  - Use `const` whenever possible, and only use `let` when variable needs to be reassigned
+  - For local constants, let typescript infer type if it is possible to infer it from initializer, otherwise use explicit type annotation
+  - Use `readonly` modifier for class members that are not reassigned after initialization
   - Always use access modifiers for class members (private, protected, public)

package/.github/instructions/typescript/comments.md

@@ -1,41 +1,41 @@
-# Comments
-
-- Use JSDoc comments everywhere (classes, interfaces, types, functions, constants, properties, methods, parameters, etc.)
-- Use JSDoc for all members, also for private, protected
-- Use title `//######################### <name-of-title> #########################` for group of members in class or interface, where `<name-of-title>` is descriptive name of the group:
-  - supported names of titles are: `private fields`, `protected fields`, `protected properties`, `protected properties - template bindings`, `protected properties - children`, `public properties`, `public properties - inputs`, `public properties - outputs`, `public properties - models`, `constructor`, `public methods - implementation of <interface-name>`, `public methods`, `protected methods - template bindings`, `protected methods - overrides`, `protected methods`, `private methods`
-  - use empty line before and after title (except if its first line of the block)
-  - order members in class or interface according to the following rules (unless dependencies between members require different order):
-    - private fields
-    - protected fields
-    - protected properties
-    - protected properties - template bindings 
-    - protected properties - children
-    - public properties
-    - public properties - inputs
-    - public properties - outputs
-    - public properties - models
-    - constructor
-    - public methods - implementation of <interface-name>
-    - public methods
-    - protected methods - template bindings
-    - protected methods - overrides
-    - protected methods
-    - private methods
-  - when to use each group
-    - private fields - use this for all private properties
-    - protected fields - use this for all protected properties that are used only in component
-    - protected properties - use this only for getter and setter properties
-    - protected properties - template bindings  - use this for properties that are used in template
-    - protected properties - children - use this for Angular *view child/children* and *content child/children* properties
-    - public properties - use this for rest of public properties
-    - public properties - inputs - use this for Angular *inputs* properties
-    - public properties - outputs - use this for Angular *outputs* properties
-    - public properties - models - use this for Angular *model* properties
-    - constructor - use this only for constructor
-    - public methods - implementation of <interface-name> - use this for each method that was implemented by <interface-name>
-    - public methods - use this for rest of public methods
-    - protected methods - template bindings - use this for protected methdos that are used in template
-    - protected methods - overrides - use this for all protected methods that are overriden
-    - protected methods - use this for all protected methods that are used only in component
+# Comments
+
+- Use JSDoc comments everywhere (classes, interfaces, types, functions, constants, properties, methods, parameters, etc.)
+- Use JSDoc for all members, also for private, protected
+- Use title `//######################### <name-of-title> #########################` for group of members in class or interface, where `<name-of-title>` is descriptive name of the group:
+  - supported names of titles are: `private fields`, `protected fields`, `protected properties`, `protected properties - template bindings`, `protected properties - children`, `public properties`, `public properties - inputs`, `public properties - outputs`, `public properties - models`, `constructor`, `public methods - implementation of <interface-name>`, `public methods`, `protected methods - template bindings`, `protected methods - overrides`, `protected methods`, `private methods`
+  - use empty line before and after title (except if its first line of the block)
+  - order members in class or interface according to the following rules (unless dependencies between members require different order):
+    - private fields
+    - protected fields
+    - protected properties
+    - protected properties - template bindings 
+    - protected properties - children
+    - public properties
+    - public properties - inputs
+    - public properties - outputs
+    - public properties - models
+    - constructor
+    - public methods - implementation of <interface-name>
+    - public methods
+    - protected methods - template bindings
+    - protected methods - overrides
+    - protected methods
+    - private methods
+  - when to use each group
+    - private fields - use this for all private properties
+    - protected fields - use this for all protected properties that are used only in component
+    - protected properties - use this only for getter and setter properties
+    - protected properties - template bindings  - use this for properties that are used in template
+    - protected properties - children - use this for Angular *view child/children* and *content child/children* properties
+    - public properties - use this for rest of public properties
+    - public properties - inputs - use this for Angular *inputs* properties
+    - public properties - outputs - use this for Angular *outputs* properties
+    - public properties - models - use this for Angular *model* properties
+    - constructor - use this only for constructor
+    - public methods - implementation of <interface-name> - use this for each method that was implemented by <interface-name>
+    - public methods - use this for rest of public methods
+    - protected methods - template bindings - use this for protected methdos that are used in template
+    - protected methods - overrides - use this for all protected methods that are overriden
+    - protected methods - use this for all protected methods that are used only in component
     - private methods - use this for all private methods

package/.github/instructions/typescript/formatting.md

@@ -1,42 +1,42 @@
-# Formatting
-
-- Order typescript imports, use following rules:
-  - put `@angular/core` on first place
-  - then put other `@angular/core/*` imports
-  - then put other `@angular/*` imports
-  - then put `@anglr/*` imports
-  - then put `@jscrpt/common` and `@jscrpt/common/*` imports
-  - then put other *scoped* imports (e.g. `@fortawesome/*`, `@ngx-translate/*`, etc.)
-  - then other absolute imports
-  - then relative imports
-  - use empty line to separate absolute and relative imports
-- Use 4 spaces for indentation
-- For new lines use LF (line feed) character, not CRLF (carriage return + line feed)
-- Put empty line at the end of file
-- Always put opening braces on the new line
-- Always use single quotes for strings
-- Always use semicolons at the end of statements
-- Always use block braces for control flow statements (if, for, while, switch), even if they are optional
-- Do not use braces around single parameter lambda functions, unless the parameter type is unknown
-- Do not use space after control flow statements (if, for, while, switch)
-- Do not put space after opening braces and before closing braces in oneline object literals, arrays, and function parameters, deconstructions, and imports (e.g. `import {Component} from '@angular/core';`, not `import { Component } from '@angular/core';`)
-- Use empty line after before and after control flow statements (if, for, while, switch) (unless its first or last line of the block)
-- Always put comma at the end of the line in multiline object literals, arrays, and function parameters
-- Formatting arguments of function definition and declaration:
-  - Constructor arguments, put second and following arguments on new line, and align them with the first argument
-  - For other functions, if the function has more than 2 arguments and line length exceeds 120 characters, put second and following arguments on new line, and align them with the first argument
-- For method and function (also decorator use) calls:
-  - If there is only one parameter and it is not an object literal, keep it on the same line
-  - If there is only one parameter and it is lambda function, put body of lambda function on new line and use same indentation as previous line
-  - If there is only one paremeter and it is an object or array literal, put it on new line and use same indentation as previous line
-  - If there are more than one parameters and lenght does not exceed 120 characters, keep them on the same line
-  - If there are more than one parameters and lenght exceeds 120 characters, put second and following parameters on new line, and align them with the first parameter
-- Json literals:
-  - Put each property on new line and align them with the first property
-  - Opening and closing braces should be on their own line and aligned with the first property
-- Angular Component and Directive decorators:
-  - Follow rules for Json literals, but also:
-    - order properties in the following order: selector, templateUrl, template, styleUrl, styleUrls, styles, host, imports, providers, changeDetection
-    - order array properties values in the following order: from shortest to longest (e.g. in `imports` property, put items with shorter names first)
-    - never use one line array or object literal for `imports`, `providers`, `host`
+# Formatting
+
+- Order typescript imports, use following rules:
+  - put `@angular/core` on first place
+  - then put other `@angular/core/*` imports
+  - then put other `@angular/*` imports
+  - then put `@anglr/*` imports
+  - then put `@jscrpt/common` and `@jscrpt/common/*` imports
+  - then put other *scoped* imports (e.g. `@fortawesome/*`, `@ngx-translate/*`, etc.)
+  - then other absolute imports
+  - then relative imports
+  - use empty line to separate absolute and relative imports
+- Use 4 spaces for indentation
+- For new lines use LF (line feed) character, not CRLF (carriage return + line feed)
+- Put empty line at the end of file
+- Always put opening braces on the new line
+- Always use single quotes for strings
+- Always use semicolons at the end of statements
+- Always use block braces for control flow statements (if, for, while, switch), even if they are optional
+- Do not use braces around single parameter lambda functions, unless the parameter type is unknown
+- Do not use space after control flow statements (if, for, while, switch)
+- Do not put space after opening braces and before closing braces in oneline object literals, arrays, and function parameters, deconstructions, and imports (e.g. `import {Component} from '@angular/core';`, not `import { Component } from '@angular/core';`)
+- Use empty line after before and after control flow statements (if, for, while, switch) (unless its first or last line of the block)
+- Always put comma at the end of the line in multiline object literals, arrays, and function parameters
+- Formatting arguments of function definition and declaration:
+  - Constructor arguments, put second and following arguments on new line, and align them with the first argument
+  - For other functions, if the function has more than 2 arguments and line length exceeds 120 characters, put second and following arguments on new line, and align them with the first argument
+- For method and function (also decorator use) calls:
+  - If there is only one parameter and it is not an object literal, keep it on the same line
+  - If there is only one parameter and it is lambda function, put body of lambda function on new line and use same indentation as previous line
+  - If there is only one paremeter and it is an object or array literal, put it on new line and use same indentation as previous line
+  - If there are more than one parameters and lenght does not exceed 120 characters, keep them on the same line
+  - If there are more than one parameters and lenght exceeds 120 characters, put second and following parameters on new line, and align them with the first parameter
+- Json literals:
+  - Put each property on new line and align them with the first property
+  - Opening and closing braces should be on their own line and aligned with the first property
+- Angular Component and Directive decorators:
+  - Follow rules for Json literals, but also:
+    - order properties in the following order: selector, templateUrl, template, styleUrl, styleUrls, styles, host, imports, providers, changeDetection
+    - order array properties values in the following order: from shortest to longest (e.g. in `imports` property, put items with shorter names first)
+    - never use one line array or object literal for `imports`, `providers`, `host`
     - always use `changeDetection: ChangeDetectionStrategy.OnPush`

package/.github/instructions/typescript/naming-conventions.md

@@ -1,7 +1,7 @@
-# Naming Conventions
-
-- Use PascalCase for component names, directives, pipes, services, interfaces, and type aliases
-- Use camelCase for variables, functions, and methods
-- Prefix private class members with underscore (_)
-- Do NOT prefix protected class members with underscore (_)
+# Naming Conventions
+
+- Use PascalCase for component names, directives, pipes, services, interfaces, and type aliases
+- Use camelCase for variables, functions, and methods
+- Prefix private class members with underscore (_)
+- Do NOT prefix protected class members with underscore (_)
 - Use ALL_CAPS for constants

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

@@ -1 +1 @@
-{"version":3,"file":"getSearch.js","sourceRoot":"","sources":["../../../../extensions/src/extensions/getSearch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/D;;GAEG;AACH,MAAM,UAAU,SAAS;IAErB,OAAO,MAAM,CAAC,EAAE;QAEZ,IAAG,CAAC,MAAM,CAAC,WAAW,EAAE,EACxB,CAAC;YACG,OAAO,EAAE,CAAC;QACd,CAAC;QAED,MAAM,UAAU,GAAG,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;QAEjE,OAAO,UAAU,CAAC,MAAM,EAAE,CAAC;IAC/B,CAAC,CAAC;AACN,CAAC","sourcesContent":["import {SelectFunction, SelectPluginType} from '@anglr/select';\n\n/**\n * Gets current search value of Select (LiveSearch plugin), its reactive\n */\nexport function getSearch<TValue, TPublicValue, TCssClasses>(): SelectFunction<string, TValue, TPublicValue, TCssClasses>\n{\n    return select =>\n    {\n        if(!select.initialized())\n        {\n            return '';\n        }\n\n        const liveSearch = select.getPlugin(SelectPluginType.LiveSearch);\n\n        return liveSearch.search();\n    };\n}\n"]}
+{"version":3,"file":"getSearch.js","sourceRoot":"","sources":["../../../../extensions/src/extensions/getSearch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/D;;GAEG;AACH,MAAM,UAAU,SAAS;IAErB,OAAO,MAAM,CAAC,EAAE;QAEZ,IAAG,CAAC,MAAM,CAAC,WAAW,EAAE,EACxB,CAAC;YACG,OAAO,EAAE,CAAC;QACd,CAAC;QAED,MAAM,UAAU,GAAG,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;QAEjE,OAAO,UAAU,CAAC,MAAM,EAAE,CAAC;IAC/B,CAAC,CAAC;AACN,CAAC","sourcesContent":["import {SelectFunction, SelectPluginType} from '@anglr/select';\r\n\r\n/**\r\n * Gets current search value of Select (LiveSearch plugin), its reactive\r\n */\r\nexport function getSearch<TValue, TPublicValue, TCssClasses>(): SelectFunction<string, TValue, TPublicValue, TCssClasses>\r\n{\r\n    return select =>\r\n    {\r\n        if(!select.initialized())\r\n        {\r\n            return '';\r\n        }\r\n\r\n        const liveSearch = select.getPlugin(SelectPluginType.LiveSearch);\r\n\r\n        return liveSearch.search();\r\n    };\r\n}\r\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"getSelectedOption.js","sourceRoot":"","sources":["../../../../extensions/src/extensions/getSelectedOption.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE7E;;GAEG;AACH,MAAM,UAAU,iBAAiB;IAE7B,OAAO,MAAM,CAAC,EAAE;QAEZ,IAAG,CAAC,MAAM,CAAC,WAAW,EAAE,EACxB,CAAC;YACG,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;QAErE,MAAM,eAAe,GAAG,YAAY,CAAC,SAAS,CAAC,eAAe,EAAE,CAAC;QAEjE,IAAG,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,EACjC,CAAC;YACG,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;QAC7E,CAAC;QAED,OAAO,eAAe,CAAC;IAC3B,CAAC,CAAC;AACN,CAAC","sourcesContent":["import {SelectFunction, SelectOption, SelectPluginType} from '@anglr/select';\n\n/**\n * Gets currently selected option of Select, simplifies way how to obtain single value from select, if select is multiple, throws error, its reactive\n */\nexport function getSelectedOption<TValue, TPublicValue, TCssClasses>(): SelectFunction<SelectOption<TValue>|undefined|null, TValue, TPublicValue, TCssClasses>\n{\n    return select =>\n    {\n        if(!select.initialized())\n        {\n            return undefined;\n        }\n\n        const valueHandler = select.getPlugin(SelectPluginType.ValueHandler);\n\n        const selectedOptions = valueHandler.selectBus.selectedOptions();\n\n        if(Array.isArray(selectedOptions))\n        {\n            throw new Error('Select is multiple, cannot get single selected option');\n        }\n\n        return selectedOptions;\n    };\n}\n"]}
+{"version":3,"file":"getSelectedOption.js","sourceRoot":"","sources":["../../../../extensions/src/extensions/getSelectedOption.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE7E;;GAEG;AACH,MAAM,UAAU,iBAAiB;IAE7B,OAAO,MAAM,CAAC,EAAE;QAEZ,IAAG,CAAC,MAAM,CAAC,WAAW,EAAE,EACxB,CAAC;YACG,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;QAErE,MAAM,eAAe,GAAG,YAAY,CAAC,SAAS,CAAC,eAAe,EAAE,CAAC;QAEjE,IAAG,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,EACjC,CAAC;YACG,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;QAC7E,CAAC;QAED,OAAO,eAAe,CAAC;IAC3B,CAAC,CAAC;AACN,CAAC","sourcesContent":["import {SelectFunction, SelectOption, SelectPluginType} from '@anglr/select';\r\n\r\n/**\r\n * Gets currently selected option of Select, simplifies way how to obtain single value from select, if select is multiple, throws error, its reactive\r\n */\r\nexport function getSelectedOption<TValue, TPublicValue, TCssClasses>(): SelectFunction<SelectOption<TValue>|undefined|null, TValue, TPublicValue, TCssClasses>\r\n{\r\n    return select =>\r\n    {\r\n        if(!select.initialized())\r\n        {\r\n            return undefined;\r\n        }\r\n\r\n        const valueHandler = select.getPlugin(SelectPluginType.ValueHandler);\r\n\r\n        const selectedOptions = valueHandler.selectBus.selectedOptions();\r\n\r\n        if(Array.isArray(selectedOptions))\r\n        {\r\n            throw new Error('Select is multiple, cannot get single selected option');\r\n        }\r\n\r\n        return selectedOptions;\r\n    };\r\n}\r\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"getSelectedOptions.js","sourceRoot":"","sources":["../../../../extensions/src/extensions/getSelectedOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE7E;;GAEG;AACH,MAAM,UAAU,kBAAkB;IAE9B,OAAO,MAAM,CAAC,EAAE;QAEZ,IAAG,CAAC,MAAM,CAAC,WAAW,EAAE,EACxB,CAAC;YACG,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;QAErE,OAAO,YAAY,CAAC,SAAS,CAAC,eAAe,EAAE,CAAC;IACpD,CAAC,CAAC;AACN,CAAC","sourcesContent":["import {SelectFunction, SelectOption, SelectPluginType} from '@anglr/select';\n\n/**\n * Gets currently selected options of Select, its reactive\n */\nexport function getSelectedOptions<TValue, TPublicValue, TCssClasses>(): SelectFunction<SelectOption<TValue>|SelectOption<TValue>[]|undefined|null, TValue, TPublicValue, TCssClasses>\n{\n    return select =>\n    {\n        if(!select.initialized())\n        {\n            return undefined;\n        }\n\n        const valueHandler = select.getPlugin(SelectPluginType.ValueHandler);\n\n        return valueHandler.selectBus.selectedOptions();\n    };\n}\n"]}
+{"version":3,"file":"getSelectedOptions.js","sourceRoot":"","sources":["../../../../extensions/src/extensions/getSelectedOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE7E;;GAEG;AACH,MAAM,UAAU,kBAAkB;IAE9B,OAAO,MAAM,CAAC,EAAE;QAEZ,IAAG,CAAC,MAAM,CAAC,WAAW,EAAE,EACxB,CAAC;YACG,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;QAErE,OAAO,YAAY,CAAC,SAAS,CAAC,eAAe,EAAE,CAAC;IACpD,CAAC,CAAC;AACN,CAAC","sourcesContent":["import {SelectFunction, SelectOption, SelectPluginType} from '@anglr/select';\r\n\r\n/**\r\n * Gets currently selected options of Select, its reactive\r\n */\r\nexport function getSelectedOptions<TValue, TPublicValue, TCssClasses>(): SelectFunction<SelectOption<TValue>|SelectOption<TValue>[]|undefined|null, TValue, TPublicValue, TCssClasses>\r\n{\r\n    return select =>\r\n    {\r\n        if(!select.initialized())\r\n        {\r\n            return undefined;\r\n        }\r\n\r\n        const valueHandler = select.getPlugin(SelectPluginType.ValueHandler);\r\n\r\n        return valueHandler.selectBus.selectedOptions();\r\n    };\r\n}\r\n"]}

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,EAAiB,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/D;;GAEG;AACH,MAAM,UAAU,QAAQ;IAEpB,OAAO,MAAM,CAAC,EAAE;QAEZ,IAAG,CAAC,MAAM,CAAC,WAAW,EAAE,EACxB,CAAC;YACG,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;QAErE,OAAO,YAAY,CAAC,KAAK,EAAE,CAAC;IAChC,CAAC,CAAC;AACN,CAAC","sourcesContent":["import {SelectFunction, SelectPluginType} from '@anglr/select';\n\n/**\n * Gets current value of Select, its reactive\n */\nexport function getValue<TValue, TPublicValue, TCssClasses>(): SelectFunction<TPublicValue|TPublicValue[]|undefined|null, TValue, TPublicValue, TCssClasses>\n{\n    return select =>\n    {\n        if(!select.initialized())\n        {\n            return undefined;\n        }\n\n        const valueHandler = select.getPlugin(SelectPluginType.ValueHandler);\n\n        return valueHandler.value();\n    };\n}\n"]}
+{"version":3,"file":"getValue.js","sourceRoot":"","sources":["../../../../extensions/src/extensions/getValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/D;;GAEG;AACH,MAAM,UAAU,QAAQ;IAEpB,OAAO,MAAM,CAAC,EAAE;QAEZ,IAAG,CAAC,MAAM,CAAC,WAAW,EAAE,EACxB,CAAC;YACG,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;QAErE,OAAO,YAAY,CAAC,KAAK,EAAE,CAAC;IAChC,CAAC,CAAC;AACN,CAAC","sourcesContent":["import {SelectFunction, SelectPluginType} from '@anglr/select';\r\n\r\n/**\r\n * Gets current value of Select, its reactive\r\n */\r\nexport function getValue<TValue, TPublicValue, TCssClasses>(): SelectFunction<TPublicValue|TPublicValue[]|undefined|null, TValue, TPublicValue, TCssClasses>\r\n{\r\n    return select =>\r\n    {\r\n        if(!select.initialized())\r\n        {\r\n            return undefined;\r\n        }\r\n\r\n        const valueHandler = select.getPlugin(SelectPluginType.ValueHandler);\r\n\r\n        return valueHandler.value();\r\n    };\r\n}\r\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"setReadonly.js","sourceRoot":"","sources":["../../../../extensions/src/extensions/setReadonly.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,MAAM,UAAU,WAAW,CAAoC,WAAoB,IAAI;IAEnF,OAAO,MAAM,CAAC,EAAE;QAEZ,MAAM,OAAO,GACb;YACI,QAAQ,EAAE,QAAQ;SACrB,CAAC;QAEF,MAAM,CAAC,aAAa,GAAG,OAA2D,CAAC;IACvF,CAAC,CAAC;AACN,CAAC","sourcesContent":["import {SelectAction, SelectOptions} from '@anglr/select';\nimport {RecursivePartial} from '@jscrpt/common';\n\n/**\n * Sets Select as readonly, non editable\n * @param readonly - Indication whether is select readonly or not, if omitted defaults to true\n */\nexport function setReadonly<TValue, TPublicValue, TCssClasses>(readonly: boolean = true): SelectAction<TValue, TPublicValue, TCssClasses>\n{\n    return select =>\n    {\n        const options: RecursivePartial<SelectOptions<TValue, TPublicValue, TCssClasses>> =\n        {\n            readonly: readonly,\n        };\n\n        select.selectOptions = options as SelectOptions<TValue, TPublicValue, TCssClasses>;\n    };\n}\n"]}
+{"version":3,"file":"setReadonly.js","sourceRoot":"","sources":["../../../../extensions/src/extensions/setReadonly.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,MAAM,UAAU,WAAW,CAAoC,WAAoB,IAAI;IAEnF,OAAO,MAAM,CAAC,EAAE;QAEZ,MAAM,OAAO,GACb;YACI,QAAQ,EAAE,QAAQ;SACrB,CAAC;QAEF,MAAM,CAAC,aAAa,GAAG,OAA2D,CAAC;IACvF,CAAC,CAAC;AACN,CAAC","sourcesContent":["import {SelectAction, SelectOptions} from '@anglr/select';\r\nimport {RecursivePartial} from '@jscrpt/common';\r\n\r\n/**\r\n * Sets Select as readonly, non editable\r\n * @param readonly - Indication whether is select readonly or not, if omitted defaults to true\r\n */\r\nexport function setReadonly<TValue, TPublicValue, TCssClasses>(readonly: boolean = true): SelectAction<TValue, TPublicValue, TCssClasses>\r\n{\r\n    return select =>\r\n    {\r\n        const options: RecursivePartial<SelectOptions<TValue, TPublicValue, TCssClasses>> =\r\n        {\r\n            readonly: readonly,\r\n        };\r\n\r\n        select.selectOptions = options as SelectOptions<TValue, TPublicValue, TCssClasses>;\r\n    };\r\n}\r\n"]}

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,EAAe,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE7D;;;GAGG;AACH,MAAM,UAAU,QAAQ,CAAoC,KAAiD;IAEzG,OAAO,MAAM,CAAC,EAAE;QAEZ,IAAG,CAAC,MAAM,CAAC,WAAW,EAAE,EACxB,CAAC;YACG,OAAO;QACX,CAAC;QAED,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;QAErE,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC,CAAC;AACN,CAAC","sourcesContent":["import {SelectAction, SelectPluginType} from '@anglr/select';\n\n/**\n * Sets value of Select\n * @param value - Value to be set into select\n */\nexport function setValue<TValue, TPublicValue, TCssClasses>(value: TPublicValue|TPublicValue[]|undefined|null): SelectAction<TValue, TPublicValue, TCssClasses>\n{\n    return select =>\n    {\n        if(!select.initialized())\n        {\n            return;\n        }\n\n        const valueHandler = select.getPlugin(SelectPluginType.ValueHandler);\n\n        valueHandler.setValue(value);\n    };\n}\n"]}
+{"version":3,"file":"setValue.js","sourceRoot":"","sources":["../../../../extensions/src/extensions/setValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE7D;;;GAGG;AACH,MAAM,UAAU,QAAQ,CAAoC,KAAiD;IAEzG,OAAO,MAAM,CAAC,EAAE;QAEZ,IAAG,CAAC,MAAM,CAAC,WAAW,EAAE,EACxB,CAAC;YACG,OAAO;QACX,CAAC;QAED,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;QAErE,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC,CAAC;AACN,CAAC","sourcesContent":["import {SelectAction, SelectPluginType} from '@anglr/select';\r\n\r\n/**\r\n * Sets value of Select\r\n * @param value - Value to be set into select\r\n */\r\nexport function setValue<TValue, TPublicValue, TCssClasses>(value: TPublicValue|TPublicValue[]|undefined|null): SelectAction<TValue, TPublicValue, TCssClasses>\r\n{\r\n    return select =>\r\n    {\r\n        if(!select.initialized())\r\n        {\r\n            return;\r\n        }\r\n\r\n        const valueHandler = select.getPlugin(SelectPluginType.ValueHandler);\r\n\r\n        valueHandler.setValue(value);\r\n    };\r\n}\r\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../extensions/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC","sourcesContent":["export * from './extensions/getSearch';\nexport * from './extensions/getSelectedOption';\nexport * from './extensions/getSelectedOptions';\nexport * from './extensions/getValue';\nexport * from './extensions/setReadonly';\nexport * from './extensions/setValue';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../extensions/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC","sourcesContent":["export * from './extensions/getSearch';\r\nexport * from './extensions/getSelectedOption';\r\nexport * from './extensions/getSelectedOptions';\r\nexport * from './extensions/getValue';\r\nexport * from './extensions/setReadonly';\r\nexport * from './extensions/setValue';\r\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kCAAkC,CAAC;AACjD,cAAc,2BAA2B,CAAC","sourcesContent":["export * from './option/option.component';\nexport * from './optionGroup/optgroup.component';\nexport * from './select/select.component';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kCAAkC,CAAC;AACjD,cAAc,2BAA2B,CAAC","sourcesContent":["export * from './option/option.component';\r\nexport * from './optionGroup/optgroup.component';\r\nexport * from './select/select.component';\r\n"]}

package/es2022/src/components/option/option.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"option.component.js","sourceRoot":"","sources":["../../../../src/components/option/option.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAkB,MAAM,EAAe,KAAK,EAAU,MAAM,EAAC,MAAM,eAAe,CAAC;AAG7H,OAAO,EAAC,WAAW,EAAC,MAAM,mCAAmC,CAAC;;AAE9D;;GAEG;AAOH,MAAM,OAAO,MAAM;IANnB;QAQI,6GAA6G;QAE7G;;WAEG;QACI,UAAK,GAAW,CAAC,CAAC;QAEzB;;WAEG;QACI,WAAM,GAA4B,MAAM,CAAC,KAAK;mFAAC,CAAC;QAEvD;;WAEG;QACI,aAAQ,GAA4B,MAAM,CAAC,KAAK;qFAAC,CAAC;QAEzD,wGAAwG;QAExG;;WAEG;QACI,UAAK,GAAuC,KAAK;6FAAE,CAAC;QAE3D;;WAEG;QACI,SAAI,GAAwB,KAAK,CAAC,EAAE;iFAAC,CAAC;QAE7C;;WAEG;QACI,UAAK,GAA6C,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC;kFAAC,CAAC;KAC1G;8GAnCY,MAAM;kGAAN,MAAM,8TAHL,EAAE;;2FAGH,MAAM;kBANlB,SAAS;mBACV;oBACI,QAAQ,EAAE,WAAW;oBACrB,QAAQ,EAAE,EAAE;oBACZ,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAClD","sourcesContent":["import {Component, ChangeDetectionStrategy, WritableSignal, signal, InputSignal, input, Signal, inject} from '@angular/core';\n\nimport {SelectOptionGroup, SelectOptionState} from '../../interfaces';\nimport {OptionGroup} from '../optionGroup/optgroup.component';\n\n/**\n * Component used for options in select component\n */\n@Component(\n{\n    selector: 'ng-option',\n    template: '',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Option<TValue = unknown> implements SelectOptionState<TValue>\n{\n    //######################### public properties - implementation of SelectOptionState #########################\n\n    /**\n     * @inheritdoc\n     */\n    public index: number = 0;\n\n    /**\n     * @inheritdoc\n     */\n    public active: WritableSignal<boolean> = signal(false);\n\n    /**\n     * @inheritdoc\n     */\n    public selected: WritableSignal<boolean> = signal(false);\n\n    //######################### public properties - implementation of SelectOption #########################\n\n    /**\n     * @inheritdoc\n     */\n    public value: InputSignal<TValue|undefined|null> = input();\n\n    /**\n     * @inheritdoc\n     */\n    public text: InputSignal<string> = input('');\n\n    /**\n     * @inheritdoc\n     */\n    public group: Signal<SelectOptionGroup|undefined|null> = signal(inject(OptionGroup, {optional: true}));\n}\n"]}
+{"version":3,"file":"option.component.js","sourceRoot":"","sources":["../../../../src/components/option/option.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAkB,MAAM,EAAe,KAAK,EAAU,MAAM,EAAC,MAAM,eAAe,CAAC;AAG7H,OAAO,EAAC,WAAW,EAAC,MAAM,mCAAmC,CAAC;;AAE9D;;GAEG;AAOH,MAAM,OAAO,MAAM;IANnB;QAQI,6GAA6G;QAE7G;;WAEG;QACI,UAAK,GAAW,CAAC,CAAC;QAEzB;;WAEG;QACI,WAAM,GAA4B,MAAM,CAAC,KAAK;mFAAC,CAAC;QAEvD;;WAEG;QACI,aAAQ,GAA4B,MAAM,CAAC,KAAK;qFAAC,CAAC;QAEzD,wGAAwG;QAExG;;WAEG;QACI,UAAK,GAAuC,KAAK;6FAAE,CAAC;QAE3D;;WAEG;QACI,SAAI,GAAwB,KAAK,CAAC,EAAE;iFAAC,CAAC;QAE7C;;WAEG;QACI,UAAK,GAA6C,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC;kFAAC,CAAC;KAC1G;8GAnCY,MAAM;kGAAN,MAAM,8TAHL,EAAE;;2FAGH,MAAM;kBANlB,SAAS;mBACV;oBACI,QAAQ,EAAE,WAAW;oBACrB,QAAQ,EAAE,EAAE;oBACZ,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAClD","sourcesContent":["import {Component, ChangeDetectionStrategy, WritableSignal, signal, InputSignal, input, Signal, inject} from '@angular/core';\r\n\r\nimport {SelectOptionGroup, SelectOptionState} from '../../interfaces';\r\nimport {OptionGroup} from '../optionGroup/optgroup.component';\r\n\r\n/**\r\n * Component used for options in select component\r\n */\r\n@Component(\r\n{\r\n    selector: 'ng-option',\r\n    template: '',\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class Option<TValue = unknown> implements SelectOptionState<TValue>\r\n{\r\n    //######################### public properties - implementation of SelectOptionState #########################\r\n\r\n    /**\r\n     * @inheritdoc\r\n     */\r\n    public index: number = 0;\r\n\r\n    /**\r\n     * @inheritdoc\r\n     */\r\n    public active: WritableSignal<boolean> = signal(false);\r\n\r\n    /**\r\n     * @inheritdoc\r\n     */\r\n    public selected: WritableSignal<boolean> = signal(false);\r\n\r\n    //######################### public properties - implementation of SelectOption #########################\r\n\r\n    /**\r\n     * @inheritdoc\r\n     */\r\n    public value: InputSignal<TValue|undefined|null> = input();\r\n\r\n    /**\r\n     * @inheritdoc\r\n     */\r\n    public text: InputSignal<string> = input('');\r\n\r\n    /**\r\n     * @inheritdoc\r\n     */\r\n    public group: Signal<SelectOptionGroup|undefined|null> = signal(inject(OptionGroup, {optional: true}));\r\n}\r\n"]}

package/es2022/src/components/optionGroup/optgroup.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"optgroup.component.js","sourceRoot":"","sources":["../../../../src/components/optionGroup/optgroup.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAe,WAAW,EAAE,YAAY,EAAS,MAAM,eAAe,CAAC;AACxH,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAG1C,OAAO,EAAC,mBAAmB,EAAC,MAAM,kBAAkB,CAAC;;AAErD;;GAEG;AAOH,MAAM,OAAO,WAAW;IANxB;QAQI,6GAA6G;QAE7G;;WAEG;QACI,UAAK,GAAW,CAAC,CAAC;QAEzB;;WAEG;QACI,aAAQ,GAA4D,YAAY,CAAC,mBAAmB,gFAAG,IAAI,EAAE,WAAW,GAAE,CAAC;QAElI;;WAEG;QACa,OAAE,GAAW,UAAU,CAAC,EAAE,CAAC,CAAC;QAE5C;;WAEG;QACI,SAAI,GAAwB,KAAK,CAAC,QAAQ;iFAAE,CAAC;KACvD;8GAvBY,WAAW;kGAAX,WAAW,iPAYoE,mBAAmB,2BAAS,WAAW,6CAfrH,EAAE;;2FAGH,WAAW;kBANvB,SAAS;mBACV;oBACI,QAAQ,EAAE,iBAAiB;oBAC3B,QAAQ,EAAE,EAAE;oBACZ,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAClD;6FAa2F,mBAAmB,QAAE,EAAC,IAAI,EAAE,WAAW,EAAC","sourcesContent":["import {Component, ChangeDetectionStrategy, input, InputSignal, TemplateRef, contentChild, Signal} from '@angular/core';\nimport {generateId} from '@jscrpt/common';\n\nimport {SelectOptionGroup} from '../../interfaces';\nimport {OptionGroupTemplate} from '../../directives';\n\n/**\n * Component used for option group in select component\n */\n@Component(\n{\n    selector: 'ng-option-group',\n    template: '',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class OptionGroup implements SelectOptionGroup\n{\n    //######################### public properties - implementation of SelectOptionGroup #########################\n\n    /**\n     * @inheritdoc\n     */\n    public index: number = 0;\n\n    /**\n     * @inheritdoc\n     */\n    public template: Signal<TemplateRef<{$implicit: string}>|undefined|null> = contentChild(OptionGroupTemplate, {read: TemplateRef});\n\n    /**\n     * @inheritdoc\n     */\n    public readonly id: string = generateId(10);\n\n    /**\n     * @inheritdoc\n     */\n    public text: InputSignal<string> = input.required();\n}\n"]}
+{"version":3,"file":"optgroup.component.js","sourceRoot":"","sources":["../../../../src/components/optionGroup/optgroup.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAe,WAAW,EAAE,YAAY,EAAS,MAAM,eAAe,CAAC;AACxH,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAG1C,OAAO,EAAC,mBAAmB,EAAC,MAAM,kBAAkB,CAAC;;AAErD;;GAEG;AAOH,MAAM,OAAO,WAAW;IANxB;QAQI,6GAA6G;QAE7G;;WAEG;QACI,UAAK,GAAW,CAAC,CAAC;QAEzB;;WAEG;QACI,aAAQ,GAA4D,YAAY,CAAC,mBAAmB,gFAAG,IAAI,EAAE,WAAW,GAAE,CAAC;QAElI;;WAEG;QACa,OAAE,GAAW,UAAU,CAAC,EAAE,CAAC,CAAC;QAE5C;;WAEG;QACI,SAAI,GAAwB,KAAK,CAAC,QAAQ;iFAAE,CAAC;KACvD;8GAvBY,WAAW;kGAAX,WAAW,iPAYoE,mBAAmB,2BAAS,WAAW,6CAfrH,EAAE;;2FAGH,WAAW;kBANvB,SAAS;mBACV;oBACI,QAAQ,EAAE,iBAAiB;oBAC3B,QAAQ,EAAE,EAAE;oBACZ,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAClD;6FAa2F,mBAAmB,QAAE,EAAC,IAAI,EAAE,WAAW,EAAC","sourcesContent":["import {Component, ChangeDetectionStrategy, input, InputSignal, TemplateRef, contentChild, Signal} from '@angular/core';\r\nimport {generateId} from '@jscrpt/common';\r\n\r\nimport {SelectOptionGroup} from '../../interfaces';\r\nimport {OptionGroupTemplate} from '../../directives';\r\n\r\n/**\r\n * Component used for option group in select component\r\n */\r\n@Component(\r\n{\r\n    selector: 'ng-option-group',\r\n    template: '',\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class OptionGroup implements SelectOptionGroup\r\n{\r\n    //######################### public properties - implementation of SelectOptionGroup #########################\r\n\r\n    /**\r\n     * @inheritdoc\r\n     */\r\n    public index: number = 0;\r\n\r\n    /**\r\n     * @inheritdoc\r\n     */\r\n    public template: Signal<TemplateRef<{$implicit: string}>|undefined|null> = contentChild(OptionGroupTemplate, {read: TemplateRef});\r\n\r\n    /**\r\n     * @inheritdoc\r\n     */\r\n    public readonly id: string = generateId(10);\r\n\r\n    /**\r\n     * @inheritdoc\r\n     */\r\n    public text: InputSignal<string> = input.required();\r\n}\r\n"]}

package/es2022/src/components/select/select.component.js

@@ -429,7 +429,7 @@ export class Select {
                 useFactory: () => new SelectPluginInstances(),
             },
             SelectBus,
-        ], queries: [{ propertyName: "normalStateTemplate", first: true, predicate: NormalStateTemplate, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "optionTemplate", first: true, predicate: OptionTemplate, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "normalStateTagTemplate", first: true, predicate: NormalStateTagTemplate, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "availableOptions", predicate: Option, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "liveSearchContainer", first: true, predicate: ["liveSearch"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "interactionsContainer", first: true, predicate: ["interactions"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "optionsHandlerContainer", first: true, predicate: ["optionsHandler"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "positionerContainer", first: true, predicate: ["positioner"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "keyboardHandlerContainer", first: true, predicate: ["keyboardHandler"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "valueHandlerContainer", first: true, predicate: ["valueHandler"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "readonlyStateContainer", first: true, predicate: ["readonlyState"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "normalStateContainer", first: true, predicate: ["normalState"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "popupContainer", first: true, predicate: ["popup"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0, template: "<ng-container #liveSearch />\r\n<ng-container #interactions />\r\n<ng-container #optionsHandler />\r\n<ng-container #positioner />\r\n<ng-container #keyboardHandler />\r\n<ng-container #valueHandler />\r\n\r\n<div [class]=\"selectOptions.cssClasses.visualContainer\">\r\n    <ng-container #readonlyState />\r\n    <ng-container #normalState />\r\n    <ng-container #popup />\r\n</div>\r\n", styles: [":host\n{\n    display: block;\n    position: relative;\n}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], queries: [{ propertyName: "normalStateTemplate", first: true, predicate: NormalStateTemplate, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "optionTemplate", first: true, predicate: OptionTemplate, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "normalStateTagTemplate", first: true, predicate: NormalStateTagTemplate, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "availableOptions", predicate: Option, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "liveSearchContainer", first: true, predicate: ["liveSearch"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "interactionsContainer", first: true, predicate: ["interactions"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "optionsHandlerContainer", first: true, predicate: ["optionsHandler"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "positionerContainer", first: true, predicate: ["positioner"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "keyboardHandlerContainer", first: true, predicate: ["keyboardHandler"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "valueHandlerContainer", first: true, predicate: ["valueHandler"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "readonlyStateContainer", first: true, predicate: ["readonlyState"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "normalStateContainer", first: true, predicate: ["normalState"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "popupContainer", first: true, predicate: ["popup"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0, template: "<ng-container #liveSearch />\r\n<ng-container #interactions />\r\n<ng-container #optionsHandler />\r\n<ng-container #positioner />\r\n<ng-container #keyboardHandler />\r\n<ng-container #valueHandler />\r\n\r\n<div [class]=\"selectOptions.cssClasses.visualContainer\">\r\n    <ng-container #readonlyState />\r\n    <ng-container #normalState />\r\n    <ng-container #popup />\r\n</div>\r\n", styles: [":host\r\n{\r\n    display: block;\r\n    position: relative;\r\n}\r\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     CopyOptionsAsSignal(),
@@ -445,7 +445,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
                             useFactory: () => new SelectPluginInstances(),
                         },
                         SelectBus,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container #liveSearch />\r\n<ng-container #interactions />\r\n<ng-container #optionsHandler />\r\n<ng-container #positioner />\r\n<ng-container #keyboardHandler />\r\n<ng-container #valueHandler />\r\n\r\n<div [class]=\"selectOptions.cssClasses.visualContainer\">\r\n    <ng-container #readonlyState />\r\n    <ng-container #normalState />\r\n    <ng-container #popup />\r\n</div>\r\n", styles: [":host\n{\n    display: block;\n    position: relative;\n}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container #liveSearch />\r\n<ng-container #interactions />\r\n<ng-container #optionsHandler />\r\n<ng-container #positioner />\r\n<ng-container #keyboardHandler />\r\n<ng-container #valueHandler />\r\n\r\n<div [class]=\"selectOptions.cssClasses.visualContainer\">\r\n    <ng-container #readonlyState />\r\n    <ng-container #normalState />\r\n    <ng-container #popup />\r\n</div>\r\n", styles: [":host\r\n{\r\n    display: block;\r\n    position: relative;\r\n}\r\n"] }]
         }], ctorParameters: () => [{ type: i1.SelectPluginInstances }, { type: i1.SelectBus }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [LOGGER]