@sebgroup/green-angular 6.1.3 → 6.2.0-rc.20250901144953055

package/fesm2022/sebgroup-green-angular.mjs

@@ -1,14 +1,15 @@
 import * as i1 from '@angular/common';
 import { CommonModule, DOCUMENT } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, ContentChildren, NgModule, ChangeDetectionStrategy, HostBinding, Directive, QueryList, ViewChildren, ViewChild, CUSTOM_ELEMENTS_SCHEMA, Injector, Inject, ContentChild, InjectionToken, Injectable, RendererFactory2, NgZone, inject, Renderer2, ViewContainerRef, ChangeDetectorRef, TemplateRef, forwardRef, Self, Optional } from '@angular/core';
+import { EventEmitter, Component, Input, Output, ContentChildren, NgModule, ChangeDetectionStrategy, HostBinding, Directive, QueryList, ViewChildren, ViewChild, CUSTOM_ELEMENTS_SCHEMA, Injector, Inject, ContentChild, InjectionToken, inject, Renderer2, ViewContainerRef, ChangeDetectorRef, TemplateRef, Injectable, RendererFactory2, NgZone, forwardRef, Self, Optional } from '@angular/core';
 import { randomId, calculateDegrees, sliderColors, getSliderTrackBackground, PaginationI18n } from '@sebgroup/extract';
 import * as i1$1 from '@angular/platform-browser';
 import { ɵDomRendererFactory2 } from '@angular/platform-browser';
 import { GdsContextMenu } from '@sebgroup/green-core/components/context-menu/context-menu.component.js';
 import * as ContextMenuTransStyles from '@sebgroup/green-core/components/context-menu/context-menu.trans.styles.js';
 import * as i2 from '@sebgroup/green-angular/src/lib/shared';
-import { NggCoreWrapperModule as NggCoreWrapperModule$1 } from '@sebgroup/green-angular/src/lib/shared';
+import { NggCoreWrapperModule as NggCoreWrapperModule$1, SCOPE_RESOLVER as SCOPE_RESOLVER$1 } from '@sebgroup/green-angular/src/lib/shared';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
 import * as i2$1 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, NgControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { startOfDay, endOfDay } from 'date-fns';
@@ -26,7 +27,6 @@ import { Subject, fromEvent, interval } from 'rxjs';
 import { takeUntil, throttle } from 'rxjs/operators';
 import * as i2$2 from '@angular/cdk/drag-drop';
 import { moveItemInArray, transferArrayItem, DragDropModule } from '@angular/cdk/drag-drop';
-import { getScopedTagName } from '@sebgroup/green-core/scoping';
 import { ɵAnimationRendererFactory, ɵAnimationEngine } from '@angular/animations/browser';
 
 class NggAccordionListItemComponent {
@@ -618,7 +618,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class NggContextMenuModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NggContextMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: NggContextMenuModule, declarations: [NggContextMenuComponent], imports: [CommonModule, NggCoreWrapperModule$1], exports: [NggContextMenuComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NggContextMenuModule, imports: [CommonModule, NggCoreWrapperModule$1] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NggContextMenuModule, providers: [
+            {
+                provide: SCOPE_RESOLVER$1,
+                useValue: { getScopedTagName },
+            },
+        ], imports: [CommonModule, NggCoreWrapperModule$1] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NggContextMenuModule, decorators: [{
             type: NgModule,
@@ -626,6 +631,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     declarations: [NggContextMenuComponent],
                     imports: [CommonModule, NggCoreWrapperModule$1],
                     exports: [NggContextMenuComponent],
+                    providers: [
+                        {
+                            provide: SCOPE_RESOLVER$1,
+                            useValue: { getScopedTagName },
+                        },
+                    ],
                     schemas: [CUSTOM_ELEMENTS_SCHEMA],
                 }]
         }] });
@@ -764,7 +775,12 @@ function dateValidator(dates) {
 class NggDatepickerModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NggDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: NggDatepickerModule, declarations: [NggDatepickerComponent], imports: [CommonModule, NggCoreWrapperModule$1], exports: [NggDatepickerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NggDatepickerModule, imports: [CommonModule, NggCoreWrapperModule$1] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NggDatepickerModule, providers: [
+            {
+                provide: SCOPE_RESOLVER$1,
+                useValue: { getScopedTagName },
+            },
+        ], imports: [CommonModule, NggCoreWrapperModule$1] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NggDatepickerModule, decorators: [{
             type: NgModule,
@@ -772,6 +788,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     declarations: [NggDatepickerComponent],
                     imports: [CommonModule, NggCoreWrapperModule$1],
                     exports: [NggDatepickerComponent],
+                    providers: [
+                        {
+                            provide: SCOPE_RESOLVER$1,
+                            useValue: { getScopedTagName },
+                        },
+                    ],
                     schemas: [CUSTOM_ELEMENTS_SCHEMA],
                 }]
         }] });
