@sebgroup/green-angular 5.5.2 → 5.5.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sebgroup/green-angular",
-  "version": "5.5.2",
+  "version": "5.5.4",
   "peerDependencies": {
     "@angular/cdk": ">=17.3.10",
     "@angular/common": ">=17.3.12",
@@ -17,8 +17,8 @@
     "scroll-into-view-if-needed": "^2.2.31"
   },
   "dependencies": {
-    "@sebgroup/green-core": "^1.69.1",
-    "@sebgroup/chlorophyll": "^3.6.16",
+    "@sebgroup/green-core": "^1.69.3",
+    "@sebgroup/chlorophyll": "^3.6.17",
     "@sebgroup/extract": "^3.0.2",
     "tslib": "^2.3.1"
   },
@@ -207,29 +207,17 @@
       "esm": "./esm2022/src/v-angular/datepicker/sebgroup-green-angular-src-v-angular-datepicker.mjs",
       "default": "./fesm2022/sebgroup-green-angular-src-v-angular-datepicker.mjs"
     },
-    "./src/v-angular/drag-drop": {
-      "types": "./src/v-angular/drag-drop/index.d.ts",
-      "esm2022": "./esm2022/src/v-angular/drag-drop/sebgroup-green-angular-src-v-angular-drag-drop.mjs",
-      "esm": "./esm2022/src/v-angular/drag-drop/sebgroup-green-angular-src-v-angular-drag-drop.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-drag-drop.mjs"
-    },
     "./src/v-angular/dropdown": {
       "types": "./src/v-angular/dropdown/index.d.ts",
       "esm2022": "./esm2022/src/v-angular/dropdown/sebgroup-green-angular-src-v-angular-dropdown.mjs",
       "esm": "./esm2022/src/v-angular/dropdown/sebgroup-green-angular-src-v-angular-dropdown.mjs",
       "default": "./fesm2022/sebgroup-green-angular-src-v-angular-dropdown.mjs"
     },
