@transcommerce/cwm-shared 1.1.87 → 1.1.90

package/fesm2022/transcommerce-cwm-shared.mjs

@@ -1,21 +1,21 @@
 import * as i0 from '@angular/core';
-import { Component, Injectable, InjectionToken, Pipe, NgModule, Inject } from '@angular/core';
-import * as i1 from '@angular/router';
-import { RouterModule } from '@angular/router';
+import { Component, Injectable, InjectionToken, Pipe, Inject, NgModule } from '@angular/core';
 import * as i2 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
+import * as i1 from '@angular/router';
+import { RouterModule } from '@angular/router';
 import { Subject, firstValueFrom } from 'rxjs';
-import { InteractionType, PublicClientApplication, LogLevel } from '@azure/msal-browser';
+import { PublicClientApplication, LogLevel, InteractionType } from '@azure/msal-browser';
 import * as i2$1 from '@angular/common/http';
 import { HttpResponseBase, HttpResponse, HttpErrorResponse, HttpHeaders, HttpStatusCode } from '@angular/common/http';
-import { CommonModule, DOCUMENT } from '@angular/common';
-export * from '@angular/common';
-import { MsalModule } from '@azure/msal-angular';
-export * from '@azure/msal-angular';
 import * as i1$1 from '@angular/platform-browser';
 import { BrowserModule } from '@angular/platform-browser';
+import { DOCUMENT, CommonModule } from '@angular/common';
+export * from '@angular/common';
 import { AppConfigurationClient } from '@azure/app-configuration';
 import { keys, countBy } from 'lodash';
+import { MsalModule } from '@azure/msal-angular';
+export * from '@azure/msal-angular';
 
 class ExternalNavigationComponent {
     router;
@@ -49,7 +49,7 @@ class ExternalNavigationComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ExternalNavigationComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: ExternalNavigationComponent, isStandalone: false, selector: "cwm-external-navigation", ngImport: i0, template: `<div class="container">
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: ExternalNavigationComponent, isStandalone: true, selector: "cwm-external-navigation", ngImport: i0, template: `<div class="container">
     <h3>Enter the destination route, URL, or Href you want and press the button that uses the navigation method of your choosing:</h3>
     <input id="txtRoute" type="text" [(ngModel)]="route" placeholder="Enter the destination route, URL, or Href..."
            (keydown)="onKeyPress($event)"/>
@@ -58,13 +58,14 @@ class ExternalNavigationComponent {
     <button (click)="navigateByUrl()">Navigate by URL</button>
     <button (click)="navigateToExternalUrl()">Navigate to external URL</button>
     <button (click)="navigateToExternalHref()">Navigate to external Href</button>
-  </div>`, isInline: true, dependencies: [{ kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+  </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ExternalNavigationComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'cwm-external-navigation',
-                    standalone: false,
+                    standalone: true,
+                    imports: [FormsModule],
                     template: `<div class="container">
     <h3>Enter the destination route, URL, or Href you want and press the button that uses the navigation method of your choosing:</h3>
     <input id="txtRoute" type="text" [(ngModel)]="route" placeholder="Enter the destination route, URL, or Href..."
@@ -98,11 +99,11 @@ class NavigateToRouteComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NavigateToRouteComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: NavigateToRouteComponent, isStandalone: false, selector: "cwm-navigate-to-route", ngImport: i0, template: "<div class=\"container\">\n    <h2>Enter the route you want to navigate to:</h2>\n    <input id=\"txtRoute\" type=\"text\" [(ngModel)]=\"route\" placeholder=\"Enter Route...\"\n           (keydown)=\"onKeyPress($event)\"/>\n    <button (click)=\"navigateToRoute()\">Navigate</button>\n</div>\n``\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: NavigateToRouteComponent, isStandalone: true, selector: "cwm-navigate-to-route", ngImport: i0, template: "<div class=\"container\">\n    <h2>Enter the route you want to navigate to:</h2>\n    <input id=\"txtRoute\" type=\"text\" [(ngModel)]=\"route\" placeholder=\"Enter Route...\"\n           (keydown)=\"onKeyPress($event)\"/>\n    <button (click)=\"navigateToRoute()\">Navigate</button>\n</div>\n``\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NavigateToRouteComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cwm-navigate-to-route', standalone: false, template: "<div class=\"container\">\n    <h2>Enter the route you want to navigate to:</h2>\n    <input id=\"txtRoute\" type=\"text\" [(ngModel)]=\"route\" placeholder=\"Enter Route...\"\n           (keydown)=\"onKeyPress($event)\"/>\n    <button (click)=\"navigateToRoute()\">Navigate</button>\n</div>\n``\n", styles: [":host{display:block}\n"] }]
+            args: [{ selector: 'cwm-navigate-to-route', standalone: true, imports: [FormsModule], template: "<div class=\"container\">\n    <h2>Enter the route you want to navigate to:</h2>\n    <input id=\"txtRoute\" type=\"text\" [(ngModel)]=\"route\" placeholder=\"Enter Route...\"\n           (keydown)=\"onKeyPress($event)\"/>\n    <button (click)=\"navigateToRoute()\">Navigate</button>\n</div>\n``\n", styles: [":host{display:block}\n"] }]
         }], ctorParameters: () => [{ type: i1.Router }] });
 
 class PageNotFoundComponent {
@@ -135,11 +136,11 @@ class PageNotFoundComponent {
         }, 1000);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: PageNotFoundComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: PageNotFoundComponent, isStandalone: false, selector: "cwm-page-not-found", ngImport: i0, template: "<div class=\"not-found-container\">\n  <div class=\"not-found-card\">\n    <div class=\"emoji-icon\">\uD83D\uDD0E</div>\n    <div class=\"error-code\">404</div>\n    <h1 class=\"error-title\">Page Not Found</h1>\n    <p class=\"error-description\">\n      The page you're looking for doesn't exist or has been moved. Let's get you back on track!\n    </p>\n\n    <div class=\"button-group\">\n      <a routerLink=\"/\" class=\"btn btn-primary\">\uD83C\uDFE0 Go to Home</a>\n      <a routerLink=\"/dashboard\" class=\"btn btn-secondary\">\uD83D\uDCCA Dashboard</a>\n      <a href=\"javascript:history.back()\" class=\"btn btn-outline\">\u2190 Go Back</a>\n      <a href=\"mailto:support@cheapweedmenu.com?subject=Broken%20link%20-%20404&body=I%20found%20a%20broken%20link\" class=\"btn btn-ghost\">\uD83D\uDCE7 Report Issue</a>\n    </div>\n\n    <div class=\"redirect-info\">\n      <small class=\"redirect-timer\">You will be redirected to home in <span class=\"timer-badge\">{{ redirectCountdown }}</span> seconds</small>\n      <div class=\"breadcrumb\">\n        Requested URL: <code>{{ requestedUrl }}</code>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".menu{color:#fff}.menu-bg{background-color:#333}.hybrid{color:#375b2b}.hybrid-bg{background-color:#375b2b}.shake{color:#4e544c}.shake-bg{background-color:#4e544c}.indica{color:#1c2e16}.indica-bg{background-color:#1c2e16}.sativa{color:#d7d0c4}.sativa-bg{background-color:#d7d0c4}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.not-found-container{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#1c2e16,#375b2b)}.not-found-card{max-width:720px;width:100%;text-align:center;border-radius:12px;box-shadow:0 8px 30px #0000004d;padding:36px;background:linear-gradient(180deg,#d7d0c4,#e8e2d8);animation:fadeInUp .6s ease-out}.emoji-icon{font-size:80px;line-height:1;margin-bottom:16px;animation:float 3s ease-in-out infinite;display:inline-block}.error-code{margin:0;font-size:48px;font-weight:700;color:#1c2e16;letter-spacing:-1px}.error-title{margin:8px 0;font-size:28px;font-weight:600;color:#1c2e16}.error-description{color:#4e544c;margin:12px 0 28px;line-height:1.6;font-size:16px}.button-group{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:32px 0}.btn{padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;transition:all .5s ease;cursor:pointer;border:none;display:inline-block}.btn-primary{background-color:#1c2e16;color:#d7d0c4;transition-property:all;transition-duration:.5s}.btn-primary:hover{background-color:#160816;color:#d7d0c4;transform:translateY(-2px);box-shadow:0 4px 12px #1c2e1666}.btn-secondary{background-color:#375b2b;color:#d7d0c4;transition-property:all;transition-duration:.5s}.btn-secondary:hover{background-color:#1c2e16;color:#d7d0c4;transform:translateY(-2px)}.btn-outline{background-color:#d7d0c4;color:#1c2e16;transition-property:all;transition-duration:.5s}.btn-outline:hover{background-color:#1c2e16;color:#d7d0c4;transform:translateY(-2px)}.btn-ghost{background:transparent;border:2px solid #1c2e16;color:#1c2e16;transition-property:all;transition-duration:.5s}.btn-ghost:hover{border-color:#375b2b;background-color:#375b2b;color:#d7d0c4;transform:translateY(-2px)}.redirect-info{margin-top:24px;padding-top:24px;border-top:2px solid #1c2e16}.redirect-timer{font-size:14px;color:#4e544c;margin-top:12px}.timer-badge{display:inline-block;background-color:#1c2e16;color:#d7d0c4;padding:4px 10px;border-radius:4px;font-weight:600;margin-left:4px}.breadcrumb{margin-top:20px;font-size:12px;color:#4e544c}.breadcrumb code{background-color:#1c2e16;color:#d7d0c4;padding:2px 6px;border-radius:4px}\n"], dependencies: [{ kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: PageNotFoundComponent, isStandalone: true, selector: "cwm-page-not-found", ngImport: i0, template: "<div class=\"not-found-container\">\n  <div class=\"not-found-card\">\n    <div class=\"emoji-icon\">\uD83D\uDD0E</div>\n    <div class=\"error-code\">404</div>\n    <h1 class=\"error-title\">Page Not Found</h1>\n    <p class=\"error-description\">\n      The page you're looking for doesn't exist or has been moved. Let's get you back on track!\n    </p>\n\n    <div class=\"button-group\">\n      <a routerLink=\"/\" class=\"btn btn-primary\">\uD83C\uDFE0 Go to Home</a>\n      <a routerLink=\"/dashboard\" class=\"btn btn-secondary\">\uD83D\uDCCA Dashboard</a>\n      <a href=\"javascript:history.back()\" class=\"btn btn-outline\">\u2190 Go Back</a>\n      <a href=\"mailto:support@cheapweedmenu.com?subject=Broken%20link%20-%20404&body=I%20found%20a%20broken%20link\" class=\"btn btn-ghost\">\uD83D\uDCE7 Report Issue</a>\n    </div>\n\n    <div class=\"redirect-info\">\n      <small class=\"redirect-timer\">You will be redirected to home in <span class=\"timer-badge\">{{ redirectCountdown }}</span> seconds</small>\n      <div class=\"breadcrumb\">\n        Requested URL: <code>{{ requestedUrl }}</code>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".menu{color:#fff}.menu-bg{background-color:#333}.hybrid{color:#375b2b}.hybrid-bg{background-color:#375b2b}.shake{color:#4e544c}.shake-bg{background-color:#4e544c}.indica{color:#1c2e16}.indica-bg{background-color:#1c2e16}.sativa{color:#d7d0c4}.sativa-bg{background-color:#d7d0c4}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.not-found-container{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#1c2e16,#375b2b)}.not-found-card{max-width:720px;width:100%;text-align:center;border-radius:12px;box-shadow:0 8px 30px #0000004d;padding:36px;background:linear-gradient(180deg,#d7d0c4,#e8e2d8);animation:fadeInUp .6s ease-out}.emoji-icon{font-size:80px;line-height:1;margin-bottom:16px;animation:float 3s ease-in-out infinite;display:inline-block}.error-code{margin:0;font-size:48px;font-weight:700;color:#1c2e16;letter-spacing:-1px}.error-title{margin:8px 0;font-size:28px;font-weight:600;color:#1c2e16}.error-description{color:#4e544c;margin:12px 0 28px;line-height:1.6;font-size:16px}.button-group{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:32px 0}.btn{padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;transition:all .5s ease;cursor:pointer;border:none;display:inline-block}.btn-primary{background-color:#1c2e16;color:#d7d0c4;transition-property:all;transition-duration:.5s}.btn-primary:hover{background-color:#160816;color:#d7d0c4;transform:translateY(-2px);box-shadow:0 4px 12px #1c2e1666}.btn-secondary{background-color:#375b2b;color:#d7d0c4;transition-property:all;transition-duration:.5s}.btn-secondary:hover{background-color:#1c2e16;color:#d7d0c4;transform:translateY(-2px)}.btn-outline{background-color:#d7d0c4;color:#1c2e16;transition-property:all;transition-duration:.5s}.btn-outline:hover{background-color:#1c2e16;color:#d7d0c4;transform:translateY(-2px)}.btn-ghost{background:transparent;border:2px solid #1c2e16;color:#1c2e16;transition-property:all;transition-duration:.5s}.btn-ghost:hover{border-color:#375b2b;background-color:#375b2b;color:#d7d0c4;transform:translateY(-2px)}.redirect-info{margin-top:24px;padding-top:24px;border-top:2px solid #1c2e16}.redirect-timer{font-size:14px;color:#4e544c;margin-top:12px}.timer-badge{display:inline-block;background-color:#1c2e16;color:#d7d0c4;padding:4px 10px;border-radius:4px;font-weight:600;margin-left:4px}.breadcrumb{margin-top:20px;font-size:12px;color:#4e544c}.breadcrumb code{background-color:#1c2e16;color:#d7d0c4;padding:2px 6px;border-radius:4px}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: PageNotFoundComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cwm-page-not-found', standalone: false, template: "<div class=\"not-found-container\">\n  <div class=\"not-found-card\">\n    <div class=\"emoji-icon\">\uD83D\uDD0E</div>\n    <div class=\"error-code\">404</div>\n    <h1 class=\"error-title\">Page Not Found</h1>\n    <p class=\"error-description\">\n      The page you're looking for doesn't exist or has been moved. Let's get you back on track!\n    </p>\n\n    <div class=\"button-group\">\n      <a routerLink=\"/\" class=\"btn btn-primary\">\uD83C\uDFE0 Go to Home</a>\n      <a routerLink=\"/dashboard\" class=\"btn btn-secondary\">\uD83D\uDCCA Dashboard</a>\n      <a href=\"javascript:history.back()\" class=\"btn btn-outline\">\u2190 Go Back</a>\n      <a href=\"mailto:support@cheapweedmenu.com?subject=Broken%20link%20-%20404&body=I%20found%20a%20broken%20link\" class=\"btn btn-ghost\">\uD83D\uDCE7 Report Issue</a>\n    </div>\n\n    <div class=\"redirect-info\">\n      <small class=\"redirect-timer\">You will be redirected to home in <span class=\"timer-badge\">{{ redirectCountdown }}</span> seconds</small>\n      <div class=\"breadcrumb\">\n        Requested URL: <code>{{ requestedUrl }}</code>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".menu{color:#fff}.menu-bg{background-color:#333}.hybrid{color:#375b2b}.hybrid-bg{background-color:#375b2b}.shake{color:#4e544c}.shake-bg{background-color:#4e544c}.indica{color:#1c2e16}.indica-bg{background-color:#1c2e16}.sativa{color:#d7d0c4}.sativa-bg{background-color:#d7d0c4}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.not-found-container{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#1c2e16,#375b2b)}.not-found-card{max-width:720px;width:100%;text-align:center;border-radius:12px;box-shadow:0 8px 30px #0000004d;padding:36px;background:linear-gradient(180deg,#d7d0c4,#e8e2d8);animation:fadeInUp .6s ease-out}.emoji-icon{font-size:80px;line-height:1;margin-bottom:16px;animation:float 3s ease-in-out infinite;display:inline-block}.error-code{margin:0;font-size:48px;font-weight:700;color:#1c2e16;letter-spacing:-1px}.error-title{margin:8px 0;font-size:28px;font-weight:600;color:#1c2e16}.error-description{color:#4e544c;margin:12px 0 28px;line-height:1.6;font-size:16px}.button-group{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:32px 0}.btn{padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;transition:all .5s ease;cursor:pointer;border:none;display:inline-block}.btn-primary{background-color:#1c2e16;color:#d7d0c4;transition-property:all;transition-duration:.5s}.btn-primary:hover{background-color:#160816;color:#d7d0c4;transform:translateY(-2px);box-shadow:0 4px 12px #1c2e1666}.btn-secondary{background-color:#375b2b;color:#d7d0c4;transition-property:all;transition-duration:.5s}.btn-secondary:hover{background-color:#1c2e16;color:#d7d0c4;transform:translateY(-2px)}.btn-outline{background-color:#d7d0c4;color:#1c2e16;transition-property:all;transition-duration:.5s}.btn-outline:hover{background-color:#1c2e16;color:#d7d0c4;transform:translateY(-2px)}.btn-ghost{background:transparent;border:2px solid #1c2e16;color:#1c2e16;transition-property:all;transition-duration:.5s}.btn-ghost:hover{border-color:#375b2b;background-color:#375b2b;color:#d7d0c4;transform:translateY(-2px)}.redirect-info{margin-top:24px;padding-top:24px;border-top:2px solid #1c2e16}.redirect-timer{font-size:14px;color:#4e544c;margin-top:12px}.timer-badge{display:inline-block;background-color:#1c2e16;color:#d7d0c4;padding:4px 10px;border-radius:4px;font-weight:600;margin-left:4px}.breadcrumb{margin-top:20px;font-size:12px;color:#4e544c}.breadcrumb code{background-color:#1c2e16;color:#d7d0c4;padding:2px 6px;border-radius:4px}\n"] }]
+            args: [{ selector: 'cwm-page-not-found', standalone: true, imports: [], template: "<div class=\"not-found-container\">\n  <div class=\"not-found-card\">\n    <div class=\"emoji-icon\">\uD83D\uDD0E</div>\n    <div class=\"error-code\">404</div>\n    <h1 class=\"error-title\">Page Not Found</h1>\n    <p class=\"error-description\">\n      The page you're looking for doesn't exist or has been moved. Let's get you back on track!\n    </p>\n\n    <div class=\"button-group\">\n      <a routerLink=\"/\" class=\"btn btn-primary\">\uD83C\uDFE0 Go to Home</a>\n      <a routerLink=\"/dashboard\" class=\"btn btn-secondary\">\uD83D\uDCCA Dashboard</a>\n      <a href=\"javascript:history.back()\" class=\"btn btn-outline\">\u2190 Go Back</a>\n      <a href=\"mailto:support@cheapweedmenu.com?subject=Broken%20link%20-%20404&body=I%20found%20a%20broken%20link\" class=\"btn btn-ghost\">\uD83D\uDCE7 Report Issue</a>\n    </div>\n\n    <div class=\"redirect-info\">\n      <small class=\"redirect-timer\">You will be redirected to home in <span class=\"timer-badge\">{{ redirectCountdown }}</span> seconds</small>\n      <div class=\"breadcrumb\">\n        Requested URL: <code>{{ requestedUrl }}</code>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".menu{color:#fff}.menu-bg{background-color:#333}.hybrid{color:#375b2b}.hybrid-bg{background-color:#375b2b}.shake{color:#4e544c}.shake-bg{background-color:#4e544c}.indica{color:#1c2e16}.indica-bg{background-color:#1c2e16}.sativa{color:#d7d0c4}.sativa-bg{background-color:#d7d0c4}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.not-found-container{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#1c2e16,#375b2b)}.not-found-card{max-width:720px;width:100%;text-align:center;border-radius:12px;box-shadow:0 8px 30px #0000004d;padding:36px;background:linear-gradient(180deg,#d7d0c4,#e8e2d8);animation:fadeInUp .6s ease-out}.emoji-icon{font-size:80px;line-height:1;margin-bottom:16px;animation:float 3s ease-in-out infinite;display:inline-block}.error-code{margin:0;font-size:48px;font-weight:700;color:#1c2e16;letter-spacing:-1px}.error-title{margin:8px 0;font-size:28px;font-weight:600;color:#1c2e16}.error-description{color:#4e544c;margin:12px 0 28px;line-height:1.6;font-size:16px}.button-group{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:32px 0}.btn{padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;transition:all .5s ease;cursor:pointer;border:none;display:inline-block}.btn-primary{background-color:#1c2e16;color:#d7d0c4;transition-property:all;transition-duration:.5s}.btn-primary:hover{background-color:#160816;color:#d7d0c4;transform:translateY(-2px);box-shadow:0 4px 12px #1c2e1666}.btn-secondary{background-color:#375b2b;color:#d7d0c4;transition-property:all;transition-duration:.5s}.btn-secondary:hover{background-color:#1c2e16;color:#d7d0c4;transform:translateY(-2px)}.btn-outline{background-color:#d7d0c4;color:#1c2e16;transition-property:all;transition-duration:.5s}.btn-outline:hover{background-color:#1c2e16;color:#d7d0c4;transform:translateY(-2px)}.btn-ghost{background:transparent;border:2px solid #1c2e16;color:#1c2e16;transition-property:all;transition-duration:.5s}.btn-ghost:hover{border-color:#375b2b;background-color:#375b2b;color:#d7d0c4;transform:translateY(-2px)}.redirect-info{margin-top:24px;padding-top:24px;border-top:2px solid #1c2e16}.redirect-timer{font-size:14px;color:#4e544c;margin-top:12px}.timer-badge{display:inline-block;background-color:#1c2e16;color:#d7d0c4;padding:4px 10px;border-radius:4px;font-weight:600;margin-left:4px}.breadcrumb{margin-top:20px;font-size:12px;color:#4e544c}.breadcrumb code{background-color:#1c2e16;color:#d7d0c4;padding:2px 6px;border-radius:4px}\n"] }]
         }], ctorParameters: () => [{ type: i1.Router }] });
 
 /*
@@ -346,29 +347,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
             type: Injectable
         }], ctorParameters: () => [] });
 
-function msalGuardConfigFactory(authConfig, injector) {
-    const logService = injector ? injector.get(ClassLoggerService, null) : null;
-    if (logService) {
-        //logService.className = 'AppModule';
-        logService.methodName = 'msalGuardConfigFactory';
-        logService.info(`msalGuardConfigFactory: using clientId=${authConfig.clientId}`);
-    }
-    else {
-        console.info('msalGuardConfigFactory: auth clientId=', authConfig.clientId);
-    }
-    const scopes = authConfig && authConfig.scopes ? (Array.isArray(authConfig.scopes) ? authConfig.scopes : authConfig.scopes.split(',').map(s => s.trim())) : ['user.read'];
-    const msalGuardConfiguration = {
-        interactionType: InteractionType.Redirect,
-        authRequest: {
-            scopes: scopes,
-            prompt: authConfig.prompt
-        },
-    };
-    if (logService)
-        logService.methodName = "";
-    return msalGuardConfiguration;
-}
-
 function msalInstanceFactory(authConfig, injector) {
     const logService = injector ? injector.get(ClassLoggerService, null) : null;
     if (logService) {
@@ -467,6 +445,29 @@ function msalInstanceFactory(authConfig, injector) {
     return publicClientApplication;
 }
 
+function msalGuardConfigFactory(authConfig, injector) {
+    const logService = injector ? injector.get(ClassLoggerService, null) : null;
+    if (logService) {
+        //logService.className = 'AppModule';
+        logService.methodName = 'msalGuardConfigFactory';
+        logService.info(`msalGuardConfigFactory: using clientId=${authConfig.clientId}`);
+    }
+    else {
+        console.info('msalGuardConfigFactory: auth clientId=', authConfig.clientId);
+    }
+    const scopes = authConfig && authConfig.scopes ? (Array.isArray(authConfig.scopes) ? authConfig.scopes : authConfig.scopes.split(',').map(s => s.trim())) : ['user.read'];
+    const msalGuardConfiguration = {
+        interactionType: InteractionType.Redirect,
+        authRequest: {
+            scopes: scopes,
+            prompt: authConfig.prompt
+        },
+    };
+    if (logService)
+        logService.methodName = "";
+    return msalGuardConfiguration;
+}
+
 function msalInterceptorConfigFactory(authConfig, injector) {
     const logService = injector ? injector.get(ClassLoggerService, null) : null;
     if (logService) {
@@ -495,12 +496,23 @@ function msalInterceptorConfigFactory(authConfig, injector) {
 
 /* eslint-disable no-useless-catch */
 /* eslint-disable @typescript-eslint/no-explicit-any */