@@ -1045,7 +1067,12 @@ class NggDropdownModule {
             NggDropdownButtonDirective], imports: [CommonModule, NggCoreWrapperModule$1], exports: [NggDropdownComponent,
             NggDropdownOptionDirective,
             NggDropdownButtonDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NggDropdownModule, imports: [CommonModule, NggCoreWrapperModule$1] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NggDropdownModule, providers: [
+            {
+                provide: SCOPE_RESOLVER$1,
+                useValue: { getScopedTagName },
+            },
+        ], imports: [CommonModule, NggCoreWrapperModule$1] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NggDropdownModule, decorators: [{
             type: NgModule,
@@ -1061,6 +1088,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         NggDropdownOptionDirective,
                         NggDropdownButtonDirective,
                     ],
+                    providers: [
+                        {
+                            provide: SCOPE_RESOLVER$1,
+                            useValue: { getScopedTagName },
+                        },
+                    ],
                     schemas: [CUSTOM_ELEMENTS_SCHEMA],
                 }]
         }] });
@@ -1643,6 +1676,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }] });
 
+const SCOPE_RESOLVER = new InjectionToken('SCOPE_RESOLVER (for Green Core)', {
+    providedIn: 'root',
+    factory: () => ({
+        getScopedTagName,
+    }),
+});
+
 class NggSharedModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NggSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: NggSharedModule, declarations: [NggOnScrollDirective], imports: [CommonModule], exports: [NggOnScrollDirective] }); }
