@vectoriox/iox-ui 4.42.0 → 5.0.0

package/fesm2022/vectoriox-iox-ui.mjs

@@ -1,16 +1,12 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, HostListener, Output, Input, Directive, NgModule, Injectable, ViewChild, Component, Host, Optional, inject, NgZone, Inject, InjectionToken, PLATFORM_ID, ChangeDetectionStrategy, ViewContainerRef, reflectComponentType, signal, computed } from '@angular/core';
+import { EventEmitter, HostListener, Output, Input, Directive, NgModule, Injectable, ViewChild, Component, Host, Optional, inject, NgZone, InjectionToken, Inject, ChangeDetectionStrategy, ViewContainerRef, PLATFORM_ID, reflectComponentType, signal, computed } from '@angular/core';
 import * as i2 from '@angular/animations';
 import { style, animate } from '@angular/animations';
-import { Subject, fromEvent, of } from 'rxjs';
+import { Subject, fromEvent } from 'rxjs';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import * as i1$2 from '@angular/common';
+import * as i1 from '@angular/common';
 import { CommonModule, isPlatformBrowser } 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) {
@@ -539,324 +535,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImpo
             args: [{ providedIn: 'root' }]
         }] });
 
-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.31", ngImport: i0, type: PrivacyModalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: PrivacyModalService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", 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.31", 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.31", ngImport: i0, type: ConsentService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", 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.31", 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.31", 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: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", 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.31", 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.31", ngImport: i0, type: WebSettingsService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", 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.31", 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.31", ngImport: i0, type: ContentService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", 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.31", ngImport: i0, type: CMSClientInfraModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.31", ngImport: i0, type: CMSClientInfraModule, declarations: [PrivacyModalComponent], imports: [CommonModule], exports: [PrivacyModalComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: CMSClientInfraModule, imports: [CommonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", 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.31", ngImport: i0, type: AnalyticsService, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: AnalyticsService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: AnalyticsService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: Object, decorators: [{
-                    type: Inject,
-                    args: [PLATFORM_ID]
-                }] }] });
-
 const IS_PREVIEW = new InjectionToken('IS_PREVIEW');
 const IOX_BUILDER_EVENTS = new InjectionToken('IOX_BUILDER_EVENTS');
 