-    "./src/v-angular/external-link": {
-      "types": "./src/v-angular/external-link/index.d.ts",
-      "esm2022": "./esm2022/src/v-angular/external-link/sebgroup-green-angular-src-v-angular-external-link.mjs",
-      "esm": "./esm2022/src/v-angular/external-link/sebgroup-green-angular-src-v-angular-external-link.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-external-link.mjs"
-    },
-    "./src/v-angular/i18n": {
-      "types": "./src/v-angular/i18n/index.d.ts",
-      "esm2022": "./esm2022/src/v-angular/i18n/sebgroup-green-angular-src-v-angular-i18n.mjs",
-      "esm": "./esm2022/src/v-angular/i18n/sebgroup-green-angular-src-v-angular-i18n.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-i18n.mjs"
+    "./src/v-angular/drag-drop": {
+      "types": "./src/v-angular/drag-drop/index.d.ts",
+      "esm2022": "./esm2022/src/v-angular/drag-drop/sebgroup-green-angular-src-v-angular-drag-drop.mjs",
+      "esm": "./esm2022/src/v-angular/drag-drop/sebgroup-green-angular-src-v-angular-drag-drop.mjs",
+      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-drag-drop.mjs"
     },
     "./src/v-angular/info-circle": {
       "types": "./src/v-angular/info-circle/index.d.ts",
@@ -243,6 +231,18 @@
       "esm": "./esm2022/src/v-angular/input/sebgroup-green-angular-src-v-angular-input.mjs",
       "default": "./fesm2022/sebgroup-green-angular-src-v-angular-input.mjs"
     },
+    "./src/v-angular/i18n": {
+      "types": "./src/v-angular/i18n/index.d.ts",
+      "esm2022": "./esm2022/src/v-angular/i18n/sebgroup-green-angular-src-v-angular-i18n.mjs",
+      "esm": "./esm2022/src/v-angular/i18n/sebgroup-green-angular-src-v-angular-i18n.mjs",
+      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-i18n.mjs"
+    },
+    "./src/v-angular/external-link": {
+      "types": "./src/v-angular/external-link/index.d.ts",
+      "esm2022": "./esm2022/src/v-angular/external-link/sebgroup-green-angular-src-v-angular-external-link.mjs",
+      "esm": "./esm2022/src/v-angular/external-link/sebgroup-green-angular-src-v-angular-external-link.mjs",
+      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-external-link.mjs"
+    },
     "./src/v-angular/input-mask": {
       "types": "./src/v-angular/input-mask/index.d.ts",
       "esm2022": "./esm2022/src/v-angular/input-mask/sebgroup-green-angular-src-v-angular-input-mask.mjs",

package/src/v-angular/dropdown/typeahead/typeahead-dropdown-list/typeahead-dropdown-list.component.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
 import { TranslocoScope } from '@jsverse/transloco';
 import { OptionBase } from '@sebgroup/green-angular/src/v-angular/core';
 import { NggvInputComponent } from '@sebgroup/green-angular/src/v-angular/input';
@@ -6,6 +6,7 @@ import { NggvDropdownListComponent } from '../../dropdown-list/dropdown-list.com
 import * as i0 from "@angular/core";
 export declare class NggvTypeaheadDropdownListComponent extends NggvDropdownListComponent implements OnInit, OnDestroy {
     protected translocoScope: TranslocoScope;
+    private renderer2;
     private element;
     hostComponent: NggvInputComponent;
     /** Formats each item that is displayed as an option. Only applies format if the option if it implement Option interface. */
@@ -13,7 +14,7 @@ export declare class NggvTypeaheadDropdownListComponent extends NggvDropdownList
     /** Formats the selected item in the input when dropdown is opened. If no function is provided, it will display the value of the selected objects label property */
     selectedFormatter?: (selected: OptionBase<any>) => string;
     private _destroy$;
-    constructor(translocoScope: TranslocoScope, element: ElementRef);
+    constructor(translocoScope: TranslocoScope, renderer2: Renderer2, element: ElementRef);
     ngOnInit(): void;
     ngOnDestroy(): void;
     /** @Internal Subscribe to click outside dropdownList and input to close dropdownList */
@@ -29,6 +30,11 @@ export declare class NggvTypeaheadDropdownListComponent extends NggvDropdownList
      * @returns The formatted value
      */
     private formatSelected;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NggvTypeaheadDropdownListComponent, [{ optional: true; skipSelf: true; }, null]>;
+    /**
+     *
+     * @param expanded boolean to set if dropdown is expanded
+     */
+    setExpanded(expanded?: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvTypeaheadDropdownListComponent, [{ optional: true; skipSelf: true; }, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NggvTypeaheadDropdownListComponent, "nggv-typeahead-dropdown-list", never, { "hostComponent": { "alias": "hostComponent"; "required": false; }; "resultFormatter": { "alias": "resultFormatter"; "required": false; }; "selectedFormatter": { "alias": "selectedFormatter"; "required": false; }; }, {}, never, never, false, never>;
 }

package/src/v-angular/dropdown/typeahead/typeahead-input/typeahead-input.component.d.ts

@@ -6,7 +6,7 @@ import { NggvInputComponent } from '@sebgroup/green-angular/src/v-angular/input'
 import { NggvDropdownComponent } from '../../dropdown.component';
 import * as i0 from "@angular/core";
 export declare class NggvTypeaheadInputComponent extends NggvInputComponent implements OnInit, OnDestroy {
-    private element;
+    element: ElementRef;
     private renderer2;
     ngControl: NgControl;
     protected translocoScope: TranslocoScope;

package/src/v-angular/input/input.component.d.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { NgControl, UntypedFormControl } from '@angular/forms';
 import { TranslocoScope } from '@jsverse/transloco';
 import { Subject } from 'rxjs';
@@ -13,6 +13,7 @@ export declare class NggvInputComponent extends NggvBaseControlValueAccessorComp
     ngControl: NgControl;
     protected translocoScope: TranslocoScope;
     protected cdr: ChangeDetectorRef;
+    element: ElementRef;
     /** Adding .gds-form-item as a class to host element */
     class: string;
     /** Special property used for selecting DOM elements during automated UI testing. */
@@ -73,13 +74,13 @@ export declare class NggvInputComponent extends NggvBaseControlValueAccessorComp
     hideInput$: Subject<boolean>;
     protected inputChange$: Subject<any>;
     protected _destroy$: Subject<boolean>;
-    constructor(ngControl: NgControl, translocoScope: TranslocoScope, cdr: ChangeDetectorRef);
+    constructor(ngControl: NgControl, translocoScope: TranslocoScope, cdr: ChangeDetectorRef, element: ElementRef);
     ngOnInit(): void;
     ngOnDestroy(): void;
     writeValue(value: any): void;
     cutTextAfterMaxLength(value: any): any;
     /** @internal */
     onInput(event: Event): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NggvInputComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvInputComponent, [{ optional: true; self: true; }, { optional: true; }, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NggvInputComponent, "nggv-input", never, { "thook": { "alias": "thook"; "required": false; }; "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "email": { "alias": "email"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "showCharacterCountdown": { "alias": "showCharacterCountdown"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "inputMask": { "alias": "inputMask"; "required": false; }; }, { "nggvInput": "nggvInput"; }, never, ["[slot='prefix']", "[slot='suffix']", "*"], false, never>;
 }

package/v-angular/dropdown/typeahead/typeahead-dropdown-list/typeahead-dropdown-list.component.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
 import { TranslocoScope } from '@jsverse/transloco';
 import { OptionBase } from '@sebgroup/green-angular/src/v-angular/core';
 import { NggvInputComponent } from '@sebgroup/green-angular/src/v-angular/input';
@@ -6,6 +6,7 @@ import { NggvDropdownListComponent } from '../../dropdown-list/dropdown-list.com
 import * as i0 from "@angular/core";
 export declare class NggvTypeaheadDropdownListComponent extends NggvDropdownListComponent implements OnInit, OnDestroy {
     protected translocoScope: TranslocoScope;
+    private renderer2;
     private element;
     hostComponent: NggvInputComponent;
     /** Formats each item that is displayed as an option. Only applies format if the option if it implement Option interface. */
@@ -13,7 +14,7 @@ export declare class NggvTypeaheadDropdownListComponent extends NggvDropdownList
     /** Formats the selected item in the input when dropdown is opened. If no function is provided, it will display the value of the selected objects label property */
     selectedFormatter?: (selected: OptionBase<any>) => string;
     private _destroy$;
-    constructor(translocoScope: TranslocoScope, element: ElementRef);
+    constructor(translocoScope: TranslocoScope, renderer2: Renderer2, element: ElementRef);
     ngOnInit(): void;
     ngOnDestroy(): void;
     /** @Internal Subscribe to click outside dropdownList and input to close dropdownList */
@@ -29,6 +30,11 @@ export declare class NggvTypeaheadDropdownListComponent extends NggvDropdownList
      * @returns The formatted value
      */
     private formatSelected;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NggvTypeaheadDropdownListComponent, [{ optional: true; skipSelf: true; }, null]>;
+    /**
+     *
+     * @param expanded boolean to set if dropdown is expanded
+     */
+    setExpanded(expanded?: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvTypeaheadDropdownListComponent, [{ optional: true; skipSelf: true; }, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NggvTypeaheadDropdownListComponent, "nggv-typeahead-dropdown-list", never, { "hostComponent": { "alias": "hostComponent"; "required": false; }; "resultFormatter": { "alias": "resultFormatter"; "required": false; }; "selectedFormatter": { "alias": "selectedFormatter"; "required": false; }; }, {}, never, never, false, never>;
 }

package/v-angular/dropdown/typeahead/typeahead-input/typeahead-input.component.d.ts

@@ -6,7 +6,7 @@ import { NggvInputComponent } from '@sebgroup/green-angular/src/v-angular/input'
 import { NggvDropdownComponent } from '../../dropdown.component';
 import * as i0 from "@angular/core";
 export declare class NggvTypeaheadInputComponent extends NggvInputComponent implements OnInit, OnDestroy {
-    private element;
+    element: ElementRef;
     private renderer2;
     ngControl: NgControl;
     protected translocoScope: TranslocoScope;

package/v-angular/input/input.component.d.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { NgControl, UntypedFormControl } from '@angular/forms';
 import { TranslocoScope } from '@jsverse/transloco';
 import { Subject } from 'rxjs';
@@ -13,6 +13,7 @@ export declare class NggvInputComponent extends NggvBaseControlValueAccessorComp
     ngControl: NgControl;
     protected translocoScope: TranslocoScope;
     protected cdr: ChangeDetectorRef;
+    element: ElementRef;
     /** Adding .gds-form-item as a class to host element */
     class: string;
     /** Special property used for selecting DOM elements during automated UI testing. */
@@ -73,13 +74,13 @@ export declare class NggvInputComponent extends NggvBaseControlValueAccessorComp
     hideInput$: Subject<boolean>;
     protected inputChange$: Subject<any>;
     protected _destroy$: Subject<boolean>;
-    constructor(ngControl: NgControl, translocoScope: TranslocoScope, cdr: ChangeDetectorRef);
+    constructor(ngControl: NgControl, translocoScope: TranslocoScope, cdr: ChangeDetectorRef, element: ElementRef);
     ngOnInit(): void;
     ngOnDestroy(): void;
     writeValue(value: any): void;
     cutTextAfterMaxLength(value: any): any;
     /** @internal */
     onInput(event: Event): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NggvInputComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvInputComponent, [{ optional: true; self: true; }, { optional: true; }, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NggvInputComponent, "nggv-input", never, { "thook": { "alias": "thook"; "required": false; }; "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "email": { "alias": "email"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "showCharacterCountdown": { "alias": "showCharacterCountdown"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "inputMask": { "alias": "inputMask"; "required": false; }; }, { "nggvInput": "nggvInput"; }, never, ["[slot='prefix']", "[slot='suffix']", "*"], false, never>;
 }