@vectoriox/iox-ui 4.0.3 → 4.0.4

package/fesm2022/vectoriox-iox-ui.mjs

@@ -1,13 +1,18 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, HostListener, Output, Input, Directive, NgModule, Injectable, ViewChild, Component, Host, Optional, forwardRef, Inject } from '@angular/core';
+import { EventEmitter, HostListener, Output, Input, Directive, NgModule, Injectable, ViewChild, Component, Host, Optional, forwardRef, Inject, PLATFORM_ID, InjectionToken } from '@angular/core';
 import * as i2 from '@angular/animations';
 import { style, animate } from '@angular/animations';
-import { Subject, fromEvent } from 'rxjs';
+import { Subject, of } from 'rxjs';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { Masonry } from '@fristys/masonry';
 import { BrowserModule } from '@angular/platform-browser';
-import { CommonModule } from '@angular/common';
+import * as i3 from '@angular/common';
+import { isPlatformBrowser, CommonModule } from '@angular/common';
 import Lenis from 'lenis';
+import * as i1 from 'ngx-cookie-service';
+import { CookieService } from 'ngx-cookie-service';
+import * as i1$1 from '@angular/common/http';
+import { map } from 'rxjs/operators';
 
 class ViewPositionDirective {
     constructor(_elr) {
@@ -486,7 +491,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
         }] });
 
 class PageScrollProvider {
+    constructor(platformId) {
+        this.platformId = platformId;
+    }
     init(options) {
+        if (!isPlatformBrowser(this.platformId))
+            return;
         if (this.lenis) {
             this.lenis.destroy();
         }
@@ -508,65 +518,78 @@ class PageScrollProvider {
         }
         return this.lenis;
     }
+    destroy() {
+        if (this.lenis) {
+            this.lenis.destroy();
+            this.lenis = undefined;
+        }
+        if (this.rafId != null) {
+            cancelAnimationFrame(this.rafId);
+            this.rafId = undefined;
+        }
+    }
     startLoop() {
-        if (!this.lenis) {
+        if (!this.lenis)
             return;
-        }
         const loop = (time) => {
             this.lenis.raf(time);
             this.rafId = requestAnimationFrame(loop);
         };
         this.rafId = requestAnimationFrame(loop);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PageScrollProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PageScrollProvider, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PageScrollProvider }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PageScrollProvider, decorators: [{
             type: Injectable
-        }] });
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }] });
 
 class IoxPageComponent {
-    constructor(pageScrollProvider) {
+    constructor(pageScrollProvider, platformId) {
         this.pageScrollProvider = pageScrollProvider;
+        this.platformId = platformId;
         this.class = '';
         this.scrollEvent = new EventEmitter();
     }
     ngAfterViewInit() {
-        if (this.page) {
-            this.scrollSubscription = fromEvent(this.page.nativeElement, 'scroll').subscribe((event) => {
-                this.onScroll(event);
-            });
-            this.pageScrollProvider.init({
-                wrapper: this.page.nativeElement,
-                content: this.page.nativeElement.querySelector('.page-mask'),
-                duration: 1.2,
-                easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)),
+        if (!isPlatformBrowser(this.platformId) || !this.page)
+            return;
+        this.pageScrollProvider.init({
+            wrapper: this.page.nativeElement,
+            content: this.page.nativeElement.querySelector('.page-mask'),
+            duration: 1.2,
+            easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)),
+        });
+        this.pageScrollProvider.instance.on('scroll', ({ scroll, progress }) => {
+            const el = this.page.nativeElement;
+            this.scrollEvent.emit({
+                scrollTop: scroll,
+                scrollLeft: 0,
+                scrollHeight: el.scrollHeight,
+                scrollWidth: el.scrollWidth,
+                clientHeight: el.clientHeight,
+                clientWidth: el.clientWidth,
+                scrollPercentage: progress * 100,
             });
-        }
-    }
-    onScroll(event) {
-        const target = event.target;
-        const scrollTop = target.scrollTop;
-        const scrollLeft = target.scrollLeft;
-        const scrollHeight = target.scrollHeight;
-        const scrollWidth = target.scrollWidth;
-        const clientHeight = target.clientHeight;
-        const clientWidth = target.clientWidth;
-        const scrollPercentage = (scrollTop / (scrollHeight - clientHeight)) * 100;
-        this.scrollEvent.emit({ scrollTop, scrollLeft, scrollHeight, scrollWidth, clientHeight, clientWidth, scrollPercentage });
+            el.dispatchEvent(new Event('scroll'));
+        });
     }
     ngOnDestroy() {
-        if (this.scrollSubscription) {
-            this.scrollSubscription.unsubscribe();
-        }
+        this.pageScrollProvider.destroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IoxPageComponent, deps: [{ token: PageScrollProvider }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IoxPageComponent, deps: [{ token: PageScrollProvider }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IoxPageComponent, isStandalone: false, selector: "iox-page-component", inputs: { class: "class" }, outputs: { scrollEvent: "scrollEvent" }, viewQueries: [{ propertyName: "page", first: true, predicate: ["page"], descendants: true }], ngImport: i0, template: "<div #page [class]=\"class\" class=\"iox-page-wrapper\">\n  <div class=\"page-mask\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{position:absolute;inset:0}.iox-page-wrapper{position:relative;width:100%;height:100%;overflow:auto}.page-mask{min-height:100%}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IoxPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'iox-page-component', standalone: false, template: "<div #page [class]=\"class\" class=\"iox-page-wrapper\">\n  <div class=\"page-mask\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{position:absolute;inset:0}.iox-page-wrapper{position:relative;width:100%;height:100%;overflow:auto}.page-mask{min-height:100%}\n"] }]
-        }], ctorParameters: () => [{ type: PageScrollProvider }], propDecorators: { class: [{
+        }], ctorParameters: () => [{ type: PageScrollProvider }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }], propDecorators: { class: [{
                 type: Input
             }], page: [{
                 type: ViewChild,
@@ -604,6 +627,324 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                 }]
         }] });
 
