@osovitny/anatoly 3.17.110 → 3.17.112

package/fesm2022/osovitny-anatoly.mjs

@@ -1,18 +1,18 @@
 import * as i0 from '@angular/core';
 import { Injectable, Inject, EventEmitter, Output, Pipe, APP_INITIALIZER, Injector, NgModule, Component, Input, ChangeDetectionStrategy, ViewChild, Directive, ViewEncapsulation, HostBinding, HostListener, Optional, SkipSelf } from '@angular/core';
+import { BehaviorSubject, Subject, filter, takeUntil, map as map$1, catchError, of, merge, forkJoin, timer, fromEvent, firstValueFrom } from 'rxjs';
+import { map, tap, mergeMap } from 'rxjs/operators';
+import * as i1 from '@angular/common/http';
+import { HttpResponse, HttpClientModule, HttpClient, HTTP_INTERCEPTORS } from '@angular/common/http';
+import * as i1$2 from '@angular/common';
+import { LOCATION_INITIALIZED, DOCUMENT, CommonModule } from '@angular/common';
 import js_beautify from 'js-beautify';
-import * as i1 from '@angular/router';
+import * as i1$1 from '@angular/router';
 import { NavigationEnd, NavigationStart, NavigationCancel, NavigationError, RouterModule } from '@angular/router';
 import { v4 } from 'uuid';
-import { BehaviorSubject, Subject, filter, takeUntil, map as map$1, catchError, of, merge, forkJoin, timer, fromEvent, firstValueFrom } from 'rxjs';
 import * as i4 from '@azure/msal-angular';
 import { MSAL_GUARD_CONFIG, MsalGuard, MsalInterceptor, MSAL_INTERCEPTOR_CONFIG, MSAL_INSTANCE, MsalService, MsalBroadcastService, MsalModule } from '@azure/msal-angular';
 import { BrowserUtils, EventType, InteractionStatus, InteractionType, InteractionRequiredAuthError, PromptValue, PublicClientApplication, LogLevel } from '@azure/msal-browser';
-import { map, tap, mergeMap } from 'rxjs/operators';
-import * as i1$1 from '@angular/common/http';
-import { HttpResponse, HttpClientModule, HttpClient, HTTP_INTERCEPTORS } from '@angular/common/http';
-import * as i1$2 from '@angular/common';
-import { LOCATION_INITIALIZED, DOCUMENT, CommonModule } from '@angular/common';
 import { format, formatDistance, formatDistanceToNow } from 'date-fns';
 import enUS from 'date-fns/locale/en-US';
 import * as i1$3 from '@ngx-translate/core';
@@ -94,40 +94,85 @@ const ApiUrl = `${AppCoreSettings?.api.url}`;
 
   Authors:
     Vadim Osovitny vadim.osovitny@osovitny.com
-    Anatoly Osovitny anatoly.osovitny@osovitny.com
 
   Created:
-    1 Apr 2024
+     13 Nov 2017
 
   Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