@@ -933,7 +611,7 @@ class CardComponent {
             <h2>{{ title }}</h2>
             <p>{{ description }}</p>
         </div>
-    `, isInline: true, styles: [".image-wrapper{width:100%;aspect-ratio:1/1;overflow:hidden;margin-bottom:.75rem}\n", ".card-img{width:100%;height:100%;object-fit:cover}\n", "h2{margin:0 0 .5rem;font-size:1.2rem}\n", "p{margin:0}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    `, isInline: true, styles: [".image-wrapper{width:100%;aspect-ratio:1/1;overflow:hidden;margin-bottom:.75rem}\n", ".card-img{width:100%;height:100%;object-fit:cover}\n", "h2{margin:0 0 .5rem;font-size:1.2rem}\n", "p{margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: CardComponent, decorators: [{
             type: Component,
@@ -1491,7 +1169,7 @@ class ClientRepeaterComponent {
         <div class="repeater-root" [ngClass]="['iox-node-' + nodeId]">
             <ng-container #childrenHost></ng-container>
         </div>
-    `, isInline: true, styles: [".repeater-root{position:relative;box-sizing:border-box}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    `, isInline: true, styles: [".repeater-root{position:relative;box-sizing:border-box}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: ClientRepeaterComponent, decorators: [{
             type: Component,
@@ -2347,7 +2025,7 @@ class ClientSliderContainerComponent {
             <div *ngIf="enablePagination" class="swiper-pagination"></div>
             <div *ngIf="enableScrollbar"  class="swiper-scrollbar"></div>
         </div>
-    `, isInline: true, styles: [".swiper{width:100%;height:100%;box-sizing:border-box}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    `, isInline: true, styles: [".swiper{width:100%;height:100%;box-sizing:border-box}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: ClientSliderContainerComponent, decorators: [{
             type: Component,
@@ -3134,7 +2812,7 @@ class ClientGalleryComponent {
                  [ngStyle]="slideStyle(i)"></div>
             <div class="iox-gallery__overlay"></div>
         </div>
-    `, isInline: true, styles: [":host{display:block}.iox-gallery{position:relative;overflow:hidden;box-sizing:border-box}.iox-gallery__img{position:absolute;inset:0;background-size:cover;background-position:center;pointer-events:none;opacity:0;filter:brightness(1.35);-webkit-mask-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,1) 80%,rgba(0,0,0,.1) 95%,rgba(0,0,0,0) 100%);mask-image:radial-gradient(circle at 50% 50%,#000 80%,#0000001a 95%,#0000)}.iox-gallery__overlay{position:absolute;inset:0;pointer-events:none;z-index:3;background:linear-gradient(to bottom,#00000080,#00000026 20% 80%,#00000080)}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+    `, isInline: true, styles: [":host{display:block}.iox-gallery{position:relative;overflow:hidden;box-sizing:border-box}.iox-gallery__img{position:absolute;inset:0;background-size:cover;background-position:center;pointer-events:none;opacity:0;filter:brightness(1.35);-webkit-mask-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,1) 80%,rgba(0,0,0,.1) 95%,rgba(0,0,0,0) 100%);mask-image:radial-gradient(circle at 50% 50%,#000 80%,#0000001a 95%,#0000)}.iox-gallery__overlay{position:absolute;inset:0;pointer-events:none;z-index:3;background:linear-gradient(to bottom,#00000080,#00000026 20% 80%,#00000080)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: ClientGalleryComponent, decorators: [{
             type: Component,
@@ -4048,6 +3726,20 @@ class IoxFormComponent {
         this.name = '';
         this.renderState = FormRenderState.Idle;
         this.feedback = FeedbackTiming.Smart;
+        /**
+         * Move focus to the first field that failed, instead of leaving the visitor to hunt for red
+         * text. On by default — the single most valuable thing a failed submit can do.
+         */
+        this.focusFirstProblem = true;
+        /**
+         * Speak the failure the moment it happens. Without this a screen-reader user only learns a
+         * submit failed if they happen to tab back into the message — the error text is rendered, but
+         * nothing directs them to it.
+         */
+        this.announceFailure = true;
+        /** What the live region is currently saying. Empty between attempts so the same failure
+         *  announces again rather than being swallowed as an unchanged value. */
+        this.announcement = '';
         /**
          * Emitted ONLY when client-side validation passes, carrying the collected values. The host
          * (builder canvas or engine runtime) owns the transport — posting, retries and the server's
@@ -4080,9 +3772,9 @@ class IoxFormComponent {
         event.preventDefault();
         this.runtime.configure(this.runtime.specNow(), this.feedback);
         if (!this.runtime.validateAll()) {
-            // Move the visitor TO the problem rather than leaving them to hunt for red text —
-            // the single most valuable thing a failed submit can do.
-            this.focusFirstInvalid();
+            this.announce(this.runtime.state.errors);
+            if (this.focusFirstProblem)
+                this.focusFirstInvalid();
             this.validationFailed.emit(this.runtime.state.errors);
             return;
         }
@@ -4126,10 +3818,13 @@ class IoxFormComponent {
             if (response?.errors) {
                 this.runtime.applyErrors(response.errors);
                 this.renderState = FormRenderState.Idle;
-                this.focusFirstInvalid();
+                this.announce(response.errors);
+                if (this.focusFirstProblem)
+                    this.focusFirstInvalid();
                 return;
             }
             this.renderState = FormRenderState.Error;
+            this.announce(null);
             return;
         }
         this.renderState = FormRenderState.Success;
@@ -4152,6 +3847,22 @@ class IoxFormComponent {
         if (typeof form.reset === 'function')
             form.reset();
     }
+    /**
+     * Put the failure into the live region. Cleared first so two identical failures in a row are
+     * two announcements, not one — a live region only speaks on CHANGE, and "same error again"
+     * is exactly when a visitor most needs telling.
+     */
+    announce(errors) {
+        if (!this.announceFailure)
+            return;
+        const count = errors ? Object.keys(errors).length : 0;
+        const next = count
+            ? `${count} ${count === 1 ? 'field needs' : 'fields need'} attention.`
+            : 'That did not send.';
+        this.announcement = '';
+        // A microtask is enough for the empty value to be committed before the new one lands.
+        Promise.resolve().then(() => { this.announcement = next; });
+    }
     focusFirstInvalid() {
         const name = this.runtime.firstInvalidName();
         if (!name)
@@ -4168,12 +3879,20 @@ class IoxFormComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: IoxFormComponent, deps: [{ token: FormRuntimeService }, { token: i0.ElementRef }, { token: IOX_FORM_TRANSPORT, optional: true }, { token: IOX_FORM_NAVIGATOR, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.31", type: IoxFormComponent, isStandalone: false, selector: "form[iox-form]", inputs: { nodeId: "nodeId", formId: "formId", name: "name", renderState: "renderState", feedback: "feedback" }, outputs: { formSubmit: "formSubmit", validationFailed: "validationFailed" }, host: { listeners: { "submit": "onSubmit($event)" }, properties: { "class": "'iox-form iox-node-' + nodeId", "attr.novalidate": "''", "attr.data-iox-form": "formId || null", "attr.data-iox-state": "renderState", "attr.aria-busy": "renderState === 'submitting' ? 'true' : null" } }, providers: [FormRuntimeService], viewQueries: [{ propertyName: "childrenHost", first: true, predicate: ["childrenHost"], descendants: true, read: ViewContainerRef, static: true }], usesOnChanges: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.31", type: IoxFormComponent, isStandalone: false, selector: "form[iox-form]", inputs: { nodeId: "nodeId", formId: "formId", name: "name", renderState: "renderState", feedback: "feedback", focusFirstProblem: "focusFirstProblem", announceFailure: "announceFailure" }, outputs: { formSubmit: "formSubmit", validationFailed: "validationFailed" }, host: { listeners: { "submit": "onSubmit($event)" }, properties: { "class": "'iox-form iox-node-' + nodeId", "attr.novalidate": "''", "attr.data-iox-form": "formId || null", "attr.data-iox-state": "renderState", "attr.aria-busy": "renderState === 'submitting' ? 'true' : null" } }, providers: [FormRuntimeService], viewQueries: [{ propertyName: "childrenHost", first: true, predicate: ["childrenHost"], descendants: true, read: ViewContainerRef, static: true }], usesOnChanges: true, ngImport: i0, template: `
         <div class="iox-form__hp" aria-hidden="true">
             <input type="text" [attr.name]="honeypotField" tabindex="-1" autocomplete="off" />
         </div>
+        <!-- Failure announcement (board 11). Visually hidden and always PRESENT — an aria-live
+             region added to the DOM at the moment it gains text is not reliably announced; the
+             region has to be there first and only its content change. -->
+        <div *ngIf="announceFailure"
+             class="iox-form__hp"
+             role="status"
+             aria-live="assertive"
+             aria-atomic="true">{{ announcement }}</div>
         <ng-container #childrenHost></ng-container>
-    `, isInline: true, styles: [":host{box-sizing:border-box}.iox-form__hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}\n"] }); }
+    `, isInline: true, styles: [":host{box-sizing:border-box}.iox-form__hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: IoxFormComponent, decorators: [{
             type: Component,
@@ -4181,6 +3900,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImpo
         <div class="iox-form__hp" aria-hidden="true">
             <input type="text" [attr.name]="honeypotField" tabindex="-1" autocomplete="off" />
         </div>
+        <!-- Failure announcement (board 11). Visually hidden and always PRESENT — an aria-live
+             region added to the DOM at the moment it gains text is not reliably announced; the
+             region has to be there first and only its content change. -->
+        <div *ngIf="announceFailure"
+             class="iox-form__hp"
+             role="status"
+             aria-live="assertive"
+             aria-atomic="true">{{ announcement }}</div>
         <ng-container #childrenHost></ng-container>
     `, host: {
                         '[class]': "'iox-form iox-node-' + nodeId",
@@ -4210,6 +3937,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImpo
                 type: Input
             }], feedback: [{
                 type: Input
+            }], focusFirstProblem: [{
+                type: Input
+            }], announceFailure: [{
+                type: Input
             }], formSubmit: [{
                 type: Output
             }], validationFailed: [{
@@ -7063,5 +6794,5 @@ function effectiveTransitionId(anim) {
  * Generated bundle index. Do not edit.
  */
 
-export { AOSService, AnalyticsService, BREAKPOINTS, Breakpoint, BreakpointQueryKind, BuilderButtonComponent, BuilderDividerComponent, BuilderHeadingComponent, BuilderIconComponent, BuilderImageComponent, BuilderLinkComponent, BuilderSpacerComponent, ButtonBlockComponent, CMSClientInfraModule, CONTEXT_ACTION_TYPES, CardComponent, ClientGalleryComponent, ClientListComponent, ClientListItemComponent, ClientRepeaterComponent, ClientSliderContainerComponent, ClientSliderSlideComponent, ComponentInstanceRegistryService, ConsentService, ContainerComponent, ContentService, ContextStore, DEFAULT_GALLERY_SCHEDULER, DEFAULT_PAGE_TRANSITION, DEFAULT_PAGE_TRANSITION_DURATION, DEFAULT_PAGE_TRANSITION_EASING, DEFAULT_PAGE_TRANSITION_PERSPECTIVE, DEFAULT_PHOSPHOR_WEIGHT, DEFAULT_WIDTH_BY_TYPE, DeclarationContext, ENVIRONMENT, FormRenderState, FormRuntimeService, GALLERY_EFFECTS, GALLERY_EFFECT_DESCRIPTORS, GalleryLoop, IOX_BUILDER_EVENTS, IOX_FORM_MESSAGES, IOX_FORM_NAVIGATOR, IOX_FORM_TRANSPORT, IS_PREVIEW, IoxAnimateContainer, IoxAosDirective, IoxAosModule, IoxBuilderComponentsModule, IoxComponentRegistryService, IoxFieldComponent, IoxFormComponent, IoxFormErrorComponent, IoxFormSuccessComponent, IoxPageComponent, IoxPageModule, IoxSubmitButtonComponent, IoxUiModule, LinkedContainerComponent, PAGE_TRANSITION_CATEGORIES, PAGE_TRANSITION_PRESETS, PART_CLASS_NAMES, PIPE_DESCRIPTORS, PIPE_REGISTRY, PageScrollProvider, PrivacyModalComponent, PrivacyModalService, PrivacyModelEvent, RESERVED_ALIAS_PREFIX, SUPPRESSED_STYLE_PROPS_BY_TYPE, SWIPER_RESPONSIVE_TRAITS, SectionComponent, TRANSITION_FEELS, TextBlockComponent, VALIDATION_STATES, VALIDATION_STATE_CLASS, VIRTUAL_TRAIT_GROUPS, VIRTUAL_TRAIT_KEYS, ViewPositionDirective, ViewPositionModule, WebSettingsService, activeActions, applyBindingPipes, applyFeel, breakpointDef, breakpointForWidth, breakpointQueryFor, buildDataSourceFilter, buildPartSelector, buildRelatedFilter, buildSwiperBreakpoints, buildTargetedStateSelector, buildTransitionTimeline, cascadeChain, clearInputOverride, clearOverride, collectContextSlotKeys, collectReferencedAliases, compileDeclarations, compilePageStyle, composeVirtualTraits, computeRelative, contextActionEffect, contextSlotKeys, countOverrides, dataSourcePlanToRequest, declaredInputNames, defaultMessageResolver, deriveSeoFromContent, describeSeoFields, effectiveTransitionId, excludeSelf, feelFor, getByPath, getSeoValue, initialSlotValues, isActionEnabled, isContextAction, isInputOverriddenAt, isOverriddenAt, isReservedAlias, isValidSlotKey, legacyEnterToTransition, matchRouteParams, mediaQueryFor, mergeSwiperBreakpoints, nearestCommonAncestorId, nodeCssId, nodeUsesContext, normalizeCollectionResult, normalizeGalleryImage, normalizeIconClass, parentBreakpoint, parseUrlList, partClassName, planDataSource, planResponsiveRules, referencedDataSources, referencedDataSourcesDeep, renderDefaultDeclarations, resetSeoField, resolveBoundValue, resolveContextValue, resolveDerivedInto, resolveGalleryEffect, resolveGalleryUrls, resolveInputChain, resolveInputs, resolvePageTransition, resolvePath, resolveRelativeInto, resolveRepeaterItems, resolveSeo, resolveSiblings, resolveSingleItemId, resolveStateStyles, resolveStyleProps, resolveValueChain, rewriteViewportUnits, safeSetInput, setInputOverride, setOverride, setSeoAuto, setSeoBinding, setSeoOverride, setSeoValue, stateNamesIn, stripSuppressedProps, styleKeyToKebab, variableAliases, variableItemsFrom, withContextSlots, wrapInBreakpointQuery, wrapInMediaQuery };
+export { AOSService, BREAKPOINTS, Breakpoint, BreakpointQueryKind, BuilderButtonComponent, BuilderDividerComponent, BuilderHeadingComponent, BuilderIconComponent, BuilderImageComponent, BuilderLinkComponent, BuilderSpacerComponent, ButtonBlockComponent, CONTEXT_ACTION_TYPES, CardComponent, ClientGalleryComponent, ClientListComponent, ClientListItemComponent, ClientRepeaterComponent, ClientSliderContainerComponent, ClientSliderSlideComponent, ComponentInstanceRegistryService, ContainerComponent, ContextStore, DEFAULT_GALLERY_SCHEDULER, DEFAULT_PAGE_TRANSITION, DEFAULT_PAGE_TRANSITION_DURATION, DEFAULT_PAGE_TRANSITION_EASING, DEFAULT_PAGE_TRANSITION_PERSPECTIVE, DEFAULT_PHOSPHOR_WEIGHT, DEFAULT_WIDTH_BY_TYPE, DeclarationContext, FormRenderState, FormRuntimeService, GALLERY_EFFECTS, GALLERY_EFFECT_DESCRIPTORS, GalleryLoop, IOX_BUILDER_EVENTS, IOX_FORM_MESSAGES, IOX_FORM_NAVIGATOR, IOX_FORM_TRANSPORT, IS_PREVIEW, IoxAnimateContainer, IoxAosDirective, IoxAosModule, IoxBuilderComponentsModule, IoxComponentRegistryService, IoxFieldComponent, IoxFormComponent, IoxFormErrorComponent, IoxFormSuccessComponent, IoxPageComponent, IoxPageModule, IoxSubmitButtonComponent, IoxUiModule, LinkedContainerComponent, PAGE_TRANSITION_CATEGORIES, PAGE_TRANSITION_PRESETS, PART_CLASS_NAMES, PIPE_DESCRIPTORS, PIPE_REGISTRY, PageScrollProvider, RESERVED_ALIAS_PREFIX, SUPPRESSED_STYLE_PROPS_BY_TYPE, SWIPER_RESPONSIVE_TRAITS, SectionComponent, TRANSITION_FEELS, TextBlockComponent, VALIDATION_STATES, VALIDATION_STATE_CLASS, VIRTUAL_TRAIT_GROUPS, VIRTUAL_TRAIT_KEYS, ViewPositionDirective, ViewPositionModule, activeActions, applyBindingPipes, applyFeel, breakpointDef, breakpointForWidth, breakpointQueryFor, buildDataSourceFilter, buildPartSelector, buildRelatedFilter, buildSwiperBreakpoints, buildTargetedStateSelector, buildTransitionTimeline, cascadeChain, clearInputOverride, clearOverride, collectContextSlotKeys, collectReferencedAliases, compileDeclarations, compilePageStyle, composeVirtualTraits, computeRelative, contextActionEffect, contextSlotKeys, countOverrides, dataSourcePlanToRequest, declaredInputNames, defaultMessageResolver, deriveSeoFromContent, describeSeoFields, effectiveTransitionId, excludeSelf, feelFor, getByPath, getSeoValue, initialSlotValues, isActionEnabled, isContextAction, isInputOverriddenAt, isOverriddenAt, isReservedAlias, isValidSlotKey, legacyEnterToTransition, matchRouteParams, mediaQueryFor, mergeSwiperBreakpoints, nearestCommonAncestorId, nodeCssId, nodeUsesContext, normalizeCollectionResult, normalizeGalleryImage, normalizeIconClass, parentBreakpoint, parseUrlList, partClassName, planDataSource, planResponsiveRules, referencedDataSources, referencedDataSourcesDeep, renderDefaultDeclarations, resetSeoField, resolveBoundValue, resolveContextValue, resolveDerivedInto, resolveGalleryEffect, resolveGalleryUrls, resolveInputChain, resolveInputs, resolvePageTransition, resolvePath, resolveRelativeInto, resolveRepeaterItems, resolveSeo, resolveSiblings, resolveSingleItemId, resolveStateStyles, resolveStyleProps, resolveValueChain, rewriteViewportUnits, safeSetInput, setInputOverride, setOverride, setSeoAuto, setSeoBinding, setSeoOverride, setSeoValue, stateNamesIn, stripSuppressedProps, styleKeyToKebab, variableAliases, variableItemsFrom, withContextSlots, wrapInBreakpointQuery, wrapInMediaQuery };
 //# sourceMappingURL=vectoriox-iox-ui.mjs.map