+var PrivacyModelEvent;
+(function (PrivacyModelEvent) {
+    PrivacyModelEvent[PrivacyModelEvent["OPEN"] = 1] = "OPEN";
+    PrivacyModelEvent[PrivacyModelEvent["CLOSE"] = 2] = "CLOSE";
+})(PrivacyModelEvent || (PrivacyModelEvent = {}));
+class PrivacyModalService {
+    constructor() {
+        this.modalEvent = new Subject();
+        this.decisionSubject = null;
+    }
+    registerModalEvent(func) {
+        this.modalEvent.subscribe({
+            next: (val) => {
+                func(val);
+            }
+        });
+    }
+    openModal() {
+        this.modalEvent.next(PrivacyModelEvent.OPEN);
+        this.decisionSubject = new Subject();
+        return this.decisionSubject;
+    }
+    closeModal() {
+        this.modalEvent.next(PrivacyModelEvent.CLOSE);
+    }
+    notifyDecision(accepted) {
+        if (this.decisionSubject) {
+            this.decisionSubject.next(accepted);
+            this.decisionSubject.complete();
+            this.decisionSubject = null;
+        }
+        this.closeModal();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PrivacyModalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PrivacyModalService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PrivacyModalService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+class ConsentService {
+    constructor(cookieService, httpClient, _privacyModalService, environment) {
+        this.cookieService = cookieService;
+        this.httpClient = httpClient;
+        this._privacyModalService = _privacyModalService;
+        this.environment = environment;
+        this.WEB_USER = "webUser";
+    }
+    hasAnalyticsConsent() {
+        const cookieValue = this.cookieService.get(this.WEB_USER);
+        if (!cookieValue) {
+            return false;
+        }
+        try {
+            const parsedCookieValue = JSON.parse(cookieValue);
+            return parsedCookieValue.user?.consent?.analyticsConsent === true;
+        }
+        catch {
+            // Invalid JSON or unexpected structure: treat as no consent
+            return false;
+        }
+    }
+    checkAnalyticsConsent() {
+        if (this.hasAnalyticsConsent()) {
+            // Consent already given, return true immediately as Observable
+            return of(true);
+        }
+        // No consent yet (or invalid/missing cookie) -> show modal
+        return this._privacyModalService.openModal();
+    }
+    checkMarketingConsent() {
+        let cookieValue = this.cookieService.get(this.WEB_USER);
+        if (!cookieValue) {
+            return false;
+        }
+        let parsedCookieValue = JSON.parse(cookieValue);
+        return parsedCookieValue.user?.consent?.marketingConsent;
+    }
+    setConsent(analytics, marketing) {
+        let cookieValue = this.cookieService.get(this.WEB_USER);
+        let parsedCookieValue = cookieValue ? JSON.parse(cookieValue) : { user: { consent: {
+                    anonymousId: this.generateAnonymousId()
+                } } };
+        parsedCookieValue.user.consent.analyticsConsent = analytics;
+        parsedCookieValue.user.consent.marketingConsent = marketing;
+        this.cookieService.set(this.WEB_USER, JSON.stringify(parsedCookieValue));
+        this.httpClient.post(`${this.environment.HOST}consent`, parsedCookieValue.user.consent)
+            .subscribe({
+            next: (response) => {
+                console.log('Consent updated successfully:', response);
+            },
+            error: (error) => {
+                console.error('Error updating consent:', error);
+            }
+        });
+    }
+    generateAnonymousId() {
+        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+            var r = Math.random() * 16 | 0, v = c === 'x' ? r : (r & 0x3 | 0x8);
+            return v.toString(16);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ConsentService, deps: [{ token: i1.CookieService }, { token: i1$1.HttpClient }, { token: PrivacyModalService }, { token: ENVIRONMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ConsentService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ConsentService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i1.CookieService }, { type: i1$1.HttpClient }, { type: PrivacyModalService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [ENVIRONMENT]
+                }] }] });
+
+class PrivacyModalComponent {
+    constructor(_privacyModalService, _consentService) {
+        this._privacyModalService = _privacyModalService;
+        this._consentService = _consentService;
+        this.isOpen = false;
+        this._privacyModalService.registerModalEvent((event) => {
+            if (event == PrivacyModelEvent.CLOSE) {
+                this.isOpen = false;
+            }
+            else {
+                this.isOpen = true;
+            }
+        });
+    }
+    onAccept() {
+        this._consentService.setConsent(true, true);
+        this._privacyModalService.notifyDecision(true);
+        this.isOpen = false;
+    }
+    onDecline() {
+        this._privacyModalService.notifyDecision(false);
+        this.isOpen = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PrivacyModalComponent, deps: [{ token: PrivacyModalService }, { token: ConsentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: PrivacyModalComponent, isStandalone: false, selector: "privacy-modal", ngImport: i0, template: "<div class=\"privacy-modal\" [ngClass]=\"{'open': isOpen, 'closed': !isOpen}\">\n    <div class=\"modal-content\">\n      <h2>\u05D0\u05E0\u05D7\u05E0\u05D5 \u05E9\u05D5\u05DE\u05E8\u05D9\u05DD \u05E2\u05DC \u05D4\u05E4\u05E8\u05D8\u05D9\u05D5\u05EA \u05E9\u05DC\u05DA</h2>\n      <p dir=\"rtl\">\n        <span>\n            \u05D0\u05E0\u05D7\u05E0\u05D5 \u05DE\u05E9\u05DE\u05E9\u05D9\u05DD \u05D1\u05E7\u05D1\u05E6\u05D9 \n        </span>\n        <span>Cookies </span>\n        <span>\u05DB\u05D3\u05D9 \u05DC\u05E9\u05E4\u05E8 \u05D0\u05EA \u05D7\u05D5\u05D5\u05D9\u05EA \u05D4\u05D2\u05DC\u05D9\u05E9\u05D4 \u05E9\u05DC\u05DA, \u05DC\u05E0\u05EA\u05D7 \u05E9\u05D9\u05DE\u05D5\u05E9 \u05D1\u05D0\u05EA\u05E8 \u05D5\u05DC\u05D4\u05E6\u05D9\u05E2 \u05EA\u05D5\u05DB\u05DF \u05DE\u05D5\u05EA\u05D0\u05DD \u05D0\u05D9\u05E9\u05D9\u05EA.</span>\n        <span> \u05DC\u05DE\u05D9\u05D3\u05E2 \u05E0\u05D5\u05E1\u05E3 \u05E2\u05DC \u05D0\u05D9\u05DA \u05D0\u05E0\u05D7\u05E0\u05D5 \u05DE\u05E9\u05EA\u05DE\u05E9\u05D9\u05DD \u05D1\u05DE\u05D9\u05D3\u05E2 \u05E9\u05DC\u05DA, \u05E8\u05D0\u05D4 \u05D0\u05EA <a target=\"_blank\" href=\"/privacy\">\u05DE\u05D3\u05D9\u05E0\u05D9\u05D5\u05EA \u05D4\u05E4\u05E8\u05D8\u05D9\u05D5\u05EA </a> \u05E9\u05DC\u05E0\u05D5</span>\n      </p>\n\n      <div class=\"button-container\">\n        <button class=\"accept-button\" (click)=\"onAccept()\">\u05D0\u05E0\u05D9 \u05DE\u05E1\u05DB\u05D9\u05DD</button>\n        <button class=\"decline-button\" (click)=\"onDecline()\">\u05D0\u05E0\u05D9 \u05DC\u05D0 \u05DE\u05E1\u05DB\u05D9\u05DD</button>\n      </div>\n    </div>\n</div>\n", styles: [".privacy-modal{padding:2em;background:#fff;border-radius:8px;position:fixed;z-index:10000000000000;bottom:0;left:0;right:0;height:25vh;display:flex;align-items:center;justify-content:center;transform:translateY(100%);transition:transform .3s ease-in-out}.privacy-modal.open{transform:translateY(0);transition:transform .3s ease-in-out}.modal-content{width:40vw;text-align:right}.privacy-modal h2{margin-top:0;text-align:right;font-size:2.1vw;color:#6b4f3b}.privacy-modal p{font-size:1.3vw;color:#6b4f3b}.button-container{display:flex;justify-content:flex-end;margin-top:20px}.button-container button{border:0;margin-inline-start:15px;font-size:1vw}.button-container .accept-button{background:#6b4f3b;color:#fff;padding:.5em 1em;border-radius:4px;cursor:pointer}.button-container .accept-button:hover{background:#5b4332}.button-container .decline-button{background:transparent;color:#6b4f3b;padding:0;cursor:pointer;border-bottom:1px solid #fff}.button-container .decline-button:hover{border-bottom:1px solid #6b4f3b}@media (max-width: 768px){.privacy-modal h2{font-size:8.2vw}.privacy-modal p{font-size:4.2vw}.privacy-modal .modal-content{width:80vw}.privacy-modal .button-container button{font-size:3.2vw}}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PrivacyModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'privacy-modal', standalone: false, template: "<div class=\"privacy-modal\" [ngClass]=\"{'open': isOpen, 'closed': !isOpen}\">\n    <div class=\"modal-content\">\n      <h2>\u05D0\u05E0\u05D7\u05E0\u05D5 \u05E9\u05D5\u05DE\u05E8\u05D9\u05DD \u05E2\u05DC \u05D4\u05E4\u05E8\u05D8\u05D9\u05D5\u05EA \u05E9\u05DC\u05DA</h2>\n      <p dir=\"rtl\">\n        <span>\n            \u05D0\u05E0\u05D7\u05E0\u05D5 \u05DE\u05E9\u05DE\u05E9\u05D9\u05DD \u05D1\u05E7\u05D1\u05E6\u05D9 \n        </span>\n        <span>Cookies </span>\n        <span>\u05DB\u05D3\u05D9 \u05DC\u05E9\u05E4\u05E8 \u05D0\u05EA \u05D7\u05D5\u05D5\u05D9\u05EA \u05D4\u05D2\u05DC\u05D9\u05E9\u05D4 \u05E9\u05DC\u05DA, \u05DC\u05E0\u05EA\u05D7 \u05E9\u05D9\u05DE\u05D5\u05E9 \u05D1\u05D0\u05EA\u05E8 \u05D5\u05DC\u05D4\u05E6\u05D9\u05E2 \u05EA\u05D5\u05DB\u05DF \u05DE\u05D5\u05EA\u05D0\u05DD \u05D0\u05D9\u05E9\u05D9\u05EA.</span>\n        <span> \u05DC\u05DE\u05D9\u05D3\u05E2 \u05E0\u05D5\u05E1\u05E3 \u05E2\u05DC \u05D0\u05D9\u05DA \u05D0\u05E0\u05D7\u05E0\u05D5 \u05DE\u05E9\u05EA\u05DE\u05E9\u05D9\u05DD \u05D1\u05DE\u05D9\u05D3\u05E2 \u05E9\u05DC\u05DA, \u05E8\u05D0\u05D4 \u05D0\u05EA <a target=\"_blank\" href=\"/privacy\">\u05DE\u05D3\u05D9\u05E0\u05D9\u05D5\u05EA \u05D4\u05E4\u05E8\u05D8\u05D9\u05D5\u05EA </a> \u05E9\u05DC\u05E0\u05D5</span>\n      </p>\n\n      <div class=\"button-container\">\n        <button class=\"accept-button\" (click)=\"onAccept()\">\u05D0\u05E0\u05D9 \u05DE\u05E1\u05DB\u05D9\u05DD</button>\n        <button class=\"decline-button\" (click)=\"onDecline()\">\u05D0\u05E0\u05D9 \u05DC\u05D0 \u05DE\u05E1\u05DB\u05D9\u05DD</button>\n      </div>\n    </div>\n</div>\n", styles: [".privacy-modal{padding:2em;background:#fff;border-radius:8px;position:fixed;z-index:10000000000000;bottom:0;left:0;right:0;height:25vh;display:flex;align-items:center;justify-content:center;transform:translateY(100%);transition:transform .3s ease-in-out}.privacy-modal.open{transform:translateY(0);transition:transform .3s ease-in-out}.modal-content{width:40vw;text-align:right}.privacy-modal h2{margin-top:0;text-align:right;font-size:2.1vw;color:#6b4f3b}.privacy-modal p{font-size:1.3vw;color:#6b4f3b}.button-container{display:flex;justify-content:flex-end;margin-top:20px}.button-container button{border:0;margin-inline-start:15px;font-size:1vw}.button-container .accept-button{background:#6b4f3b;color:#fff;padding:.5em 1em;border-radius:4px;cursor:pointer}.button-container .accept-button:hover{background:#5b4332}.button-container .decline-button{background:transparent;color:#6b4f3b;padding:0;cursor:pointer;border-bottom:1px solid #fff}.button-container .decline-button:hover{border-bottom:1px solid #6b4f3b}@media (max-width: 768px){.privacy-modal h2{font-size:8.2vw}.privacy-modal p{font-size:4.2vw}.privacy-modal .modal-content{width:80vw}.privacy-modal .button-container button{font-size:3.2vw}}\n"] }]
+        }], ctorParameters: () => [{ type: PrivacyModalService }, { type: ConsentService }] });
+
+class WebSettingsService {
+    constructor(httpClient, environment) {
+        this.httpClient = httpClient;
+        this.environment = environment;
+    }
+    getSettings() {
+        // If the server injected a runtime config (window.__APP_CONFIG) use that first,
+        // otherwise fall back to the compile-time environment.HOST.
+        const runtimeHost = (typeof window !== 'undefined' && window.__APP_CONFIG && window.__APP_CONFIG.HOST) ? window.__APP_CONFIG.HOST : this.environment.HOST;
+        return this.httpClient.get(`${runtimeHost}web/settings`);
+    }
+    configArrayToObject(arr) {
+        return arr.reduce((acc, item) => {
+            acc[item.key] = item.value;
+            return acc;
+        }, {});
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WebSettingsService, deps: [{ token: i1$1.HttpClient }, { token: ENVIRONMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WebSettingsService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WebSettingsService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i1$1.HttpClient }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [ENVIRONMENT]
+                }] }] });
+
+class ContentService {
+    constructor(httpClient, environment) {
+        this.httpClient = httpClient;
+        this.environment = environment;
+        this.appContent = {};
+    }
+    getContent(contentName, id) {
+        if (this.appContent[contentName] && this.appContent[contentName].length) {
+            if (id) {
+                return of(this.findOne(this.appContent[contentName], id));
+            }
+            return of(this.appContent[contentName]);
+        }
+        return this.httpClient.get(`${this.environment.HOST}${contentName}`).pipe(map((content) => {
+            if (contentName == this.environment.contentResource.SERVICES || contentName == this.environment.contentResource.PROJECTS) {
+                content = content.map((item) => {
+                    item.id = item.name.replace(/ /g, "_");
+                    //item._id= item.name.replace(/ /g,"_");
+                    return item;
+                });
+            }
+            this.appContent[contentName] = content;
+            if (id) {
+                return this.findOne(this.appContent[contentName], id);
+            }
+            return content;
+        }));
+    }
+    findOne(arr, id) {
+        for (let i = 0; i < arr.length; i++) {
+            if (arr[i].id == id) {
+                return arr[i];
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ContentService, deps: [{ token: i1$1.HttpClient }, { token: ENVIRONMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ContentService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ContentService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i1$1.HttpClient }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [ENVIRONMENT]
+                }] }] });
+
+const ENVIRONMENT = new InjectionToken('environment');
+class CMSClientInfraModule {
+    static forRoot(environment) {
+        return {
+            ngModule: CMSClientInfraModule,
+            providers: [
+                { provide: ENVIRONMENT, useValue: environment },
+                ConsentService,
+                ContentService,
+                CookieService,
+                WebSettingsService,
+                PrivacyModalService
+            ]
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CMSClientInfraModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: CMSClientInfraModule, declarations: [PrivacyModalComponent], imports: [CommonModule], exports: [PrivacyModalComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CMSClientInfraModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CMSClientInfraModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        PrivacyModalComponent
+                    ],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [PrivacyModalComponent]
+                }]
+        }] });
+
+class AnalyticsService {
+    constructor(platformId) {
+        this.platformId = platformId;
+        this.gaScriptId = 'google-analytics-script';
+    }
+    applyGoogleAnalytics(appId) {
+        if (!isPlatformBrowser(this.platformId))
+            return;
+        // 1. Establish the dataLayer and the CORRECT gtag function stub
+        const win = window;
+        win.dataLayer = win.dataLayer || [];
+        // CRITICAL FIX: The Google library requires the special 'arguments' object, 
+        // NOT a standard array spread [...args]. 
+        if (!win.gtag) {
+            win.gtag = function () {
+                win.dataLayer.push(arguments);
+            };
+        }
+        // 2. Queue initial commands immediately (even before script loads)
+        win.gtag('js', new Date());
+        win.gtag('config', appId);
+        // 3. Load the script if not already present
+        if (!document.getElementById(this.gaScriptId)) {
+            const script = document.createElement('script');
+            script.id = this.gaScriptId;
+            script.async = true;
+            script.src = `https://www.googletagmanager.com/gtag/js?id=${appId}`;
+            script.onload = () => {
+                console.log('[Analytics] gtag.js script loaded and ready');
+            };
+            script.onerror = (e) => console.error('[Analytics] gtag.js failed to load', e);
+            document.head.appendChild(script);
+        }
+    }
+    // Helper to send events from your components
+    sendEvent(eventName, params = {}) {
+        if (isPlatformBrowser(this.platformId) && window.gtag) {
+            window.gtag('event', eventName, params);
+        }
+    }
+    // Synchronous page view sender that won't rely on internal ready Promise
+    sendPageView(path) {
+        if (!isPlatformBrowser(this.platformId))
+            return;
+        const win = window;
+        try {
+            if (win && win.gtag) {
+                // Prefer gtag when available
+                win.gtag('event', 'page_view', { page_path: path });
+                return;
+            }
+            // Fallback: ensure dataLayer exists and push a native arguments-like object
+            win.dataLayer = win.dataLayer || [];
+            // Use a plain object that resembles gtag's usage if gtag not present
+            win.dataLayer.push({ event: 'page_view', page_path: path });
+        }
+        catch (err) {
+            console.warn('[Analytics] sendPageView failed', err);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AnalyticsService, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AnalyticsService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AnalyticsService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: Object, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }] });
+
 /*
  * Public API Surface of iox-ui
  */
@@ -612,5 +953,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AOSService, IoxAnimateContainer, IoxAosDirective, IoxAosModule, IoxMasonryComponent, IoxMasonryItemDirective, IoxMasonryModule, IoxMasonryService, IoxPageComponent, IoxPageModule, IoxUiModule, PageScrollProvider, ViewPositionDirective, ViewPositionModule };
+export { AOSService, AnalyticsService, CMSClientInfraModule, ConsentService, ContentService, ENVIRONMENT, IoxAnimateContainer, IoxAosDirective, IoxAosModule, IoxMasonryComponent, IoxMasonryItemDirective, IoxMasonryModule, IoxMasonryService, IoxPageComponent, IoxPageModule, IoxUiModule, PageScrollProvider, PrivacyModalComponent, PrivacyModalService, PrivacyModelEvent, ViewPositionDirective, ViewPositionModule, WebSettingsService };
 //# sourceMappingURL=vectoriox-iox-ui.mjs.map