-function getAppSettingsById(id) {
-    let apps = ClientApps;
-    if (apps && id) {
-        for (let i = 0; i < apps.length; i++) {
-            let app = apps[i];
-            if (app.id == id) {
-                return app;
-            }
+//Node
+class ApiServiceBase {
+    constructor(http) {
+        this.http = http;
+    }
+    serializeParams(data) {
+        return data ? ('?' + $.param(data)) : "";
+    }
+    //api
+    get(action, data, responseType) {
+        if (!responseType) {
+            responseType = 'json';
         }
+        var url = `${this.baseUrl}/${action}${this.serializeParams(data)}`;
+        return this.http.get(url, { responseType: responseType }).pipe(map(res => res));
     }
-    return null;
-}
-function getAppSettingsByName(name) {
-    let apps = ClientApps;
-    if (apps && name) {
-        for (let i = 0; i < apps.length; i++) {
-            let app = apps[i];
-            if (app.name == name) {
-                return app;
-            }
+    post(action, data, responseType) {
+        if (!responseType) {
+            responseType = 'text';
         }
+        var url = `${this.baseUrl}/${action}`;
+        return this.http.post(url, data, { responseType: responseType });
     }
-    return null;
+    postQS(action, data, responseType) {
+        if (!responseType) {
+            responseType = 'text';
+        }
+        var url = `${this.baseUrl}/${action}${this.serializeParams(data)}`;
+        return this.http.post(url, null, { responseType: responseType });
+    }
+    delete(action, data, responseType) {
+        if (!responseType) {
+            responseType = 'text';
+        }
+        var url = `${this.baseUrl}/${action}${this.serializeParams(data)}`;
+        return this.http.delete(url, { responseType: responseType });
+    }
+    //gets
+    getExternalTextFile(url) {
+        return this.http.get(url);
+    }
+    //Json Files
+    __getJsonFile(url) {
+        const version = AppCoreSettings.version;
+        const isCDNEnabled = AppCoreSettings.isCDNEnabled;
+        const cdnSasToken = AppCoreSettings.cdnSasToken;
+        if (isCDNEnabled) {
+            url = url + cdnSasToken;
+        }
+        else {
+            url = url + '?v=' + version;
+        }
+        return this.http.get(url);
+    }
+    getLibJsonFile(fileName) {
+        const url = AppCoreSettings.libUrl + '/jsons';
+        return this.__getJsonFile(url + "/" + fileName);
+    }
+    getJsonFile(fileName) {
+        const url = AppCoreSettings.assetsUrl + '/jsons';
+        return this.__getJsonFile(url + "/" + fileName);
+    }
+    getExternalJsonFile(libname, fileName) {
+        const url = AppCoreSettings.externalUrl + "/" + libname + "/jsons";
+        return this.__getJsonFile(url + "/" + fileName);
+    }
+    static { this.ɵfac = function ApiServiceBase_Factory(t) { return new (t || ApiServiceBase)(i0.ɵɵinject(i1.HttpClient)); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ApiServiceBase, factory: ApiServiceBase.ɵfac }); }
 }
-const AppName = document.getElementById('appName').getAttribute('data-appname');
-const AppSettings = getAppSettingsByName(AppName);
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ApiServiceBase, [{
+        type: Injectable
+    }], () => [{ type: i1.HttpClient }], null); })();
 
 /*
 <file>
@@ -139,22 +184,45 @@ const AppSettings = getAppSettingsByName(AppName);
     Anatoly Osovitny anatoly.osovitny@osovitny.com
 
   Created:
-    1 Apr 2024
+    17 Apr 2023
 
   Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
-const dateTimeFormats = {
-    medium: 'dd MMM yyyy HH:mm'
-};
-const dateFormats = {
-    medium: "dd MMM yyyy",
-    short: "dd/MM/yyyy"
-};
-const timeFormats = {
-    medium: "HH:mm:ss",
-    short: "HH:mm"
-};
+class Stopwatch {
+    constructor(name) {
+        this.name = name;
+        this.startTime = 0;
+        this.stopTime = 0;
+        this.running = false;
+        this.performance = !!window.performance;
+        console.log(this.name + ' started.');
+    }
+    currentTime() {
+        return this.performance ? window.performance.now() : new Date().getTime();
+    }
+    start() {
+        this.startTime = this.currentTime();
+        this.running = true;
+    }
+    stop() {
+        this.stopTime = this.currentTime();
+        this.running = false;
+    }
+    getElapsedMilliseconds() {
+        if (this.running) {
+            this.stopTime = this.currentTime();
+        }
+        return this.stopTime - this.startTime;
+    }
+    getElapsedSeconds() {
+        return this.getElapsedMilliseconds() / 1000;
+    }
+    printElapsedAsMilliseconds() {
+        let elapsed = this.getElapsedMilliseconds();
+        console.log(`${this.name} stopped. Execution time: ${elapsed} ms`);
+    }
+}
 
 /*
 <file>
@@ -163,23 +231,20 @@ const timeFormats = {
 
   Authors:
     Vadim Osovitny vadim.osovitny@osovitny.com
+    Anatoly Osovitny anatoly.osovitny@osovitny.com
 
   Created:
-    11 Nov 2024
+    28 Apr 2024
 
   Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
-const GAEvents = {
-    login: {
-        signin: 'osa_login_signin',
-        signin_success: 'osa_login_signin_success',
-        signup: 'osa_login_signup',
-        signup_success: 'osa_login_signup_success'
-    }
-};
-const GABillingEvents = {
-    payment: 'osa_billing_payment'
+const AppContextStorageKeys = {
+    version: 'version',
+    currency: 'currency',
+    //Lists
+    countries: 'countries',
+    languages: 'languages'
 };
 
 /*
@@ -192,92 +257,59 @@ const GABillingEvents = {
     Anatoly Osovitny anatoly.osovitny@osovitny.com
 
   Created:
-    29 June 2020
+    26 Jun 2020
 
   Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
-class Convert {
-    static pad(number) {
-        if (number < 10) {
-            return '0' + number;
-        }
-        return number;
+//Node
+class WebStorageService {
+    constructor(storage) {
+        this.storage = storage === 'local' || storage === 'localStorage' ? localStorage : sessionStorage;
     }
-    static enumToString(enumeration, value) {
-        for (let k in enumeration)
-            if (enumeration[k] == value)
-                return k;
-        return null;
+    setItem(key, value) {
+        this.storage.setItem(key, value);
     }
-    static enumToArray(enumeration, valueAsInt = true, notIncludes) {
-        const notIncludeFiler = (value) => {
-            if (isNaN(Number(value))) {
-                return false;
-            }
-            if (notIncludes) {
-                for (let i in notIncludes) {
-                    if (notIncludes[i] == value)
-                        return false;
-                }
-            }
-            return true;
-        };
-        if (valueAsInt) {
-            return Object.keys(enumeration)
-                .filter(notIncludeFiler)
-                .map(key => ({
-                value: parseInt(key),
-                text: enumeration[key]
-            }));
-        }
-        else {
-            return Object.keys(enumeration)
-                .filter(notIncludeFiler)
-                .map(key => ({
-                value: key,
-                text: enumeration[key]
-            }));
-        }
+    setObject(key, value) {
+        this.storage.setItem(key, JSON.stringify(value));
     }
-    static stringToArray(str, separator = ',') {
-        if (str) {
-            return str.split(separator).filter(element => element);
-        }
-        return [];
+    getItem(key) {
+        return this.storage.getItem(key);
     }
-    static stringToIntArray(str, separator = ',') {
-        if (str) {
-            return str.split(separator).filter(element => element).map(value => parseInt(value));
+    getObject(key) {
+        let value = this.storage.getItem(key);
+        if (!value) {
+            return null;
         }
-        return [];
+        return JSON.parse(value);
     }
-    static company2String(comp) {
-        let company = JSON.parse(comp);
-        if (company) {
-            return `${company.name} ${company.phone} ${company.email} ${company.websiteUrl}`;
-        }
+    remove(key) {
+        this.storage.removeItem(key);
     }
-    static address2String(adr) {
-        let address = JSON.parse(adr);
-        return `${address.street} ${address.street2} ${address.city} ${address.stateOrRegion} ${address.zipcode} ${address.country}`;
+    clear() {
+        this.storage.clear();
     }
-    static stringToBoolean(value) {
-        switch (value.toLowerCase().trim()) {
-            case "true":
-            case "yes":
-            case "1":
-                return true;
-            case "false":
-            case "no":
-            case "0":
-            case null:
-                return false;
-            default:
-                return Boolean(value);
-        }
+}
+class LocalStorageService extends WebStorageService {
+    constructor() {
+        super('localStorage');
+    }
+    static { this.ɵfac = function LocalStorageService_Factory(t) { return new (t || LocalStorageService)(); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: LocalStorageService, factory: LocalStorageService.ɵfac }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LocalStorageService, [{
+        type: Injectable
+    }], () => [], null); })();
+class SessionStorageService extends WebStorageService {
+    constructor() {
+        super('sessionStorage');
     }
+    static { this.ɵfac = function SessionStorageService_Factory(t) { return new (t || SessionStorageService)(); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: SessionStorageService, factory: SessionStorageService.ɵfac }); }
 }
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SessionStorageService, [{
+        type: Injectable
+    }], () => [], null); })();
 
 /*
 <file>
@@ -289,96 +321,171 @@ class Convert {
     Anatoly Osovitny anatoly.osovitny@osovitny.com
 
   Created:
-    10 Feb 2024
+    13 Nov 2017
 
   Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
-/**
- * Returns the [year, month, day, hour, minute, seconds] tokens of the provided
- * `date` as it will be rendered in the `timeZone`.
- */
-function tzTokenizeDate(date, timeZone) {
-    var dtf = getDateTimeFormat(timeZone);
-    return dtf.formatToParts ? partsOffset(dtf, date) : hackyOffset(dtf, date);
-}
-var typeToPos = {
-    year: 0,
-    month: 1,
-    day: 2,
-    hour: 3,
-    minute: 4,
-    second: 5,
-};
-function partsOffset(dtf, date) {
-    try {
-        var formatted = dtf.formatToParts(date);
-        var filled = [];
-        for (var i = 0; i < formatted.length; i++) {
-            var pos = typeToPos[formatted[i].type];
-            if (pos >= 0) {
-                filled[pos] = parseInt(formatted[i].value, 10);
+//Node
+class AppContextService extends ApiServiceBase {
+    constructor(http, localStorage, sessionStorage) {
+        super(http);
+        this.http = http;
+        this.localStorage = localStorage;
+        this.sessionStorage = sessionStorage;
+        this.storageKeyName = 'appContext';
+        this.subscription = null;
+        //Private Streams
+        this._updated = new BehaviorSubject(null);
+        this._userUpdated = new BehaviorSubject(null);
+        //Public Streams
+        this.updated$ = this._updated.asObservable();
+        this.userUpdated$ = this._userUpdated.asObservable();
+        this.baseUrl = `${ApiUrl}/appContext`;
+    }
+    fireUpdated(data) {
+        if (!data) {
+            return;
+        }
+        this._updated.next(data);
+    }
+    fireUserUpdated() {
+        this._userUpdated.next(null);
+    }
+    //Session
+    getCurrent4Session() {
+        return this.sessionStorage.getObject(this.storageKeyName);
+    }
+    setCurrent2Session(value) {
+        this.sessionStorage.setObject(this.storageKeyName, value);
+    }
+    dataReceived(data) {
+        this.current = data;
+        this.subscription.unsubscribe();
+        this.subscription = null;
+    }
+    getCurrentContext() {
+        if (this.subscription != null) {
+            return;
+        }
+        //Logging
+        let stopwatch = new Stopwatch("AppContextService: Requesting a new AppContext");
+        stopwatch.start();
+        this.subscription = this.get('getCurrentContext', null).subscribe({
+            next: (data) => {
+                //Logging
+                stopwatch.stop();
+                stopwatch.printElapsedAsMilliseconds();
+                this.dataReceived(data);
             }
+        });
+    }
+    updateCurrentIfExpired() {
+        let context = this.getCurrent4Session();
+        if (!context) {
+            return;
+        }
+        let shouldBeUpdated = false;
+        let lr = context.lastRequested;
+        if (lr) {
+            let now = new Date();
+            let lastRequested = new Date(context.lastRequested);
+            let in60Mins = new Date(lastRequested.getFullYear(), lastRequested.getMonth(), lastRequested.getDate(), lastRequested.getHours(), lastRequested.getMinutes() + 60, 0, 0);
+            if (in60Mins.getTime() < now.getTime()) {
+                shouldBeUpdated = true;
+            }
+        }
+        else {
+            shouldBeUpdated = true;
+        }
+        if (shouldBeUpdated) {
+            this.updateCurrent();
         }
-        return filled;
     }
-    catch (error) {
-        if (error instanceof RangeError) {
-            return [NaN];
+    //Public
+    init(context = null) {
+        if (context) {
+            this.current = context;
         }
-        throw error;
     }
-}
-function hackyOffset(dtf, date) {
-    var formatted = dtf.format(date).replace(/\u200E/g, '');
-    var parsed = /(\d+)\/(\d+)\/(\d+),? (\d+):(\d+):(\d+)/.exec(formatted);
-    // var [, fMonth, fDay, fYear, fHour, fMinute, fSecond] = parsed
-    // return [fYear, fMonth, fDay, fHour, fMinute, fSecond]
-    return [parsed[3], parsed[1], parsed[2], parsed[4], parsed[5], parsed[6]];
-}
-// Get a cached Intl.DateTimeFormat instance for the IANA `timeZone`. This can be used
-// to get deterministic local date/time output according to the `en-US` locale which
-// can be used to extract local time parts as necessary.
-var dtfCache = {};
-function getDateTimeFormat(timeZone) {
-    if (!dtfCache[timeZone]) {
-        // New browsers use `hourCycle`, IE and Chrome <73 does not support it and uses `hour12`
-        var testDateFormatted = new Intl.DateTimeFormat('en-US', {
-            hour12: false,
-            timeZone: 'America/New_York',
-            year: 'numeric',
-            month: 'numeric',
-            day: '2-digit',
-            hour: '2-digit',
-            minute: '2-digit',
-            second: '2-digit',
-        }).format(new Date('2014-06-25T04:00:00.123Z'));
-        var hourCycleSupported = testDateFormatted === '06/25/2014, 00:00:00' ||
-            testDateFormatted === '06/25/2014 00:00:00';
-        dtfCache[timeZone] = hourCycleSupported
-            ? new Intl.DateTimeFormat('en-US', {
-                hour12: false,
-                timeZone: timeZone,
-                year: 'numeric',
-                month: 'numeric',
-                day: '2-digit',
-                hour: '2-digit',
-                minute: '2-digit',
-                second: '2-digit',
-            })
-            : new Intl.DateTimeFormat('en-US', {
-                hourCycle: 'h23',
-                timeZone: timeZone,
-                year: 'numeric',
-                month: 'numeric',
-                day: '2-digit',
-                hour: '2-digit',
-                minute: '2-digit',
-                second: '2-digit',
-            });
+    loadRequiredJsonFiles() {
+        return null;
     }
-    return dtfCache[timeZone];
+    loadRequiredItems() {
+        return null;
+    }
+    updateCurrent() {
+        this.getCurrentContext();
+    }
+    //Storage
+    clearLocalStorage() {
+        this.localStorage.clear();
+    }
+    clearSessionStorage() {
+        this.sessionStorage.clear();
+    }
+    clearWebStorage() {
+        this.clearLocalStorage();
+        this.clearSessionStorage();
+    }
+    //current
+    get current() {
+        this.updateCurrentIfExpired();
+        return this.getCurrent4Session();
+    }
+    set current(value) {
+        this.setCurrent2Session(value);
+        this.fireUpdated(value);
+    }
+    //user
+    get user() {
+        let current = this.current;
+        return current?.user;
+    }
+    /* Storage Caching ----------------------------------------------------------BEGIN */
+    //version => localStorage
+    get version() {
+        return this.localStorage.getObject(AppContextStorageKeys.version);
+    }
+    set version(value) {
+        this.localStorage.setObject(AppContextStorageKeys.version, value);
+    }
+    //currency => localStorage
+    get currency() {
+        return this.localStorage.getObject(AppContextStorageKeys.currency);
+    }
+    set currency(value) {
+        this.localStorage.setObject(AppContextStorageKeys.currency, value);
+    }
+    clearCurrency() {
+        this.localStorage.remove(AppContextStorageKeys.currency);
+    }
+    //countries => localStorage
+    get countries() {
+        return this.localStorage.getObject(AppContextStorageKeys.countries);
+    }
+    set countries(value) {
+        this.localStorage.setObject(AppContextStorageKeys.countries, value);
+    }
+    clearCountries() {
+        this.localStorage.remove(AppContextStorageKeys.countries);
+    }
+    //languages => localStorage
+    get languages() {
+        return this.localStorage.getObject(AppContextStorageKeys.languages);
+    }
+    set languages(value) {
+        this.localStorage.setObject(AppContextStorageKeys.languages, value);
+    }
+    clearLanguages() {
+        this.localStorage.remove(AppContextStorageKeys.languages);
+    }
+    static { this.ɵfac = function AppContextService_Factory(t) { return new (t || AppContextService)(i0.ɵɵinject(i1.HttpClient), i0.ɵɵinject(LocalStorageService), i0.ɵɵinject(SessionStorageService)); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AppContextService, factory: AppContextService.ɵfac }); }
 }
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppContextService, [{
+        type: Injectable
+    }], () => [{ type: i1.HttpClient }, { type: LocalStorageService }, { type: SessionStorageService }], null); })();
 
 /*
 <file>
@@ -390,175 +497,37 @@ function getDateTimeFormat(timeZone) {
     Anatoly Osovitny anatoly.osovitny@osovitny.com
 
   Created:
-    10 Feb 2024
+    1 Apr 2024
 
   Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
-function tzParseTimezone(timezoneString, date, isUtcDate) {
-    var token;
-    var absoluteOffset;
-    // Empty string
-    if (!timezoneString) {
-        return 0;
-    }
-    // Z
-    token = patterns.timezoneZ.exec(timezoneString);
-    if (token) {
-        return 0;
-    }
-    var hours;
-    // ±hh
-    token = patterns.timezoneHH.exec(timezoneString);
-    if (token) {
-        hours = parseInt(token[1], 10);
-        if (!validateTimezone(hours)) {
-            return NaN;
-        }
-        return -(hours * MILLISECONDS_IN_HOUR);
-    }
-    // ±hh:mm or ±hhmm
-    token = patterns.timezoneHHMM.exec(timezoneString);
-    if (token) {
-        hours = parseInt(token[1], 10);
-        var minutes = parseInt(token[2], 10);
-        if (!validateTimezone(hours, minutes)) {
-            return NaN;
+function getAppSettingsById(id) {
+    let apps = ClientApps;
+    if (apps && id) {
+        for (let i = 0; i < apps.length; i++) {
+            let app = apps[i];
+            if (app.id == id) {
+                return app;
+            }
         }
-        absoluteOffset = Math.abs(hours) * MILLISECONDS_IN_HOUR + minutes * MILLISECONDS_IN_MINUTE;
-        return hours > 0 ? -absoluteOffset : absoluteOffset;
-    }
-    // IANA time zone
-    if (isValidTimezoneIANAString(timezoneString)) {
-        date = new Date(date || Date.now());
-        var utcDate = isUtcDate ? date : toUtcDate(date);
-        var offset = calcOffset(utcDate, timezoneString);
-        var fixedOffset = isUtcDate ? offset : fixOffset(date, offset, timezoneString);
-        return -fixedOffset;
-    }
-    return NaN;
-}
-var MILLISECONDS_IN_HOUR = 3600000;
-var MILLISECONDS_IN_MINUTE = 60000;
-var patterns = {
-    timezone: /([Z+-].*)$/,
-    timezoneZ: /^(Z)$/,
-    timezoneHH: /^([+-]\d{2})$/,
-    timezoneHHMM: /^([+-]\d{2}):?(\d{2})$/,
-};
-function newDateUTC(fullYear, month, day, hour, minute, second, millisecond) {
-    var utcDate = new Date(0);
-    utcDate.setUTCFullYear(fullYear, month, day);
-    utcDate.setUTCHours(hour, minute, second, millisecond);
-    return utcDate;
-}
-function toUtcDate(date) {
-    return newDateUTC(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds());
-}
-function calcOffset(date, timezoneString) {
-    var tokens = tzTokenizeDate(date, timezoneString);
-    // ms dropped because it's not provided by tzTokenizeDate
-    var asUTC = newDateUTC(tokens[0], tokens[1] - 1, tokens[2], tokens[3] % 24, tokens[4], tokens[5], 0).getTime();
-    var asTS = date.getTime();
-    var over = asTS % 1000;
-    asTS -= over >= 0 ? over : 1000 + over;
-    return asUTC - asTS;
-}
-function fixOffset(date, offset, timezoneString) {
-    var localTS = date.getTime();
-    // Our UTC time is just a guess because our offset is just a guess
-    var utcGuess = localTS - offset;
-    // Test whether the zone matches the offset for this ts
-    var o2 = calcOffset(new Date(utcGuess), timezoneString);
-    // If so, offset didn't change, and we're done
-    if (offset === o2) {
-        return offset;
-    }
-    // If not, change the ts by the difference in the offset
-    utcGuess -= o2 - offset;
-    // If that gives us the local time we want, we're done
-    var o3 = calcOffset(new Date(utcGuess), timezoneString);
-    if (o2 === o3) {
-        return o2;
-    }
-    // If it's different, we're in a hole time. The offset has changed, but we don't adjust the time
-    return Math.max(o2, o3);
-}
-function validateTimezone(hours, minutes = null) {
-    return -23 <= hours && hours <= 23 && (minutes == null || (0 <= minutes && minutes <= 59));
-}
-var validIANATimezoneCache = {};
-function isValidTimezoneIANAString(timeZoneString) {
-    if (validIANATimezoneCache[timeZoneString])
-        return true;
-    try {
-        new Intl.DateTimeFormat(undefined, { timeZone: timeZoneString });
-        validIANATimezoneCache[timeZoneString] = true;
-        return true;
-    }
-    catch (error) {
-        return false;
     }
+    return null;
 }
-
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny vadim.osovitny@osovitny.com
-
-  Created:
-    09 Feb 2024
-
-  Source:
-    https://github.com/date-fns/date-fns/blob/main/src/toDate/index.ts
-
-    tz:
-    https://www.npmjs.com/package/date-fns-tz
-    https://github.com/marnusw/date-fns-tz/blob/master/src/utcToZonedTime/index.js
-    https://github.com/marnusw/date-fns-tz/blob/master/src/_lib/tzParseTimezone/index.js
-
-  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
-</file>
-*/
-class DateConvert {
-    static toDate(argument) {
-        const argStr = Object.prototype.toString.call(argument);
-        if (argument instanceof Date || (typeof argument === "object" && argStr === "[object Date]")) {
-            return argument;
-        }
-        else if (typeof argument === "number" || argStr === "[object Number]" ||
-            typeof argument === "string" || argStr === "[object String]") {
-            return new Date(argument);
-        }
-        else {
-            return new Date(NaN);
-        }
-    }
-    static utcToLocal(dirtyDate) {
-        if (typeof dirtyDate === 'string') {
-            if (dirtyDate.indexOf("T") > -1) {
-                dirtyDate = dirtyDate.replace("T", " ");
-            }
-            if (dirtyDate.indexOf("Z") == -1) {
-                dirtyDate = dirtyDate + "Z";
+function getAppSettingsByName(name) {
+    let apps = ClientApps;
+    if (apps && name) {
+        for (let i = 0; i < apps.length; i++) {
+            let app = apps[i];
+            if (app.name == name) {
+                return app;
             }
         }
-        let browserTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
-        if (browserTimeZone) {
-            let date = DateConvert.toDate(dirtyDate);
-            let offsetMilliseconds = tzParseTimezone(browserTimeZone, date, true);
-            let d = new Date(date.getTime() - offsetMilliseconds);
-            let resultDate = new Date(0);
-            resultDate.setFullYear(d.getUTCFullYear(), d.getUTCMonth(), d.getUTCDate());
-            resultDate.setHours(d.getUTCHours(), d.getUTCMinutes(), d.getUTCSeconds(), d.getUTCMilliseconds());
-            return resultDate;
-        }
-        return new Date(dirtyDate);
     }
+    return null;
 }
+const AppName = document.getElementById('appName').getAttribute('data-appname');
+const AppSettings = getAppSettingsByName(AppName);
 
 /*
 <file>
@@ -570,28 +539,22 @@ class DateConvert {
     Anatoly Osovitny anatoly.osovitny@osovitny.com
 
   Created:
-    10 Sep 2022
-
-  Code:
-    https://www.npmjs.com/package/js-beautify
-    https://beautifier.io
+    1 Apr 2024
 
   Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
-//var beautify_html = require('js-beautify').html;
-class XmlFormatter {
-    static toPrettyXML(s, options) {
-        if (!options) {
-            options = {
-                indent_size: 2,
-                indent_char: " ",
-                wrap_line_length: 110
-            };
-        }
-        return js_beautify.html(s, options);
-    }
-}
+const dateTimeFormats = {
+    medium: 'dd MMM yyyy HH:mm'
+};
+const dateFormats = {
+    medium: "dd MMM yyyy",
+    short: "dd/MM/yyyy"
+};
+const timeFormats = {
+    medium: "HH:mm:ss",
+    short: "HH:mm"
+};
 
 /*
 <file>
@@ -600,7 +563,6 @@ class XmlFormatter {
 
   Authors:
     Vadim Osovitny vadim.osovitny@osovitny.com
-    Anatoly Osovitny anatoly.osovitny@osovitny.com
 
   Created:
     11 Nov 2024
@@ -608,41 +570,17 @@ class XmlFormatter {
   Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
-var DiscountCodeType;
-(function (DiscountCodeType) {
-    DiscountCodeType[DiscountCodeType["Standard"] = 1] = "Standard";
-    DiscountCodeType[DiscountCodeType["UseOnce"] = 2] = "UseOnce";
-})(DiscountCodeType || (DiscountCodeType = {}));
-var DiscountCodeStatus;
-(function (DiscountCodeStatus) {
-    DiscountCodeStatus[DiscountCodeStatus["Exist"] = 1] = "Exist";
-    DiscountCodeStatus[DiscountCodeStatus["NotFound"] = 2] = "NotFound";
-    DiscountCodeStatus[DiscountCodeStatus["AlreadyUsed"] = 3] = "AlreadyUsed";
-})(DiscountCodeStatus || (DiscountCodeStatus = {}));
-var PaymentType;
-(function (PaymentType) {
-    PaymentType[PaymentType["FullPayment"] = 1] = "FullPayment";
-    PaymentType[PaymentType["WeeklyPayment"] = 2] = "WeeklyPayment";
-    PaymentType[PaymentType["BiWeeklyPayment"] = 3] = "BiWeeklyPayment";
-    PaymentType[PaymentType["MonthlyPayment"] = 4] = "MonthlyPayment";
-})(PaymentType || (PaymentType = {}));
-var PaymentMethod;
-(function (PaymentMethod) {
-    PaymentMethod[PaymentMethod["None"] = 1] = "None";
-    PaymentMethod[PaymentMethod["DigitalWallet"] = 2] = "DigitalWallet";
-    PaymentMethod[PaymentMethod["CreditCard"] = 3] = "CreditCard";
-    PaymentMethod[PaymentMethod["PayPal"] = 4] = "PayPal";
-    PaymentMethod[PaymentMethod["Stripe"] = 5] = "Stripe";
-    PaymentMethod[PaymentMethod["Venmo"] = 6] = "Venmo";
-    PaymentMethod[PaymentMethod["ApplePay"] = 7] = "ApplePay";
-    PaymentMethod[PaymentMethod["GooglePay"] = 8] = "GooglePay";
-})(PaymentMethod || (PaymentMethod = {}));
-var PaymentStage;
-(function (PaymentStage) {
-    //PayPal/Stripe
-    PaymentStage[PaymentStage["External"] = 1] = "External";
-    PaymentStage[PaymentStage["Internal"] = 2] = "Internal";
-})(PaymentStage || (PaymentStage = {}));
+const GAEvents = {
+    login: {
+        signin: 'osa_login_signin',
+        signin_success: 'osa_login_signin_success',
+        signup: 'osa_login_signup',
+        signup_success: 'osa_login_signup_success'
+    }
+};
+const GABillingEvents = {
+    payment: 'osa_billing_payment'
+};
 
 /*
 <file>
@@ -651,32 +589,95 @@ var PaymentStage;
 
   Authors:
     Vadim Osovitny vadim.osovitny@osovitny.com
-  
+    Anatoly Osovitny anatoly.osovitny@osovitny.com
+
   Created:
-    11 Nov 2024
+    29 June 2020
 
   Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
-var DataViewType;
-(function (DataViewType) {
-    DataViewType["Grid"] = "grid";
-    DataViewType["List"] = "list";
-})(DataViewType || (DataViewType = {}));
-var PublishStatus;
-(function (PublishStatus) {
-    PublishStatus[PublishStatus["Draft"] = 1] = "Draft";
-    PublishStatus[PublishStatus["PendingReview"] = 2] = "PendingReview";
-    PublishStatus[PublishStatus["Published"] = 3] = "Published";
-    PublishStatus[PublishStatus["Archived"] = 4] = "Archived";
-})(PublishStatus || (PublishStatus = {}));
-var ModerationStatus;
-(function (ModerationStatus) {
-    ModerationStatus[ModerationStatus["Draft"] = 1] = "Draft";
-    ModerationStatus[ModerationStatus["PendingReview"] = 2] = "PendingReview";
-    ModerationStatus[ModerationStatus["Approved"] = 3] = "Approved";
-    ModerationStatus[ModerationStatus["Rejected"] = 4] = "Rejected"; //item is rejected by Moderator 
-})(ModerationStatus || (ModerationStatus = {}));
+class Convert {
+    static pad(number) {
+        if (number < 10) {
+            return '0' + number;
+        }
+        return number;
+    }
+    static enumToString(enumeration, value) {
+        for (let k in enumeration)
+            if (enumeration[k] == value)
+                return k;
+        return null;
+    }
+    static enumToArray(enumeration, valueAsInt = true, notIncludes) {
+        const notIncludeFiler = (value) => {
+            if (isNaN(Number(value))) {
+                return false;
+            }
+            if (notIncludes) {
+                for (let i in notIncludes) {
+                    if (notIncludes[i] == value)
+                        return false;
+                }
+            }
+            return true;
+        };
+        if (valueAsInt) {
+            return Object.keys(enumeration)
+                .filter(notIncludeFiler)
+                .map(key => ({
+                value: parseInt(key),
+                text: enumeration[key]
+            }));
+        }
+        else {
+            return Object.keys(enumeration)
+                .filter(notIncludeFiler)
+                .map(key => ({
+                value: key,
+                text: enumeration[key]
+            }));
+        }
+    }
+    static stringToArray(str, separator = ',') {
+        if (str) {
+            return str.split(separator).filter(element => element);
+        }
+        return [];
+    }
+    static stringToIntArray(str, separator = ',') {
+        if (str) {
+            return str.split(separator).filter(element => element).map(value => parseInt(value));
+        }
+        return [];
+    }
+    static company2String(comp) {
+        let company = JSON.parse(comp);
+        if (company) {
+            return `${company.name} ${company.phone} ${company.email} ${company.websiteUrl}`;
+        }
+    }
+    static address2String(adr) {
+        let address = JSON.parse(adr);
+        return `${address.street} ${address.street2} ${address.city} ${address.stateOrRegion} ${address.zipcode} ${address.country}`;
+    }
+    static stringToBoolean(value) {
+        switch (value.toLowerCase().trim()) {
+            case "true":
+            case "yes":
+            case "1":
+                return true;
+            case "false":
+            case "no":
+            case "0":
+            case null:
+                return false;
+            default:
+                return Boolean(value);
+        }
+    }
+}
 
 /*
 <file>
@@ -685,82 +686,220 @@ var ModerationStatus;
 
   Authors:
     Vadim Osovitny vadim.osovitny@osovitny.com
+    Anatoly Osovitny anatoly.osovitny@osovitny.com
 
   Created:
-    17 Jun 2018
+    10 Feb 2024
 
   Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
-//Node
-class GoServiceBase {
-    constructor(route, router) {
-        this.route = route;
-        this.router = router;
-        this.rootRoute = '/';
-        this.init();
-    }
-    init() {
-        if (AppSettings?.root != '/') {
-            this.rootRoute = AppSettings.root;
+/**
+ * Returns the [year, month, day, hour, minute, seconds] tokens of the provided
+ * `date` as it will be rendered in the `timeZone`.
+ */
+function tzTokenizeDate(date, timeZone) {
+    var dtf = getDateTimeFormat(timeZone);
+    return dtf.formatToParts ? partsOffset(dtf, date) : hackyOffset(dtf, date);
+}
+var typeToPos = {
+    year: 0,
+    month: 1,
+    day: 2,
+    hour: 3,
+    minute: 4,
+    second: 5,
+};
+function partsOffset(dtf, date) {
+    try {
+        var formatted = dtf.formatToParts(date);
+        var filled = [];
+        for (var i = 0; i < formatted.length; i++) {
+            var pos = typeToPos[formatted[i].type];
+            if (pos >= 0) {
+                filled[pos] = parseInt(formatted[i].value, 10);
+            }
         }
+        return filled;
     }
-    getHomeUrl() {
-        return this.rootRoute;
-    }
-    navigate(commands, reload = false) {
-        if (reload) {
-            this.router.navigate(commands).then(() => {
-                this.locationReload();
-            });
-        }
-        else {
-            this.router.navigate(commands);
+    catch (error) {
+        if (error instanceof RangeError) {
+            return [NaN];
         }
+        throw error;
     }
-    homeReload() {
-        window.location.href = "/";
+}
+function hackyOffset(dtf, date) {
+    var formatted = dtf.format(date).replace(/\u200E/g, '');
+    var parsed = /(\d+)\/(\d+)\/(\d+),? (\d+):(\d+):(\d+)/.exec(formatted);
+    // var [, fMonth, fDay, fYear, fHour, fMinute, fSecond] = parsed
+    // return [fYear, fMonth, fDay, fHour, fMinute, fSecond]
+    return [parsed[3], parsed[1], parsed[2], parsed[4], parsed[5], parsed[6]];
+}
+// Get a cached Intl.DateTimeFormat instance for the IANA `timeZone`. This can be used
+// to get deterministic local date/time output according to the `en-US` locale which
+// can be used to extract local time parts as necessary.
+var dtfCache = {};
+function getDateTimeFormat(timeZone) {
+    if (!dtfCache[timeZone]) {
+        // New browsers use `hourCycle`, IE and Chrome <73 does not support it and uses `hour12`
+        var testDateFormatted = new Intl.DateTimeFormat('en-US', {
+            hour12: false,
+            timeZone: 'America/New_York',
+            year: 'numeric',
+            month: 'numeric',
+            day: '2-digit',
+            hour: '2-digit',
+            minute: '2-digit',
+            second: '2-digit',
+        }).format(new Date('2014-06-25T04:00:00.123Z'));
+        var hourCycleSupported = testDateFormatted === '06/25/2014, 00:00:00' ||
+            testDateFormatted === '06/25/2014 00:00:00';
+        dtfCache[timeZone] = hourCycleSupported
+            ? new Intl.DateTimeFormat('en-US', {
+                hour12: false,
+                timeZone: timeZone,
+                year: 'numeric',
+                month: 'numeric',
+                day: '2-digit',
+                hour: '2-digit',
+                minute: '2-digit',
+                second: '2-digit',
+            })
+            : new Intl.DateTimeFormat('en-US', {
+                hourCycle: 'h23',
+                timeZone: timeZone,
+                year: 'numeric',
+                month: 'numeric',
+                day: '2-digit',
+                hour: '2-digit',
+                minute: '2-digit',
+                second: '2-digit',
+            });
     }
-    locationReload() {
-        window.location.reload();
+    return dtfCache[timeZone];
+}
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny vadim.osovitny@osovitny.com
+    Anatoly Osovitny anatoly.osovitny@osovitny.com
+
+  Created:
+    10 Feb 2024
+
+  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
+</file>
+*/
+function tzParseTimezone(timezoneString, date, isUtcDate) {
+    var token;
+    var absoluteOffset;
+    // Empty string
+    if (!timezoneString) {
+        return 0;
     }
-    home() {
-        this.router.navigate([this.rootRoute]);
+    // Z
+    token = patterns.timezoneZ.exec(timezoneString);
+    if (token) {
+        return 0;
     }
-    //Accounts
-    accountClosed() {
-        this.navigate([this.rootRoute + '/accounts/closed']);
+    var hours;
+    // ±hh
+    token = patterns.timezoneHH.exec(timezoneString);
+    if (token) {
+        hours = parseInt(token[1], 10);
+        if (!validateTimezone(hours)) {
+            return NaN;
+        }
+        return -(hours * MILLISECONDS_IN_HOUR);
     }
-    //Errors
-    error() {
-        this.navigate([this.rootRoute + '/errors/error']);
+    // ±hh:mm or ±hhmm
+    token = patterns.timezoneHHMM.exec(timezoneString);
+    if (token) {
+        hours = parseInt(token[1], 10);
+        var minutes = parseInt(token[2], 10);
+        if (!validateTimezone(hours, minutes)) {
+            return NaN;
+        }
+        absoluteOffset = Math.abs(hours) * MILLISECONDS_IN_HOUR + minutes * MILLISECONDS_IN_MINUTE;
+        return hours > 0 ? -absoluteOffset : absoluteOffset;
     }
-    //401 Unauthorized
-    error401() {
-        this.navigate([this.rootRoute + '/errors/401']);
+    // IANA time zone
+    if (isValidTimezoneIANAString(timezoneString)) {
+        date = new Date(date || Date.now());
+        var utcDate = isUtcDate ? date : toUtcDate(date);
+        var offset = calcOffset(utcDate, timezoneString);
+        var fixedOffset = isUtcDate ? offset : fixOffset(date, offset, timezoneString);
+        return -fixedOffset;
     }
-    //402 Payment Required
-    error402() {
-        this.navigate([this.rootRoute + '/errors/402']);
+    return NaN;
+}
+var MILLISECONDS_IN_HOUR = 3600000;
+var MILLISECONDS_IN_MINUTE = 60000;
+var patterns = {
+    timezone: /([Z+-].*)$/,
+    timezoneZ: /^(Z)$/,
+    timezoneHH: /^([+-]\d{2})$/,
+    timezoneHHMM: /^([+-]\d{2}):?(\d{2})$/,
+};
+function newDateUTC(fullYear, month, day, hour, minute, second, millisecond) {
+    var utcDate = new Date(0);
+    utcDate.setUTCFullYear(fullYear, month, day);
+    utcDate.setUTCHours(hour, minute, second, millisecond);
+    return utcDate;
+}
+function toUtcDate(date) {
+    return newDateUTC(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds());
+}
+function calcOffset(date, timezoneString) {
+    var tokens = tzTokenizeDate(date, timezoneString);
+    // ms dropped because it's not provided by tzTokenizeDate
+    var asUTC = newDateUTC(tokens[0], tokens[1] - 1, tokens[2], tokens[3] % 24, tokens[4], tokens[5], 0).getTime();
+    var asTS = date.getTime();
+    var over = asTS % 1000;
+    asTS -= over >= 0 ? over : 1000 + over;
+    return asUTC - asTS;
+}
+function fixOffset(date, offset, timezoneString) {
+    var localTS = date.getTime();
+    // Our UTC time is just a guess because our offset is just a guess
+    var utcGuess = localTS - offset;
+    // Test whether the zone matches the offset for this ts
+    var o2 = calcOffset(new Date(utcGuess), timezoneString);
+    // If so, offset didn't change, and we're done
+    if (offset === o2) {
+        return offset;
     }
-    //403 Forbidden
-    error403() {
-        this.navigate([this.rootRoute + '/errors/403']);
+    // If not, change the ts by the difference in the offset
+    utcGuess -= o2 - offset;
+    // If that gives us the local time we want, we're done
+    var o3 = calcOffset(new Date(utcGuess), timezoneString);
+    if (o2 === o3) {
+        return o2;
     }
-    //404 Not Found
-    error404() {
-        this.navigate([this.rootRoute + '/errors/404']);
+    // If it's different, we're in a hole time. The offset has changed, but we don't adjust the time
+    return Math.max(o2, o3);
+}
+function validateTimezone(hours, minutes = null) {
+    return -23 <= hours && hours <= 23 && (minutes == null || (0 <= minutes && minutes <= 59));
+}
+var validIANATimezoneCache = {};
+function isValidTimezoneIANAString(timeZoneString) {
+    if (validIANATimezoneCache[timeZoneString])
+        return true;
+    try {
+        new Intl.DateTimeFormat(undefined, { timeZone: timeZoneString });
+        validIANATimezoneCache[timeZoneString] = true;
+        return true;
     }
-    //500 Internal Server Error
-    error500() {
-        this.navigate([this.rootRoute + '/errors/500']);
+    catch (error) {
+        return false;
     }
-    static { this.ɵfac = function GoServiceBase_Factory(t) { return new (t || GoServiceBase)(i0.ɵɵinject(i1.ActivatedRoute), i0.ɵɵinject(i1.Router)); }; }
-    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: GoServiceBase, factory: GoServiceBase.ɵfac }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GoServiceBase, [{
-        type: Injectable
-    }], () => [{ type: i1.ActivatedRoute }, { type: i1.Router }], null); })();
 
 /*
 <file>
@@ -769,106 +908,57 @@ class GoServiceBase {
 
   Authors:
     Vadim Osovitny vadim.osovitny@osovitny.com
-    Anatoly Osovitny anatoly.osovitny@osovitny.com
 
   Created:
-    26 Jun 2020
-
-  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
-</file>
-*/
-class Guid {
-    static newGuid() {
-        return v4();
-    }
-}
-
-/*
-<file>
-  Project:
-    @osovitny/anatoly
+    09 Feb 2024
 
-  Authors:
-    Vadim Osovitny vadim.osovitny@osovitny.com
+  Source:
+    https://github.com/date-fns/date-fns/blob/main/src/toDate/index.ts
 
-  Created:
-     13 Nov 2017
+    tz:
+    https://www.npmjs.com/package/date-fns-tz
+    https://github.com/marnusw/date-fns-tz/blob/master/src/utcToZonedTime/index.js
+    https://github.com/marnusw/date-fns-tz/blob/master/src/_lib/tzParseTimezone/index.js
 
   Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
-//Node
-class ApiServiceBase {
-    constructor(http) {
-        this.http = http;
-    }
-    serializeParams(data) {
-        return data ? ('?' + $.param(data)) : "";
-    }
-    //api
-    get(action, data, responseType) {
-        if (!responseType) {
-            responseType = 'json';
-        }
-        var url = `${this.baseUrl}/${action}${this.serializeParams(data)}`;
-        return this.http.get(url, { responseType: responseType }).pipe(map(res => res));
-    }
-    post(action, data, responseType) {
-        if (!responseType) {
-            responseType = 'text';
+class DateConvert {
+    static toDate(argument) {
+        const argStr = Object.prototype.toString.call(argument);
+        if (argument instanceof Date || (typeof argument === "object" && argStr === "[object Date]")) {
+            return argument;
         }
-        var url = `${this.baseUrl}/${action}`;
-        return this.http.post(url, data, { responseType: responseType });
-    }
-    postQS(action, data, responseType) {
-        if (!responseType) {
-            responseType = 'text';
+        else if (typeof argument === "number" || argStr === "[object Number]" ||
+            typeof argument === "string" || argStr === "[object String]") {
+            return new Date(argument);
         }
-        var url = `${this.baseUrl}/${action}${this.serializeParams(data)}`;
-        return this.http.post(url, null, { responseType: responseType });
-    }
-    delete(action, data, responseType) {
-        if (!responseType) {
-            responseType = 'text';
+        else {
+            return new Date(NaN);
         }
-        var url = `${this.baseUrl}/${action}${this.serializeParams(data)}`;
-        return this.http.delete(url, { responseType: responseType });
-    }
-    //gets
-    getExternalTextFile(url) {
-        return this.http.get(url);
     }
-    //Json Files
-    __getJsonFile(url) {
-        const version = AppCoreSettings.version;
-        const isCDNEnabled = AppCoreSettings.isCDNEnabled;
-        const cdnSasToken = AppCoreSettings.cdnSasToken;
-        if (isCDNEnabled) {
-            url = url + cdnSasToken;
+    static utcToLocal(dirtyDate) {
+        if (typeof dirtyDate === 'string') {
+            if (dirtyDate.indexOf("T") > -1) {
+                dirtyDate = dirtyDate.replace("T", " ");
+            }
+            if (dirtyDate.indexOf("Z") == -1) {
+                dirtyDate = dirtyDate + "Z";
+            }
         }
-        else {
-            url = url + '?v=' + version;
+        let browserTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+        if (browserTimeZone) {
+            let date = DateConvert.toDate(dirtyDate);
+            let offsetMilliseconds = tzParseTimezone(browserTimeZone, date, true);
+            let d = new Date(date.getTime() - offsetMilliseconds);
+            let resultDate = new Date(0);
+            resultDate.setFullYear(d.getUTCFullYear(), d.getUTCMonth(), d.getUTCDate());
+            resultDate.setHours(d.getUTCHours(), d.getUTCMinutes(), d.getUTCSeconds(), d.getUTCMilliseconds());
+            return resultDate;
         }
-        return this.http.get(url);
-    }
-    getLibJsonFile(fileName) {
-        const url = AppCoreSettings.libUrl + '/jsons';
-        return this.__getJsonFile(url + "/" + fileName);
-    }
-    getJsonFile(fileName) {
-        const url = AppCoreSettings.assetsUrl + '/jsons';
-        return this.__getJsonFile(url + "/" + fileName);
-    }
-    getExternalJsonFile(libname, fileName) {
-        const url = AppCoreSettings.externalUrl + "/" + libname + "/jsons";
-        return this.__getJsonFile(url + "/" + fileName);
+        return new Date(dirtyDate);
     }
-    static { this.ɵfac = function ApiServiceBase_Factory(t) { return new (t || ApiServiceBase)(i0.ɵɵinject(i1$1.HttpClient)); }; }
-    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ApiServiceBase, factory: ApiServiceBase.ɵfac }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ApiServiceBase, [{
-        type: Injectable
-    }], () => [{ type: i1$1.HttpClient }], null); })();
 
 /*
 <file>
@@ -879,36 +969,27 @@ class ApiServiceBase {
     Vadim Osovitny vadim.osovitny@osovitny.com
     Anatoly Osovitny anatoly.osovitny@osovitny.com
 
-    Created:
-        20 Sep 2023
+  Created:
+    10 Sep 2022
 
-  Description:
-    Identity and Access Management
+  Code:
+    https://www.npmjs.com/package/js-beautify
+    https://beautifier.io
 
-    Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
+  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
-const MSALStorageKeys = {
-    //LocalStorage
-    redirectTo: 'msal.app.redirectTo'
-    //SessionStorage
-};
-class MSALStorage {
-    static saveRedirectState(redirectTo, calledBy) {
-        if (redirectTo.indexOf('iam') >= 0) {
-            return;
+//var beautify_html = require('js-beautify').html;
+class XmlFormatter {
+    static toPrettyXML(s, options) {
+        if (!options) {
+            options = {
+                indent_size: 2,
+                indent_char: " ",
+                wrap_line_length: 110
+            };
         }
-        localStorage.setItem(MSALStorageKeys.redirectTo, redirectTo);
-        console.log(`msal.app: redirect state saved: ${redirectTo}. Called by: ${calledBy}`);
-    }
-    static getRedirectState(calledBy) {
-        let redirectTo = localStorage.getItem(MSALStorageKeys.redirectTo);
-        console.log(`msal.app: redirect state requested: ${redirectTo}. Called by: ${calledBy}`);
-        return redirectTo;
-    }
-    static clearRedirectState(calledBy) {
-        localStorage.removeItem(MSALStorageKeys.redirectTo);
-        console.log(`msal.app: redirect state cleared. Called by: ${calledBy}`);
+        return js_beautify.html(s, options);
     }
 }
 
@@ -921,24 +1002,47 @@ class MSALStorage {
     Vadim Osovitny vadim.osovitny@osovitny.com
     Anatoly Osovitny anatoly.osovitny@osovitny.com
 
-    Created:
-        20 Sep 2023
-
-  Description:
-    Identity and Access Management
+  Created:
+    11 Nov 2024
 
-    Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
+  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
-class MSALRedirect {
-    static handle(router, calledBy) {
-        let redirectTo = MSALStorage.getRedirectState(calledBy);
-        if (redirectTo) {
-            MSALStorage.clearRedirectState(calledBy);
-            router.navigate([redirectTo]);
-        }
-    }
-}
+var DiscountCodeType;
+(function (DiscountCodeType) {
+    DiscountCodeType[DiscountCodeType["Standard"] = 1] = "Standard";
+    DiscountCodeType[DiscountCodeType["UseOnce"] = 2] = "UseOnce";
+})(DiscountCodeType || (DiscountCodeType = {}));
+var DiscountCodeStatus;
+(function (DiscountCodeStatus) {
+    DiscountCodeStatus[DiscountCodeStatus["Exist"] = 1] = "Exist";
+    DiscountCodeStatus[DiscountCodeStatus["NotFound"] = 2] = "NotFound";
+    DiscountCodeStatus[DiscountCodeStatus["AlreadyUsed"] = 3] = "AlreadyUsed";
+})(DiscountCodeStatus || (DiscountCodeStatus = {}));
+var PaymentType;
+(function (PaymentType) {
+    PaymentType[PaymentType["FullPayment"] = 1] = "FullPayment";
+    PaymentType[PaymentType["WeeklyPayment"] = 2] = "WeeklyPayment";
+    PaymentType[PaymentType["BiWeeklyPayment"] = 3] = "BiWeeklyPayment";
+    PaymentType[PaymentType["MonthlyPayment"] = 4] = "MonthlyPayment";
+})(PaymentType || (PaymentType = {}));
+var PaymentMethod;
+(function (PaymentMethod) {
+    PaymentMethod[PaymentMethod["None"] = 1] = "None";
+    PaymentMethod[PaymentMethod["DigitalWallet"] = 2] = "DigitalWallet";
+    PaymentMethod[PaymentMethod["CreditCard"] = 3] = "CreditCard";
+    PaymentMethod[PaymentMethod["PayPal"] = 4] = "PayPal";
+    PaymentMethod[PaymentMethod["Stripe"] = 5] = "Stripe";
+    PaymentMethod[PaymentMethod["Venmo"] = 6] = "Venmo";
+    PaymentMethod[PaymentMethod["ApplePay"] = 7] = "ApplePay";
+    PaymentMethod[PaymentMethod["GooglePay"] = 8] = "GooglePay";
+})(PaymentMethod || (PaymentMethod = {}));
+var PaymentStage;
+(function (PaymentStage) {
+    //PayPal/Stripe
+    PaymentStage[PaymentStage["External"] = 1] = "External";
+    PaymentStage[PaymentStage["Internal"] = 2] = "Internal";
+})(PaymentStage || (PaymentStage = {}));
 
 /*
 <file>
@@ -947,20 +1051,32 @@ class MSALRedirect {
 
   Authors:
     Vadim Osovitny vadim.osovitny@osovitny.com
+  
+  Created:
+    11 Nov 2024
 
-    Created:
-        20 Sep 2023
-
-  Description:
-    Identity and Access Management
-
-    Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
+  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
-let msalSettings = document.getElementById("msalSettings").getAttribute('data-msalsettings');
-let MSALConfig = JSON.parse(msalSettings);
-let MSALApiConfig = MSALConfig?.api;
-let MSALB2CConfig = MSALConfig?.b2c;
+var DataViewType;
+(function (DataViewType) {
+    DataViewType["Grid"] = "grid";
+    DataViewType["List"] = "list";
+})(DataViewType || (DataViewType = {}));
+var PublishStatus;
+(function (PublishStatus) {
+    PublishStatus[PublishStatus["Draft"] = 1] = "Draft";
+    PublishStatus[PublishStatus["PendingReview"] = 2] = "PendingReview";
+    PublishStatus[PublishStatus["Published"] = 3] = "Published";
+    PublishStatus[PublishStatus["Archived"] = 4] = "Archived";
+})(PublishStatus || (PublishStatus = {}));
+var ModerationStatus;
+(function (ModerationStatus) {
+    ModerationStatus[ModerationStatus["Draft"] = 1] = "Draft";
+    ModerationStatus[ModerationStatus["PendingReview"] = 2] = "PendingReview";
+    ModerationStatus[ModerationStatus["Approved"] = 3] = "Approved";
+    ModerationStatus[ModerationStatus["Rejected"] = 4] = "Rejected"; //item is rejected by Moderator 
+})(ModerationStatus || (ModerationStatus = {}));
 
 /*
 <file>
@@ -969,44 +1085,82 @@ let MSALB2CConfig = MSALConfig?.b2c;
 
   Authors:
     Vadim Osovitny vadim.osovitny@osovitny.com
-    Anatoly Osovitny anatoly.osovitny@osovitny.com
-
-    Created:
-        27 Nov 2023
 
-  Description:
-    Identity and Access Management
+  Created:
+    17 Jun 2018
 
-    Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
+  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
 //Node
-class MSALUtils {
-    static isB2C() {
-        if (MSALB2CConfig) {
-            return true;
-        }
-        return false;
+class GoServiceBase {
+    constructor(route, router) {
+        this.route = route;
+        this.router = router;
+        this.rootRoute = '/';
+        this.init();
     }
-    // Don't perform initial navigation in iframes or popups
-    static initialNavigation() {
-        return !BrowserUtils.isInIframe() && !BrowserUtils.isInPopup() ? 'enabledNonBlocking' : 'disabled';
+    init() {
+        if (AppSettings?.root != '/') {
+            this.rootRoute = AppSettings.root;
+        }
     }
-    static getApi() {
-        let map = new Map();
-        let api = MSALApiConfig;
-        map.set(api.uri, api.scopes);
-        return map;
+    getHomeUrl() {
+        return this.rootRoute;
     }
-    static getApiScopes() {
-        let scopes = [];
-        let api = MSALApiConfig;
-        for (const scope of api.scopes) {
-            scopes.push(scope);
+    navigate(commands, reload = false) {
+        if (reload) {
+            this.router.navigate(commands).then(() => {
+                this.locationReload();
+            });
         }
-        return scopes;
+        else {
+            this.router.navigate(commands);
+        }
+    }
+    homeReload() {
+        window.location.href = "/";
+    }
+    locationReload() {
+        window.location.reload();
+    }
+    home() {
+        this.router.navigate([this.rootRoute]);
+    }
+    //Accounts
+    accountClosed() {
+        this.navigate([this.rootRoute + '/accounts/closed']);
+    }
+    //Errors
+    error() {
+        this.navigate([this.rootRoute + '/errors/error']);
+    }
+    //401 Unauthorized
+    error401() {
+        this.navigate([this.rootRoute + '/errors/401']);
+    }
+    //402 Payment Required
+    error402() {
+        this.navigate([this.rootRoute + '/errors/402']);
     }
+    //403 Forbidden
+    error403() {
+        this.navigate([this.rootRoute + '/errors/403']);
+    }
+    //404 Not Found
+    error404() {
+        this.navigate([this.rootRoute + '/errors/404']);
+    }
+    //500 Internal Server Error
+    error500() {
+        this.navigate([this.rootRoute + '/errors/500']);
+    }
+    static { this.ɵfac = function GoServiceBase_Factory(t) { return new (t || GoServiceBase)(i0.ɵɵinject(i1$1.ActivatedRoute), i0.ɵɵinject(i1$1.Router)); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: GoServiceBase, factory: GoServiceBase.ɵfac }); }
 }
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GoServiceBase, [{
+        type: Injectable
+    }], () => [{ type: i1$1.ActivatedRoute }, { type: i1$1.Router }], null); })();
 
 /*
 <file>
@@ -1017,33 +1171,15 @@ class MSALUtils {
     Vadim Osovitny vadim.osovitny@osovitny.com
     Anatoly Osovitny anatoly.osovitny@osovitny.com
 
-    Created:
-        20 Sep 2023
-
-  Description:
-    Identity and Access Management
+  Created:
+    26 Jun 2020
 
-    Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
+  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
-//App
-class MSALB2C {
-    static getAuthorityByType(type) {
-        let policy = MSALB2C.getPolicyByType(type);
-        return policy?.authority;
-    }
-    static getPolicyByType(type) {
-        let policies = MSALB2CConfig?.policies;
-        if (!policies) {
-            return null;
-        }
-        for (let i = 0; i < policies.length; i++) {
-            let policy = policies[i];
-            if (policy.type == type) {
-                return policy;
-            }
-        }
-        return null;
+class Guid {
+    static newGuid() {
+        return v4();
     }
 }
 
@@ -1065,79 +1201,27 @@ class MSALB2C {
     Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
-const PolicyType = {
-    signUpSignIn: 'signUpSignIn',
-    signUp: 'signUp',
-    editProfile: 'editProfile',
-    resetPassword: 'resetPassword'
+const MSALStorageKeys = {
+    //LocalStorage
+    redirectTo: 'msal.app.redirectTo'
+    //SessionStorage
 };
-
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny vadim.osovitny@osovitny.com
-    Anatoly Osovitny anatoly.osovitny@osovitny.com
-
-  Created:
-    20 Sep 2023
-
-  Description:
-    Identity and Access Management
-
-  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
-</file>
-*/
-
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny vadim.osovitny@osovitny.com
-    Anatoly Osovitny anatoly.osovitny@osovitny.com
-
-  Created:
-    17 Apr 2023
-
-  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
-</file>
-*/
-class Stopwatch {
-    constructor(name) {
-        this.name = name;
-        this.startTime = 0;
-        this.stopTime = 0;
-        this.running = false;
-        this.performance = !!window.performance;
-        console.log(this.name + ' started.');
-    }
-    currentTime() {
-        return this.performance ? window.performance.now() : new Date().getTime();
-    }
-    start() {
-        this.startTime = this.currentTime();
-        this.running = true;
-    }
-    stop() {
-        this.stopTime = this.currentTime();
-        this.running = false;
-    }
-    getElapsedMilliseconds() {
-        if (this.running) {
-            this.stopTime = this.currentTime();
+class MSALStorage {
+    static saveRedirectState(redirectTo, calledBy) {
+        if (redirectTo.indexOf('iam') >= 0) {
+            return;
         }
-        return this.stopTime - this.startTime;
+        localStorage.setItem(MSALStorageKeys.redirectTo, redirectTo);
+        console.log(`msal.app: redirect state saved: ${redirectTo}. Called by: ${calledBy}`);
     }
-    getElapsedSeconds() {
-        return this.getElapsedMilliseconds() / 1000;
+    static getRedirectState(calledBy) {
+        let redirectTo = localStorage.getItem(MSALStorageKeys.redirectTo);
+        console.log(`msal.app: redirect state requested: ${redirectTo}. Called by: ${calledBy}`);
+        return redirectTo;
     }
-    printElapsedAsMilliseconds() {
-        let elapsed = this.getElapsedMilliseconds();
-        console.log(`${this.name} stopped. Execution time: ${elapsed} ms`);
+    static clearRedirectState(calledBy) {
+        localStorage.removeItem(MSALStorageKeys.redirectTo);
+        console.log(`msal.app: redirect state cleared. Called by: ${calledBy}`);
     }
 }
 
@@ -1150,19 +1234,24 @@ class Stopwatch {
     Vadim Osovitny vadim.osovitny@osovitny.com
     Anatoly Osovitny anatoly.osovitny@osovitny.com
 
-  Created:
-    28 Apr 2024
+    Created:
+        20 Sep 2023
 
-  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
+  Description:
+    Identity and Access Management
+
+    Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
-const AppContextStorageKeys = {
-    version: 'version',
-    currency: 'currency',
-    //Lists
-    countries: 'countries',
-    languages: 'languages'
-};
+class MSALRedirect {
+    static handle(router, calledBy) {
+        let redirectTo = MSALStorage.getRedirectState(calledBy);
+        if (redirectTo) {
+            MSALStorage.clearRedirectState(calledBy);
+            router.navigate([redirectTo]);
+        }
+    }
+}
 
 /*
 <file>
@@ -1171,62 +1260,20 @@ const AppContextStorageKeys = {
 
   Authors:
     Vadim Osovitny vadim.osovitny@osovitny.com
-    Anatoly Osovitny anatoly.osovitny@osovitny.com
 
-  Created:
-    26 Jun 2020
+    Created:
+        20 Sep 2023
 
-  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
+  Description:
+    Identity and Access Management
+
+    Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
-//Node
-class WebStorageService {
-    constructor(storage) {
-        this.storage = storage === 'local' || storage === 'localStorage' ? localStorage : sessionStorage;
-    }
-    setItem(key, value) {
-        this.storage.setItem(key, value);
-    }
-    setObject(key, value) {
-        this.storage.setItem(key, JSON.stringify(value));
-    }
-    getItem(key) {
-        return this.storage.getItem(key);
-    }
-    getObject(key) {
-        let value = this.storage.getItem(key);
-        if (!value) {
-            return null;
-        }
-        return JSON.parse(value);
-    }
-    remove(key) {
-        this.storage.removeItem(key);
-    }
-    clear() {
-        this.storage.clear();
-    }
-}
-class LocalStorageService extends WebStorageService {
-    constructor() {
-        super('localStorage');
-    }
-    static { this.ɵfac = function LocalStorageService_Factory(t) { return new (t || LocalStorageService)(); }; }
-    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: LocalStorageService, factory: LocalStorageService.ɵfac }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LocalStorageService, [{
-        type: Injectable
-    }], () => [], null); })();
-class SessionStorageService extends WebStorageService {
-    constructor() {
-        super('sessionStorage');
-    }
-    static { this.ɵfac = function SessionStorageService_Factory(t) { return new (t || SessionStorageService)(); }; }
-    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: SessionStorageService, factory: SessionStorageService.ɵfac }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SessionStorageService, [{
-        type: Injectable
-    }], () => [], null); })();
+let msalSettings = document.getElementById("msalSettings").getAttribute('data-msalsettings');
+let MSALConfig = JSON.parse(msalSettings);
+let MSALApiConfig = MSALConfig?.api;
+let MSALB2CConfig = MSALConfig?.b2c;
 
 /*
 <file>
@@ -1237,172 +1284,125 @@ class SessionStorageService extends WebStorageService {
     Vadim Osovitny vadim.osovitny@osovitny.com
     Anatoly Osovitny anatoly.osovitny@osovitny.com
 
-  Created:
-    13 Nov 2017
+    Created:
+        27 Nov 2023
 
-  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
+  Description:
+    Identity and Access Management
+
+    Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
 //Node
-class AppContextService extends ApiServiceBase {
-    constructor(http, localStorage, sessionStorage) {
-        super(http);
-        this.http = http;
-        this.localStorage = localStorage;
-        this.sessionStorage = sessionStorage;
-        this.storageKeyName = 'appContext';
-        this.subscription = null;
-        //Private Streams
-        this._updated = new BehaviorSubject(null);
-        this._userUpdated = new BehaviorSubject(null);
-        //Public Streams
-        this.updated$ = this._updated.asObservable();
-        this.userUpdated$ = this._userUpdated.asObservable();
-        this.baseUrl = `${ApiUrl}/appContext`;
-    }
-    fireUpdated(data) {
-        if (!data) {
-            return;
-        }
-        this._updated.next(data);
-    }
-    fireUserUpdated() {
-        this._userUpdated.next(null);
-    }
-    //Session
-    getCurrent4Session() {
-        return this.sessionStorage.getObject(this.storageKeyName);
-    }
-    setCurrent2Session(value) {
-        this.sessionStorage.setObject(this.storageKeyName, value);
-    }
-    dataReceived(data) {
-        this.current = data;
-        this.subscription.unsubscribe();
-        this.subscription = null;
-    }
-    getCurrentContext() {
-        if (this.subscription != null) {
-            return;
-        }
-        //Logging
-        let stopwatch = new Stopwatch("AppContextService: Requesting a new AppContext");
-        stopwatch.start();
-        this.subscription = this.get('getCurrentContext', null).subscribe({
-            next: (data) => {
-                //Logging
-                stopwatch.stop();
-                stopwatch.printElapsedAsMilliseconds();
-                this.dataReceived(data);
-            }
-        });
-    }
-    updateCurrentIfExpired() {
-        let context = this.getCurrent4Session();
-        if (!context) {
-            return;
-        }
-        let shouldBeUpdated = false;
-        let lr = context.lastRequested;
-        if (lr) {
-            let now = new Date();
-            let lastRequested = new Date(context.lastRequested);
-            let in60Mins = new Date(lastRequested.getFullYear(), lastRequested.getMonth(), lastRequested.getDate(), lastRequested.getHours(), lastRequested.getMinutes() + 60, 0, 0);
-            if (in60Mins.getTime() < now.getTime()) {
-                shouldBeUpdated = true;
-            }
-        }
-        else {
-            shouldBeUpdated = true;
-        }
-        if (shouldBeUpdated) {
-            this.updateCurrent();
-        }
-    }
-    //Public
-    init(context = null) {
-        if (context) {
-            this.current = context;
+class MSALUtils {
+    static isB2C() {
+        if (MSALB2CConfig) {
+            return true;
         }
+        return false;
     }
-    loadRequiredJsonFiles() {
-        return null;
-    }
-    loadRequiredItems() {
-        return null;
-    }
-    updateCurrent() {
-        this.getCurrentContext();
-    }
-    //Storage
-    clearLocalStorage() {
-        this.localStorage.clear();
-    }
-    clearSessionStorage() {
-        this.sessionStorage.clear();
-    }
-    clearWebStorage() {
-        this.clearLocalStorage();
-        this.clearSessionStorage();
-    }
-    //current
-    get current() {
-        this.updateCurrentIfExpired();
-        return this.getCurrent4Session();
-    }
-    set current(value) {
-        this.setCurrent2Session(value);
-        this.fireUpdated(value);
-    }
-    //user
-    get user() {
-        let current = this.current;
-        return current?.user;
-    }
-    /* Storage Caching ----------------------------------------------------------BEGIN */
-    //version => localStorage
-    get version() {
-        return this.localStorage.getObject(AppContextStorageKeys.version);
-    }
-    set version(value) {
-        this.localStorage.setObject(AppContextStorageKeys.version, value);
-    }
-    //currency => localStorage
-    get currency() {
-        return this.localStorage.getObject(AppContextStorageKeys.currency);
-    }
-    set currency(value) {
-        this.localStorage.setObject(AppContextStorageKeys.currency, value);
-    }
-    clearCurrency() {
-        this.localStorage.remove(AppContextStorageKeys.currency);
-    }
-    //countries => localStorage
-    get countries() {
-        return this.localStorage.getObject(AppContextStorageKeys.countries);
-    }
-    set countries(value) {
-        this.localStorage.setObject(AppContextStorageKeys.countries, value);
+    // Don't perform initial navigation in iframes or popups
+    static initialNavigation() {
+        return !BrowserUtils.isInIframe() && !BrowserUtils.isInPopup() ? 'enabledNonBlocking' : 'disabled';
     }
-    clearCountries() {
-        this.localStorage.remove(AppContextStorageKeys.countries);
+    static getApi() {
+        let map = new Map();
+        let api = MSALApiConfig;
+        map.set(api.uri, api.scopes);
+        return map;
     }
-    //languages => localStorage
-    get languages() {
-        return this.localStorage.getObject(AppContextStorageKeys.languages);
+    static getApiScopes() {
+        let scopes = [];
+        let api = MSALApiConfig;
+        for (const scope of api.scopes) {
+            scopes.push(scope);
+        }
+        return scopes;
     }
-    set languages(value) {
-        this.localStorage.setObject(AppContextStorageKeys.languages, value);
+}
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny vadim.osovitny@osovitny.com
+    Anatoly Osovitny anatoly.osovitny@osovitny.com
+
+    Created:
+        20 Sep 2023
+
+  Description:
+    Identity and Access Management
+
+    Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
+</file>
+*/
+//App
+class MSALB2C {
+    static getAuthorityByType(type) {
+        let policy = MSALB2C.getPolicyByType(type);
+        return policy?.authority;
     }
-    clearLanguages() {
-        this.localStorage.remove(AppContextStorageKeys.languages);
+    static getPolicyByType(type) {
+        let policies = MSALB2CConfig?.policies;
+        if (!policies) {
+            return null;
+        }
+        for (let i = 0; i < policies.length; i++) {
+            let policy = policies[i];
+            if (policy.type == type) {
+                return policy;
+            }
+        }
+        return null;
     }
-    static { this.ɵfac = function AppContextService_Factory(t) { return new (t || AppContextService)(i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(LocalStorageService), i0.ɵɵinject(SessionStorageService)); }; }
-    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AppContextService, factory: AppContextService.ɵfac }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppContextService, [{
-        type: Injectable
-    }], () => [{ type: i1$1.HttpClient }, { type: LocalStorageService }, { type: SessionStorageService }], null); })();
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny vadim.osovitny@osovitny.com
+    Anatoly Osovitny anatoly.osovitny@osovitny.com
+
+    Created:
+        20 Sep 2023
+
+  Description:
+    Identity and Access Management
+
+    Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
+</file>
+*/
+const PolicyType = {
+    signUpSignIn: 'signUpSignIn',
+    signUp: 'signUp',
+    editProfile: 'editProfile',
+    resetPassword: 'resetPassword'
+};
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny vadim.osovitny@osovitny.com
+    Anatoly Osovitny anatoly.osovitny@osovitny.com
+
+  Created:
+    20 Sep 2023
+
+  Description:
+    Identity and Access Management
+
+  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
+</file>
+*/
 
 class AuthService extends ApiServiceBase {
     constructor(http, router, appContext, msalGuardConfig, msalService, msalBroadcastService) {
@@ -1812,7 +1812,7 @@ class AuthService extends ApiServiceBase {
         };
         this.login(resetPasswordFlowRequest);
     }
-    static { this.ɵfac = function AuthService_Factory(t) { return new (t || AuthService)(i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(i1.Router), i0.ɵɵinject(AppContextService), i0.ɵɵinject(MSAL_GUARD_CONFIG), i0.ɵɵinject(i4.MsalService), i0.ɵɵinject(i4.MsalBroadcastService)); }; }
+    static { this.ɵfac = function AuthService_Factory(t) { return new (t || AuthService)(i0.ɵɵinject(i1.HttpClient), i0.ɵɵinject(i1$1.Router), i0.ɵɵinject(AppContextService), i0.ɵɵinject(MSAL_GUARD_CONFIG), i0.ɵɵinject(i4.MsalService), i0.ɵɵinject(i4.MsalBroadcastService)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AuthService, factory: AuthService.ɵfac, providedIn: 'root' }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AuthService, [{
@@ -1820,7 +1820,7 @@ class AuthService extends ApiServiceBase {
         args: [{
                 providedIn: 'root'
             }]
-    }], () => [{ type: i1$1.HttpClient }, { type: i1.Router }, { type: AppContextService }, { type: undefined, decorators: [{
+    }], () => [{ type: i1.HttpClient }, { type: i1$1.Router }, { type: AppContextService }, { type: undefined, decorators: [{
                 type: Inject,
                 args: [MSAL_GUARD_CONFIG]
             }] }, { type: i4.MsalService }, { type: i4.MsalBroadcastService }], null); })();
@@ -1935,12 +1935,12 @@ class AppsGoServiceBase extends GoServiceBase {
             }
         }
     }
-    static { this.ɵfac = function AppsGoServiceBase_Factory(t) { return new (t || AppsGoServiceBase)(i0.ɵɵinject(i1.ActivatedRoute), i0.ɵɵinject(i1.Router), i0.ɵɵinject(AuthService), i0.ɵɵinject(LoggingService)); }; }
+    static { this.ɵfac = function AppsGoServiceBase_Factory(t) { return new (t || AppsGoServiceBase)(i0.ɵɵinject(i1$1.ActivatedRoute), i0.ɵɵinject(i1$1.Router), i0.ɵɵinject(AuthService), i0.ɵɵinject(LoggingService)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AppsGoServiceBase, factory: AppsGoServiceBase.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppsGoServiceBase, [{
         type: Injectable
-    }], () => [{ type: i1.ActivatedRoute }, { type: i1.Router }, { type: AuthService }, { type: LoggingService }], null); })();
+    }], () => [{ type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: AuthService }, { type: LoggingService }], null); })();
 
 /*
 <file>
@@ -1997,7 +1997,7 @@ class AuthenticationGuard extends MsalGuard {
         this.setInteractionType(route);
         return super.canActivate(route, state);
     }
-    static { this.ɵfac = function AuthenticationGuard_Factory(t) { return new (t || AuthenticationGuard)(i0.ɵɵinject(MSAL_GUARD_CONFIG), i0.ɵɵinject(i4.MsalBroadcastService), i0.ɵɵinject(i4.MsalService), i0.ɵɵinject(i1$2.Location), i0.ɵɵinject(i1.Router)); }; }
+    static { this.ɵfac = function AuthenticationGuard_Factory(t) { return new (t || AuthenticationGuard)(i0.ɵɵinject(MSAL_GUARD_CONFIG), i0.ɵɵinject(i4.MsalBroadcastService), i0.ɵɵinject(i4.MsalService), i0.ɵɵinject(i1$2.Location), i0.ɵɵinject(i1$1.Router)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AuthenticationGuard, factory: AuthenticationGuard.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AuthenticationGuard, [{
@@ -2005,7 +2005,7 @@ class AuthenticationGuard extends MsalGuard {
     }], () => [{ type: undefined, decorators: [{
                 type: Inject,
                 args: [MSAL_GUARD_CONFIG]
-            }] }, { type: i4.MsalBroadcastService }, { type: i4.MsalService }, { type: i1$2.Location }, { type: i1.Router }], null); })();
+            }] }, { type: i4.MsalBroadcastService }, { type: i4.MsalService }, { type: i1$2.Location }, { type: i1$1.Router }], null); })();
 
 /*
 <file>
@@ -2435,12 +2435,12 @@ class StarterService extends ApiServiceBase {
             stopwatch.printElapsedAsMilliseconds();
         }));
     }
-    static { this.ɵfac = function StarterService_Factory(t) { return new (t || StarterService)(i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(AppContextService), i0.ɵɵinject(LoggingService)); }; }
+    static { this.ɵfac = function StarterService_Factory(t) { return new (t || StarterService)(i0.ɵɵinject(i1.HttpClient), i0.ɵɵinject(AppContextService), i0.ɵɵinject(LoggingService)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: StarterService, factory: StarterService.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StarterService, [{
         type: Injectable
-    }], () => [{ type: i1$1.HttpClient }, { type: AppContextService }, { type: LoggingService }], null); })();
+    }], () => [{ type: i1.HttpClient }, { type: AppContextService }, { type: LoggingService }], null); })();
 
 /*
 <file>
@@ -3284,12 +3284,12 @@ class GoogleAnalyticsService {
         let ga = window.gtag;
         return ga;
     }
-    static { this.ɵfac = function GoogleAnalyticsService_Factory(t) { return new (t || GoogleAnalyticsService)(i0.ɵɵinject(i1.Router)); }; }
+    static { this.ɵfac = function GoogleAnalyticsService_Factory(t) { return new (t || GoogleAnalyticsService)(i0.ɵɵinject(i1$1.Router)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: GoogleAnalyticsService, factory: GoogleAnalyticsService.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GoogleAnalyticsService, [{
         type: Injectable
-    }], () => [{ type: i1.Router }], null); })();
+    }], () => [{ type: i1$1.Router }], null); })();
 
 /*
 <file>
@@ -3822,12 +3822,294 @@ class Utils {
     Anatoly Osovitny anatoly.osovitny@osovitny.com
 
   Created:
-    2 Aug 2022
+    2 Aug 2022
+
+  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
+</file>
+*/
+//consts
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny vadim.osovitny@osovitny.com
+    Anatoly Osovitny anatoly.osovitny@osovitny.com
+
+  Created:
+    28 Aug 2018
+
+  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
+</file>
+*/
+//Node
+class ComponentBase {
+    constructor() {
+        this.isDevMode = false;
+        this.subs = new Subs();
+        //Component Data => usually loading from API
+        this.dataLoading = true;
+        this.dataLoaded = false;
+        this.dataFound = false;
+        this.applicationOneUrl = '/';
+        this.title = '';
+        this.isTitleVisible = true;
+        this.isRequired = false;
+        this.isDevMode = IsDevMode;
+        this.applicationType = 1;
+        this.applicationRoot = '/';
+        if (AppSettings) {
+            this.applicationType = AppSettings.id;
+            if (AppSettings.root != '/') {
+                this.applicationRoot = AppSettings.root;
+            }
+            let applicationOne = getAppSettingsById(1);
+            if (applicationOne) {
+                this.applicationOneUrl = applicationOne.baseUrl + applicationOne.root;
+            }
+        }
+    }
+    ngOnInit() {
+    }
+    ngOnDestroy() {
+        this.subs.unsubscribe();
+    }
+    getEntityId() {
+        return QSUtils.getValueByName("id");
+    }
+    dataStartedLoading() {
+        this.dataLoading = true;
+        this.dataLoaded = false;
+        this.dataFound = false;
+    }
+    dataLoadedAndNothingFound() {
+        this.dataLoadedAndFound(false);
+    }
+    dataLoadedAndFound(found = true) {
+        this.dataLoading = false;
+        this.dataLoaded = true;
+        this.dataFound = found;
+    }
+    static { this.ɵfac = function ComponentBase_Factory(t) { return new (t || ComponentBase)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ComponentBase, selectors: [["ng-component"]], inputs: { classes: "classes", title: "title", isTitleVisible: "isTitleVisible", isRequired: "isRequired" }, decls: 0, vars: 0, template: function ComponentBase_Template(rf, ctx) { }, encapsulation: 2 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ComponentBase, [{
+        type: Component,
+        args: [{
+                template: ''
+            }]
+    }], () => [], { classes: [{
+            type: Input
+        }], title: [{
+            type: Input
+        }], isTitleVisible: [{
+            type: Input
+        }], isRequired: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ComponentBase, { className: "ComponentBase", filePath: "lib\\ui\\components\\base\\components\\component.ts", lineNumber: 26 }); })();
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny vadim.osovitny@osovitny.com
+    Anatoly Osovitny anatoly.osovitny@osovitny.com
+
+  Created:
+    4 Jul 2018
+
+  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
+</file>
+*/
+//Node
+function SignUpButtonComponent_a_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function SignUpButtonComponent_a_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "a", 3);
+    i0.ɵɵtemplate(1, SignUpButtonComponent_a_0_ng_container_1_Template, 1, 0, "ng-container", 4);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    const _r3 = i0.ɵɵreference(3);
+    i0.ɵɵclassMap(ctx_r0.classes);
+    i0.ɵɵproperty("href", ctx_r0.url, i0.ɵɵsanitizeUrl);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngTemplateOutlet", _r3);
+} }
+function SignUpButtonComponent_a_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function SignUpButtonComponent_a_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "a", 5);
+    i0.ɵɵtemplate(1, SignUpButtonComponent_a_1_ng_container_1_Template, 1, 0, "ng-container", 4);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    const _r3 = i0.ɵɵreference(3);
+    i0.ɵɵclassMap(ctx_r1.classes);
+    i0.ɵɵproperty("routerLink", ctx_r1.url);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngTemplateOutlet", _r3);
+} }
+function SignUpButtonComponent_ng_template_2_span_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1, "Sign Up");
+    i0.ɵɵelementEnd();
+} }
+function SignUpButtonComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", null, 6);
+    i0.ɵɵprojection(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(3, SignUpButtonComponent_ng_template_2_span_3_Template, 2, 0, "span", 7);
+} if (rf & 2) {
+    const _r6 = i0.ɵɵreference(1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngIf", !_r6.innerHTML.trim());
+} }
+const _c0$h = ["*"];
+class SignUpButtonComponent extends ComponentBase {
+    constructor() {
+        super();
+        this.external = false;
+    }
+    ngOnInit() {
+        let url = MSALConfig.ui.signup;
+        if (url) {
+            this.external = url.indexOf('http') > -1;
+            if (this.external) {
+                this.url = url + (this.qs ? '?' + this.qs : '');
+            }
+            else {
+                this.url = url;
+            }
+        }
+    }
+    static { this.ɵfac = function SignUpButtonComponent_Factory(t) { return new (t || SignUpButtonComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignUpButtonComponent, selectors: [["anatoly-signup-button"]], inputs: { qs: "qs" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$h, decls: 4, vars: 2, consts: [[3, "href", "class", 4, "ngIf"], [3, "routerLink", "class", 4, "ngIf"], ["contentTemplate", ""], [3, "href"], [4, "ngTemplateOutlet"], [3, "routerLink"], ["ref", ""], [4, "ngIf"]], template: function SignUpButtonComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵtemplate(0, SignUpButtonComponent_a_0_Template, 2, 5, "a", 0)(1, SignUpButtonComponent_a_1_Template, 2, 5, "a", 1)(2, SignUpButtonComponent_ng_template_2_Template, 4, 1, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.external);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", !ctx.external);
+        } }, dependencies: [i1$2.NgIf, i1$2.NgTemplateOutlet, i1$1.RouterLink], encapsulation: 2 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SignUpButtonComponent, [{
+        type: Component,
+        args: [{ selector: "anatoly-signup-button", template: "<a [href]=\"url\" class=\"{{ classes }}\" *ngIf=\"external\">\r\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n</a>\r\n\r\n<a [routerLink]=\"url\" class=\"{{ classes }}\" *ngIf=\"!external\">\r\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n</a>\r\n\r\n<ng-template #contentTemplate>\r\n  <span #ref><ng-content></ng-content></span>\r\n  <span *ngIf=\"!ref.innerHTML.trim()\">Sign Up</span>\r\n</ng-template>\r\n" }]
+    }], () => [], { qs: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SignUpButtonComponent, { className: "SignUpButtonComponent", filePath: "lib\\ui\\components\\identity\\signup-button.component.ts", lineNumber: 28 }); })();
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny vadim.osovitny@osovitny.com
+    Anatoly Osovitny anatoly.osovitny@osovitny.com
+
+  Created:
+    14 Aug 2018
 
   Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
-//consts
+//Node
+function BuyAccessButtonComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵelement(1, "anatoly-signup-button", 1);
+    i0.ɵɵelementEnd();
+} }
+function BuyAccessButtonComponent_div_0_div_2_button_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "button", 4);
+    i0.ɵɵtext(1, " Your Plan ");
+    i0.ɵɵelementEnd();
+} }
+function BuyAccessButtonComponent_div_0_div_2_button_2_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 5);
+    i0.ɵɵlistener("click", function BuyAccessButtonComponent_div_0_div_2_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r5.onPlanSelect()); });
+    i0.ɵɵtext(1, " Buy Now ");
+    i0.ɵɵelementEnd();
+} }
+function BuyAccessButtonComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵtemplate(1, BuyAccessButtonComponent_div_0_div_2_button_1_Template, 2, 0, "button", 2)(2, BuyAccessButtonComponent_div_0_div_2_button_2_Template, 2, 0, "button", 3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.plan == ctx_r2.currentPlan);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.plan != ctx_r2.currentPlan && ctx_r2.currentPlan == 1);
+} }
+function BuyAccessButtonComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵtemplate(1, BuyAccessButtonComponent_div_0_div_1_Template, 2, 0, "div", 0)(2, BuyAccessButtonComponent_div_0_div_2_Template, 3, 2, "div", 0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !ctx_r0.isUserSignedIn);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r0.isUserSignedIn && ctx_r0.visibleIfUserSignedIn);
+} }
+class BuyAccessButtonComponent {
+    constructor(appContext) {
+        this.appContext = appContext;
+        this.contextUpdated = false;
+        this.isUserSignedIn = false;
+        this.currentPlan = -1;
+        this.currentPlanTitle = '';
+        this.visibleIfUserSignedIn = false;
+        this.planselect = new EventEmitter();
+    }
+    ngOnInit() {
+        this.appContext.updated$.subscribe((context) => {
+            if (!context) {
+                return;
+            }
+            this.isUserSignedIn = context.isUserSignedIn;
+            if (this.isUserSignedIn) {
+                this.currentPlan = context.account.billingPlan;
+                this.currentPlanTitle = context.account.billingPlanAsString;
+            }
+            this.contextUpdated = true;
+        });
+    }
+    //Events
+    onPlanSelect() {
+        this.planselect.emit(this.plan);
+    }
+    static { this.ɵfac = function BuyAccessButtonComponent_Factory(t) { return new (t || BuyAccessButtonComponent)(i0.ɵɵdirectiveInject(AppContextService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BuyAccessButtonComponent, selectors: [["anatoly-billing-buyaccess-button"]], inputs: { plan: "plan", planTitle: "planTitle", visibleIfUserSignedIn: "visibleIfUserSignedIn" }, outputs: { planselect: "planselect" }, decls: 1, vars: 1, consts: [[4, "ngIf"], ["classes", "btn btn-block btn-primary"], ["class", "btn btn-block btn-success selectPlan", 4, "ngIf"], ["class", "btn btn-block  btn-warning selectPlan", 3, "click", 4, "ngIf"], [1, "btn", "btn-block", "btn-success", "selectPlan"], [1, "btn", "btn-block", "btn-warning", "selectPlan", 3, "click"]], template: function BuyAccessButtonComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, BuyAccessButtonComponent_div_0_Template, 3, 2, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.contextUpdated);
+        } }, dependencies: [i1$2.NgIf, SignUpButtonComponent], encapsulation: 2 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BuyAccessButtonComponent, [{
+        type: Component,
+        args: [{ selector: 'anatoly-billing-buyaccess-button', template: "<div *ngIf=\"contextUpdated\">\r\n  <div *ngIf=\"!isUserSignedIn\">\r\n    <anatoly-signup-button classes=\"btn btn-block btn-primary\"></anatoly-signup-button>\r\n  </div>\r\n\r\n  <div *ngIf=\"isUserSignedIn && visibleIfUserSignedIn\">\r\n    <button class=\"btn btn-block btn-success selectPlan\"\r\n            *ngIf=\"plan == currentPlan\">\r\n      Your Plan\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\"\r\n            *ngIf=\"plan != currentPlan && currentPlan == 1\"\r\n            (click)=\"onPlanSelect()\">\r\n      Buy Now\r\n    </button>\r\n  </div>\r\n</div>\r\n" }]
+    }], () => [{ type: AppContextService }], { plan: [{
+            type: Input
+        }], planTitle: [{
+            type: Input
+        }], visibleIfUserSignedIn: [{
+            type: Input
+        }], planselect: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BuyAccessButtonComponent, { className: "BuyAccessButtonComponent", filePath: "lib\\billing\\components\\buttons\\buyaccess-button.component.ts", lineNumber: 27 }); })();
 
 /*
 <file>
@@ -3839,77 +4121,109 @@ class Utils {
     Anatoly Osovitny anatoly.osovitny@osovitny.com
 
   Created:
-    28 Aug 2018
+    1 Jun 2018
 
   Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
 //Node
-class ComponentBase {
-    constructor() {
-        this.isDevMode = false;
-        this.subs = new Subs();
-        //Component Data => usually loading from API
-        this.dataLoading = true;
-        this.dataLoaded = false;
-        this.dataFound = false;
-        this.applicationOneUrl = '/';
-        this.title = '';
-        this.isTitleVisible = true;
-        this.isRequired = false;
-        this.isDevMode = IsDevMode;
-        this.applicationType = 1;
-        this.applicationRoot = '/';
-        if (AppSettings) {
-            this.applicationType = AppSettings.id;
-            if (AppSettings.root != '/') {
-                this.applicationRoot = AppSettings.root;
-            }
-            let applicationOne = getAppSettingsById(1);
-            if (applicationOne) {
-                this.applicationOneUrl = applicationOne.baseUrl + applicationOne.root;
-            }
-        }
+function SubscribePlanButtonComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵelement(1, "anatoly-signup-button", 1);
+    i0.ɵɵelementEnd();
+} }
+function SubscribePlanButtonComponent_div_0_div_2_button_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "button", 5);
+    i0.ɵɵtext(1, " Your Plan ");
+    i0.ɵɵelementEnd();
+} }
+function SubscribePlanButtonComponent_div_0_div_2_button_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "button", 6);
+    i0.ɵɵtext(1, " Requested ");
+    i0.ɵɵelementEnd();
+} }
+function SubscribePlanButtonComponent_div_0_div_2_button_3_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 7);
+    i0.ɵɵlistener("click", function SubscribePlanButtonComponent_div_0_div_2_button_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r6.onPlanSelect()); });
+    i0.ɵɵtext(1, " Subscribe ");
+    i0.ɵɵelementEnd();
+} }
+function SubscribePlanButtonComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵtemplate(1, SubscribePlanButtonComponent_div_0_div_2_button_1_Template, 2, 0, "button", 2)(2, SubscribePlanButtonComponent_div_0_div_2_button_2_Template, 2, 0, "button", 3)(3, SubscribePlanButtonComponent_div_0_div_2_button_3_Template, 2, 0, "button", 4);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.plan == ctx_r2.currentPlan);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.plan == ctx_r2.requestedPlan);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.plan != ctx_r2.currentPlan && ctx_r2.plan != ctx_r2.requestedPlan);
+} }
+function SubscribePlanButtonComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵtemplate(1, SubscribePlanButtonComponent_div_0_div_1_Template, 2, 0, "div", 0)(2, SubscribePlanButtonComponent_div_0_div_2_Template, 4, 3, "div", 0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !ctx_r0.isUserSignedIn);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r0.isUserSignedIn && ctx_r0.visibleIfUserSignedIn);
+} }
+class SubscribePlanButtonComponent {
+    constructor(appContext) {
+        this.appContext = appContext;
+        this.contextUpdated = false;
+        this.isUserSignedIn = false;
+        this.currentPlan = -1;
+        this.currentPlanTitle = "";
+        this.requestedPlan = -1;
+        this.requestedPlanTitle = "";
+        this.visibleIfUserSignedIn = false;
+        this.planselect = new EventEmitter();
     }
     ngOnInit() {
+        this.appContext.updated$.subscribe((context) => {
+            if (!context) {
+                return;
+            }
+            this.isUserSignedIn = context.isUserSignedIn;
+            if (this.isUserSignedIn) {
+                this.currentPlan = context.account.billingPlan;
+                this.currentPlanTitle = context.account.billingPlanAsString;
+                this.requestedPlan = context.account.requestedBillingPlan;
+                this.requestedPlanTitle = context.account.requestedBillingPlanAsString;
+            }
+            this.contextUpdated = true;
+        });
     }
-    ngOnDestroy() {
-        this.subs.unsubscribe();
-    }
-    getEntityId() {
-        return QSUtils.getValueByName("id");
-    }
-    dataStartedLoading() {
-        this.dataLoading = true;
-        this.dataLoaded = false;
-        this.dataFound = false;
-    }
-    dataLoadedAndNothingFound() {
-        this.dataLoadedAndFound(false);
-    }
-    dataLoadedAndFound(found = true) {
-        this.dataLoading = false;
-        this.dataLoaded = true;
-        this.dataFound = found;
+    //Events
+    onPlanSelect() {
+        this.planselect.emit(this.plan);
     }
-    static { this.ɵfac = function ComponentBase_Factory(t) { return new (t || ComponentBase)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ComponentBase, selectors: [["ng-component"]], inputs: { classes: "classes", title: "title", isTitleVisible: "isTitleVisible", isRequired: "isRequired" }, decls: 0, vars: 0, template: function ComponentBase_Template(rf, ctx) { }, encapsulation: 2 }); }
+    static { this.ɵfac = function SubscribePlanButtonComponent_Factory(t) { return new (t || SubscribePlanButtonComponent)(i0.ɵɵdirectiveInject(AppContextService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SubscribePlanButtonComponent, selectors: [["anatoly-billing-subscribe-plan-button"]], inputs: { plan: "plan", planTitle: "planTitle", visibleIfUserSignedIn: "visibleIfUserSignedIn" }, outputs: { planselect: "planselect" }, decls: 1, vars: 1, consts: [[4, "ngIf"], ["classes", "btn btn-block btn-primary"], ["class", "btn btn-block btn-success selectPlan", 4, "ngIf"], ["class", "btn btn-block  btn-warning selectPlan", 4, "ngIf"], ["class", "btn btn-block  btn-warning selectPlan", 3, "click", 4, "ngIf"], [1, "btn", "btn-block", "btn-success", "selectPlan"], [1, "btn", "btn-block", "btn-warning", "selectPlan"], [1, "btn", "btn-block", "btn-warning", "selectPlan", 3, "click"]], template: function SubscribePlanButtonComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, SubscribePlanButtonComponent_div_0_Template, 3, 2, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.contextUpdated);
+        } }, dependencies: [i1$2.NgIf, SignUpButtonComponent], encapsulation: 2 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ComponentBase, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SubscribePlanButtonComponent, [{
         type: Component,
-        args: [{
-                template: ''
-            }]
-    }], () => [], { classes: [{
-            type: Input
-        }], title: [{
+        args: [{ selector: "anatoly-billing-subscribe-plan-button", template: "<div *ngIf=\"contextUpdated\">\r\n  <div *ngIf=\"!isUserSignedIn\">\r\n    <anatoly-signup-button classes=\"btn btn-block btn-primary\"></anatoly-signup-button>\r\n  </div>\r\n\r\n  <div *ngIf=\"isUserSignedIn && visibleIfUserSignedIn\">\r\n    <button class=\"btn btn-block btn-success selectPlan\"\r\n            *ngIf=\"plan == currentPlan\">\r\n      Your Plan\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\"\r\n            *ngIf=\"plan == requestedPlan\">\r\n      Requested\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\"\r\n            *ngIf=\"plan != currentPlan && plan != requestedPlan\"\r\n            (click)=\"onPlanSelect()\">\r\n      Subscribe\r\n    </button>\r\n  </div>\r\n</div>\r\n" }]
+    }], () => [{ type: AppContextService }], { plan: [{
             type: Input
-        }], isTitleVisible: [{
+        }], planTitle: [{
             type: Input
-        }], isRequired: [{
+        }], visibleIfUserSignedIn: [{
             type: Input
+        }], planselect: [{
+            type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ComponentBase, { className: "ComponentBase", filePath: "lib\\ui\\components\\base\\components\\component.ts", lineNumber: 26 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SubscribePlanButtonComponent, { className: "SubscribePlanButtonComponent", filePath: "lib\\billing\\components\\buttons\\subscribe-plan-button.component.ts", lineNumber: 27 }); })();
 
 /*
 <file>
@@ -3965,12 +4279,12 @@ class PaymentsApiService extends ApiServiceBase {
             }
         });
     }
-    static { this.ɵfac = function PaymentsApiService_Factory(t) { return new (t || PaymentsApiService)(i0.ɵɵinject(i1$1.HttpClient)); }; }
+    static { this.ɵfac = function PaymentsApiService_Factory(t) { return new (t || PaymentsApiService)(i0.ɵɵinject(i1.HttpClient)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PaymentsApiService, factory: PaymentsApiService.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaymentsApiService, [{
         type: Injectable
-    }], () => [{ type: i1$1.HttpClient }], null); })();
+    }], () => [{ type: i1.HttpClient }], null); })();
 
 /*
 <file>
@@ -4160,12 +4474,12 @@ class DiscountCodesApiService extends ApiServiceBase {
     getDiscountCode(code) {
         return this.get('getDiscountCode', { code });
     }
-    static { this.ɵfac = function DiscountCodesApiService_Factory(t) { return new (t || DiscountCodesApiService)(i0.ɵɵinject(i1$1.HttpClient)); }; }
+    static { this.ɵfac = function DiscountCodesApiService_Factory(t) { return new (t || DiscountCodesApiService)(i0.ɵɵinject(i1.HttpClient)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: DiscountCodesApiService, factory: DiscountCodesApiService.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DiscountCodesApiService, [{
         type: Injectable
-    }], () => [{ type: i1$1.HttpClient }], null); })();
+    }], () => [{ type: i1.HttpClient }], null); })();
 
 /*
 <file>
@@ -4850,7 +5164,7 @@ class BraintreeDialog extends DialogBase {
         }], image: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BraintreeDialog, { className: "BraintreeDialog", filePath: "lib\\billing\\components\\braintree\\braintree.component.ts", lineNumber: 32 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BraintreeDialog, { className: "BraintreeDialog", filePath: "lib\\billing\\components\\pm\\braintree\\braintree.component.ts", lineNumber: 32 }); })();
 
 /*
 <file>
@@ -5243,7 +5557,7 @@ class PayPalComponent {
             type: ViewChild,
             args: ["payPalButtonContainer", { static: false }]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PayPalComponent, { className: "PayPalComponent", filePath: "lib\\billing\\components\\paypal\\paypal.component.ts", lineNumber: 57 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PayPalComponent, { className: "PayPalComponent", filePath: "lib\\billing\\components\\pm\\paypal\\paypal.component.ts", lineNumber: 57 }); })();
 
 /*
 <file>
@@ -5392,7 +5706,7 @@ class PaypalButtonComponent extends ComponentBase {
         }], paidFor: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PaypalButtonComponent, { className: "PaypalButtonComponent", filePath: "lib\\billing\\components\\paypal\\paypal-button.component.ts", lineNumber: 42 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PaypalButtonComponent, { className: "PaypalButtonComponent", filePath: "lib\\billing\\components\\pm\\paypal\\paypal-button.component.ts", lineNumber: 42 }); })();
 
 /*
 <file>
@@ -5492,7 +5806,7 @@ class StripeDialog extends DialogBase {
         }], image: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StripeDialog, { className: "StripeDialog", filePath: "lib\\billing\\components\\stripe\\stripe.component.ts", lineNumber: 33 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StripeDialog, { className: "StripeDialog", filePath: "lib\\billing\\components\\pm\\stripe\\stripe.component.ts", lineNumber: 33 }); })();
 
 /*
 <file>
@@ -5600,12 +5914,12 @@ class GridReadServiceBase extends BehaviorSubject {
             }
         });
     }
-    static { this.ɵfac = function GridReadServiceBase_Factory(t) { return new (t || GridReadServiceBase)(i0.ɵɵinject(i1$1.HttpClient)); }; }
+    static { this.ɵfac = function GridReadServiceBase_Factory(t) { return new (t || GridReadServiceBase)(i0.ɵɵinject(i1.HttpClient)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: GridReadServiceBase, factory: GridReadServiceBase.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GridReadServiceBase, [{
         type: Injectable
-    }], () => [{ type: i1$1.HttpClient }], null); })();
+    }], () => [{ type: i1.HttpClient }], null); })();
 
 /*
 <file>
@@ -5674,12 +5988,12 @@ class GridEditServiceBase extends GridReadServiceBase {
         const url = `${this.baseUrl}/${action}${this.serializeParams(data)}`;
         return this.http.post(url, data).pipe(map(res => res));
     }
-    static { this.ɵfac = function GridEditServiceBase_Factory(t) { return new (t || GridEditServiceBase)(i0.ɵɵinject(i1$1.HttpClient)); }; }
+    static { this.ɵfac = function GridEditServiceBase_Factory(t) { return new (t || GridEditServiceBase)(i0.ɵɵinject(i1.HttpClient)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: GridEditServiceBase, factory: GridEditServiceBase.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GridEditServiceBase, [{
         type: Injectable
-    }], () => [{ type: i1$1.HttpClient }], null); })();
+    }], () => [{ type: i1.HttpClient }], null); })();
 
 /*
 <file>
@@ -5709,12 +6023,12 @@ class CurrenciesApiService extends ApiServiceBase {
     getRates() {
         return this.get('getRates');
     }
-    static { this.ɵfac = function CurrenciesApiService_Factory(t) { return new (t || CurrenciesApiService)(i0.ɵɵinject(i1$1.HttpClient)); }; }
+    static { this.ɵfac = function CurrenciesApiService_Factory(t) { return new (t || CurrenciesApiService)(i0.ɵɵinject(i1.HttpClient)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: CurrenciesApiService, factory: CurrenciesApiService.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CurrenciesApiService, [{
         type: Injectable
-    }], () => [{ type: i1$1.HttpClient }], null); })();
+    }], () => [{ type: i1.HttpClient }], null); })();
 
 /*
 <file>
@@ -5839,12 +6153,12 @@ class SubscriptionsApiService extends ApiServiceBase {
             }
         });
     }
-    static { this.ɵfac = function SubscriptionsApiService_Factory(t) { return new (t || SubscriptionsApiService)(i0.ɵɵinject(i1$1.HttpClient)); }; }
+    static { this.ɵfac = function SubscriptionsApiService_Factory(t) { return new (t || SubscriptionsApiService)(i0.ɵɵinject(i1.HttpClient)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: SubscriptionsApiService, factory: SubscriptionsApiService.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SubscriptionsApiService, [{
         type: Injectable
-    }], () => [{ type: i1$1.HttpClient }], null); })();
+    }], () => [{ type: i1.HttpClient }], null); })();
 
 /*
 <file>
@@ -5876,12 +6190,12 @@ class TransactionsApiService extends ApiServiceBase {
     getTransactions(data) {
         return this.get('getTransactions', data);
     }
-    static { this.ɵfac = function TransactionsApiService_Factory(t) { return new (t || TransactionsApiService)(i0.ɵɵinject(i1$1.HttpClient)); }; }
+    static { this.ɵfac = function TransactionsApiService_Factory(t) { return new (t || TransactionsApiService)(i0.ɵɵinject(i1.HttpClient)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: TransactionsApiService, factory: TransactionsApiService.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TransactionsApiService, [{
         type: Injectable
-    }], () => [{ type: i1$1.HttpClient }], null); })();
+    }], () => [{ type: i1.HttpClient }], null); })();
 
 /*
 <file>
@@ -5914,12 +6228,12 @@ class CoreApiService extends ApiServiceBase {
     getUSStatesJsonFile() {
         return this.getExternalJsonFile('anatoly', 'usStates.json');
     }
-    static { this.ɵfac = function CoreApiService_Factory(t) { return new (t || CoreApiService)(i0.ɵɵinject(i1$1.HttpClient)); }; }
+    static { this.ɵfac = function CoreApiService_Factory(t) { return new (t || CoreApiService)(i0.ɵɵinject(i1.HttpClient)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: CoreApiService, factory: CoreApiService.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CoreApiService, [{
         type: Injectable
-    }], () => [{ type: i1$1.HttpClient }], null); })();
+    }], () => [{ type: i1.HttpClient }], null); })();
 
 /*
 <file>
@@ -5955,12 +6269,12 @@ class EmailsApiService extends ApiServiceBase {
             }
         });
     }
-    static { this.ɵfac = function EmailsApiService_Factory(t) { return new (t || EmailsApiService)(i0.ɵɵinject(i1$1.HttpClient)); }; }
+    static { this.ɵfac = function EmailsApiService_Factory(t) { return new (t || EmailsApiService)(i0.ɵɵinject(i1.HttpClient)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: EmailsApiService, factory: EmailsApiService.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EmailsApiService, [{
         type: Injectable
-    }], () => [{ type: i1$1.HttpClient }], null); })();
+    }], () => [{ type: i1.HttpClient }], null); })();
 
 /*
 <file>
@@ -6115,268 +6429,11 @@ class EditPageBase extends EditComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EditPageBase, [{
         type: Component,
-        args: [{
-                template: ''
-            }]
-    }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EditPageBase, { className: "EditPageBase", filePath: "lib\\ui\\components\\base\\pages\\edit.page.ts", lineNumber: 26 }); })();
-
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny vadim.osovitny@osovitny.com
-    Anatoly Osovitny anatoly.osovitny@osovitny.com
-
-  Created:
-    20 Aug 2022
-
-  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
-</file>
-*/
-//Node
-class PagedPageBase extends PageBase {
-    constructor() {
-        super(...arguments);
-        this.currentFilter = null;
-        this.totalItems = 0;
-        this.pageSize = 10;
-        this.skipItems = 0;
-        this.currentPage = 1;
-    }
-    loadPageOne() {
-        this.skipItems = 0;
-        this.currentPage = 1;
-        this.loadPage();
-    }
-    reloadPage(drop2pageOne = false) {
-        if (drop2pageOne) {
-            this.loadPageOne();
-        }
-        else {
-            this.loadPage();
-        }
-    }
-    setFilter(filter) {
-        this.currentFilter = filter;
-        this.loadPageOne();
-    }
-    //Tos
-    toIndex(index) {
-        return ((this.currentPage - 1) * this.pageSize) + index + 1;
-    }
-    //Events
-    onPageChange(e) {
-        this.pageSize = e.take;
-        this.skipItems = e.skip;
-        this.currentPage = (this.skipItems / this.pageSize) + 1;
-        this.loadPage();
-    }
-    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵPagedPageBase_BaseFactory; return function PagedPageBase_Factory(t) { return (ɵPagedPageBase_BaseFactory || (ɵPagedPageBase_BaseFactory = i0.ɵɵgetInheritedFactory(PagedPageBase)))(t || PagedPageBase); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PagedPageBase, selectors: [["ng-component"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function PagedPageBase_Template(rf, ctx) { }, encapsulation: 2 }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PagedPageBase, [{
-        type: Component,
-        args: [{
-                template: ''
-            }]
-    }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PagedPageBase, { className: "PagedPageBase", filePath: "lib\\ui\\components\\base\\pages\\paged.page.ts", lineNumber: 26 }); })();
-
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny vadim.osovitny@osovitny.com
-    Anatoly Osovitny anatoly.osovitny@osovitny.com
-
-  Created:
-    20 Aug 2022
-
-  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
-</file>
-*/
-//Node
-class ListBase extends ComponentBase {
-    constructor() {
-        super(...arguments);
-        this.currentFilter = null;
-        this.dataLoaded = false;
-        this.totalItems = 0;
-        this.skipItems = 0;
-        this.currentPage = 1;
-        //Inputs
-        this.pageSize = 10;
-        this.autoDataLoading = false;
-        //Outputs
-        this.filterRequest = new EventEmitter();
-        this.dataChange = new EventEmitter();
-    }
-    ngOnInit() {
-        this.init();
-    }
-    init() {
-        if (this.autoDataLoading && !this.dataLoaded) {
-            this.loadPageOne();
-        }
-        else {
-            this.fireFilterRequest();
-        }
-    }
-    fireFilterRequest() {
-        this.filterRequest.emit();
-    }
-    fireDataChange(e = null) {
-        this.dataChange.emit(e);
-    }
-    loadPageOne() {
-        this.skipItems = 0;
-        this.currentPage = 1;
-        this.dataLoaded = true;
-        this.loadPage();
-    }
-    reloadPage(drop2pageOne = false) {
-        if (drop2pageOne) {
-            this.loadPageOne();
-        }
-        else {
-            this.loadPage();
-        }
-    }
-    setFilter(filter) {
-        this.currentFilter = filter;
-        this.loadPageOne();
-    }
-    //Tos
-    toIndex(index) {
-        return ((this.currentPage - 1) * this.pageSize) + index + 1;
-    }
-    //Events
-    onPageChange(e) {
-        this.pageSize = e.take;
-        this.skipItems = e.skip;
-        this.currentPage = (this.skipItems / this.pageSize) + 1;
-        this.loadPage();
-    }
-    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵListBase_BaseFactory; return function ListBase_Factory(t) { return (ɵListBase_BaseFactory || (ɵListBase_BaseFactory = i0.ɵɵgetInheritedFactory(ListBase)))(t || ListBase); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListBase, selectors: [["ng-component"]], inputs: { pageSize: "pageSize", autoDataLoading: "autoDataLoading" }, outputs: { filterRequest: "filterRequest", dataChange: "dataChange" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function ListBase_Template(rf, ctx) { }, encapsulation: 2 }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ListBase, [{
-        type: Component,
-        args: [{
-                template: ''
-            }]
-    }], null, { pageSize: [{
-            type: Input
-        }], autoDataLoading: [{
-            type: Input
-        }], filterRequest: [{
-            type: Output
-        }], dataChange: [{
-            type: Output
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ListBase, { className: "ListBase", filePath: "lib\\ui\\components\\base\\list.ts", lineNumber: 26 }); })();
-
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny vadim.osovitny@osovitny.com
-    Anatoly Osovitny anatoly.osovitny@osovitny.com
-
-  Created:
-    4 Jul 2018
-
-  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
-</file>
-*/
-//Node
-function SignUpButtonComponent_a_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function SignUpButtonComponent_a_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "a", 3);
-    i0.ɵɵtemplate(1, SignUpButtonComponent_a_0_ng_container_1_Template, 1, 0, "ng-container", 4);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    const _r3 = i0.ɵɵreference(3);
-    i0.ɵɵclassMap(ctx_r0.classes);
-    i0.ɵɵproperty("href", ctx_r0.url, i0.ɵɵsanitizeUrl);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", _r3);
-} }
-function SignUpButtonComponent_a_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function SignUpButtonComponent_a_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "a", 5);
-    i0.ɵɵtemplate(1, SignUpButtonComponent_a_1_ng_container_1_Template, 1, 0, "ng-container", 4);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    const _r3 = i0.ɵɵreference(3);
-    i0.ɵɵclassMap(ctx_r1.classes);
-    i0.ɵɵproperty("routerLink", ctx_r1.url);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", _r3);
-} }
-function SignUpButtonComponent_ng_template_2_span_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span");
-    i0.ɵɵtext(1, "Sign Up");
-    i0.ɵɵelementEnd();
-} }
-function SignUpButtonComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", null, 6);
-    i0.ɵɵprojection(2);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(3, SignUpButtonComponent_ng_template_2_span_3_Template, 2, 0, "span", 7);
-} if (rf & 2) {
-    const _r6 = i0.ɵɵreference(1);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", !_r6.innerHTML.trim());
-} }
-const _c0$d = ["*"];
-class SignUpButtonComponent extends ComponentBase {
-    constructor() {
-        super();
-        this.external = false;
-    }
-    ngOnInit() {
-        let url = MSALConfig.ui.signup;
-        if (url) {
-            this.external = url.indexOf('http') > -1;
-            if (this.external) {
-                this.url = url + (this.qs ? '?' + this.qs : '');
-            }
-            else {
-                this.url = url;
-            }
-        }
-    }
-    static { this.ɵfac = function SignUpButtonComponent_Factory(t) { return new (t || SignUpButtonComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignUpButtonComponent, selectors: [["anatoly-signup-button"]], inputs: { qs: "qs" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$d, decls: 4, vars: 2, consts: [[3, "href", "class", 4, "ngIf"], [3, "routerLink", "class", 4, "ngIf"], ["contentTemplate", ""], [3, "href"], [4, "ngTemplateOutlet"], [3, "routerLink"], ["ref", ""], [4, "ngIf"]], template: function SignUpButtonComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵtemplate(0, SignUpButtonComponent_a_0_Template, 2, 5, "a", 0)(1, SignUpButtonComponent_a_1_Template, 2, 5, "a", 1)(2, SignUpButtonComponent_ng_template_2_Template, 4, 1, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
-        } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.external);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.external);
-        } }, dependencies: [i1$2.NgIf, i1$2.NgTemplateOutlet, i1.RouterLink], encapsulation: 2 }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SignUpButtonComponent, [{
-        type: Component,
-        args: [{ selector: "anatoly-signup-button", template: "<a [href]=\"url\" class=\"{{ classes }}\" *ngIf=\"external\">\r\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n</a>\r\n\r\n<a [routerLink]=\"url\" class=\"{{ classes }}\" *ngIf=\"!external\">\r\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n</a>\r\n\r\n<ng-template #contentTemplate>\r\n  <span #ref><ng-content></ng-content></span>\r\n  <span *ngIf=\"!ref.innerHTML.trim()\">Sign Up</span>\r\n</ng-template>\r\n" }]
-    }], () => [], { qs: [{
-            type: Input
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SignUpButtonComponent, { className: "SignUpButtonComponent", filePath: "lib\\ui\\components\\identity\\signup-button.component.ts", lineNumber: 28 }); })();
+        args: [{
+                template: ''
+            }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EditPageBase, { className: "EditPageBase", filePath: "lib\\ui\\components\\base\\pages\\edit.page.ts", lineNumber: 26 }); })();
 
 /*
 <file>
@@ -6388,98 +6445,59 @@ class SignUpButtonComponent extends ComponentBase {
     Anatoly Osovitny anatoly.osovitny@osovitny.com
 
   Created:
-    14 Aug 2018
+    20 Aug 2022
 
   Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
 //Node
-function BuyAccessButtonComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelement(1, "anatoly-signup-button", 1);
-    i0.ɵɵelementEnd();
-} }
-function BuyAccessButtonComponent_div_0_div_2_button_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "button", 4);
-    i0.ɵɵtext(1, " Your Plan ");
-    i0.ɵɵelementEnd();
-} }
-function BuyAccessButtonComponent_div_0_div_2_button_2_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 5);
-    i0.ɵɵlistener("click", function BuyAccessButtonComponent_div_0_div_2_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r5.onPlanSelect()); });
-    i0.ɵɵtext(1, " Buy Now ");
-    i0.ɵɵelementEnd();
-} }
-function BuyAccessButtonComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtemplate(1, BuyAccessButtonComponent_div_0_div_2_button_1_Template, 2, 0, "button", 2)(2, BuyAccessButtonComponent_div_0_div_2_button_2_Template, 2, 0, "button", 3);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.plan == ctx_r2.currentPlan);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.plan != ctx_r2.currentPlan && ctx_r2.currentPlan == 1);
-} }
-function BuyAccessButtonComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtemplate(1, BuyAccessButtonComponent_div_0_div_1_Template, 2, 0, "div", 0)(2, BuyAccessButtonComponent_div_0_div_2_Template, 3, 2, "div", 0);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r0.isUserSignedIn);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.isUserSignedIn && ctx_r0.visibleIfUserSignedIn);
-} }
-class BuyAccessButtonComponent {
-    constructor(appContext) {
-        this.appContext = appContext;
-        this.contextUpdated = false;
-        this.isUserSignedIn = false;
-        this.currentPlan = -1;
-        this.currentPlanTitle = '';
-        this.visibleIfUserSignedIn = false;
-        this.planselect = new EventEmitter();
+class PagedPageBase extends PageBase {
+    constructor() {
+        super(...arguments);
+        this.currentFilter = null;
+        this.totalItems = 0;
+        this.pageSize = 10;
+        this.skipItems = 0;
+        this.currentPage = 1;
     }
-    ngOnInit() {
-        this.appContext.updated$.subscribe((context) => {
-            if (!context) {
-                return;
-            }
-            this.isUserSignedIn = context.isUserSignedIn;
-            if (this.isUserSignedIn) {
-                this.currentPlan = context.account.billingPlan;
-                this.currentPlanTitle = context.account.billingPlanAsString;
-            }
-            this.contextUpdated = true;
-        });
+    loadPageOne() {
+        this.skipItems = 0;
+        this.currentPage = 1;
+        this.loadPage();
+    }
+    reloadPage(drop2pageOne = false) {
+        if (drop2pageOne) {
+            this.loadPageOne();
+        }
+        else {
+            this.loadPage();
+        }
+    }
+    setFilter(filter) {
+        this.currentFilter = filter;
+        this.loadPageOne();
+    }
+    //Tos
+    toIndex(index) {
+        return ((this.currentPage - 1) * this.pageSize) + index + 1;
     }
     //Events
-    onPlanSelect() {
-        this.planselect.emit(this.plan);
+    onPageChange(e) {
+        this.pageSize = e.take;
+        this.skipItems = e.skip;
+        this.currentPage = (this.skipItems / this.pageSize) + 1;
+        this.loadPage();
     }
-    static { this.ɵfac = function BuyAccessButtonComponent_Factory(t) { return new (t || BuyAccessButtonComponent)(i0.ɵɵdirectiveInject(AppContextService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BuyAccessButtonComponent, selectors: [["anatoly-buyaccess-button"]], inputs: { plan: "plan", planTitle: "planTitle", visibleIfUserSignedIn: "visibleIfUserSignedIn" }, outputs: { planselect: "planselect" }, decls: 1, vars: 1, consts: [[4, "ngIf"], ["classes", "btn btn-block btn-primary"], ["class", "btn btn-block btn-success selectPlan", 4, "ngIf"], ["class", "btn btn-block  btn-warning selectPlan", 3, "click", 4, "ngIf"], [1, "btn", "btn-block", "btn-success", "selectPlan"], [1, "btn", "btn-block", "btn-warning", "selectPlan", 3, "click"]], template: function BuyAccessButtonComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, BuyAccessButtonComponent_div_0_Template, 3, 2, "div", 0);
-        } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.contextUpdated);
-        } }, dependencies: [i1$2.NgIf, SignUpButtonComponent], encapsulation: 2 }); }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵPagedPageBase_BaseFactory; return function PagedPageBase_Factory(t) { return (ɵPagedPageBase_BaseFactory || (ɵPagedPageBase_BaseFactory = i0.ɵɵgetInheritedFactory(PagedPageBase)))(t || PagedPageBase); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PagedPageBase, selectors: [["ng-component"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function PagedPageBase_Template(rf, ctx) { }, encapsulation: 2 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BuyAccessButtonComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PagedPageBase, [{
         type: Component,
-        args: [{ selector: 'anatoly-buyaccess-button', template: "<div *ngIf=\"contextUpdated\">\r\n  <div *ngIf=\"!isUserSignedIn\">\r\n    <anatoly-signup-button classes=\"btn btn-block btn-primary\"></anatoly-signup-button>\r\n  </div>\r\n\r\n  <div *ngIf=\"isUserSignedIn && visibleIfUserSignedIn\">\r\n    <button class=\"btn btn-block btn-success selectPlan\"\r\n            *ngIf=\"plan == currentPlan\">\r\n      Your Plan\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\"\r\n            *ngIf=\"plan != currentPlan && currentPlan == 1\"\r\n            (click)=\"onPlanSelect()\">\r\n      Buy Now\r\n    </button>\r\n  </div>\r\n</div>\r\n" }]
-    }], () => [{ type: AppContextService }], { plan: [{
-            type: Input
-        }], planTitle: [{
-            type: Input
-        }], visibleIfUserSignedIn: [{
-            type: Input
-        }], planselect: [{
-            type: Output
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BuyAccessButtonComponent, { className: "BuyAccessButtonComponent", filePath: "lib\\ui\\components\\billing\\buyaccess-button.component.ts", lineNumber: 27 }); })();
+        args: [{
+                template: ''
+            }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PagedPageBase, { className: "PagedPageBase", filePath: "lib\\ui\\components\\base\\pages\\paged.page.ts", lineNumber: 26 }); })();
 
 /*
 <file>
@@ -6491,109 +6509,91 @@ class BuyAccessButtonComponent {
     Anatoly Osovitny anatoly.osovitny@osovitny.com
 
   Created:
-    1 Jun 2018
+    20 Aug 2022
 
   Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
 //Node
-function SubscribePlanButtonComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelement(1, "anatoly-signup-button", 1);
-    i0.ɵɵelementEnd();
-} }
-function SubscribePlanButtonComponent_div_0_div_2_button_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "button", 5);
-    i0.ɵɵtext(1, " Your Plan ");
-    i0.ɵɵelementEnd();
-} }
-function SubscribePlanButtonComponent_div_0_div_2_button_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "button", 6);
-    i0.ɵɵtext(1, " Requested ");
-    i0.ɵɵelementEnd();
-} }
-function SubscribePlanButtonComponent_div_0_div_2_button_3_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 7);
-    i0.ɵɵlistener("click", function SubscribePlanButtonComponent_div_0_div_2_button_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r6.onPlanSelect()); });
-    i0.ɵɵtext(1, " Subscribe ");
-    i0.ɵɵelementEnd();
-} }
-function SubscribePlanButtonComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtemplate(1, SubscribePlanButtonComponent_div_0_div_2_button_1_Template, 2, 0, "button", 2)(2, SubscribePlanButtonComponent_div_0_div_2_button_2_Template, 2, 0, "button", 3)(3, SubscribePlanButtonComponent_div_0_div_2_button_3_Template, 2, 0, "button", 4);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.plan == ctx_r2.currentPlan);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.plan == ctx_r2.requestedPlan);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.plan != ctx_r2.currentPlan && ctx_r2.plan != ctx_r2.requestedPlan);
-} }
-function SubscribePlanButtonComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtemplate(1, SubscribePlanButtonComponent_div_0_div_1_Template, 2, 0, "div", 0)(2, SubscribePlanButtonComponent_div_0_div_2_Template, 4, 3, "div", 0);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r0.isUserSignedIn);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.isUserSignedIn && ctx_r0.visibleIfUserSignedIn);
-} }
-class SubscribePlanButtonComponent {
-    constructor(appContext) {
-        this.appContext = appContext;
-        this.contextUpdated = false;
-        this.isUserSignedIn = false;
-        this.currentPlan = -1;
-        this.currentPlanTitle = "";
-        this.requestedPlan = -1;
-        this.requestedPlanTitle = "";
-        this.visibleIfUserSignedIn = false;
-        this.planselect = new EventEmitter();
+class ListBase extends ComponentBase {
+    constructor() {
+        super(...arguments);
+        this.currentFilter = null;
+        this.dataLoaded = false;
+        this.totalItems = 0;
+        this.skipItems = 0;
+        this.currentPage = 1;
+        //Inputs
+        this.pageSize = 10;
+        this.autoDataLoading = false;
+        //Outputs
+        this.filterRequest = new EventEmitter();
+        this.dataChange = new EventEmitter();
     }
     ngOnInit() {
-        this.appContext.updated$.subscribe((context) => {
-            if (!context) {
-                return;
-            }
-            this.isUserSignedIn = context.isUserSignedIn;
-            if (this.isUserSignedIn) {
-                this.currentPlan = context.account.billingPlan;
-                this.currentPlanTitle = context.account.billingPlanAsString;
-                this.requestedPlan = context.account.requestedBillingPlan;
-                this.requestedPlanTitle = context.account.requestedBillingPlanAsString;
-            }
-            this.contextUpdated = true;
-        });
+        this.init();
     }
-    //Events
-    onPlanSelect() {
-        this.planselect.emit(this.plan);
+    init() {
+        if (this.autoDataLoading && !this.dataLoaded) {
+            this.loadPageOne();
+        }
+        else {
+            this.fireFilterRequest();
+        }
+    }
+    fireFilterRequest() {
+        this.filterRequest.emit();
+    }
+    fireDataChange(e = null) {
+        this.dataChange.emit(e);
+    }
+    loadPageOne() {
+        this.skipItems = 0;
+        this.currentPage = 1;
+        this.dataLoaded = true;
+        this.loadPage();
+    }
+    reloadPage(drop2pageOne = false) {
+        if (drop2pageOne) {
+            this.loadPageOne();
+        }
+        else {
+            this.loadPage();
+        }
+    }
+    setFilter(filter) {
+        this.currentFilter = filter;
+        this.loadPageOne();
+    }
+    //Tos
+    toIndex(index) {
+        return ((this.currentPage - 1) * this.pageSize) + index + 1;
+    }
+    //Events
+    onPageChange(e) {
+        this.pageSize = e.take;
+        this.skipItems = e.skip;
+        this.currentPage = (this.skipItems / this.pageSize) + 1;
+        this.loadPage();
     }
-    static { this.ɵfac = function SubscribePlanButtonComponent_Factory(t) { return new (t || SubscribePlanButtonComponent)(i0.ɵɵdirectiveInject(AppContextService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SubscribePlanButtonComponent, selectors: [["anatoly-subscribe-plan-button"]], inputs: { plan: "plan", planTitle: "planTitle", visibleIfUserSignedIn: "visibleIfUserSignedIn" }, outputs: { planselect: "planselect" }, decls: 1, vars: 1, consts: [[4, "ngIf"], ["classes", "btn btn-block btn-primary"], ["class", "btn btn-block btn-success selectPlan", 4, "ngIf"], ["class", "btn btn-block  btn-warning selectPlan", 4, "ngIf"], ["class", "btn btn-block  btn-warning selectPlan", 3, "click", 4, "ngIf"], [1, "btn", "btn-block", "btn-success", "selectPlan"], [1, "btn", "btn-block", "btn-warning", "selectPlan"], [1, "btn", "btn-block", "btn-warning", "selectPlan", 3, "click"]], template: function SubscribePlanButtonComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, SubscribePlanButtonComponent_div_0_Template, 3, 2, "div", 0);
-        } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.contextUpdated);
-        } }, dependencies: [i1$2.NgIf, SignUpButtonComponent], encapsulation: 2 }); }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵListBase_BaseFactory; return function ListBase_Factory(t) { return (ɵListBase_BaseFactory || (ɵListBase_BaseFactory = i0.ɵɵgetInheritedFactory(ListBase)))(t || ListBase); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListBase, selectors: [["ng-component"]], inputs: { pageSize: "pageSize", autoDataLoading: "autoDataLoading" }, outputs: { filterRequest: "filterRequest", dataChange: "dataChange" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function ListBase_Template(rf, ctx) { }, encapsulation: 2 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SubscribePlanButtonComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ListBase, [{
         type: Component,
-        args: [{ selector: "anatoly-subscribe-plan-button", template: "<div *ngIf=\"contextUpdated\">\r\n  <div *ngIf=\"!isUserSignedIn\">\r\n    <anatoly-signup-button classes=\"btn btn-block btn-primary\"></anatoly-signup-button>\r\n  </div>\r\n\r\n  <div *ngIf=\"isUserSignedIn && visibleIfUserSignedIn\">\r\n    <button class=\"btn btn-block btn-success selectPlan\"\r\n            *ngIf=\"plan == currentPlan\">\r\n      Your Plan\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\"\r\n            *ngIf=\"plan == requestedPlan\">\r\n      Requested\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\"\r\n            *ngIf=\"plan != currentPlan && plan != requestedPlan\"\r\n            (click)=\"onPlanSelect()\">\r\n      Subscribe\r\n    </button>\r\n  </div>\r\n</div>\r\n" }]
-    }], () => [{ type: AppContextService }], { plan: [{
-            type: Input
-        }], planTitle: [{
+        args: [{
+                template: ''
+            }]
+    }], null, { pageSize: [{
             type: Input
-        }], visibleIfUserSignedIn: [{
+        }], autoDataLoading: [{
             type: Input
-        }], planselect: [{
+        }], filterRequest: [{
+            type: Output
+        }], dataChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SubscribePlanButtonComponent, { className: "SubscribePlanButtonComponent", filePath: "lib\\ui\\components\\billing\\subscribe-plan-button.component.ts", lineNumber: 27 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ListBase, { className: "ListBase", filePath: "lib\\ui\\components\\base\\list.ts", lineNumber: 26 }); })();
 
 /*
 <file>
@@ -6610,12 +6610,12 @@ class SubscribePlanButtonComponent {
 </file>
 */
 //Node
