@osovitny/anatoly 3.19.46 → 3.19.48

package/fesm2022/osovitny-anatoly.mjs

@@ -356,9 +356,9 @@ class AppContextService extends ApiServiceBase {
         //userUpdated
         this._userUpdated = new BehaviorSubject(null);
         this.userUpdated$ = this._userUpdated.asObservable();
-        //jsonFilesLoaded
-        this._jsonFilesLoaded = new BehaviorSubject(null);
-        this.jsonFilesLoaded$ = this._jsonFilesLoaded.asObservable();
+        //standardJsonFilesLoaded
+        this._standardJsonFilesLoaded = new BehaviorSubject(null);
+        this.standardJsonFilesLoaded$ = this._standardJsonFilesLoaded.asObservable();
         this.baseUrl = `${ApiUrl}/appContext`;
     }
     //fires
@@ -371,8 +371,8 @@ class AppContextService extends ApiServiceBase {
     fireUserUpdated() {
         this._userUpdated.next(null);
     }
-    fireJsonFilesLoaded() {
-        this._jsonFilesLoaded.next(null);
+    fireStandardJsonFilesLoaded() {
+        this._standardJsonFilesLoaded.next(null);
     }
     //API
     getCountriesJsonFile() {
@@ -477,7 +477,7 @@ class AppContextService extends ApiServiceBase {
         let stopwatch = new Stopwatch("@osovitny/anatoly. AppContextService: loading standard json files");
         stopwatch.start();
         return tasks$.pipe(tap(() => {
-            this.fireJsonFilesLoaded();
+            this.fireStandardJsonFilesLoaded();
             //Logging
             stopwatch.stop();
             stopwatch.printElapsedAsMilliseconds();
@@ -3597,11 +3597,11 @@ class BrowserService {
     @osovitny/anatoly
 
   Authors:
-    Vadim Osovitny vadim.osovitny@osovitny.com
-    Anatoly Osovitny anatoly.osovitny@osovitny.com
+   Vadim Osovitny vadim.osovitny@osovitny.com
+   Anatoly Osovitny anatoly.osovitny@osovitny.com
 
   Created:
-    29 Nov 2020
+   29 Nov 2020
 
   Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
@@ -3612,25 +3612,72 @@ class DigitalMarketingService {
         this.title = title;
         this.meta = meta;
         this.dom = dom;
+        this.existingMetaTags = new Map();
     }
     updateTitle(title) {
         this.title.setTitle(title);
     }
     updateDescription(desc) {
-        this.meta.updateTag({ name: 'description', content: desc });
+        if (desc) {
+            this.meta.updateTag({ name: 'description', content: desc });
+        }
+        else {
+            this.meta.removeTag('name="description"');
+        }
     }
     updateKeywords(keywords) {
-        this.meta.updateTag({ name: 'keywords', content: keywords });
+        if (keywords) {
+            this.meta.updateTag({ name: 'keywords', content: keywords });
+        }
+        else {
+            this.meta.removeTag('name="keywords"');
+        }
     }
-    updateMetaTags(meta) {
-        meta.forEach(m => this.meta.updateTag(m));
+    updateMetaTags(metaDefinitions) {
+        this.removePreviousMetaTags();
+        if (metaDefinitions && metaDefinitions.length > 0) {
+            metaDefinitions.forEach(metaDef => {
+                const tag = this.meta.updateTag(metaDef);
+                if (tag) {
+                    const key = this.getMetaTagKey(metaDef);
+                    this.existingMetaTags.set(key, tag);
+                }
+            });
+        }
+    }
+    removePreviousMetaTags() {
+        this.existingMetaTags.forEach((tag, key) => {
+            if (tag && tag.parentNode) {
+                tag.parentNode.removeChild(tag);
+            }
+        });
+        this.existingMetaTags.clear();
+    }
+    getMetaTagKey(metaDef) {
+        if (metaDef.name) {
+            return `name:${metaDef.name}`;
+        }
+        else if (metaDef.property) {
+            return `property:${metaDef.property}`;
+        }
+        else if (metaDef.httpEquiv) {
+            return `httpEquiv:${metaDef.httpEquiv}`;
+        }
+        return Math.random().toString(); // fallback
     }
     setCanonicalUrl(url) {
         const canUrl = url === undefined ? this.dom.URL : url;
+        const head = this.dom.getElementsByTagName('head')[0];
+        const existingLinks = this.dom.querySelectorAll('link[rel="canonical"]');
+        existingLinks.forEach((link) => {
+            if (link.parentNode) {
+                link.parentNode.removeChild(link);
+            }
+        });
         const link = this.dom.createElement('link');
         link.setAttribute('rel', 'canonical');
-        this.dom.head.appendChild(link);
         link.setAttribute('href', canUrl);
+        head.appendChild(link);
     }
     updateCanonicalUrl(url) {
         const canUrl = url === undefined ? this.dom.URL : url;
@@ -3643,6 +3690,38 @@ class DigitalMarketingService {
         link.setAttribute('rel', 'canonical');
         link.setAttribute('href', canUrl);
     }
+    updateOpenGraphTags(ogTags) {
+        const metaTags = [];
+        if (ogTags.title) {
+            metaTags.push({ property: 'og:title', content: ogTags.title });
+            metaTags.push({ name: 'twitter:title', content: ogTags.title });
+        }
+        if (ogTags.description) {
+            metaTags.push({ property: 'og:description', content: ogTags.description });
+            metaTags.push({ name: 'twitter:description', content: ogTags.description });
+        }
+        if (ogTags.image) {
+            metaTags.push({ property: 'og:image', content: ogTags.image });
+            metaTags.push({ name: 'twitter:image', content: ogTags.image });
+        }
+        if (ogTags.url) {
+            metaTags.push({ property: 'og:url', content: ogTags.url });
+        }
+        metaTags.push({ name: 'twitter:card', content: 'summary_large_image' });
+        this.updateMetaTags(metaTags);
+    }
+    clearAllMetaTags() {
+        this.removePreviousMetaTags();
+        this.meta.removeTag('name="description"');
+        this.meta.removeTag('name="keywords"');
+        const metaTagsToRemove = [
+            'property="og:title"', 'property="og:description"', 'property="og:image"', 'property="og:url"',
+            'name="twitter:title"', 'name="twitter:description"', 'name="twitter:image"', 'name="twitter:card"'
+        ];
+        metaTagsToRemove.forEach(selector => {
+            this.meta.removeTag(selector);
+        });
+    }
     static { this.ɵfac = function DigitalMarketingService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DigitalMarketingService)(i0.ɵɵinject(i1$7.Title), i0.ɵɵinject(i1$7.Meta), i0.ɵɵinject(DOCUMENT)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: DigitalMarketingService, factory: DigitalMarketingService.ɵfac, providedIn: 'root' }); }
 }
@@ -7210,7 +7289,7 @@ class CountryDropdownlist extends EditComponentBase {
         this.setValues();
     }
     setValues() {
-        this.appContext.jsonFilesLoaded$.subscribe({
+        this.appContext.standardJsonFilesLoaded$.subscribe({
             next: () => {
                 this.items = Utils.sortArray(this.appContext.countries);
             }
@@ -7279,7 +7358,7 @@ class LanguageDropdownlist extends EditComponentBase {
         this.appContext = appContext;
     }
     ngOnInit() {
-        this.appContext.jsonFilesLoaded$.subscribe({
+        this.appContext.standardJsonFilesLoaded$.subscribe({
             next: () => {
                 this.items = Utils.sortArray(this.appContext.languages);
             }
@@ -7688,7 +7767,7 @@ class TimezoneDropdownlist extends EditComponentBase {
         this.setValues();
     }
     setValues() {
-        this.appContext.jsonFilesLoaded$.subscribe({
+        this.appContext.standardJsonFilesLoaded$.subscribe({
             next: () => {
                 this.items = Utils.sortArray(this.appContext.timezones);
             }
@@ -9737,7 +9816,7 @@ class AddressComponent extends EditComponentBase {
         this.title = 'Address';
     }
     ngOnInit() {
-        this.appContext.jsonFilesLoaded$.subscribe({
+        this.appContext.standardJsonFilesLoaded$.subscribe({
             next: () => {
                 this.countryData = Utils.sortArray(this.appContext.countries);
                 this.usStateData = Utils.sortArray(this.appContext.usStates);