+/**
+ * @module async-utils
+ * @description Utility functions for working with asynchronous code and managing concurrent task execution.
+ * Provides utilities for delays, promise management, and synchronization primitives for controlling
+ * the execution of async tasks to ensure only one task executes at a time for a given lock name.
+ */
 /**
  * A wrapper around setTimeout which returns a promise. Useful for waiting for an amount of
  * time from an async function. e.g. await waitFor(1000);
  *
  * @param milliseconds The amount of time to wait.
  * @returns A promise that resolves once the given number of milliseconds has ellapsed.
+ *
+ * @example
+ * // Wait for 2 seconds before continuing
+ * await waitFor(2000);
+ * console.log('2 seconds have passed');
  */
 function waitFor(milliseconds) {
     return new Promise((resolve) => {
@@ -519,9 +531,26 @@ const locksByName = {};
  * lock name for a group of tasks you can ensure the only one task will ever be in progress
  * at a given time.
  *
- * @param lockName The name of the lock to be obtained.
- * @param task The task to execute.
- * @returns The value returned by the task.
+ * Uses a queue-based locking mechanism where tasks are executed in FIFO order. Each task must
+ * complete (or throw an error) before the next task in the queue begins execution.
+ *
+ * @param lockName The name of the lock to be obtained. Tasks with the same lock name will be serialized.
+ * @param task The task to execute. Should return a Promise.
+ * @returns The value returned by the task. Rejects if the task throws an error.
+ *
+ * @example
+ * // Execute multiple API calls sequentially to prevent race conditions
+ * const result1 = await doWithLock('api-calls', async () => {
+ *   return await fetchUser(userId);
+ * });
+ *
+ * @example
+ * // Multiple locks can run in parallel, but tasks with the same lock name are serialized
+ * await Promise.all([
+ *   doWithLock('lock-a', () => slowTask1()),
+ *   doWithLock('lock-a', () => slowTask2()), // Waits for slowTask1 to complete
+ *   doWithLock('lock-b', () => otherTask()) // Runs in parallel with the lock-a tasks
+ * ]);
  */
 async function doWithLock(lockName, task) {
     // Ensure array present for the given lock name.
@@ -562,27 +591,20 @@ async function doWithLock(lockName, task) {
     }
 }
 
-class DbKeys {
-    static CURRENT_USER = 'current_user';
-    static USER_PERMISSIONS = 'user_permissions';
-    static USER_DATA = 'user_data';
-    static SYNC_KEYS = 'sync_keys';
-    static AUTH_PROVIDER = 'auth_provider';
-    static REMEMBER_ME = 'remember_me';
-    static LANGUAGE = 'language';
-    static HOME_URL = 'home_url';
-    static THEME_ID = 'themeId';
-    static SHOW_DASHBOARD_STATISTICS = 'show_dashboard_statistics';
-    static SHOW_DASHBOARD_NOTIFICATIONS = 'show_dashboard_notifications';
-    static SHOW_DASHBOARD_TODO = 'show_dashboard_todo';
-    static SHOW_DASHBOARD_BANNER = 'show_dashboard_banner';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: DbKeys, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: DbKeys });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: DbKeys, decorators: [{
-            type: Injectable
-        }] });
-
+/**
+ * Decodes a JWT (JSON Web Token) and returns the decoded claims as an object.
+ *
+ * JWT tokens consist of three Base64-encoded parts separated by dots: header.payload.signature.
+ * This function decodes all parts and merges them into a single object, returning the combined result.
+ *
+ * @param token The JWT token string to decode. Can be a complete token or any of its parts.
+ * @returns An object containing the decoded claims from the token parts, or undefined if the token is empty or invalid.
+ *
+ * @example
+ * const token = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c';
+ * const decoded = decodeToken(token);
+ * // Returns: { alg: 'HS256', typ: 'JWT', sub: '1234567890', name: 'John Doe', iat: 1516239022 }
+ */
 function decodeToken(token) {
     if (!token) {
         return;
@@ -604,6 +626,27 @@ function decodeToken(token) {
         return acc;
     }, Object.create(null));
 }