-const _c0$c = [[["card-header"]], [["card-body"]], "*", [["card-footer"]]];
+const _c0$d = [[["card-header"]], [["card-body"]], "*", [["card-footer"]]];
 const _c1 = ["card-header", "card-body", "*", "card-footer"];
 class CardComponent extends ComponentBase {
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵCardComponent_BaseFactory; return function CardComponent_Factory(t) { return (ɵCardComponent_BaseFactory || (ɵCardComponent_BaseFactory = i0.ɵɵgetInheritedFactory(CardComponent)))(t || CardComponent); }; })(); }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardComponent, selectors: [["anatoly-card"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1, decls: 5, vars: 3, template: function CardComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$c);
+            i0.ɵɵprojectionDef(_c0$d);
             i0.ɵɵelementStart(0, "div");
             i0.ɵɵprojection(1);
             i0.ɵɵprojection(2, 1);
@@ -6656,10 +6656,10 @@ function CardHeaderComponent_h3_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r0.title);
 } }
-const _c0$b = ["*"];
+const _c0$c = ["*"];
 class CardHeaderComponent extends ComponentBase {
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵCardHeaderComponent_BaseFactory; return function CardHeaderComponent_Factory(t) { return (ɵCardHeaderComponent_BaseFactory || (ɵCardHeaderComponent_BaseFactory = i0.ɵɵgetInheritedFactory(CardHeaderComponent)))(t || CardHeaderComponent); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardHeaderComponent, selectors: [["anatoly-card-header"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$b, decls: 4, vars: 4, consts: [[1, "card-title"], [4, "ngIf"]], template: function CardHeaderComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardHeaderComponent, selectors: [["anatoly-card-header"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$c, decls: 4, vars: 4, consts: [[1, "card-title"], [4, "ngIf"]], template: function CardHeaderComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div")(1, "div", 0);
             i0.ɵɵtemplate(2, CardHeaderComponent_h3_2_Template, 2, 1, "h3", 1);
@@ -6693,10 +6693,10 @@ class CardHeaderComponent extends ComponentBase {
 </file>
 */
 //Node
-const _c0$a = ["*"];
+const _c0$b = ["*"];
 class CardBodyComponent extends ComponentBase {
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵCardBodyComponent_BaseFactory; return function CardBodyComponent_Factory(t) { return (ɵCardBodyComponent_BaseFactory || (ɵCardBodyComponent_BaseFactory = i0.ɵɵgetInheritedFactory(CardBodyComponent)))(t || CardBodyComponent); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardBodyComponent, selectors: [["anatoly-card-body"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$a, decls: 2, vars: 3, template: function CardBodyComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardBodyComponent, selectors: [["anatoly-card-body"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$b, decls: 2, vars: 3, template: function CardBodyComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div");
             i0.ɵɵprojection(1);
@@ -6726,10 +6726,10 @@ class CardBodyComponent extends ComponentBase {
 </file>
 */
 //Node
-const _c0$9 = ["*"];
+const _c0$a = ["*"];
 class CardFooterComponent extends ComponentBase {
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵCardFooterComponent_BaseFactory; return function CardFooterComponent_Factory(t) { return (ɵCardFooterComponent_BaseFactory || (ɵCardFooterComponent_BaseFactory = i0.ɵɵgetInheritedFactory(CardFooterComponent)))(t || CardFooterComponent); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardFooterComponent, selectors: [["anatoly-card-footer"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$9, decls: 2, vars: 3, template: function CardFooterComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardFooterComponent, selectors: [["anatoly-card-footer"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$a, decls: 2, vars: 3, template: function CardFooterComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div");
             i0.ɵɵprojection(1);
@@ -7598,14 +7598,14 @@ class HtmlEditorComponent extends HtmlEditorComponentBase {
 </file>
 */
 //Node
-const _c0$8 = ["*"];
+const _c0$9 = ["*"];
 class CheckIconComponent {
     constructor() {
         //Inputs
         this.checked = true;
     }
     static { this.ɵfac = function CheckIconComponent_Factory(t) { return new (t || CheckIconComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CheckIconComponent, selectors: [["anatoly-check-icon"]], inputs: { checked: "checked" }, ngContentSelectors: _c0$8, decls: 2, vars: 2, consts: [[3, "icon", "ngClass"]], template: function CheckIconComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CheckIconComponent, selectors: [["anatoly-check-icon"]], inputs: { checked: "checked" }, ngContentSelectors: _c0$9, decls: 2, vars: 2, consts: [[3, "icon", "ngClass"]], template: function CheckIconComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelement(0, "fa-icon", 0);
             i0.ɵɵprojection(1);
@@ -7621,6 +7621,162 @@ class CheckIconComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CheckIconComponent, { className: "CheckIconComponent", filePath: "lib\\ui\\components\\check-icon\\check-icon.component.ts", lineNumber: 24 }); })();
 
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Anatoly Osovitny anatoly.osovitny@osovitny.com
+
+  Created:
+    23 Apr 2024
+
+  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
+</file>
+*/
+//Node
+function ControlPanelComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 9)(1, "h2");
+    i0.ɵɵtext(2, "Sort By:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "kendo-dropdownlist", 10);
+    i0.ɵɵlistener("ngModelChange", function ControlPanelComponent_Conditional_7_Template_kendo_dropdownlist_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.selectedSortBy = $event); })("valueChange", function ControlPanelComponent_Conditional_7_Template_kendo_dropdownlist_valueChange_3_listener() { i0.ɵɵrestoreView(_r3); const ctx_r4 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r4.onSortByChange()); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("data", ctx_r0.sortByItems)("valuePrimitive", true)("ngModel", ctx_r0.selectedSortBy);
+} }
+function ControlPanelComponent_Conditional_8_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(0, "a", 20);
+    i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_8_Conditional_10_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r6.onAdd()); });
+    i0.ɵɵelement(1, "fa-icon", 21);
+    i0.ɵɵelementEnd();
+} }
+const _c0$8 = a0 => ({ "active": a0 });
+function ControlPanelComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 11)(1, "a", 3);
+    i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_8_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r9); const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.onViewSwitch("grid")); });
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(2, "svg", 12);
+    i0.ɵɵelement(3, "path", 13)(4, "path", 14)(5, "path", 15)(6, "path", 16);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(7, "a", 3);
+    i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_8_Template_a_click_7_listener() { i0.ɵɵrestoreView(_r9); const ctx_r10 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r10.onViewSwitch("list")); });
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(8, "svg", 17);
+    i0.ɵɵelement(9, "path", 18);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(10, ControlPanelComponent_Conditional_8_Conditional_10_Template, 2, 0, "a", 19);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0$8, ctx_r1.viewType == "grid"));
+    i0.ɵɵadvance(6);
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$8, ctx_r1.viewType == "list"));
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(10, ctx_r1.addVisible ? 10 : -1);
+} }
+class ControlPanelComponent extends ComponentBase {
+    constructor() {
+        super(...arguments);
+        this.addVisible = false;
+        this.sortByVisible = false;
+        this.viewTypeVisible = false;
+        //Outputs
+        this.settingsChange = new EventEmitter();
+        this.add = new EventEmitter();
+    }
+    ngOnInit() {
+        this.resetSettings();
+        this.fireSettingsChange();
+    }
+    fireSettingsChange() {
+        this.settingsChange.emit(this.getSettings());
+    }
+    fireAdd() {
+        this.add.emit();
+    }
+    //Public
+    resetSettings() {
+        this.selectedSortBy = 1;
+        this.filterVisible = false;
+        this.viewType = DataViewType.List;
+    }
+    getSettings() {
+        let sortBy = this.selectedSortBy;
+        let filterVisible = this.filterVisible;
+        let viewType = this.viewType;
+        return {
+            sortBy: sortBy,
+            filterVisible: filterVisible,
+            viewType: viewType
+        };
+    }
+    //Events
+    onFilterToggle() {
+        this.filterVisible = !this.filterVisible;
+        this.fireSettingsChange();
+    }
+    onSortByChange() {
+        this.fireSettingsChange();
+    }
+    onViewSwitch(value) {
+        this.viewType = value;
+        this.fireSettingsChange();
+    }
+    onAdd() {
+        this.fireAdd();
+    }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵControlPanelComponent_BaseFactory; return function ControlPanelComponent_Factory(t) { return (ɵControlPanelComponent_BaseFactory || (ɵControlPanelComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ControlPanelComponent)))(t || ControlPanelComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ControlPanelComponent, selectors: [["anatoly-data-grid-control-panel"]], inputs: { mode: "mode", sortByItems: "sortByItems", addVisible: "addVisible", sortByVisible: "sortByVisible", viewTypeVisible: "viewTypeVisible" }, outputs: { settingsChange: "settingsChange", add: "add" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 9, vars: 5, consts: [[1, "data-grid"], [1, "control-panel"], [1, "filter"], ["href", "javascript:void(0)", 1, "btn", "btn-icon", "btn-primary", 3, "ngClass", "click"], ["height", "22", "viewBox", "0 0 32 32", "width", "20", "xmlns", "http://www.w3.org/2000/svg"], ["d", "M2 7h.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2H9.858a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2zm4-3a2 2 0 1 1-2 2 2 2 0 0 1 2-2zm24 11h-.142a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2h20.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2zm-4 3a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm4 7H19.858a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2h10.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2zm-14 3a2 2 0 1 1 2-2 2 2 0 0 1-2 2z", "fill", "currentColor"], [1, "tools"], ["class", "sort-by"], ["class", "actions"], [1, "sort-by"], ["valueField", "value", "textField", "text", 3, "data", "valuePrimitive", "ngModel", "ngModelChange", "valueChange"], [1, "actions"], ["fill", "none", "height", "18", "viewBox", "0 0 18 18", "width", "18", "xmlns", "http://www.w3.org/2000/svg"], ["d", "M6 1H2C1.44772 1 1 1.44772 1 2V6C1 6.55228 1.44772 7 2 7H6C6.55228 7 7 6.55228 7 6V2C7 1.44772 6.55228 1 6 1Z", "stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], ["d", "M16 1H12C11.4477 1 11 1.44772 11 2V6C11 6.55228 11.4477 7 12 7H16C16.5523 7 17 6.55228 17 6V2C17 1.44772 16.5523 1 16 1Z", "stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], ["d", "M6 11H2C1.44772 11 1 11.4477 1 12V16C1 16.5523 1.44772 17 2 17H6C6.55228 17 7 16.5523 7 16V12C7 11.4477 6.55228 11 6 11Z", "stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], ["d", "M16 11H12C11.4477 11 11 11.4477 11 12V16C11 16.5523 11.4477 17 12 17H16C16.5523 17 17 16.5523 17 16V12C17 11.4477 16.5523 11 16 11Z", "stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], ["fill", "none", "height", "15", "viewBox", "0 0 19 15", "width", "19", "xmlns", "http://www.w3.org/2000/svg"], ["d", "M1.5 6C0.67 6 0 6.67 0 7.5C0 8.33 0.67 9 1.5 9C2.33 9 3 8.33 3 7.5C3 6.67 2.33 6 1.5 6ZM1.5 0C0.67 0 0 0.67 0 1.5C0 2.33 0.67 3 1.5 3C2.33 3 3 2.33 3 1.5C3 0.67 2.33 0 1.5 0ZM1.5 12C0.67 12 0 12.68 0 13.5C0 14.32 0.68 15 1.5 15C2.32 15 3 14.32 3 13.5C3 12.68 2.33 12 1.5 12ZM5.5 14.5H17.5C18.05 14.5 18.5 14.05 18.5 13.5C18.5 12.95 18.05 12.5 17.5 12.5H5.5C4.95 12.5 4.5 12.95 4.5 13.5C4.5 14.05 4.95 14.5 5.5 14.5ZM5.5 8.5H17.5C18.05 8.5 18.5 8.05 18.5 7.5C18.5 6.95 18.05 6.5 17.5 6.5H5.5C4.95 6.5 4.5 6.95 4.5 7.5C4.5 8.05 4.95 8.5 5.5 8.5ZM4.5 1.5C4.5 2.05 4.95 2.5 5.5 2.5H17.5C18.05 2.5 18.5 2.05 18.5 1.5C18.5 0.95 18.05 0.5 17.5 0.5H5.5C4.95 0.5 4.5 0.95 4.5 1.5Z", "fill", "currentColor"], ["class", "btn btn-icon btn-primary", "href", "javascript:void(0)"], ["href", "javascript:void(0)", 1, "btn", "btn-icon", "btn-primary", 3, "click"], ["icon", "plus"]], template: function ControlPanelComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "a", 3);
+            i0.ɵɵlistener("click", function ControlPanelComponent_Template_a_click_3_listener() { return ctx.onFilterToggle(); });
+            i0.ɵɵnamespaceSVG();
+            i0.ɵɵelementStart(4, "svg", 4);
+            i0.ɵɵelement(5, "path", 5);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵnamespaceHTML();
+            i0.ɵɵelementStart(6, "div", 6);
+            i0.ɵɵtemplate(7, ControlPanelComponent_Conditional_7_Template, 4, 3, "div", 7)(8, ControlPanelComponent_Conditional_8_Template, 11, 7, "div", 8);
+            i0.ɵɵelementEnd()()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0$8, ctx.filterVisible));
+            i0.ɵɵadvance(4);
+            i0.ɵɵconditional(7, ctx.sortByVisible ? 7 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(8, ctx.viewTypeVisible ? 8 : -1);
+        } }, dependencies: [i1$2.NgClass, i2.NgControlStatus, i2.NgModel, i1$6.FaIconComponent, i3.DropDownListComponent], encapsulation: 2 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ControlPanelComponent, [{
+        type: Component,
+        args: [{ selector: 'anatoly-data-grid-control-panel', template: "<div class='data-grid'>\r\n  <div class='control-panel'>\r\n    <div class='filter'>\r\n      <a (click)='onFilterToggle()'\r\n         [ngClass]=\"{'active': filterVisible}\"\r\n         class='btn btn-icon btn-primary'\r\n         href='javascript:void(0)'>\r\n        <svg height='22' viewBox='0 0 32 32' width='20' xmlns='http://www.w3.org/2000/svg'>\r\n          <path d='M2 7h.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2H9.858a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2zm4-3a2 2 0 1 1-2 2 2 2 0 0 1 2-2zm24 11h-.142a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2h20.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2zm-4 3a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm4 7H19.858a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2h10.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2zm-14 3a2 2 0 1 1 2-2 2 2 0 0 1-2 2z'\r\n                fill='currentColor'></path>\r\n        </svg>\r\n      </a>\r\n    </div>\r\n    <div class='tools'>\r\n      @if (sortByVisible) {\r\n        <div class='sort-by'>\r\n          <h2>Sort By:</h2>\r\n          <kendo-dropdownlist [data]='sortByItems'\r\n                              valueField='value'\r\n                              textField='text'\r\n                              [valuePrimitive]='true'\r\n                              [(ngModel)]='selectedSortBy'\r\n                              (valueChange)='onSortByChange()'>\r\n          </kendo-dropdownlist>\r\n        </div>\r\n      }\r\n\r\n      @if (viewTypeVisible) {\r\n        <div class='actions'>\r\n          <a class='btn btn-icon btn-primary' href='javascript:void(0)'\r\n             [ngClass]=\"{'active': viewType == 'grid'}\"\r\n             (click)=\"onViewSwitch('grid')\">\r\n            <svg fill='none' height='18' viewBox='0 0 18 18' width='18' xmlns='http://www.w3.org/2000/svg'>\r\n              <path d='M6 1H2C1.44772 1 1 1.44772 1 2V6C1 6.55228 1.44772 7 2 7H6C6.55228 7 7 6.55228 7 6V2C7 1.44772 6.55228 1 6 1Z'\r\n                    stroke='currentColor'\r\n                    stroke-linecap='round'\r\n                    stroke-linejoin='round'\r\n                    stroke-width='2' />\r\n              <path d='M16 1H12C11.4477 1 11 1.44772 11 2V6C11 6.55228 11.4477 7 12 7H16C16.5523 7 17 6.55228 17 6V2C17 1.44772 16.5523 1 16 1Z'\r\n                    stroke='currentColor'\r\n                    stroke-linecap='round'\r\n                    stroke-linejoin='round'\r\n                    stroke-width='2' />\r\n              <path d='M6 11H2C1.44772 11 1 11.4477 1 12V16C1 16.5523 1.44772 17 2 17H6C6.55228 17 7 16.5523 7 16V12C7 11.4477 6.55228 11 6 11Z'\r\n                    stroke='currentColor'\r\n                    stroke-linecap='round'\r\n                    stroke-linejoin='round'\r\n                    stroke-width='2' />\r\n              <path d='M16 11H12C11.4477 11 11 11.4477 11 12V16C11 16.5523 11.4477 17 12 17H16C16.5523 17 17 16.5523 17 16V12C17 11.4477 16.5523 11 16 11Z'\r\n                    stroke='currentColor'\r\n                    stroke-linecap='round'\r\n                    stroke-linejoin='round'\r\n                    stroke-width='2' />\r\n            </svg>\r\n          </a>\r\n          <a class='btn btn-icon btn-primary' href='javascript:void(0)'\r\n             [ngClass]=\"{'active': viewType == 'list'}\"\r\n             (click)=\"onViewSwitch('list')\">\r\n              <svg fill='none' height='15' viewBox='0 0 19 15' width='19' xmlns='http://www.w3.org/2000/svg'>\r\n                <path d='M1.5 6C0.67 6 0 6.67 0 7.5C0 8.33 0.67 9 1.5 9C2.33 9 3 8.33 3 7.5C3 6.67 2.33 6 1.5 6ZM1.5 0C0.67 0 0 0.67 0 1.5C0 2.33 0.67 3 1.5 3C2.33 3 3 2.33 3 1.5C3 0.67 2.33 0 1.5 0ZM1.5 12C0.67 12 0 12.68 0 13.5C0 14.32 0.68 15 1.5 15C2.32 15 3 14.32 3 13.5C3 12.68 2.33 12 1.5 12ZM5.5 14.5H17.5C18.05 14.5 18.5 14.05 18.5 13.5C18.5 12.95 18.05 12.5 17.5 12.5H5.5C4.95 12.5 4.5 12.95 4.5 13.5C4.5 14.05 4.95 14.5 5.5 14.5ZM5.5 8.5H17.5C18.05 8.5 18.5 8.05 18.5 7.5C18.5 6.95 18.05 6.5 17.5 6.5H5.5C4.95 6.5 4.5 6.95 4.5 7.5C4.5 8.05 4.95 8.5 5.5 8.5ZM4.5 1.5C4.5 2.05 4.95 2.5 5.5 2.5H17.5C18.05 2.5 18.5 2.05 18.5 1.5C18.5 0.95 18.05 0.5 17.5 0.5H5.5C4.95 0.5 4.5 0.95 4.5 1.5Z'\r\n                      fill='currentColor' />\r\n              </svg>\r\n          </a>\r\n\r\n          @if (addVisible) {\r\n            <a class='btn btn-icon btn-primary' href='javascript:void(0)' (click)='onAdd()'>\r\n              <fa-icon icon='plus' />\r\n            </a>\r\n          }\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
+    }], null, { mode: [{
+            type: Input
+        }], sortByItems: [{
+            type: Input
+        }], addVisible: [{
+            type: Input
+        }], sortByVisible: [{
+            type: Input
+        }], viewTypeVisible: [{
+            type: Input
+        }], settingsChange: [{
+            type: Output
+        }], add: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ControlPanelComponent, { className: "ControlPanelComponent", filePath: "lib\\ui\\components\\data-grid\\control-panel.component.ts", lineNumber: 27 }); })();
+
 /*
 <file>
   Project:
@@ -7798,7 +7954,7 @@ class SignInButtonComponent extends ComponentBase {
             i0.ɵɵproperty("ngIf", ctx.external);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx.external);
-        } }, dependencies: [i1$2.NgIf, i1$2.NgTemplateOutlet, i1.RouterLink], encapsulation: 2 }); }
+        } }, dependencies: [i1$2.NgIf, i1$2.NgTemplateOutlet, i1$1.RouterLink], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SignInButtonComponent, [{
         type: Component,
@@ -7895,7 +8051,7 @@ class SignOutButtonComponent extends ComponentBase {
             i0.ɵɵproperty("ngIf", ctx.external);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx.external);
-        } }, dependencies: [i1$2.NgIf, i1$2.NgTemplateOutlet, i1.RouterLink], encapsulation: 2 }); }
+        } }, dependencies: [i1$2.NgIf, i1$2.NgTemplateOutlet, i1$1.RouterLink], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SignOutButtonComponent, [{
         type: Component,
@@ -8137,7 +8293,7 @@ class PageSpinnerComponent {
     ngOnDestroy() {
         this.isSpinnerVisible = false;
     }
-    static { this.ɵfac = function PageSpinnerComponent_Factory(t) { return new (t || PageSpinnerComponent)(i0.ɵɵdirectiveInject(i1.Router)); }; }
+    static { this.ɵfac = function PageSpinnerComponent_Factory(t) { return new (t || PageSpinnerComponent)(i0.ɵɵdirectiveInject(i1$1.Router)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PageSpinnerComponent, selectors: [["anatoly-pagespinner"]], inputs: { backgroundColor: "backgroundColor", spinner: "spinner" }, decls: 1, vars: 1, consts: [["id", "http-loader", 4, "ngIf"], ["id", "http-loader"], [1, "loader-bg"], ["class", "sk-line-material", 3, "colored", 4, "ngIf"], [1, "sk-line-material"], [1, "sk-child", "sk-bounce1"]], template: function PageSpinnerComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, PageSpinnerComponent_div_0_Template, 3, 1, "div", 0);
         } if (rf & 2) {
@@ -8147,7 +8303,7 @@ class PageSpinnerComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PageSpinnerComponent, [{
         type: Component,
         args: [{ selector: 'anatoly-pagespinner', encapsulation: ViewEncapsulation.None, template: "<div id=\"http-loader\" *ngIf=\"isSpinnerVisible\">\r\n  <div class=\"loader-bg\">\r\n      <div class=\"sk-line-material\" [class.colored]=\"!backgroundColor\" *ngIf=\"spinner === Spinkit.skLine\">\r\n          <div class=\"sk-child sk-bounce1\" [style.background-color]='backgroundColor'></div>\r\n      </div>\r\n  </div>\r\n</div>\r\n" }]
-    }], () => [{ type: i1.Router }], { backgroundColor: [{
+    }], () => [{ type: i1$1.Router }], { backgroundColor: [{
             type: Input
         }], spinner: [{
             type: Input
@@ -8191,12 +8347,12 @@ class Copy2ClipboardComponent extends ComponentBase {
             i0.ɵɵelement(1, "fa-icon", 1);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵclassMapInterpolate1("btn ", ctx.classes, "");
+            i0.ɵɵclassMapInterpolate1("btn btn-icon ", ctx.classes, "");
         } }, dependencies: [i1$6.FaIconComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(Copy2ClipboardComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-copy-2-clipboard', template: "<a class=\"btn {{ classes }}\" (click)=\"onCopy2Clipboard($event)\">\r\n  <fa-icon size=\"lg\" icon=\"copy\"></fa-icon>\r\n</a>\r\n" }]
+        args: [{ selector: 'anatoly-copy-2-clipboard', template: "<a class=\"btn btn-icon {{ classes }}\" (click)=\"onCopy2Clipboard($event)\">\r\n  <fa-icon size=\"lg\" icon=\"copy\" />\r\n</a>\r\n" }]
     }], null, { tooltip: [{
             type: Input
         }], text: [{
@@ -9918,7 +10074,7 @@ class AnatolyIAMPagesModule {
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(AnatolyIAMPagesModule, { declarations: [SignInPage, SignUpPage, SignOutPage], imports: [CommonModule,
         RouterModule,
-        HttpClientModule, i1.RouterModule] }); })();
+        HttpClientModule, i1$1.RouterModule] }); })();
 
 /*
 <file>
@@ -10115,89 +10271,6 @@ class KendoModule {
         TreeViewModule,
         TooltipsModule] }); })();
 
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny vadim.osovitny@osovitny.com
-
-  Created:
-    8 Nov 2024
-
-  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
-</file>
-*/
-const COMPONENTS$1 = [
-    OrderSummaryComponent,
-    PaymentMethodsComponent,
-    PaymentOptionsComponent,
-    PaypalButtonComponent,
-    PayPalComponent,
-    //Dialogs
-    BraintreeDialog,
-    StripeDialog,
-];
-
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny vadim.osovitny@osovitny.com
-    Anatoly Osovitny anatoly.osovitny@osovitny.com
-
-  Created:
-    14 Jun 2024
-
-  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
-</file>
-*/
-//Node
-class AnatolyBillingModule {
-    static { this.ɵfac = function AnatolyBillingModule_Factory(t) { return new (t || AnatolyBillingModule)(); }; }
-    static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: AnatolyBillingModule }); }
-    static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
-            ScriptService,
-            PayPalScriptService,
-            PaymentsService
-        ], imports: [CommonModule,
-            ReactiveFormsModule,
-            FormsModule,
-            FaModule,
-            KendoModule] }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AnatolyBillingModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    CommonModule,
-                    ReactiveFormsModule,
-                    FormsModule,
-                    FaModule,
-                    KendoModule
-                ],
-                declarations: [
-                    COMPONENTS$1
-                ],
-                exports: [
-                    COMPONENTS$1
-                ],
-                providers: [
-                    ScriptService,
-                    PayPalScriptService,
-                    PaymentsService
-                ]
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(AnatolyBillingModule, { declarations: [OrderSummaryComponent, PaymentMethodsComponent, PaymentOptionsComponent, PaypalButtonComponent, PayPalComponent, BraintreeDialog, StripeDialog], imports: [CommonModule,
-        ReactiveFormsModule,
-        FormsModule,
-        FaModule,
-        KendoModule], exports: [OrderSummaryComponent, PaymentMethodsComponent, PaymentOptionsComponent, PaypalButtonComponent, PayPalComponent, BraintreeDialog, StripeDialog] }); })();
-
 /*
 <file>
   Project:
@@ -10214,9 +10287,6 @@ class AnatolyBillingModule {
 </file>
 */
 const MAIN_COMPONENTS = [
-    //Billing
-    BuyAccessButtonComponent,
-    SubscribePlanButtonComponent,
     //Cards
     CardComponent,
     CardHeaderComponent,
@@ -10224,6 +10294,7 @@ const MAIN_COMPONENTS = [
     CardFooterComponent,
     CheckIconComponent,
     Copy2ClipboardComponent,
+    ControlPanelComponent,
     DataPagerComponent,
     //Dropdownlists
     CountryDropdownlist,
@@ -10360,7 +10431,7 @@ const VALIDATION_COMPONENTS = [
 </file>
 */
 //Node
-const COMPONENTS = [
+const COMPONENTS$1 = [
     MAIN_COMPONENTS,
     DIALOGS,
     DIRECTIVES,
@@ -10396,14 +10467,14 @@ class AnatolyUIModule {
                     KendoModule
                 ],
                 exports: [
-                    ...COMPONENTS
+                    ...COMPONENTS$1
                 ],
                 declarations: [
-                    ...COMPONENTS
+                    ...COMPONENTS$1
                 ]
             }]
     }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(AnatolyUIModule, { declarations: [BuyAccessButtonComponent, SubscribePlanButtonComponent, CardComponent, CardHeaderComponent, CardBodyComponent, CardFooterComponent, CheckIconComponent, Copy2ClipboardComponent, DataPagerComponent, CountryDropdownlist, ModerationStatusDropdownlist, PublishStatusDropdownlist, TimezoneDropdownlist, HtmlEditorComponent, SignInButtonComponent, SignUpButtonComponent, SignOutButtonComponent, NodataComponent, NoMobileSupportComponent, PageSpinnerComponent, LoadingComponent, UrlSlugComponent, FeatureWillBeReadyComponent, YouAgreeToOurTermsComponent, ContactUsDialog, NativeElementDirective, HoveringDirective, AddressComponent, CompanyComponent, ContactUsForm, SafeHtmlPipe, ReplaceTextPipe, FileSizePipe, FormValidationSummaryComponent, ItemValidationSummaryComponent], imports: [CommonModule,
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(AnatolyUIModule, { declarations: [CardComponent, CardHeaderComponent, CardBodyComponent, CardFooterComponent, CheckIconComponent, Copy2ClipboardComponent, ControlPanelComponent, DataPagerComponent, CountryDropdownlist, ModerationStatusDropdownlist, PublishStatusDropdownlist, TimezoneDropdownlist, HtmlEditorComponent, SignInButtonComponent, SignUpButtonComponent, SignOutButtonComponent, NodataComponent, NoMobileSupportComponent, PageSpinnerComponent, LoadingComponent, UrlSlugComponent, FeatureWillBeReadyComponent, YouAgreeToOurTermsComponent, ContactUsDialog, NativeElementDirective, HoveringDirective, AddressComponent, CompanyComponent, ContactUsForm, SafeHtmlPipe, ReplaceTextPipe, FileSizePipe, FormValidationSummaryComponent, ItemValidationSummaryComponent], imports: [CommonModule,
         RouterModule,
         ReactiveFormsModule,
         FormsModule,
@@ -10411,7 +10482,95 @@ class AnatolyUIModule {
         FERootModule,
         //External Modules
         FaModule,
-        KendoModule], exports: [BuyAccessButtonComponent, SubscribePlanButtonComponent, CardComponent, CardHeaderComponent, CardBodyComponent, CardFooterComponent, CheckIconComponent, Copy2ClipboardComponent, DataPagerComponent, CountryDropdownlist, ModerationStatusDropdownlist, PublishStatusDropdownlist, TimezoneDropdownlist, HtmlEditorComponent, SignInButtonComponent, SignUpButtonComponent, SignOutButtonComponent, NodataComponent, NoMobileSupportComponent, PageSpinnerComponent, LoadingComponent, UrlSlugComponent, FeatureWillBeReadyComponent, YouAgreeToOurTermsComponent, ContactUsDialog, NativeElementDirective, HoveringDirective, AddressComponent, CompanyComponent, ContactUsForm, SafeHtmlPipe, ReplaceTextPipe, FileSizePipe, FormValidationSummaryComponent, ItemValidationSummaryComponent] }); })();
+        KendoModule], exports: [CardComponent, CardHeaderComponent, CardBodyComponent, CardFooterComponent, CheckIconComponent, Copy2ClipboardComponent, ControlPanelComponent, DataPagerComponent, CountryDropdownlist, ModerationStatusDropdownlist, PublishStatusDropdownlist, TimezoneDropdownlist, HtmlEditorComponent, SignInButtonComponent, SignUpButtonComponent, SignOutButtonComponent, NodataComponent, NoMobileSupportComponent, PageSpinnerComponent, LoadingComponent, UrlSlugComponent, FeatureWillBeReadyComponent, YouAgreeToOurTermsComponent, ContactUsDialog, NativeElementDirective, HoveringDirective, AddressComponent, CompanyComponent, ContactUsForm, SafeHtmlPipe, ReplaceTextPipe, FileSizePipe, FormValidationSummaryComponent, ItemValidationSummaryComponent] }); })();
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny vadim.osovitny@osovitny.com
+
+  Created:
+    8 Nov 2024
+
+  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
+</file>
+*/
+const COMPONENTS = [
+    BuyAccessButtonComponent,
+    SubscribePlanButtonComponent,
+    OrderSummaryComponent,
+    PaymentMethodsComponent,
+    PaymentOptionsComponent,
+    //PM
+    BraintreeDialog,
+    PaypalButtonComponent,
+    PayPalComponent,
+    StripeDialog
+];
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny vadim.osovitny@osovitny.com
+    Anatoly Osovitny anatoly.osovitny@osovitny.com
+
+  Created:
+    14 Jun 2024
+
+  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
+</file>
+*/
+//Node
+class AnatolyBillingModule {
+    static { this.ɵfac = function AnatolyBillingModule_Factory(t) { return new (t || AnatolyBillingModule)(); }; }
+    static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: AnatolyBillingModule }); }
+    static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
+            ScriptService,
+            PayPalScriptService,
+            PaymentsService
+        ], imports: [CommonModule,
+            ReactiveFormsModule,
+            FormsModule,
+            FaModule,
+            KendoModule,
+            AnatolyUIModule] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AnatolyBillingModule, [{
+        type: NgModule,
+        args: [{
+                imports: [
+                    CommonModule,
+                    ReactiveFormsModule,
+                    FormsModule,
+                    FaModule,
+                    KendoModule,
+                    AnatolyUIModule
+                ],
+                declarations: [
+                    COMPONENTS
+                ],
+                exports: [
+                    COMPONENTS
+                ],
+                providers: [
+                    ScriptService,
+                    PayPalScriptService,
+                    PaymentsService
+                ]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(AnatolyBillingModule, { declarations: [BuyAccessButtonComponent, SubscribePlanButtonComponent, OrderSummaryComponent, PaymentMethodsComponent, PaymentOptionsComponent, BraintreeDialog, PaypalButtonComponent, PayPalComponent, StripeDialog], imports: [CommonModule,
+        ReactiveFormsModule,
+        FormsModule,
+        FaModule,
+        KendoModule,
+        AnatolyUIModule], exports: [BuyAccessButtonComponent, SubscribePlanButtonComponent, OrderSummaryComponent, PaymentMethodsComponent, PaymentOptionsComponent, BraintreeDialog, PaypalButtonComponent, PayPalComponent, StripeDialog] }); })();
 
 /*
 <file>
@@ -10476,5 +10635,5 @@ class AnatolyModule {
  * Generated bundle index. Do not edit.
  */
 
-export { AddressComponent, AdminGuard, Alerts, AnatolyBillingModule, AnatolyCoreModule, AnatolyDataModule, AnatolyHttpInterceptor, AnatolyIAMModule, AnatolyIAMPagesModule, AnatolyModule, AnatolyUIModule, ApiServiceBase, ApiUrl, AppContextService, AppCoreSettings, AppName, AppSettings, AppVersion, AppsGoServiceBase, AuthService, AuthenticationGuard, BillingUtils, BraintreeDialog, Browser, BuyAccessButtonComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CheckIconComponent, ClientApps, CompanyComponent, ComponentBase, ContactUsDialog, ContactUsForm, Convert, Copy2ClipboardComponent, CoreApiService, CountryDropdownlist, CurrenciesApiService, CurrenciesStorageService, DOM, DataPagerComponent, DataViewType, DateConvert, DefaultEditorOptions, DialogBase, DigitalMarketingService, DiscountCodeStatus, DiscountCodeType, DiscountCodesApiService, EditComponentBase, EditPageBase, EmailsApiService, EnumEditComponentBase, FeatureWillBeReadyComponent, FileSizePipe, FormValidationSummaryComponent, GABillingEvents, GAEvents, GlobalErrorHandler, GoServiceBase, GoogleAnalyticsService, GridEditServiceBase, GridReadServiceBase, Guid, HoveringDirective, HtmlEditorComponent, HtmlEditorComponentBase, IdleService, InjectorInstance, IsDevMode, IsProdMode, ItemValidationSummaryComponent, L10NUrl, L10nUtils, ListBase, LoadingComponent, LoadingService, LocalStorageService, LocalizationInjectorInstance, LocalizationModule, LocalizationService, LocalizationSettingsModule, LocalizePipe, LoggingService, MSALUtils, ModerationStatus, ModerationStatusDropdownlist, NativeElementDirective, NoMobileSupportComponent, NodataComponent, NotificationService, OrderSummaryComponent, PageBase, PageSpinnerComponent, PagedPageBase, PayPalComponent, PayPalScriptService, PaymentMethod, PaymentMethodsComponent, PaymentOptionsComponent, PaymentStage, PaymentType, PaymentsApiService, PaymentsService, PaypalButtonComponent, PublishStatus, PublishStatusDropdownlist, QSUtils, ReplaceTextPipe, SafeHtmlPipe, ScriptService, SessionStorageService, SignInButtonComponent, SignOutButtonComponent, SignUpButtonComponent, StarterGuard, StarterService, Stopwatch, StripeDialog, Subs, SubscribePlanButtonComponent, SubscriptionsApiService, TimezoneDropdownlist, TransactionsApiService, UrlSlugComponent, Utils, ValidationSummaryComponent, XmlFormatter, YouAgreeToOurTermsComponent, dateFormats, dateTimeFormats, getAppSettingsById, getAppSettingsByName, is, localizationInitializerFactory, throwIfAlreadyLoaded, timeFormats, translateLoaderFactory };
+export { AddressComponent, AdminGuard, Alerts, AnatolyBillingModule, AnatolyCoreModule, AnatolyDataModule, AnatolyHttpInterceptor, AnatolyIAMModule, AnatolyIAMPagesModule, AnatolyModule, AnatolyUIModule, ApiServiceBase, ApiUrl, AppContextService, AppCoreSettings, AppName, AppSettings, AppVersion, AppsGoServiceBase, AuthService, AuthenticationGuard, BillingUtils, BraintreeDialog, Browser, BuyAccessButtonComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CheckIconComponent, ClientApps, CompanyComponent, ComponentBase, ContactUsDialog, ContactUsForm, ControlPanelComponent, Convert, Copy2ClipboardComponent, CoreApiService, CountryDropdownlist, CurrenciesApiService, CurrenciesStorageService, DOM, DataPagerComponent, DataViewType, DateConvert, DefaultEditorOptions, DialogBase, DigitalMarketingService, DiscountCodeStatus, DiscountCodeType, DiscountCodesApiService, EditComponentBase, EditPageBase, EmailsApiService, EnumEditComponentBase, FeatureWillBeReadyComponent, FileSizePipe, FormValidationSummaryComponent, GABillingEvents, GAEvents, GlobalErrorHandler, GoServiceBase, GoogleAnalyticsService, GridEditServiceBase, GridReadServiceBase, Guid, HoveringDirective, HtmlEditorComponent, HtmlEditorComponentBase, IdleService, InjectorInstance, IsDevMode, IsProdMode, ItemValidationSummaryComponent, L10NUrl, L10nUtils, ListBase, LoadingComponent, LoadingService, LocalStorageService, LocalizationInjectorInstance, LocalizationModule, LocalizationService, LocalizationSettingsModule, LocalizePipe, LoggingService, MSALUtils, ModerationStatus, ModerationStatusDropdownlist, NativeElementDirective, NoMobileSupportComponent, NodataComponent, NotificationService, OrderSummaryComponent, PageBase, PageSpinnerComponent, PagedPageBase, PayPalComponent, PayPalScriptService, PaymentMethod, PaymentMethodsComponent, PaymentOptionsComponent, PaymentStage, PaymentType, PaymentsApiService, PaymentsService, PaypalButtonComponent, PublishStatus, PublishStatusDropdownlist, QSUtils, ReplaceTextPipe, SafeHtmlPipe, ScriptService, SessionStorageService, SignInButtonComponent, SignOutButtonComponent, SignUpButtonComponent, StarterGuard, StarterService, Stopwatch, StripeDialog, Subs, SubscribePlanButtonComponent, SubscriptionsApiService, TimezoneDropdownlist, TransactionsApiService, UrlSlugComponent, Utils, ValidationSummaryComponent, XmlFormatter, YouAgreeToOurTermsComponent, dateFormats, dateTimeFormats, getAppSettingsById, getAppSettingsByName, is, localizationInitializerFactory, throwIfAlreadyLoaded, timeFormats, translateLoaderFactory };
 //# sourceMappingURL=osovitny-anatoly.mjs.map