@@ -2211,13 +2251,60 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
+class NggCoreElementDirective {
+    constructor() {
+        this.viewRef = null;
+        this.document = inject(DOCUMENT);
+        this.renderer = inject(Renderer2);
+        this.vcr = inject(ViewContainerRef);
+        this.cdr = inject(ChangeDetectorRef);
+        this.template = inject((TemplateRef));
+        this.scopeResolver = inject(SCOPE_RESOLVER);
+    }
+    ngOnInit() {
+        this.vcr.clear();
+        const originalCreateElement = this.renderer.createElement;
+        this.renderer.createElement = (name, _namespace) => {
+            return this.document.createElement(this.scopeResolver.getScopedTagName(name));
+        };
+        this.cdr.markForCheck();
+        this.viewRef = this.vcr.createEmbeddedView(this.template);
+        this.renderer.createElement = originalCreateElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NggCoreElementDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: NggCoreElementDirective, selector: "[nggCoreElement]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NggCoreElementDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[nggCoreElement]',
+                }]
+        }] });
+
+class NggCoreWrapperModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NggCoreWrapperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: NggCoreWrapperModule, declarations: [NggCoreElementDirective], imports: [CommonModule], exports: [NggCoreElementDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NggCoreWrapperModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NggCoreWrapperModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NggCoreElementDirective],
+                    imports: [CommonModule],
+                    exports: [NggCoreElementDirective],
+                }]
+        }] });
+
 class NggCoreRenderer {
-    constructor(delegate) {
+    constructor(delegate, scopeResolver) {
         this.delegate = delegate;
+        this.scopeResolver = scopeResolver;
         this.destroyNode = (node) => this.delegate.destroyNode && this.delegate.destroyNode(node);
     }
     createElement(name, namespace) {
-        const scopedName = name.startsWith('gds-') ? getScopedTagName(name) : name;
+        const scopedName = name.startsWith('gds-')
+            ? this.scopeResolver.getScopedTagName(name)
+            : name;
         return this.delegate.createElement(scopedName, namespace);
     }
     // Delegate all other methods to the original renderer
@@ -2282,10 +2369,11 @@ class NggCoreRenderer {
 class NggCoreRendererFactory {
     constructor(delegate) {
         this.delegate = delegate;
+        this.scopeResolver = inject(SCOPE_RESOLVER);
     }
     createRenderer(element, type) {
         const renderer = this.delegate.createRenderer(element, type);
-        return new NggCoreRenderer(renderer);
+        return new NggCoreRenderer(renderer, this.scopeResolver);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NggCoreRendererFactory, deps: [{ token: i1$1.ɵDomRendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NggCoreRendererFactory }); }
@@ -2313,10 +2401,16 @@ function animationsCoreRendererFactory(delegate, engine, zone) {
  * export class AppModule {}
  * ```
  */
-const provideCoreRenderer = () => ({
-    provide: RendererFactory2,
-    useClass: NggCoreRendererFactory,
-});
+const provideCoreRenderer = (resolver = getScopedTagName) => [
+    {
+        provide: RendererFactory2,
+        useClass: NggCoreRendererFactory,
+    },
+    {
+        provide: SCOPE_RESOLVER,
+        useValue: { getScopedTagName: resolver },
+    },
+];
 /**
  * Provide the NggCoreRendererFactory to use <gds-*> elements without any extra directives.
  * The NggCoreRenderer will handle element name scoping automatically.
@@ -2334,56 +2428,17 @@ const provideCoreRenderer = () => ({
  * export class AppModule {}
  * ```
  */
-const provideCoreRendererWithAnimations = () => ({
-    provide: RendererFactory2,
-    useFactory: animationsCoreRendererFactory,
-    deps: [ɵDomRendererFactory2, ɵAnimationEngine, NgZone],
-});
-
-class NggCoreElementDirective {
-    constructor() {
-        this.viewRef = null;
-        this.document = inject(DOCUMENT);
-        this.renderer = inject(Renderer2);
-        this.vcr = inject(ViewContainerRef);
-        this.cdr = inject(ChangeDetectorRef);
-        this.template = inject((TemplateRef));
-    }
-    ngOnInit() {
-        if (!(this.renderer instanceof NggCoreRenderer)) {
-            this.vcr.clear();
-            const originalCreateElement = this.renderer.createElement;
-            this.renderer.createElement = (name, _namespace) => {
-                return this.document.createElement(getScopedTagName(name));
-            };
-            this.cdr.markForCheck();
-            this.viewRef = this.vcr.createEmbeddedView(this.template);
-            this.renderer.createElement = originalCreateElement;
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NggCoreElementDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: NggCoreElementDirective, selector: "[nggCoreElement]", ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NggCoreElementDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[nggCoreElement]',
-                }]
-        }] });
-
-class NggCoreWrapperModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NggCoreWrapperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: NggCoreWrapperModule, declarations: [NggCoreElementDirective], imports: [CommonModule], exports: [NggCoreElementDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NggCoreWrapperModule, imports: [CommonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NggCoreWrapperModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [NggCoreElementDirective],
-                    imports: [CommonModule],
-                    exports: [NggCoreElementDirective],
-                }]
-        }] });
+const provideCoreRendererWithAnimations = (resolver = getScopedTagName) => [
+    {
+        provide: RendererFactory2,
+        useFactory: animationsCoreRendererFactory,
+        deps: [ɵDomRendererFactory2, ɵAnimationEngine, NgZone],
+    },
+    {
+        provide: SCOPE_RESOLVER,
+        useValue: { getScopedTagName: resolver },
+    },
+];
 
 class NggCoreControlDirective {
     constructor(el, renderer, injector, cdr) {
@@ -2577,5 +2632,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { NggAccordionComponent, NggAccordionListItemComponent, NggAccordionModule, NggBadgeComponent, NggBadgeModule, NggButtonComponent, NggButtonModule, NggCellTableComponent, NggCellTableModule, NggContextMenuComponent, NggContextMenuModule, NggCoreCheckboxDirective, NggCoreControlDirective, NggCoreElementDirective, NggCoreFormsModule, NggCoreRenderer, NggCoreRendererFactory, NggCoreRouterLinkDirective, NggCoreRouterLinkModule, NggCoreWrapperModule, NggDatepickerComponent, NggDatepickerModule, NggDropdownButtonDirective, NggDropdownComponent, NggDropdownModule, NggDropdownOptionDirective, NggInPageWizardModule, NggInPageWizardStepCardComponent, NggModalBodyComponent, NggModalComponent, NggModalFooterComponent, NggModalFooterDirective, NggModalHeaderComponent, NggModalHeaderDirective, NggModalModule, NggModule, NggOnScrollDirective, NggPaginationComponent, NggPaginationModule, NggProgressCircleComponent, NggProgressCircleModule, NggSegmentedControlComponent, NggSegmentedControlModule, NggSharedModule, NggSliderComponent, NggSliderModule, NggSortableListComponent, NggSortableListModule, ON_SCROLL_TOKEN, animationsCoreRendererFactory, dateValidator, provideCoreRenderer, provideCoreRendererWithAnimations };
+export { NggAccordionComponent, NggAccordionListItemComponent, NggAccordionModule, NggBadgeComponent, NggBadgeModule, NggButtonComponent, NggButtonModule, NggCellTableComponent, NggCellTableModule, NggContextMenuComponent, NggContextMenuModule, NggCoreCheckboxDirective, NggCoreControlDirective, NggCoreElementDirective, NggCoreFormsModule, NggCoreRenderer, NggCoreRendererFactory, NggCoreRouterLinkDirective, NggCoreRouterLinkModule, NggCoreWrapperModule, NggDatepickerComponent, NggDatepickerModule, NggDropdownButtonDirective, NggDropdownComponent, NggDropdownModule, NggDropdownOptionDirective, NggInPageWizardModule, NggInPageWizardStepCardComponent, NggModalBodyComponent, NggModalComponent, NggModalFooterComponent, NggModalFooterDirective, NggModalHeaderComponent, NggModalHeaderDirective, NggModalModule, NggModule, NggOnScrollDirective, NggPaginationComponent, NggPaginationModule, NggProgressCircleComponent, NggProgressCircleModule, NggSegmentedControlComponent, NggSegmentedControlModule, NggSharedModule, NggSliderComponent, NggSliderModule, NggSortableListComponent, NggSortableListModule, ON_SCROLL_TOKEN, SCOPE_RESOLVER, animationsCoreRendererFactory, dateValidator, provideCoreRenderer, provideCoreRendererWithAnimations };
 //# sourceMappingURL=sebgroup-green-angular.mjs.map