+/**
+ * Validates whether a JWT token is still valid based on its expiration time.
+ *
+ * This function checks the 'exp' (expiration) claim of a JWT token. The expiration time is
+ * expected to be a Unix timestamp (seconds since epoch). If the current time is less than the
+ * expiration time, the token is considered valid.
+ *
+ * @param input Either a JWT token string (from which the expiration will be extracted) or
+ *              a Unix timestamp (expiration time in seconds). If invalid or undefined, returns false.
+ * @returns true if the token/timestamp has not yet expired, false otherwise.
+ *
+ * @example
+ * // Check if a token string is valid
+ * const token = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJleHAiOjk5OTk5OTk5OTl9.xxx';
+ * const isValid = isTokenValid(token); // true if not expired
+ *
+ * @example
+ * // Check if an expiration timestamp is valid
+ * const futureTimestamp = Math.floor(Date.now() / 1000) + 3600; // 1 hour from now
+ * const isValid = isTokenValid(futureTimestamp); // true
+ */
 function isTokenValid(input) {
     if (!input) {
         return false;
@@ -612,15 +655,68 @@ function isTokenValid(input) {
     return exp ? Math.floor(Date.now() / 1000) < exp : false;
 }
 
-class TimeSpanOverflowError extends Error {
-}
-
 const MILLIS_PER_SECOND = 1000;
 const MILLIS_PER_MINUTE = MILLIS_PER_SECOND * 60; //     60,000
 const MILLIS_PER_HOUR = MILLIS_PER_MINUTE * 60; //  3,600,000
 const MILLIS_PER_DAY = MILLIS_PER_HOUR * 24; // 86,400,000
+/**
+ * Represents an error that occurs when a TimeSpan operation would result in a value
+ * that exceeds the safe bounds of a number in JavaScript.
+ *
+ * This error is thrown when:
+ * - Creating a TimeSpan from a value that, when multiplied by a time scale (e.g., days, hours),
+ *   would exceed {@link TimeSpan.maxValue} or fall below {@link TimeSpan.minValue}
+ * - Adding or subtracting TimeSpan instances would result in overflow
+ * - Converting time components that would exceed safe integer bounds
+ *
+ * The safe bounds are defined by JavaScript's {@link Number.MAX_SAFE_INTEGER} and
+ * {@link Number.MIN_SAFE_INTEGER}.
+ *
+ * @example
+ * try {
+ *   // This will throw TimeSpanOverflowError
+ *   const hugeSpan = TimeSpan.fromDays(Number.MAX_SAFE_INTEGER);
+ * } catch (error) {
+ *   if (error instanceof TimeSpanOverflowError) {
+ *     console.log('TimeSpan duration exceeded safe bounds');
+ *   }
+ * }
+ */
+class TimeSpanOverflowError extends Error {
+}
+/**
+ * Represents a time interval with support for days, hours, minutes, seconds, and milliseconds.
+ *
+ * The TimeSpan class provides a way to represent and work with time durations, similar to
+ * .NET's TimeSpan class. It stores time internally as milliseconds and provides various
+ * static factory methods to create instances from different time units.
+ *
+ * @example
+ * // Create a TimeSpan of 5 days
+ * const fiveDays = TimeSpan.fromDays(5);
+ *
+ * @example
+ * // Create a TimeSpan from specific time components
+ * const timespan = TimeSpan.fromTime(2, 30, 45); // 2 hours, 30 minutes, 45 seconds
+ *
+ * @example
+ * // Create a TimeSpan from a string representation
+ * const parsed = TimeSpan.fromString("5:30:45"); // 5 hours, 30 minutes, 45 seconds
+ */
 class TimeSpan {
+    /** @private The number of milliseconds represented by this TimeSpan */
     _millis;
+    /**
+     * @private
+     * Creates a TimeSpan from a value and time scale.
+     * Converts the value using the provided scale factor and rounds the result.
+     *
+     * @param value - The numeric value to convert
+     * @param scale - The scale factor (e.g., MILLIS_PER_DAY) to multiply by
+     * @returns A new TimeSpan instance
+     * @throws {Error} If value is NaN
+     * @throws {TimeSpanOverflowError} If the resulting milliseconds exceed safe integer bounds
+     */
     static interval(value, scale) {
         if (Number.isNaN(value)) {
             throw new Error("value can't be NaN");
@@ -632,6 +728,13 @@ class TimeSpan {
         }
         return new TimeSpan(millis);
     }
+    /**
+     * @private
+     * Rounds a number towards zero (floor for positive, ceil for negative).
+     *
+     * @param n - The number to round
+     * @returns The rounded number
+     */
     static round(n) {
         if (n < 0) {
             return Math.ceil(n);
@@ -641,6 +744,17 @@ class TimeSpan {
         }
         return 0;
     }
+    /**
+     * @private
+     * Converts time components (hours, minutes, seconds) to milliseconds.
+     * Validates that the total does not exceed TimeSpan bounds.
+     *
+     * @param hour - The number of hours (0-23 for typical usage)
+     * @param minute - The number of minutes (0-59)
+     * @param second - The number of seconds (0-59)
+     * @returns The total milliseconds
+     * @throws {TimeSpanOverflowError} If the total seconds exceed safe bounds
+     */
     static timeToMilliseconds(hour, minute, second) {
         const totalSeconds = (hour * 3600) + (minute * 60) + second;
         if (totalSeconds > TimeSpan.maxValue.totalSeconds || totalSeconds < TimeSpan.minValue.totalSeconds) {
@@ -648,27 +762,99 @@ class TimeSpan {
         }
         return totalSeconds * MILLIS_PER_SECOND;
     }
+    /**
+     * Gets a TimeSpan instance representing zero duration.
+     *
+     * @returns A TimeSpan with 0 milliseconds
+     */
     static get zero() {
         return new TimeSpan(0);
     }
+    /**
+     * Gets the maximum possible TimeSpan value.
+     * Uses JavaScript's MAX_SAFE_INTEGER as the underlying millisecond limit.
+     *
+     * @returns A TimeSpan with the maximum safe integer milliseconds
+     */
     static get maxValue() {
         return new TimeSpan(Number.MAX_SAFE_INTEGER);
     }
+    /**
+     * Gets the minimum possible TimeSpan value.
+     * Uses JavaScript's MIN_SAFE_INTEGER as the underlying millisecond limit.
+     *
+     * @returns A TimeSpan with the minimum safe integer milliseconds
+     */
     static get minValue() {
         return new TimeSpan(Number.MIN_SAFE_INTEGER);
     }
+    /**
+     * Creates a TimeSpan from a number of days.
+     *
+     * @param value - The number of days
+     * @returns A new TimeSpan instance representing the specified duration
+     * @throws {Error} If value is NaN
+     * @throws {TimeSpanOverflowError} If the result exceeds safe bounds
+     *
+     * @example
+     * const span = TimeSpan.fromDays(7); // 7 days
+     */
     static fromDays(value) {
         return TimeSpan.interval(value, MILLIS_PER_DAY);
     }
+    /**
+     * Creates a TimeSpan from a number of hours.
+     *
+     * @param value - The number of hours
+     * @returns A new TimeSpan instance representing the specified duration
+     * @throws {Error} If value is NaN
+     * @throws {TimeSpanOverflowError} If the result exceeds safe bounds
+     *
+     * @example
+     * const span = TimeSpan.fromHours(24); // 24 hours = 1 day
+     */
     static fromHours(value) {
         return TimeSpan.interval(value, MILLIS_PER_HOUR);
     }
+    /**
+     * Creates a TimeSpan from a number of milliseconds.
+     *
+     * @param value - The number of milliseconds
+     * @returns A new TimeSpan instance representing the specified duration
+     * @throws {Error} If value is NaN
+     * @throws {TimeSpanOverflowError} If the result exceeds safe bounds
+     *
+     * @example
+     * const span = TimeSpan.fromMilliseconds(5000); // 5 seconds
+     */
     static fromMilliseconds(value) {
         return TimeSpan.interval(value, 1);
     }
+    /**
+     * Creates a TimeSpan from a number of minutes.
+     *
+     * @param value - The number of minutes
+     * @returns A new TimeSpan instance representing the specified duration
+     * @throws {Error} If value is NaN
+     * @throws {TimeSpanOverflowError} If the result exceeds safe bounds
+     *
+     * @example
+     * const span = TimeSpan.fromMinutes(60); // 60 minutes = 1 hour
+     */
     static fromMinutes(value) {
         return TimeSpan.interval(value, MILLIS_PER_MINUTE);
     }
+    /**
+     * Creates a TimeSpan from a number of seconds.
+     *
+     * @param value - The number of seconds
+     * @returns A new TimeSpan instance representing the specified duration
+     * @throws {Error} If value is NaN
+     * @throws {TimeSpanOverflowError} If the result exceeds safe bounds
+     *
+     * @example
+     * const span = TimeSpan.fromSeconds(300); // 300 seconds = 5 minutes
+     */
     static fromSeconds(value) {
         return TimeSpan.interval(value, MILLIS_PER_SECOND);
     }
@@ -680,10 +866,32 @@ class TimeSpan {
             return this.fromTimeStartingFromHours(daysOrHours, hoursOrMinutes, minutesOrSeconds);
         }
     }
+    /**
+     * @private
+     * Creates a TimeSpan from hours, minutes, and seconds components.
+     *
+     * @param hours - The number of hours
+     * @param minutes - The number of minutes
+     * @param seconds - The number of seconds
+     * @returns A new TimeSpan instance
+     * @throws {TimeSpanOverflowError} If the total exceeds safe bounds
+     */
     static fromTimeStartingFromHours(hours, minutes, seconds) {
         const millis = TimeSpan.timeToMilliseconds(hours, minutes, seconds);
         return new TimeSpan(millis);
     }
+    /**
+     * @private
+     * Creates a TimeSpan from all time components (days through milliseconds).
+     *
+     * @param days - The number of days
+     * @param hours - The number of hours
+     * @param minutes - The number of minutes
+     * @param seconds - The number of seconds
+     * @param milliseconds - The number of milliseconds
+     * @returns A new TimeSpan instance
+     * @throws {TimeSpanOverflowError} If the total exceeds safe bounds
+     */
     static fromTimeStartingFromDays(days, hours, minutes, seconds, milliseconds) {
         const totalMilliSeconds = (days * MILLIS_PER_DAY) +
             (hours * MILLIS_PER_HOUR) +
@@ -695,47 +903,192 @@ class TimeSpan {
         }
         return new TimeSpan(totalMilliSeconds);
     }
+    /**
+     * Creates a new TimeSpan instance with the specified number of milliseconds.
+     *
+     * @param millis - The total number of milliseconds
+     *
+     * @example
+     * const span = new TimeSpan(5000); // 5 seconds
+     */
     constructor(millis) {
         this._millis = millis;
     }
+    /**
+     * Gets the day component of this TimeSpan (0-31+).
+     * This returns only the day portion, not the total days.
+     *
+     * @returns The number of whole days
+     * @example
+     * const span = TimeSpan.fromTime(1, 5, 30, 0); // 1 day, 5 hours, 30 minutes
+     * console.log(span.days); // 1
+     */
     get days() {
         return TimeSpan.round(this._millis / MILLIS_PER_DAY);
     }
+    /**
+     * Gets the hours component of this TimeSpan (0-23).
+     * This returns only the hours portion within a day, not the total hours.
+     *
+     * @returns The number of hours (0-23)
+     * @example
+     * const span = TimeSpan.fromTime(25, 30, 0); // 25 hours, 30 minutes
+     * console.log(span.hours); // 1 (25 % 24)
+     */
     get hours() {
         return TimeSpan.round((this._millis / MILLIS_PER_HOUR) % 24);
     }
+    /**
+     * Gets the minutes component of this TimeSpan (0-59).
+     * This returns only the minutes portion within an hour, not the total minutes.
+     *
+     * @returns The number of minutes (0-59)
+     * @example
+     * const span = TimeSpan.fromTime(0, 90, 0); // 90 minutes
+     * console.log(span.minutes); // 30 (90 % 60)
+     */
     get minutes() {
         return TimeSpan.round((this._millis / MILLIS_PER_MINUTE) % 60);
     }
+    /**
+     * Gets the seconds component of this TimeSpan (0-59).
+     * This returns only the seconds portion within a minute, not the total seconds.
+     *
+     * @returns The number of seconds (0-59)
+     * @example
+     * const span = TimeSpan.fromTime(0, 0, 90); // 90 seconds
+     * console.log(span.seconds); // 30 (90 % 60)
+     */
     get seconds() {
         return TimeSpan.round((this._millis / MILLIS_PER_SECOND) % 60);
     }
+    /**
+     * Gets the milliseconds component of this TimeSpan (0-999).
+     * This returns only the milliseconds portion within a second, not the total milliseconds.
+     *
+     * @returns The number of milliseconds (0-999)
+     * @example
+     * const span = TimeSpan.fromTime(0, 0, 0, 1, 500); // 1 second, 500 milliseconds
+     * console.log(span.milliseconds); // 500
+     */
     get milliseconds() {
         return TimeSpan.round(this._millis % 1000);
     }
+    /**
+     * Gets the total number of days in this TimeSpan.
+     * Unlike the {@link days} property, this returns the complete duration in days as a decimal.
+     *
+     * @returns The total duration in days
+     * @example
+     * const span = TimeSpan.fromHours(30); // 30 hours
+     * console.log(span.totalDays); // 1.25
+     */
     get totalDays() {
         return this._millis / MILLIS_PER_DAY;
     }
+    /**
+     * Gets the total number of hours in this TimeSpan.
+     * Unlike the {@link hours} property, this returns the complete duration in hours as a decimal.
+     *
+     * @returns The total duration in hours
+     * @example
+     * const span = TimeSpan.fromMinutes(90); // 90 minutes
+     * console.log(span.totalHours); // 1.5
+     */
     get totalHours() {
         return this._millis / MILLIS_PER_HOUR;
     }
+    /**
+     * Gets the total number of minutes in this TimeSpan.
+     * Unlike the {@link minutes} property, this returns the complete duration in minutes as a decimal.
+     *
+     * @returns The total duration in minutes
+     * @example
+     * const span = TimeSpan.fromSeconds(150); // 150 seconds
+     * console.log(span.totalMinutes); // 2.5
+     */
     get totalMinutes() {
         return this._millis / MILLIS_PER_MINUTE;
     }
+    /**
+     * Gets the total number of seconds in this TimeSpan.
+     * Unlike the {@link seconds} property, this returns the complete duration in seconds as a decimal.
+     *
+     * @returns The total duration in seconds
+     * @example
+     * const span = TimeSpan.fromMilliseconds(5500); // 5500 milliseconds
+     * console.log(span.totalSeconds); // 5.5
+     */
     get totalSeconds() {
         return this._millis / MILLIS_PER_SECOND;
     }
+    /**
+     * Gets the total number of milliseconds in this TimeSpan.
+     *
+     * @returns The total duration in milliseconds
+     * @example
+     * const span = TimeSpan.fromSeconds(2); // 2 seconds
+     * console.log(span.totalMilliseconds); // 2000
+     */
     get totalMilliseconds() {
         return this._millis;
     }
+    /**
+     * Returns a new TimeSpan that represents the sum of this instance and the specified TimeSpan.
+     *
+     * @param ts - The TimeSpan to add
+     * @returns A new TimeSpan representing the sum
+     * @throws {TimeSpanOverflowError} If the result exceeds safe integer bounds
+     *
+     * @example
+     * const span1 = TimeSpan.fromHours(2);
+     * const span2 = TimeSpan.fromHours(3);
+     * const span3 = span1.add(span2);
+     * console.log(span3.totalHours); // 5
+     */
     add(ts) {
         const result = this._millis + ts.totalMilliseconds;
         return new TimeSpan(result);
     }
+    /**
+     * Returns a new TimeSpan that represents the difference between this instance and the specified TimeSpan.
+     *
+     * @param ts - The TimeSpan to subtract
+     * @returns A new TimeSpan representing the difference
+     * @throws {TimeSpanOverflowError} If the result exceeds safe integer bounds
+     *
+     * @example
+     * const span1 = TimeSpan.fromHours(5);
+     * const span2 = TimeSpan.fromHours(2);
+     * const span3 = span1.subtract(span2);
+     * console.log(span3.totalHours); // 3
+     */
     subtract(ts) {
         const result = this._millis - ts.totalMilliseconds;
         return new TimeSpan(result);
     }
+    /**
+     * Creates a TimeSpan from a string representation.
+     *
+     * Supports two string formats:
+     * 1. "HH:mm:ss" - Hours, minutes, seconds (e.g., "5:30:45")
+     * 2. "d.HH:mm:ss.fff" - Days, hours, minutes, seconds, milliseconds (e.g., "5.02:30:45.500")
+     *
+     * @param value - The string representation of a TimeSpan
+     * @returns A new TimeSpan instance parsed from the string
+     * @throws {Error} If the string format is invalid or values cannot be parsed as integers
+     *
+     * @example
+     * // Parse hours:minutes:seconds
+     * const span1 = TimeSpan.fromString("5:30:45");
+     * console.log(span1.totalSeconds); // 19845
+     *
+     * @example
+     * // Parse days.hours:minutes:seconds.milliseconds
+     * const span2 = TimeSpan.fromString("5.02:30:45.500");
+     * console.log(span2.days); // 5
+     * console.log(span2.milliseconds); // 500
+     */
     static fromString(value) {
         const splitPoint = value.split('.');
         if (splitPoint.length == 3) {
@@ -751,6 +1104,26 @@ class TimeSpan {
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable no-useless-escape */
+/**
+ * A comprehensive utility service providing static helper methods for common operations across the application.
+ *
+ * This service includes utilities for:
+ * - **Cookie Management**: Getting, setting, removing, and checking cookies with proper encoding
+ * - **Security**: Scrubbing sensitive data from logs to prevent accidental exposure of PII and credentials
+ * - **HTTP Response Handling**: Parsing and extracting meaningful messages from HTTP responses and errors
+ * - **Date/Time Formatting**: Converting dates to various human-readable formats and calculating durations
+ * - **String Manipulation**: Case conversion, text expansion, trimming, and parsing operations
+ * - **Data Processing**: Array operations, deep cloning, searching, and JSON parsing with fallback handling
+ * - **Validation**: Type checking, URL validation, and network connectivity checks
+ *
+ * @example
+ * // Using static utility methods
+ * const scrubbedLog = Utilities.scrubForLog(sensitiveData);
+ * const formattedDate = Utilities.printFriendlyDate(new Date());
+ * const errorMessage = Utilities.getHttpResponseMessage(httpError);
+ *
+ * @injectable
+ */
 class Utilities {
     static captionAndMessageSeparator = ':';
     static noNetworkMessageCaption = 'No Network';
@@ -759,10 +1132,36 @@ class Utilities {
     static accessDeniedMessageDetail = '';
     static notFoundMessageCaption = 'Not Found';
     static notFoundMessageDetail = 'The target resource cannot be found';
+    /**
+     * Cookie management utilities providing cross-browser compatible methods for cookie operations.
+     * All cookie keys and values are properly URL-encoded/decoded to handle special characters safely.
+     *
+     * Methods:
+     * - getItem: Retrieves a cookie value by name, returns null if not found
+     * - setItem: Sets a cookie with optional expiration, path, domain, and secure flags
+     * - removeItem: Removes a cookie by setting its expiration to the past
+     * - hasItem: Checks if a cookie exists
+     * - keys: Returns an array of all cookie names
+     */
     static cookies = {
+        /**
+         * Retrieves the value of a cookie by its name with proper URL decoding.
+         * @param sKey The cookie name to retrieve
+         * @returns The decoded cookie value or null if not found
+         */
         getItem: (sKey) => {
             return decodeURIComponent(document.cookie.replace(new RegExp('(?:(?:^|.*;)\\s*' + encodeURIComponent(sKey).replace(/[\-\.\+\*]/g, '\\$&') + '\\s*\\=\\s*([^;]*).*$)|^.*$'), '$1')) || null;
         },
+        /**
+         * Sets a cookie with optional expiration, domain, path, and secure flag.
+         * @param sKey The cookie name
+         * @param sValue The cookie value
+         * @param vEnd The expiration (Number for max-age in seconds, String for expires date, Date object, or null for session cookie)
+         * @param sPath The path scope for the cookie (defaults to all paths if empty)
+         * @param sDomain The domain scope for the cookie (defaults to current domain if empty)
+         * @param bSecure Whether to set the Secure flag (cookie only sent over HTTPS)
+         * @returns true if the cookie was set successfully, false otherwise
+         */
         setItem: (sKey, sValue, vEnd, sPath, sDomain, bSecure) => {
             if (!sKey || /^(?:expires|max\-age|path|domain|secure)$/i.test(sKey)) {
                 return false;
@@ -784,6 +1183,13 @@ class Utilities {
             document.cookie = encodeURIComponent(sKey) + '=' + encodeURIComponent(sValue) + sExpires + (sDomain ? '; domain=' + sDomain : '') + (sPath ? '; path=' + sPath : '') + (bSecure ? '; secure' : '');
             return true;
         },
+        /**
+         * Removes a cookie by setting its expiration to a past date.
+         * @param sKey The cookie name to remove
+         * @param sPath The path scope (must match the path used when setting the cookie)
+         * @param sDomain The domain scope (must match the domain used when setting the cookie)
+         * @returns true if the removal was attempted, false if key was invalid
+         */
         removeItem: (sKey, sPath, sDomain) => {
             if (!sKey) {
                 return false;
@@ -791,9 +1197,18 @@ class Utilities {
             document.cookie = encodeURIComponent(sKey) + '=; expires=Thu, 01 Jan 1970 00:00:00 GMT' + (sDomain ? '; domain=' + sDomain : '') + (sPath ? '; path=' + sPath : '');
             return true;
         },
+        /**
+         * Checks if a cookie with the specified name exists.
+         * @param sKey The cookie name to check
+         * @returns true if the cookie exists, false otherwise
+         */
         hasItem: (sKey) => {
             return (new RegExp('(?:^|;\\s*)' + encodeURIComponent(sKey).replace(/[\-\.\+\*]/g, '\\$&') + '\\s*\\=')).test(document.cookie);
         },
+        /**
+         * Retrieves all cookie names as an array.
+         * @returns An array of all cookie names with proper URL decoding applied
+         */
         keys: () => {
             // eslint-disable-next-line no-useless-backreference
             const aKeys = document.cookie.replace(/((?:^|\s*;)[^\=]+)(?=;|$)|^\s*|\s*(?:\=[^;]*)?(?:\1|$)/g, '').split(/\s*(?:\=[^;]*)?;\s*/);
@@ -848,6 +1263,13 @@ class Utilities {
             return '[UNABLE_TO_SCRUB]';
         }
     }
+    /**
+     * Extracts all messages from an HTTP response or error, formatting them as key-value pairs.
+     * Automatically detects network errors, access denied, and not found responses with special formatting.
+     *
+     * @param data The HTTP response or error object
+     * @returns An array of formatted message strings in the format "Key: Value"
+     */
     static getHttpResponseMessages(data) {
         const responses = [];
         if (data instanceof HttpResponseBase) {
@@ -897,6 +1319,13 @@ class Utilities {
         }
         return responses;
     }
+    /**
+     * Extracts a single consolidated message from an HTTP response or error.
+     * Searches in priority order: network message, not found message, error_description, error, then general response messages.
+     *
+     * @param data The HTTP response or error object
+     * @returns A single formatted message string
+     */
     static getHttpResponseMessage(data) {
         const httpMessage = Utilities.findHttpResponseMessage(Utilities.noNetworkMessageCaption, data) ||
             Utilities.findHttpResponseMessage(Utilities.notFoundMessageCaption, data) ||
@@ -905,6 +1334,16 @@ class Utilities {
             Utilities.getHttpResponseMessages(data).join();
         return httpMessage;
     }
+    /**
+     * Searches for a specific message within HTTP response messages.
+     * Can search in caption only or in full message text, and can optionally include the caption in the result.
+     *
+     * @param messageToFind The message or caption text to search for (case-insensitive)
+     * @param data The HTTP response or error object
+     * @param searchInCaptionOnly If true, only searches in the caption portion (before separator), defaults to true
+     * @param includeCaptionInResult If true, includes the caption in the returned result, defaults to false
+     * @returns The matching message or null if not found
+     */
     static findHttpResponseMessage(messageToFind, data, searchInCaptionOnly = true, includeCaptionInResult = false) {
         const searchString = messageToFind.toLowerCase();
         const httpMessages = this.getHttpResponseMessages(data);
@@ -929,6 +1368,13 @@ class Utilities {
         }
         return null;
     }
+    /**
+     * Extracts the response body from an HTTP response or error.
+     * For successful responses, returns the body property. For error responses, prioritizes error over message and statusText.
+     *
+     * @param response The HTTP response or error response
+     * @returns The response body, error, or null if none available
+     */
     static getResponseBody(response) {
         if (response instanceof HttpResponse) {
             return response.body;
@@ -937,24 +1383,45 @@ class Utilities {
             return response.error || response.message || response.statusText;
         }
     }
+    /**
+     * Checks if the response indicates a network error (status 0).
+     * @param response The HTTP response to check
+     * @returns true if status is 0 (no network connection), false otherwise
+     */
     static checkNoNetwork(response) {
         if (response instanceof HttpResponseBase) {
             return response.status == 0;
         }
         return false;
     }
+    /**
+     * Checks if the response indicates an access denied error (status 403).
+     * @param response The HTTP response to check
+     * @returns true if status is 403 (Forbidden), false otherwise
+     */
     static checkAccessDenied(response) {
         if (response instanceof HttpResponseBase) {
             return response.status == 403;
         }
         return false;
     }
+    /**
+     * Checks if the response indicates a not found error (status 404).
+     * @param response The HTTP response to check
+     * @returns true if status is 404 (Not Found), false otherwise
+     */
     static checkNotFound(response) {
         if (response instanceof HttpResponseBase) {
             return response.status == 404;
         }
         return false;
     }
+    /**
+     * Validates if a URL points to localhost or 127.0.0.1.
+     * @param url The URL to check
+     * @param base Optional base URL for resolving relative URLs
+     * @returns true if the URL hostname is localhost or 127.0.0.1, false otherwise
+     */
     static checkIsLocalHost(url, base) {
         if (url) {
             const location = new URL(url, base);
@@ -962,6 +1429,13 @@ class Utilities {
         }
         return false;
     }
+    /**
+     * Parses a query parameter string into a key-value object.
+     * Handles standard URL query string format (key=value&key=value).
+     *
+     * @param paramString The query parameter string (e.g., "id=123&name=test")
+     * @returns An object with key-value pairs, or null if paramString is empty
+     */
     static getQueryParamsFromString(paramString) {
         if (!paramString) {
             return null;
@@ -973,6 +1447,14 @@ class Utilities {
         }
         return params;
     }
+    /**
+     * Splits a string into two parts based on the first occurrence of a separator.
+     * Both parts are trimmed of whitespace.
+     *
+     * @param text The text to split
+     * @param separator The separator string to split on
+     * @returns An object with firstPart and secondPart (secondPart is null if separator not found)
+     */
     static splitInTwo(text, separator) {
         const separatorIndex = text.indexOf(separator);
         if (separatorIndex == -1) {
@@ -982,6 +1464,13 @@ class Utilities {
         const part2 = text.substr(separatorIndex + 1).trim();
         return { firstPart: part1, secondPart: part2 };
     }
+    /**
+     * Safely stringifies an object, filtering out complex types and handling circular references.
+     * If direct JSON.stringify fails, creates a sanitized object containing only primitive properties.
+     *
+     * @param object The object to stringify
+     * @returns A JSON string representation of the object, or a sanitized version if stringification fails
+     */
     static safeStringify(object) {
         let result;
         try {
@@ -1007,6 +1496,13 @@ class Utilities {
         result = '[***Sanitized Object***]: ' + JSON.stringify(simpleObject);
         return result;
     }
+    /**
+     * Safely parses a JSON string with fallback handling.
+     * Returns the parsed object if valid JSON, or returns undefined/value if parsing fails.
+     *
+     * @param value The JSON string to parse
+     * @returns The parsed object, 'undefined' if the string is 'undefined', or the original value if parsing fails
+     */
     static JsonTryParse(value) {
         try {
             return JSON.parse(value);
@@ -1018,6 +1514,11 @@ class Utilities {
             return value;
         }
     }
+    /**
+     * Checks if an object has no properties.
+     * @param obj The object to check
+     * @returns true if the object is empty (no own properties), false otherwise
+     */
     static TestIsObjectEmpty(obj) {
         for (const prop in obj) {
             if (Object.prototype.hasOwnProperty.call(obj, prop)) {
@@ -1026,13 +1527,28 @@ class Utilities {
         }
         return true;
     }
+    /**
+     * Checks if a value is undefined.
+     * @param value The value to check
+     * @returns true if the value is undefined, false otherwise
+     */
     static TestIsUndefined(value) {
         return typeof value === 'undefined';
         // return value === undefined;
     }
+    /**
+     * Checks if a value is a string.
+     * @param value The value to check
+     * @returns true if the value is a string primitive or String object, false otherwise
+     */
     static TestIsString(value) {
         return typeof value === 'string' || value instanceof String;
     }
+    /**
+     * Capitalizes the first letter of a string while leaving the rest unchanged.
+     * @param text The text to capitalize
+     * @returns The text with the first character uppercased, or the original text if empty
+     */
     static capitalizeFirstLetter(text) {
         if (text) {
             return text.charAt(0).toUpperCase() + text.slice(1);
@@ -1041,7 +1557,12 @@ class Utilities {
             return text;
         }
     }
-    static toTitleCase(text) {
+    /**
+     * Converts a string to title case, capitalizing the first letter of each word.
+     * @param text The text to convert to title case
+     * @returns The text in title case format
+     */
+    static toTitleCase(text) {
         return text.replace(/\w\S*/g, (subString) => {
             return subString.charAt(0).toUpperCase() + subString.substr(1).toLowerCase();
         });
@@ -1058,12 +1579,28 @@ class Utilities {
             return items.toLowerCase();
         }
     }
+    /**
+     * Generates a unique random ID string.
+     * @returns A string representation of a random number between 1,000,000 and 9,000,000
+     */
     static uniqueId() {
         return this.randomNumber(1000000, 9000000).toString();
     }
+    /**
+     * Generates a random integer within a specified range (inclusive).
+     * @param min The minimum value (inclusive)
+     * @param max The maximum value (inclusive)
+     * @returns A random integer between min and max
+     */
     static randomNumber(min, max) {
         return Math.floor(Math.random() * (max - min + 1) + min);
     }
+    /**
+     * Gets the base URL of the current application.
+     * Handles cases where window.location.origin is not available by constructing it from components.
+     *
+     * @returns The base URL without trailing slash (e.g., "http://localhost:4200")
+     */
     static baseUrl() {
         let base = '';
         if (window.location.origin) {
@@ -1074,6 +1611,13 @@ class Utilities {
         }
         return base.replace(/\/$/, '');
     }
+    /**
+     * Formats a date to display only the date portion in human-readable format.
+     * Example output: "Monday, 1st January 2024"
+     *
+     * @param date The date to format
+     * @returns A formatted date string with day of week, day of month with ordinal suffix, month name, and year
+     */
     static printDateOnly(date) {
         date = new Date(date);
         const dayNames = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
@@ -1098,6 +1642,13 @@ class Utilities {
         const dateString = dayNames[dayOfWeek] + ', ' + dayOfMonth + sup + ' ' + monthNames[month] + ' ' + year;
         return dateString;
     }
+    /**
+     * Formats a date to display only the time portion in 12-hour format with AM/PM.
+     * Example output: "2:30 PM"
+     *
+     * @param date The date to format
+     * @returns A formatted time string in HH:MM AM/PM format
+     */
     static printTimeOnly(date) {
         date = new Date(date);
         let period = '';
@@ -1116,9 +1667,25 @@ class Utilities {
         const timeString = hour + ':' + minute + ' ' + period;
         return timeString;
     }
+    /**
+     * Combines date and time formatting into a single readable string.
+     * Example output: "Monday, 1st January 2024 at 2:30 PM"
+     *
+     * @param date The date to format
+     * @param separator The text to insert between date and time (defaults to 'at')
+     * @returns A combined date and time string
+     */
     static printDate(date, separator = 'at') {
         return `${Utilities.printDateOnly(date)} ${separator} ${Utilities.printTimeOnly(date)}`;
     }
+    /**
+     * Formats a date using friendly relative terminology for recent dates.
+     * Returns "Today", "Yesterday", or full date for older dates.
+     *
+     * @param date The date to format
+     * @param separator The text to insert between "Today"/"Yesterday" and time (defaults to '-')
+     * @returns A friendly date string (e.g., "Today - 2:30 PM" or full date for older dates)
+     */
     static printFriendlyDate(date, separator = '-') {
         const today = new Date();
         today.setHours(0, 0, 0, 0);
@@ -1135,6 +1702,15 @@ class Utilities {
             return Utilities.printDate(date, separator);
         }
     }
+    /**
+     * Formats a date to a short format with time.
+     * Example output: "03/01/2024 - 2:30 PM"
+     *
+     * @param date The date to format
+     * @param separator The separator between month, day, and year (defaults to '/')
+     * @param dateTimeSeparator The separator between date and time (defaults to '-')
+     * @returns A formatted short date string with time
+     */
     static printShortDate(date, separator = '/', dateTimeSeparator = '-') {
         let day = date.getDate().toString();
         let month = (date.getMonth() + 1).toString();
@@ -1147,6 +1723,14 @@ class Utilities {
         }
         return `${month}${separator}${day}${separator}${year} ${dateTimeSeparator} ${Utilities.printTimeOnly(date)}`;
     }
+    /**
+     * Parses various date formats into a Date object.
+     * Supports Date objects, ISO strings, and timestamps (milliseconds).
+     * Automatically appends 'Z' to date strings without timezone information.
+     *
+     * @param date The date in various formats (Date, string, or number/timestamp)
+     * @returns A Date object, or an empty string if input is null/undefined
+     */
     static parseDate(date) {
         if (date) {
             if (date instanceof Date) {
@@ -1164,6 +1748,15 @@ class Utilities {
         }
         return "";
     }
+    /**
+     * Calculates and formats the duration between two dates.
+     * Breaks down the duration into days, hours, minutes, and seconds.
+     * Example output: "2 days, 3 hours, 15 minutes and 30 seconds"
+     *
+     * @param start The start date
+     * @param end The end date
+     * @returns A human-readable duration string
+     */
     static printDuration(start, end) {
         start = new Date(start);
         end = new Date(end);
@@ -1198,6 +1791,14 @@ class Utilities {
         }
         return printedDays;
     }
+    /**
+     * Calculates the age in years between two dates.
+     * Properly accounts for whether the birthday has occurred in the current year.
+     *
+     * @param birthDate The birth date (can be string, number timestamp, or Date object)
+     * @param otherDate The reference date to calculate age from (can be string, number timestamp, or Date object)
+     * @returns The age in years as an integer
+     */
     static getAge(birthDate, otherDate) {
         birthDate = new Date(birthDate);
         otherDate = new Date(otherDate);
@@ -1208,6 +1809,13 @@ class Utilities {
         }
         return years;
     }
+    /**
+     * Performs a deep clone of an array, recursively copying nested arrays and objects.
+     * Primitive types are returned unchanged, and handles circular references safely.
+     *
+     * @param items The array to clone
+     * @returns A deep copy of the array with all nested structures cloned
+     */
     static deepCloneArray(items) {
         return items.map(item => {
             if (Array.isArray(item)) {
@@ -1224,6 +1832,15 @@ class Utilities {
             return item; // Return primitive types unchanged
         });
     }
+    /**
+     * Searches for a term within an array of values using case-sensitive or case-insensitive matching.
+     * Joins all values into a single string and searches for the term within it.
+     *
+     * @param searchTerm The term to search for
+     * @param caseSensitive Whether the search should be case-sensitive (defaults to false)
+     * @param values Variable number of values to search within
+     * @returns true if the search term is found, false otherwise
+     */
     static searchArray(searchTerm, caseSensitive, ...values) {
         if (!searchTerm) {
             return true;
@@ -1236,6 +1853,14 @@ class Utilities {
         }
         return data.indexOf(filter) != -1;
     }
+    /**
+     * Moves an item within an array from one index to another.
+     * Handles negative indices (counts from the end) and automatically extends the array if needed.
+     *
+     * @param array The array to modify
+     * @param oldIndex The current index of the item to move
+     * @param newIndex The target index to move the item to
+     */
     static moveArrayItem(array, oldIndex, newIndex) {
         if (oldIndex < 0) {
             return;
@@ -1251,6 +1876,14 @@ class Utilities {
         }
         array.splice(newIndex, 0, array.splice(oldIndex, 1)[0]);
     }
+    /**
+     * Expands camelCase text into space-separated words.
+     * Handles both camelCase and PascalCase patterns as well as non-alphanumeric characters.
+     * Example: "myPropertyName" becomes "my Property Name"
+     *
+     * @param text The camelCase text to expand
+     * @returns The expanded text with spaces between words
+     */
     static expandCamelCase(text) {
         if (!text) {
             return text;
@@ -1259,10 +1892,24 @@ class Utilities {
             .replace(/([A-Z][A-Z]+)/g, ' $1')
             .replace(/([^A-Za-z ]+)/g, ' $1');
     }
+    /**
+     * Tests whether a URL is absolute (starts with protocol or //).
+     * Matches URLs like "http://example.com" or "//example.com"
+     *
+     * @param url The URL to test
+     * @returns true if the URL is absolute, false if it's relative
+     */
     static testIsAbsoluteUrl(url) {
         const r = new RegExp('^(?:[a-z]+:)?//', 'i');
         return r.test(url);
     }
+    /**
+     * Converts a relative URL to an absolute URL by prepending //.
+     * If the URL is already absolute, it's returned unchanged.
+     *
+     * @param url The URL to convert
+     * @returns The absolute URL (e.g., "//example.com" for "example.com")
+     */
     static convertToAbsoluteUrl(url) {
         return Utilities.testIsAbsoluteUrl(url) ? url : '//' + url;
     }
@@ -1533,203 +2180,182 @@ const MENU_BOARD_CONFIG_SCHEMA = {
     required: ["amountToScroll", "autoScrollTimeout", "dataAgeThreshold"]
 };
 
-const DEFAULT_SLIDE = {
-    "image": "../../../assets/images/tuesday.png",
-    "title": "Doobie Tuesday",
-    "description": "10% off all pre-rolls & packs<",
-    "highlighted": false,
-    "textColor": "black",
-    "backgroundColor": "white"
-};
-const SLIDE_SCHEMA = {
+class CoordinatesStyle {
+    top;
+    left;
+    ngOnStyle(ngStyle) {
+        if (this.top)
+            ngStyle['top'] = typeof this.top === 'number' ? `${this.top}px` : this.top;
+        if (this.left)
+            ngStyle['left'] = typeof this.left === 'number' ? `${this.left}px` : this.left;
+        return ngStyle;
+    }
+}
+const DEFAULT_COORDINATES = (() => {
+    const coordinates = new CoordinatesStyle();
+    coordinates.top = 0;
+    coordinates.left = 0;
+    return coordinates;
+})();
+const COORDINATES_STYLE_SCHEMA = {
     type: "object",
-    title: "Slide",
+    title: "CoordinatesStyle",
     properties: {
-        image: {
-            type: "string",
-            title: "Image URL", // Custom display name
-            description: "The URL of background image for the slide",
-            default: "../../../assets/images/tuesday.png"
-        },
-        title: {
-            type: "string",
-            title: "Title",
-            description: "The title text displayed on the slide",
-            default: "Doobie Tuesday"
-        },
-        description: {
-            type: "string",
-            title: "Description",
-            description: "The description text displayed on the slide",
-            default: "10% off all pre-rolls & packs<"
-        },
-        highlighted: {
-            type: "boolean",
-            title: "Highlighted",
-            description: "Determines if the slide is highlighted",
-            default: false
-        },
-        textColor: {
-            type: "string",
-            title: "Text Color",
-            description: "The color of the text on the slide",
-            enum: ['red', 'green', 'blue', 'yellow', 'black', 'white'],
-            default: "black"
+        top: {
+            type: "number",
+            title: "Top coordinates", // Custom display name
+            description: "Number that describes the top coordinates in pixels",
+            default: 1
         },
-        backgroundColor: {
-            type: "string",
-            title: "Background Color",
-            description: "The background color of the slide",
-            enum: ['red', 'green', 'blue', 'yellow', 'black', 'white'],
-            default: "white"
+        left: {
+            type: "number",
+            title: "Left coordinates",
+            description: "Number that describes the left coordinates in pixels",
+            default: 1
         }
     },
-    required: [
-        "image",
-        "title",
-        "description",
-        "highlighted",
-        "textColor",
-        "backgroundColor"
-    ]
+    required: ["top", "left"]
 };
 
-const DEFAULT_SUBSCRIPTION_CONFIG = {
-    amount: 1,
-    days: 30,
-    totalOccurrences: 12,
-    trialOccurrences: 0
+var Justifications;
+(function (Justifications) {
+    Justifications["Left"] = "left";
+    Justifications["Right"] = "right";
+    Justifications["Center"] = "center";
+    Justifications["Fully"] = "fully";
+})(Justifications || (Justifications = {}));
+const DEFAULT_JUSTIFICATION = Justifications.Left;
+const JUSTIFICATIONS_SCHEMA = {
+    type: "string",
+    title: "Justification",
+    description: "Justification of the image within its container",
+    enum: Object.values(Justifications),
+    default: DEFAULT_JUSTIFICATION
 };
-const SUBSCRIPTION_CONFIG_SCHEMA = {
+
+class SizeStyle {
+    ngOnStyle(ngStyle) {
+        if (this.width) {
+            if (ngStyle) {
+                ngStyle['width'] = typeof this.width === 'number' ? `${this.width}px` : this.width;
+            }
+        }
+        if (this.height) {
+            if (ngStyle) {
+                ngStyle['height'] = typeof this.height === 'number' ? `${this.height}px` : this.height;
+            }
+        }
+        return ngStyle;
+    }
+    width;
+    height;
+}
+const DEFAULT_SIZE_STYLE = (() => {
+    const sizeStyle = new SizeStyle();
+    sizeStyle.height = 100;
+    sizeStyle.width = 100;
+    return sizeStyle;
+})();
+const SIZE_STYLE_SCHEMA = {
     type: "object",
-    title: "Subscription Configuration",
+    title: "SizeStyle",
     properties: {
-        amount: {
-            type: "number",
-            title: "Cost per occurrence", // Custom display name
-            description: "The amount to charge for each subscription occurrence",
-            default: 1
-        },
-        days: {
-            type: "number",
-            title: "Days between occurrences",
-            description: "The number of days between each subscription occurrence",
-            default: 30
-        },
-        totalOccurrences: {
-            type: "number",
-            title: "Total occurrences",
-            description: "The total number of occurrences for the subscription",
-            default: 12
-        },
-        trialOccurrences: {
-            type: "number",
-            title: "Trial occurrences",
-            description: "The number of trial occurrences (free)",
-            default: 0
+        width: {
+            type: ["number", "string"],
+            title: "Width",
+            description: "Width of the element, can be a number (in pixels) or a string (e.g., '100px', '50%')"
+        },
+        height: {
+            type: ["number", "string"],
+            title: "Height",
+            description: "Height of the element, can be a number (in pixels) or a string (e.g., '100px', '50%')"
         }
     },
-    required: ["amount", "days", "totalOccurrences", "trialOccurrences"]
+    required: ["width", "height"]
 };
 
-const DEFAULT_COMPANY_NAME = 'Test Weed Dispensary';
-const DEFAULT_CONFIGURATION = {
-    companyName: DEFAULT_COMPANY_NAME,
-    authConfig: DEFAULT_AUTH_CONFIG,
-    apiConfig: DEFAULT_API_CONFIG,
-    subscriptionConfig: DEFAULT_SUBSCRIPTION_CONFIG,
-    menuBoardConfig: DEFAULT_MENU_BOARD_CONFIG,
-    footerCarouselConfig: DEFAULT_CAROUSEL_CONFIG,
-    footerCarouselSlideConfig: [
-        {
-            "image": "../../../assets/images/sunday.png",
-            "title": "CBD Sunday",
-            "description": "20% off all CBD products & house pre-rolls",
-            "highlighted": false,
-            "textColor": "white",
-            "backgroundColor": "black"
-        },
-        {
-            "image": "../../../assets/images/new-monday.jpg",
-            "title": "Edible Monday",
-            "description": "10% off edibles",
-            "highlighted": false,
-            "textColor": "white",
-            "backgroundColor": "black"
-        },
-        {
-            "image": "../../../assets/images/tuesday.png",
-            "title": "Doobie Tuesday",
-            "description": "10% off all pre-rolls & packs<",
-            "highlighted": false,
-            "textColor": "black",
-            "backgroundColor": "white"
-        },
-        {
-            "image": "../../../assets/images/wednesday.png",
-            "title": "Weed Crush Wednesday",
-            "description": "10% off all jar bud",
-            "highlighted": false,
-            "textColor": "black",
-            "backgroundColor": "white"
-        },
-        {
-            "image": "../../../assets/images/thursday.png",
-            "title": "Thirsty Thursday",
-            "description": "10% off Tinctures, RSO & cartridges",
-            "highlighted": false,
-            "textColor": "black",
-            "backgroundColor": "white"
-        },
-        {
-            "image": "../../../assets/images/friday.png",
-            "title": "Fire Friday",
-            "description": "10% off all jar bud",
-            "highlighted": false,
-            "textColor": "black",
-            "backgroundColor": "white"
-        },
-        {
-            "image": "../../../assets/images/saturday.png",
-            "title": "Shatterday Saturday",
-            "description": "10% off all concentrate",
-            "highlighted": false,
-            "textColor": "white",
-            "backgroundColor": "black"
+class ImageStyle {
+    href;
+    justification;
+    size;
+    coordinates;
+    ngOnStyle(ngStyle) {
+        if (this.href) {
+            ngStyle['backgroundImage'] = `url(${this.href})`;
         }
-    ]
-};
-const CONFIGURATION_SCHEMA = {
-    type: "object",
-    title: "Customer Configuration",
+        if (this.justification) {
+            ngStyle['backgroundPosition'] = this.justification;
+        }
+        if (this.size) {
+            this.size.ngOnStyle(ngStyle);
+        }
+        if (this.coordinates) {
+            this.coordinates.ngOnStyle(ngStyle);
+        }
+        return ngStyle;
+    }
+}
+const DEFAULT_IMAGE_STYLE = (() => {
+    const image = new ImageStyle();
+    image.href = "assets/images/default-category.png";
+    image.justification = Justifications.Left;
+    image.size = DEFAULT_SIZE_STYLE;
+    image.coordinates = DEFAULT_COORDINATES;
+    return image;
+})();
+const IMAGE_STYLE_SCHEMA = {
+    type: "object",
+    title: "ImageStyle",
     properties: {
-        companyName: {
+        href: {
             type: "string",
-            title: "Company Name",
-            default: DEFAULT_COMPANY_NAME
+            title: "Image URL",
+            description: "URL of the image to be used as background"
         },
-        authConfig: AUTH_CONFIG_SCHEMA,
-        apiConfig: API_CONFIG_SCHEMA,
-        subscriptionConfig: SUBSCRIPTION_CONFIG_SCHEMA,
-        menuBoardConfig: MENU_BOARD_CONFIG_SCHEMA,
-        footerCarouselConfig: CAROUSEL_CONFIG_SCHEMA,
-        footerCarouselSlideConfig: {
-            type: "array",
-            title: "Footer Carousel Slides Collection",
-            description: "Configuration for each slide in the footer carousel",
-            items: SLIDE_SCHEMA,
-            default: DEFAULT_CONFIGURATION.footerCarouselSlideConfig
+        justification: {
+            enum: Object.values(Justifications),
+            type: "string",
+            title: "Justification",
+            description: "Justification of the image within its container"
+        },
+        size: {
+            type: "object",
+            title: "SizeStyle",
+            description: "Size of the image",
+            properties: {
+                width: {
+                    type: ["number", "string"],
+                    title: "Width",
+                    description: "Width of the image in pixels or as a CSS string (e.g., '100px', '50%')"
+                },
+                height: {
+                    type: ["number", "string"],
+                    title: "Height",
+                    description: "Height of the image in pixels or as a CSS string (e.g., '100px', '50%')"
+                }
+            },
+            required: ["width", "height"]
+        },
+        coordinates: {
+            type: "object",
+            title: "CoordinatesStyle",
+            description: "Position of the image within its container",
+            properties: {
+                top: {
+                    type: ["number", "string"],
+                    title: "Top coordinates",
+                    description: "Number that describes the top coordinates in pixels or as a CSS string (e.g., '10px', '5%')"
+                },
+                left: {
+                    type: ["number", "string"],
+                    title: "Left coordinates",
+                    description: "Number that describes the left coordinates in pixels or as a CSS string (e.g., '10px', '5%')"
+                }
+            },
+            required: ["top", "left"]
         }
     },
-    required: [
-        "companyName",
-        "authConfig",
-        "apiConfig",
-        "subscriptionConfig",
-        "menuBoardConfig",
-        "footerCarouselConfig",
-        "footerCarouselSlideConfig"
-    ]
+    required: ["href", "justification"]
 };
 
 var NamedColors;
@@ -2065,6 +2691,14 @@ function isNamedColor(colorName) {
 function getNamedColors() {
     return Object.keys(NAMED_COLOR_MAP);
 }
+const DEFAULT_NAMED_COLOR = NamedColors.Black;
+const NAMED_COLOR_SCHEMA = {
+    type: "string",
+    title: "Named Color",
+    description: "A CSS named color (e.g., 'red', 'blue', 'lightgray')",
+    enum: getNamedColors(),
+    default: DEFAULT_NAMED_COLOR
+};
 
 class RgbaColorStyle {
     ngOnStyle(ngStyle) {
@@ -2171,6 +2805,46 @@ class RgbaColorStyle {
         return null;
     }
 }
+const DEFAULT_RGBA_COLOR_STYLE = RgbaColorStyle.fromHexColor("#000000");
+const RGBA_COLOR_STYLE_SCHEMA = {
+    type: "object",
+    title: "RGBA Color Style",
+    properties: {
+        r: {
+            type: "number",
+            title: "Red",
+            description: "Red component (0-255)",
+            minimum: 0,
+            maximum: 255,
+            default: 0
+        },
+        g: {
+            type: "number",
+            title: "Green",
+            description: "Green component (0-255)",
+            minimum: 0,
+            maximum: 255,
+            default: 0
+        },
+        b: {
+            type: "number",
+            title: "Blue",
+            description: "Blue component (0-255)",
+            minimum: 0,
+            maximum: 255,
+            default: 0
+        },
+        a: {
+            type: "number",
+            title: "Alpha",
+            description: "Alpha component (0-1)",
+            minimum: 0,
+            maximum: 1,
+            default: 1
+        }
+    },
+    required: ["r", "g", "b", "a"]
+};
 
 /**
  * A unified Color class that can represent colors as Named, Hex, or RGBA formats
@@ -2390,50 +3064,431 @@ class ColorStyle {
             cloned.a = rgba.a;
             return new ColorStyle(cloned);
         }
-        return new ColorStyle(this._value);
-    }
-}
-const DEFAULT_FORECOLOR = ColorStyle.fromNamedColor("black");
-const DEFAULT_BACKCOLOR = ColorStyle.fromNamedColor("white");
-
-class CoordinatesStyle {
-    top;
-    left;
-    ngOnStyle(ngStyle) {
-        if (this.top)
-            ngStyle['top'] = typeof this.top === 'number' ? `${this.top}px` : this.top;
-        if (this.left)
-            ngStyle['left'] = typeof this.left === 'number' ? `${this.left}px` : this.left;
-        return ngStyle;
-    }
-}
-const DEFAULT_COORDINATES = new CoordinatesStyle();
-DEFAULT_COORDINATES.top = 0;
-DEFAULT_COORDINATES.left = 0;
-
-class FontStyle {
-    family;
-    size;
-    italic;
-    bold;
-    underline;
-    ngOnStyle(ngStyle) {
-        if (this.family)
-            ngStyle['fontFamily'] = this.family;
-        if (this.size)
-            ngStyle['fontSize'] = `${this.size}px`;
-        ngStyle['fontStyle'] = this.italic ? 'italic' : 'normal';
-        ngStyle['fontWeight'] = this.bold ? 'bold' : 'normal';
-        ngStyle['textDecoration'] = this.underline ? 'underline' : 'none';
-        return ngStyle;
-    }
-}
-const DEFAULT_FONT = new FontStyle();
-DEFAULT_FONT.family = '"Newake-Regular", sans-serif';
-DEFAULT_FONT.size = 16;
-DEFAULT_FONT.italic = false;
-DEFAULT_FONT.bold = true;
-DEFAULT_FONT.underline = false;
+        return new ColorStyle(this._value);
+    }
+}
+const DEFAULT_FORECOLOR = ColorStyle.fromNamedColor("black");
+const DEFAULT_BACKCOLOR = ColorStyle.fromNamedColor("white");
+
+class FontStyle {
+    family;
+    size;
+    italic;
+    bold;
+    underline;
+    ngOnStyle(ngStyle) {
+        if (this.family)
+            ngStyle['fontFamily'] = this.family;
+        if (this.size)
+            ngStyle['fontSize'] = `${this.size}px`;
+        ngStyle['fontStyle'] = this.italic ? 'italic' : 'normal';
+        ngStyle['fontWeight'] = this.bold ? 'bold' : 'normal';
+        ngStyle['textDecoration'] = this.underline ? 'underline' : 'none';
+        return ngStyle;
+    }
+}
+const DEFAULT_FONT = (() => {
+    const font = new FontStyle();
+    font.family = '"Newake-Regular", sans-serif';
+    font.size = 16;
+    font.italic = false;
+    font.bold = true;
+    font.underline = false;
+    return font;
+})();
+const FONT_STYLE_SCHEMA = {
+    type: "object",
+    title: "FontStyle",
+    properties: {
+        family: {
+            type: "string",
+            title: "Font family", // Custom display name
+            description: "String that describes the font family, e.g., 'Arial', 'Times New Roman', 'Newake-Regular'",
+            default: '"Newake-Regular", sans-serif'
+        },
+        size: {
+            type: "number",
+            title: "Font size",
+            description: "Number that describes the font size in pixels",
+            default: 16
+        },
+        italic: {
+            type: "boolean",
+            title: "Italic",
+            description: "Boolean that indicates whether the font is italic or not",
+            default: false
+        },
+        bold: {
+            type: "boolean",
+            title: "Bold",
+            description: "Boolean that indicates whether the font is bold or not",
+            default: false
+        },
+        underline: {
+            type: "boolean",
+            title: "Underline",
+            description: "Boolean that indicates whether the font is underlined or not",
+            default: false
+        }
+    },
+    required: ["family", "size"]
+};
+
+class TextStyle {
+    font;
+    textColor;
+    backgroundColor;
+    watermark;
+    image;
+    value;
+    ngOnStyle(ngStyle) {
+        return {
+            ...(ngStyle),
+            ...(this.font ? this.font.ngOnStyle(ngStyle) : {}),
+            ...(this.textColor ? { color: this.textColor.toCssString() } : {}),
+            ...(this.backgroundColor ? { backgroundColor: this.backgroundColor.toCssString() } : {}),
+            ...(this.image ? this.image.ngOnStyle(ngStyle) : {}),
+        };
+    }
+}
+const DEFAULT_TEXT_STYLE = (() => {
+    const textStyle = new TextStyle();
+    textStyle.value = 'Default Category';
+    textStyle.font = DEFAULT_FONT;
+    textStyle.textColor = DEFAULT_BACKCOLOR;
+    textStyle.backgroundColor = DEFAULT_FORECOLOR;
+    textStyle.watermark = "Category Name";
+    textStyle.image = DEFAULT_IMAGE_STYLE;
+    return textStyle;
+})();
+const TEXT_STYLE_SCHEMA = {
+    type: "object",
+    title: "TextStyle",
+    properties: {
+        value: {
+            type: "string",
+            title: "Text Value",
+            description: "The actual text content to be displayed"
+        },
+        font: {
+            type: "object",
+            title: "FontStyle",
+            description: "Font styling for the text",
+            properties: {
+                family: {
+                    type: "string",
+                    title: "Font Family",
+                    description: "The font family to be used for the text (e.g., 'Arial', 'Helvetica')"
+                },
+                size: {
+                    type: ["number", "string"],
+                    title: "Font Size",
+                    description: "The size of the font, can be a number (in pixels) or a string (e.g., '16px', '1em')"
+                },
+                weight: {
+                    type: ["number", "string"],
+                    title: "Font Weight",
+                    description: "The weight of the font, can be a number (e.g., 400 for normal, 700 for bold) or a string (e.g., 'normal', 'bold')"
+                },
+                style: {
+                    type: "string",
+                    title: "Font Style",
+                    description: "The style of the font (e.g., 'normal', 'italic')"
+                },
+                decoration: {
+                    type: "string",
+                    title: "Text Decoration",
+                    description: "The decoration of the text (e.g., 'none', 'underline')"
+                }
+            }
+        },
+        textColor: {
+            type: "object",
+            title: "Text Color",
+            description: "Color styling for the text, defined as an object with properties for color values"
+        },
+        backgroundColor: {
+            type: "object",
+            title: "Background Color",
+            description: "Color styling for the background, defined as an object with propertiesfor color values"
+        },
+        watermark: {
+            type: "string",
+            title: "Watermark",
+            description: "A string that represents the watermark text to be displayed behind the main text"
+        },
+        image: {
+            type: "object",
+            title: "ImageStyle",
+            description: "Image styling for the text, defined as an object with properties for image URL, size, and position"
+        }
+    }
+};
+
+class FooterSlide {
+    image;
+    title;
+    description;
+    highlighted;
+    backgroundColor;
+}
+const DEFAULT_SLIDE = {
+    "image": "../../../assets/images/tuesday.png",
+    "title": "Doobie Tuesday",
+    "description": "10% off all pre-rolls & packs<",
+    "highlighted": false,
+    "textColor": "black",
+    "backgroundColor": "white"
+};
+const DEFAULT_FOOTER_SLIDE = (() => {
+    const slide = new FooterSlide();
+    slide.image = (() => {
+        const imageStyle = new ImageStyle();
+        imageStyle.href = "../../../assets/images/tuesday.png";
+        return imageStyle;
+    })();
+    slide.title = (() => {
+        const textStyle = new TextStyle();
+        textStyle.value = "Doobie Tuesday";
+        textStyle.textColor = ColorStyle.fromNamedColor(NamedColors.Black);
+        if (textStyle.font)
+            textStyle.font.size = 14;
+        return textStyle;
+    })();
+    slide.description = (() => {
+        const textStyle = new TextStyle();
+        textStyle.value = "10% off all pre-rolls & packs";
+        textStyle.textColor = ColorStyle.fromNamedColor(NamedColors.Black);
+        if (textStyle.font)
+            textStyle.font.size = 12;
+        return textStyle;
+    })();
+    slide.highlighted = false;
+    slide.backgroundColor = ColorStyle.fromNamedColor(NamedColors.White);
+    return slide;
+})();
+const SLIDE_SCHEMA = {
+    type: "object",
+    title: "Slide",
+    properties: {
+        image: {
+            type: "string",
+            title: "Image URL", // Custom display name
+            description: "The URL of background image for the slide",
+            default: "../../../assets/images/tuesday.png"
+        },
+        title: {
+            type: "string",
+            title: "Title",
+            description: "The title text displayed on the slide",
+            default: "Doobie Tuesday"
+        },
+        description: {
+            type: "string",
+            title: "Description",
+            description: "The description text displayed on the slide",
+            default: "10% off all pre-rolls & packs<"
+        },
+        highlighted: {
+            type: "boolean",
+            title: "Highlighted",
+            description: "Determines if the slide is highlighted",
+            default: false
+        },
+        textColor: {
+            type: "string",
+            title: "Text Color",
+            description: "The color of the text on the slide",
+            enum: ['red', 'green', 'blue', 'yellow', 'black', 'white'],
+            default: "black"
+        },
+        backgroundColor: {
+            type: "string",
+            title: "Background Color",
+            description: "The background color of the slide",
+            enum: ['red', 'green', 'blue', 'yellow', 'black', 'white'],
+            default: "white"
+        }
+    },
+    required: [
+        "image",
+        "title",
+        "description",
+        "highlighted",
+        "textColor",
+        "backgroundColor"
+    ]
+};
+const FOOTER_SLIDE_SCHEMA = {
+    type: "object",
+    title: "FooterSlide",
+    properties: {
+        image: {
+            type: "object",
+            title: "ImageStyle",
+            description: "The styling for the image displayed on the footer slide"
+        },
+        title: {
+            type: "object",
+            title: "TextStyle",
+            description: "The styling for the title text displayed on the footer slide"
+        },
+        description: {
+            type: "object",
+            title: "TextStyle",
+            description: "The styling for the description text displayed on the footer slide"
+        },
+        highlighted: {
+            type: "boolean",
+            title: "Highlighted",
+            description: "Determines if the footer slide is highlighted"
+        },
+        backgroundColor: {
+            type: "object",
+            title: "ColorStyle",
+            description: "The background color styling for the footer slide"
+        }
+    },
+    required: ["image", "title"]
+};
+
+const DEFAULT_SUBSCRIPTION_CONFIG = {
+    amount: 1,
+    days: 30,
+    totalOccurrences: 12,
+    trialOccurrences: 0
+};
+const SUBSCRIPTION_CONFIG_SCHEMA = {
+    type: "object",
+    title: "Subscription Configuration",
+    properties: {
+        amount: {
+            type: "number",
+            title: "Cost per occurrence", // Custom display name
+            description: "The amount to charge for each subscription occurrence",
+            default: 1
+        },
+        days: {
+            type: "number",
+            title: "Days between occurrences",
+            description: "The number of days between each subscription occurrence",
+            default: 30
+        },
+        totalOccurrences: {
+            type: "number",
+            title: "Total occurrences",
+            description: "The total number of occurrences for the subscription",
+            default: 12
+        },
+        trialOccurrences: {
+            type: "number",
+            title: "Trial occurrences",
+            description: "The number of trial occurrences (free)",
+            default: 0
+        }
+    },
+    required: ["amount", "days", "totalOccurrences", "trialOccurrences"]
+};
+
+const DEFAULT_COMPANY_NAME = 'Test Weed Dispensary';
+const DEFAULT_CONFIGURATION = {
+    companyName: DEFAULT_COMPANY_NAME,
+    authConfig: DEFAULT_AUTH_CONFIG,
+    apiConfig: DEFAULT_API_CONFIG,
+    subscriptionConfig: DEFAULT_SUBSCRIPTION_CONFIG,
+    menuBoardConfig: DEFAULT_MENU_BOARD_CONFIG,
+    footerCarouselConfig: DEFAULT_CAROUSEL_CONFIG,
+    footerCarouselSlideConfig: [
+        {
+            "image": "../../../assets/images/sunday.png",
+            "title": "CBD Sunday",
+            "description": "20% off all CBD products & house pre-rolls",
+            "highlighted": false,
+            "textColor": "white",
+            "backgroundColor": "black"
+        },
+        {
+            "image": "../../../assets/images/new-monday.jpg",
+            "title": "Edible Monday",
+            "description": "10% off edibles",
+            "highlighted": false,
+            "textColor": "white",
+            "backgroundColor": "black"
+        },
+        {
+            "image": "../../../assets/images/tuesday.png",
+            "title": "Doobie Tuesday",
+            "description": "10% off all pre-rolls & packs<",
+            "highlighted": false,
+            "textColor": "black",
+            "backgroundColor": "white"
+        },
+        {
+            "image": "../../../assets/images/wednesday.png",
+            "title": "Weed Crush Wednesday",
+            "description": "10% off all jar bud",
+            "highlighted": false,
+            "textColor": "black",
+            "backgroundColor": "white"
+        },
+        {
+            "image": "../../../assets/images/thursday.png",
+            "title": "Thirsty Thursday",
+            "description": "10% off Tinctures, RSO & cartridges",
+            "highlighted": false,
+            "textColor": "black",
+            "backgroundColor": "white"
+        },
+        {
+            "image": "../../../assets/images/friday.png",
+            "title": "Fire Friday",
+            "description": "10% off all jar bud",
+            "highlighted": false,
+            "textColor": "black",
+            "backgroundColor": "white"
+        },
+        {
+            "image": "../../../assets/images/saturday.png",
+            "title": "Shatterday Saturday",
+            "description": "10% off all concentrate",
+            "highlighted": false,
+            "textColor": "white",
+            "backgroundColor": "black"
+        }
+    ]
+};
+const CONFIGURATION_SCHEMA = {
+    type: "object",
+    title: "Customer Configuration",
+    properties: {
+        companyName: {
+            type: "string",
+            title: "Company Name",
+            default: DEFAULT_COMPANY_NAME
+        },
+        authConfig: AUTH_CONFIG_SCHEMA,
+        apiConfig: API_CONFIG_SCHEMA,
+        subscriptionConfig: SUBSCRIPTION_CONFIG_SCHEMA,
+        menuBoardConfig: MENU_BOARD_CONFIG_SCHEMA,
+        footerCarouselConfig: CAROUSEL_CONFIG_SCHEMA,
+        footerCarouselSlideConfig: {
+            type: "array",
+            title: "Footer Carousel Slides Collection",
+            description: "Configuration for each slide in the footer carousel",
+            items: SLIDE_SCHEMA,
+            default: DEFAULT_CONFIGURATION.footerCarouselSlideConfig
+        }
+    },
+    required: [
+        "companyName",
+        "authConfig",
+        "apiConfig",
+        "subscriptionConfig",
+        "menuBoardConfig",
+        "footerCarouselConfig",
+        "footerCarouselSlideConfig"
+    ]
+};
 
 /**
  * Converts a hex color to RGBA format
@@ -2674,87 +3729,26 @@ function rgbaToNamedColor(rgba) {
     const hexColor = rgbaObjectToHex(rgba);
     return hexToNamedColor(hexColor);
 }
+const DEFAULT_HEX_COLOR = "#000000";
+const HEX_COLOR_SCHEMA = {
+    type: "string",
+    title: "HexColor",
+    description: "A hex color string in the format #RRGGBB or #RRGGBBAA",
+    pattern: "^#([0-9a-fA-F]{6}|[0-9a-fA-F]{8})$",
+    default: DEFAULT_HEX_COLOR
+};
 
-var Justifications;
-(function (Justifications) {
-    Justifications["Left"] = "left";
-    Justifications["Right"] = "right";
-    Justifications["Center"] = "center";
-    Justifications["Fully"] = "fully";
-})(Justifications || (Justifications = {}));
-
-class SizeStyle {
-    ngOnStyle(ngStyle) {
-        if (this.width) {
-            if (ngStyle) {
-                ngStyle['width'] = typeof this.width === 'number' ? `${this.width}px` : this.width;
-            }
-        }
-        if (this.height) {
-            if (ngStyle) {
-                ngStyle['height'] = typeof this.height === 'number' ? `${this.height}px` : this.height;
-            }
-        }
-        return ngStyle;
-    }
-    width;
-    height;
-}
-const DEFAULT_SIZE = new SizeStyle();
-DEFAULT_SIZE.width = 100;
-DEFAULT_SIZE.height = 100;
-
-class ImageStyle {
-    href;
-    justification;
-    size;
-    coordinates;
-    ngOnStyle(ngStyle) {
-        if (this.href) {
-            ngStyle['backgroundImage'] = `url(${this.href})`;
-        }
-        if (this.justification) {
-            ngStyle['backgroundPosition'] = this.justification;
-        }
-        if (this.size) {
-            this.size.ngOnStyle(ngStyle);
-        }
-        if (this.coordinates) {
-            this.coordinates.ngOnStyle(ngStyle);
-        }
-        return ngStyle;
-    }
-}
-const DEFAULT_IMAGE = new ImageStyle();
-DEFAULT_IMAGE.href = "assets/images/default-category.png";
-DEFAULT_IMAGE.justification = Justifications.Left;
-DEFAULT_IMAGE.size = DEFAULT_SIZE;
-DEFAULT_IMAGE.coordinates = DEFAULT_COORDINATES;
-
-class TextStyle {
-    font;
-    textColor;
-    backgroundColor;
-    watermark;
-    image;
-    value;
-    ngOnStyle(ngStyle) {
-        return {
-            ...(ngStyle),
-            ...(this.font ? this.font.ngOnStyle(ngStyle) : {}),
-            ...(this.textColor ? { color: this.textColor.toCssString() } : {}),
-            ...(this.backgroundColor ? { backgroundColor: this.backgroundColor.toCssString() } : {}),
-            ...(this.image ? this.image.ngOnStyle(ngStyle) : {}),
-        };
+const DEFAULT_NG_STYLE = { width: 100 };
+const NG_STYLE_SCHEMA = {
+    type: "object",
+    title: "ngStyleAttribute",
+    description: "Object representing CSS styles to be applied to an element",
+    additionalProperties: {
+        type: ["string", "number", "null"],
+        title: "CSS Property Value",
+        description: "Value of the CSS property, can be a string, number, or null"
     }
-}
-const DEFAULT_TEXT_STYLE = new TextStyle();
-DEFAULT_TEXT_STYLE.value = 'Default Category';
-DEFAULT_TEXT_STYLE.font = DEFAULT_FONT;
-DEFAULT_TEXT_STYLE.textColor = DEFAULT_BACKCOLOR;
-DEFAULT_TEXT_STYLE.backgroundColor = DEFAULT_FORECOLOR;
-DEFAULT_TEXT_STYLE.watermark = "Category Name";
-DEFAULT_TEXT_STYLE.image = DEFAULT_IMAGE;
+};
 
 const EXAMPLE_CREATE_SUBSCRIPTION_REQUEST = {
     "creditCard": {
@@ -28744,76 +29738,16 @@ class SafeHtmlPipe {
         return this.sanitizer.bypassSecurityTrustHtml(value);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SafeHtmlPipe, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: SafeHtmlPipe, isStandalone: false, name: "safeHtml" });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: SafeHtmlPipe, isStandalone: true, name: "safeHtml" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SafeHtmlPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'safeHtml',
-                    standalone: false
+                    standalone: true
                 }]
         }], ctorParameters: () => [{ type: i1$1.DomSanitizer }] });
 
-class CwmSharedModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: CwmSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: CwmSharedModule, declarations: [ExternalNavigationComponent,
-            NavigateToRouteComponent,
-            PageNotFoundComponent,
-            SafeHtmlPipe], imports: [CommonModule,
-            RouterModule,
-            MsalModule,
-            BrowserModule,
-            FormsModule], exports: [CommonModule,
-            RouterModule,
-            MsalModule,
-            ExternalNavigationComponent,
-            NavigateToRouteComponent,
-            PageNotFoundComponent,
-            SafeHtmlPipe] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: CwmSharedModule, imports: [CommonModule,
-            RouterModule,
-            MsalModule,
-            BrowserModule,
-            FormsModule, CommonModule,
-            RouterModule,
-            MsalModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: CwmSharedModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        ExternalNavigationComponent,
-                        NavigateToRouteComponent,
-                        PageNotFoundComponent,
-                        SafeHtmlPipe
-                    ],
-                    imports: [
-                        CommonModule,
-                        RouterModule,
-                        MsalModule,
-                        BrowserModule,
-                        FormsModule
-                    ],
-                    exports: [
-                        CommonModule,
-                        RouterModule,
-                        MsalModule,
-                        ExternalNavigationComponent,
-                        NavigateToRouteComponent,
-                        PageNotFoundComponent,
-                        SafeHtmlPipe
-                    ]
-                }]
-        }] });
-
-const MockInventoryApiResponse = DEFAULT_INVENTORY_API_RESPONSE;
-
-const MockConfig = DEFAULT_CONFIGURATION;
-
-const MockProfile = DEFAULT_PROFILE;
-
-const MockCustomer = DEFAULT_CUSTOMER;
-
 /**********************************************************************************************************************/
 class ConfigService {
     authConfig;
@@ -29007,6 +29941,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                     args: [DOCUMENT]
                 }] }, { type: ConfigService }, { type: i2$1.HttpClient }, { type: ClassLoggerService }] });
 
+const MockInventoryApiResponse = DEFAULT_INVENTORY_API_RESPONSE;
+
 class InventoryApiService extends BaseApiService {
     useMockData = false;
     constructor(document, configService, httpClient, logger) {
@@ -29080,6 +30016,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
 * Provides a wrapper for accessing the web storage API and synchronizing session storage across tabs/windows.
 */
 class LocalStorageService {
+    static USER_DATA = 'user_data';
+    static SYNC_KEYS = 'sync_keys';
     static syncListenerInitialized = false;
     syncKeys = [];
     initEvent = new Subject();
@@ -29111,7 +30049,7 @@ class LocalStorageService {
     }
     clearAllSessionsStorage() {
         this.clearInstanceSessionStorage();
-        localStorage.removeItem(DbKeys.SYNC_KEYS);
+        localStorage.removeItem(LocalStorageService.SYNC_KEYS);
         localStorage.setItem('clearAllSessionsStorage', '_dummy');
         localStorage.removeItem('clearAllSessionsStorage');
     }
@@ -29122,23 +30060,23 @@ class LocalStorageService {
     clearLocalStorage() {
         localStorage.clear();
     }
-    saveSessionData(data, key = DbKeys.USER_DATA) {
+    saveSessionData(data, key = LocalStorageService.USER_DATA) {
         this.testForInvalidKeys(key);
         this.removeFromSyncKeys(key);
         localStorage.removeItem(key);
         this.sessionStorageSetItem(key, data);
     }
-    saveSyncedSessionData(data, key = DbKeys.USER_DATA) {
+    saveSyncedSessionData(data, key = LocalStorageService.USER_DATA) {
         this.testForInvalidKeys(key);
         localStorage.removeItem(key);
         this.addToSessionStorage(data, key);
     }
-    savePermanentData(data, key = DbKeys.USER_DATA) {
+    savePermanentData(data, key = LocalStorageService.USER_DATA) {
         this.testForInvalidKeys(key);
         this.removeFromSessionStorage(key);
         this.localStorageSetItem(key, data);
     }
-    moveDataToSessionStorage(key = DbKeys.USER_DATA) {
+    moveDataToSessionStorage(key = LocalStorageService.USER_DATA) {
         this.testForInvalidKeys(key);
         const data = this.getData(key);
         if (data == null) {
@@ -29146,7 +30084,7 @@ class LocalStorageService {
         }
         this.saveSessionData(data, key);
     }
-    moveDataToSyncedSessionStorage(key = DbKeys.USER_DATA) {
+    moveDataToSyncedSessionStorage(key = LocalStorageService.USER_DATA) {
         this.testForInvalidKeys(key);
         const data = this.getData(key);
         if (data == null) {
@@ -29154,7 +30092,7 @@ class LocalStorageService {
         }
         this.saveSyncedSessionData(data, key);
     }
-    moveDataToPermanentStorage(key = DbKeys.USER_DATA) {
+    moveDataToPermanentStorage(key = LocalStorageService.USER_DATA) {
         this.testForInvalidKeys(key);
         const data = this.getData(key);
         if (data == null) {
@@ -29162,14 +30100,14 @@ class LocalStorageService {
         }
         this.savePermanentData(data, key);
     }
-    exists(key = DbKeys.USER_DATA) {
+    exists(key = LocalStorageService.USER_DATA) {
         let data = sessionStorage.getItem(key);
         if (data == null) {
             data = localStorage.getItem(key);
         }
         return data != null;
     }
-    getData(key = DbKeys.USER_DATA) {
+    getData(key = LocalStorageService.USER_DATA) {
         this.testForInvalidKeys(key);
         let data = this.sessionStorageGetItem(key);
         if (data == '') {
@@ -29177,7 +30115,7 @@ class LocalStorageService {
         }
         return data;
     }
-    getDataObject(key = DbKeys.USER_DATA, isDateType = false) {
+    getDataObject(key = LocalStorageService.USER_DATA, isDateType = false) {
         let data = this.getData(key);
         if (data != null) {
             if (isDateType) {
@@ -29189,7 +30127,7 @@ class LocalStorageService {
             return data;
         }
     }
-    deleteData(key = DbKeys.USER_DATA) {
+    deleteData(key = LocalStorageService.USER_DATA) {
         this.testForInvalidKeys(key);
         this.removeFromSessionStorage(key);
         localStorage.removeItem(key);
@@ -29283,7 +30221,7 @@ class LocalStorageService {
         this.syncKeys = this.getSyncKeysFromStorage();
     }
     getSyncKeysFromStorage(defaultValue = []) {
-        const data = this.localStorageGetItem(DbKeys.SYNC_KEYS);
+        const data = this.localStorageGetItem(LocalStorageService.SYNC_KEYS);
         if (data == null) {
             return defaultValue;
         }
@@ -29301,7 +30239,7 @@ class LocalStorageService {
         const storedSyncKeys = this.getSyncKeysFromStorage();
         if (!storedSyncKeys.some(x => x == key)) {
             storedSyncKeys.push(key);
-            this.localStorageSetItem(DbKeys.SYNC_KEYS, storedSyncKeys);
+            this.localStorageSetItem(LocalStorageService.SYNC_KEYS, storedSyncKeys);
         }
     }
     removeFromSyncKeysBackup(key) {
@@ -29309,7 +30247,7 @@ class LocalStorageService {
         const index = storedSyncKeys.indexOf(key);
         if (index > -1) {
             storedSyncKeys.splice(index, 1);
-            this.localStorageSetItem(DbKeys.SYNC_KEYS, storedSyncKeys);
+            this.localStorageSetItem(LocalStorageService.SYNC_KEYS, storedSyncKeys);
         }
     }
     addToSyncKeysHelper(key) {
@@ -29495,14 +30433,94 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                     args: [DOCUMENT]
                 }] }, { type: ConfigService }, { type: i2$1.HttpClient }, { type: ClassLoggerService }] });
 
+/**
+ * Standalone Angular architecture for cwm-shared library
+ * Export all standalone components, pipes, directives, and injectable services
+ */
+// Components
+
+/**
+ * @deprecated Use standalone components directly instead
+ *
+ * This module is maintained for backwards compatibility only.
+ * New applications should import standalone components directly:
+ *
+ * @example
+ * import { PageNotFoundComponent, SafeHtmlPipe } from '@transcommerce/cwm-shared';
+ *
+ * @Component({
+ *   selector: 'app-root',
+ *   standalone: true,
+ *   imports: [PageNotFoundComponent, SafeHtmlPipe]
+ * })
+ */
+class CwmSharedModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: CwmSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: CwmSharedModule, imports: [CommonModule,
+            RouterModule,
+            MsalModule,
+            BrowserModule,
+            FormsModule,
+            ExternalNavigationComponent,
+            NavigateToRouteComponent,
+            PageNotFoundComponent,
+            SafeHtmlPipe], exports: [CommonModule,
+            RouterModule,
+            MsalModule,
+            ExternalNavigationComponent,
+            NavigateToRouteComponent,
+            PageNotFoundComponent,
+            SafeHtmlPipe] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: CwmSharedModule, imports: [CommonModule,
+            RouterModule,
+            MsalModule,
+            BrowserModule,
+            FormsModule,
+            ExternalNavigationComponent,
+            NavigateToRouteComponent, CommonModule,
+            RouterModule,
+            MsalModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: CwmSharedModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        RouterModule,
+                        MsalModule,
+                        BrowserModule,
+                        FormsModule,
+                        ExternalNavigationComponent,
+                        NavigateToRouteComponent,
+                        PageNotFoundComponent,
+                        SafeHtmlPipe
+                    ],
+                    exports: [
+                        CommonModule,
+                        RouterModule,
+                        MsalModule,
+                        ExternalNavigationComponent,
+                        NavigateToRouteComponent,
+                        PageNotFoundComponent,
+                        SafeHtmlPipe
+                    ]
+                }]
+        }] });
+
+const MockConfig = DEFAULT_CONFIGURATION;
+
+const MockProfile = DEFAULT_PROFILE;
+
+const MockCustomer = DEFAULT_CUSTOMER;
+
 // ================================================
 // Export every type you want this module to expose
 // ================================================
-// Components
+// Standalone Components (can be used independently)
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { API_CONFIG_SCHEMA, AUTH_CONFIG, AUTH_CONFIG_SCHEMA, BaseApiService, CAROUSEL_CONFIG_SCHEMA, CONFIGURATION_SCHEMA, Category, ClassLoggerService, ColorStyle, ConfigService, CoordinatesStyle, Customer, CwmSharedModule, DEFAULT_API_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACKCOLOR, DEFAULT_CAROUSEL_CONFIG, DEFAULT_CATEGORY_SLIDE, DEFAULT_COMPANY_NAME, DEFAULT_CONFIGURATION, DEFAULT_COORDINATES, DEFAULT_CUSTOMER, DEFAULT_FONT, DEFAULT_FORECOLOR, DEFAULT_IMAGE, DEFAULT_INVENTORY_API_RESPONSE, DEFAULT_MENU_BOARD_CONFIG, DEFAULT_PROFILE, DEFAULT_SIZE, DEFAULT_SLIDE, DEFAULT_SUBSCRIPTION_CONFIG, DEFAULT_TEXT_STYLE, DbKeys, EXAMPLE_CREATE_SUBSCRIPTION_REQUEST, ExternalNavigationComponent, FontStyle, ImageStyle, InventoryApiService, Justifications, LocalStorageService, LogService, MENU_BOARD_CONFIG_SCHEMA, MockConfig, MockCustomer, MockInventoryApiResponse, MockProfile, NavigateToRouteComponent, PageNotFoundComponent, Product, Profile, RgbaColorStyle, SLIDE_SCHEMA, SUBSCRIPTION_CONFIG_SCHEMA, SafeHtmlPipe, SizeStyle, Stack, SubscriptionApiService, TextStyle, TimeSpan, TimeSpanOverflowError, UserTypes, Utilities, adjustAlpha, cloneRGBA, createRGBA, cssStringToRGBA, darkenRGBA, decodeToken, doWithLock, hexToNamedColor, hexToRGBA, isTokenValid, isValidNamedColor, lightenRGBA, msalGuardConfigFactory, msalInstanceFactory, msalInterceptorConfigFactory, namedColorToHexColor, namedColorToRGBA, rgbaEquals, rgbaObjectToHex, rgbaToCssString, rgbaToHex, rgbaToNamedColor, waitFor };
+export { API_CONFIG_SCHEMA, AUTH_CONFIG, AUTH_CONFIG_SCHEMA, BaseApiService, CAROUSEL_CONFIG_SCHEMA, CONFIGURATION_SCHEMA, COORDINATES_STYLE_SCHEMA, Category, ClassLoggerService, ColorStyle, ConfigService, CoordinatesStyle, Customer, CwmSharedModule, DEFAULT_API_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACKCOLOR, DEFAULT_CAROUSEL_CONFIG, DEFAULT_CATEGORY_SLIDE, DEFAULT_COMPANY_NAME, DEFAULT_CONFIGURATION, DEFAULT_COORDINATES, DEFAULT_CUSTOMER, DEFAULT_FONT, DEFAULT_FOOTER_SLIDE, DEFAULT_FORECOLOR, DEFAULT_HEX_COLOR, DEFAULT_IMAGE_STYLE, DEFAULT_INVENTORY_API_RESPONSE, DEFAULT_JUSTIFICATION, DEFAULT_MENU_BOARD_CONFIG, DEFAULT_NAMED_COLOR, DEFAULT_NG_STYLE, DEFAULT_PROFILE, DEFAULT_RGBA_COLOR_STYLE, DEFAULT_SIZE_STYLE, DEFAULT_SLIDE, DEFAULT_SUBSCRIPTION_CONFIG, DEFAULT_TEXT_STYLE, EXAMPLE_CREATE_SUBSCRIPTION_REQUEST, ExternalNavigationComponent, FONT_STYLE_SCHEMA, FOOTER_SLIDE_SCHEMA, FontStyle, FooterSlide, HEX_COLOR_SCHEMA, IMAGE_STYLE_SCHEMA, ImageStyle, InventoryApiService, JUSTIFICATIONS_SCHEMA, Justifications, LocalStorageService, LogService, MENU_BOARD_CONFIG_SCHEMA, MockConfig, MockCustomer, MockInventoryApiResponse, MockProfile, NAMED_COLOR_MAP, NAMED_COLOR_SCHEMA, NG_STYLE_SCHEMA, NamedColors, NavigateToRouteComponent, PageNotFoundComponent, Product, Profile, RGBA_COLOR_STYLE_SCHEMA, RgbaColorStyle, SIZE_STYLE_SCHEMA, SLIDE_SCHEMA, SUBSCRIPTION_CONFIG_SCHEMA, SafeHtmlPipe, SizeStyle, Stack, SubscriptionApiService, TEXT_STYLE_SCHEMA, TextStyle, TimeSpan, TimeSpanOverflowError, UserTypes, Utilities, adjustAlpha, cloneRGBA, createRGBA, cssStringToRGBA, darkenRGBA, decodeToken, doWithLock, getNamedColors, hexToNamedColor, hexToRGBA, isNamedColor, isTokenValid, isValidNamedColor, lightenRGBA, msalGuardConfigFactory, msalInstanceFactory, msalInterceptorConfigFactory, namedColorToHex, namedColorToHexColor, namedColorToRGBA, rgbaEquals, rgbaObjectToHex, rgbaToCssString, rgbaToHex, rgbaToNamedColor, waitFor };
 //# sourceMappingURL=transcommerce-cwm-shared.mjs.map