@smartsoft001-mobilems/angular 2.78.0 → 2.80.0

package/fesm2022/smartsoft001-mobilems-angular.mjs

@@ -1,6 +1,6 @@
 import { __decorate, __metadata } from 'tslib';
 import * as i0 from '@angular/core';
-import { Injectable, inject, PLATFORM_ID, signal, effect, computed, input, output, HostListener, Component, ApplicationRef, EnvironmentInjector, createComponent, InjectionToken, Directive, contentChild, Inject, viewChild, ElementRef, APP_INITIALIZER, NgModule } from '@angular/core';
+import { Injectable, inject, PLATFORM_ID, signal, effect, computed, input, output, HostListener, Component, ApplicationRef, EnvironmentInjector, createComponent, InjectionToken, Directive, contentChild, Inject, NgZone, viewChild, model, ElementRef, APP_INITIALIZER, NgModule } from '@angular/core';
 import { Meta, Title, DomSanitizer } from '@angular/platform-browser';
 import { StyleService as StyleService$1, ReduxAction, AppBaseComponent, PageBaseComponent, BaseComponent } from '@smartsoft001/angular';
 import { HttpClient } from '@angular/common/http';
@@ -14,10 +14,12 @@ import { TranslateService } from '@ngx-translate/core';
 import { CrudSearchService, CrudService, CrudFacade } from '@smartsoft001/crud-shell-angular';
 import * as _ from 'lodash';
 import { Debounce } from 'lodash-decorators';
+import Swiper from 'swiper';
+import { Navigation, Autoplay } from 'swiper/modules';
+import { toSignal } from '@angular/core/rxjs-interop';
 import { ConfigPageType, ArticleWidgetType } from '@smartsoft001-mobilems/models';
 import { Masonry } from '@thisissoon/angular-masonry';
 import { capitalize } from '@smartsoft001/utils';
-import { toSignal } from '@angular/core/rxjs-interop';
 
 function setTranslationsAndLang(service) {
     const map = {
@@ -77,10 +79,10 @@ class AuthStorageService {
     hasUser() {
         return this.getUser() !== null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: AuthStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: AuthStorageService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AuthStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AuthStorageService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: AuthStorageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AuthStorageService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -93,10 +95,10 @@ class SharedConfig {
         this.multimediaUrl = '';
         this.mainLogoPath = '/assets/gfx/logo/main-logo.png';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: SharedConfig, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: SharedConfig }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SharedConfig, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SharedConfig }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: SharedConfig, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SharedConfig, decorators: [{
             type: Injectable
         }] });
 
@@ -129,10 +131,10 @@ class ConfigsService {
             .get(this.config.apiUrl + 'page/' + id)
             .pipe(map((r) => r.data)));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ConfigsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ConfigsService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ConfigsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ConfigsService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ConfigsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ConfigsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -194,10 +196,10 @@ class ContrastService {
         element.style.removeProperty('--cv-wcag-color-1');
         element.style.removeProperty('--cv-wcag-color-2');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ContrastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ContrastService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ContrastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ContrastService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ContrastService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ContrastService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -233,10 +235,10 @@ class DictionaryService {
             .get(url)
             .pipe(map((r) => r.data));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: DictionaryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: DictionaryService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: DictionaryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: DictionaryService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: DictionaryService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: DictionaryService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -272,7 +274,9 @@ class FileUrlService {
         if (path[0] === '/') {
             path = path.substring(1);
         }
-        const shouldSkipExtensionReplacement = isStringPath || path.includes('media/dictionaries') || path.includes('media/articles');
+        const shouldSkipExtensionReplacement = isStringPath ||
+            path.includes('media/dictionaries') ||
+            path.includes('media/articles');
         if (!shouldSkipExtensionReplacement) {
             path = this.replaceExtensionIfCache(path, mode);
         }
@@ -309,10 +313,10 @@ class FileUrlService {
                 return 'upload/multimedia/';
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: FileUrlService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: FileUrlService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: FileUrlService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: FileUrlService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: FileUrlService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: FileUrlService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -357,10 +361,10 @@ class GlobalService {
             })
                 .join(''));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: GlobalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: GlobalService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GlobalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GlobalService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: GlobalService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GlobalService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -417,10 +421,10 @@ class TranslationService {
         }
         return this.translateService.getBrowserLang() || 'en';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: TranslationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: TranslationService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: TranslationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: TranslationService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: TranslationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: TranslationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -569,10 +573,10 @@ class MetaService {
         }
         return '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: MetaService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: MetaService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MetaService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MetaService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: MetaService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MetaService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -607,8 +611,8 @@ class ModalContainerComponent {
     onBackdropClick(_event) {
         this.backdropClick.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ModalContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.0", type: ModalContainerComponent, isStandalone: true, selector: "smart-mobilems-modal-container", inputs: { contentTemplate: { classPropertyName: "contentTemplate", publicName: "contentTemplate", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { backdropClick: "backdropClick" }, host: { listeners: { "document:keydown.escape": "onEscapeKey()" } }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ModalContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.1", type: ModalContainerComponent, isStandalone: true, selector: "smart-mobilems-modal-container", inputs: { contentTemplate: { classPropertyName: "contentTemplate", publicName: "contentTemplate", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { backdropClick: "backdropClick" }, host: { listeners: { "document:keydown.escape": "onEscapeKey()" } }, ngImport: i0, template: `
     <div
       class="smart-fixed smart-inset-0 smart-bg-black smart-bg-opacity-50 smart-flex smart-items-center smart-justify-center smart-z-50"
       (click)="onBackdropClick($event)"
@@ -624,7 +628,7 @@ class ModalContainerComponent {
     </div>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ModalContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ModalContainerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'smart-mobilems-modal-container',
@@ -646,7 +650,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
     </div>
   `,
                 }]
-        }], propDecorators: { onEscapeKey: [{
+        }], propDecorators: { contentTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentTemplate", required: true }] }], backdropClick: [{ type: i0.Output, args: ["backdropClick"] }], onEscapeKey: [{
                 type: HostListener,
                 args: ['document:keydown.escape']
             }] } });
@@ -727,10 +731,10 @@ class ModalService {
         const modals = [...this.activeModals];
         modals.forEach((componentRef) => this.closeModal(componentRef));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ModalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ModalService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ModalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ModalService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ModalService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ModalService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -797,10 +801,10 @@ class SearchService extends CrudSearchService {
         }
         return map;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: SearchService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: SearchService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SearchService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SearchService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: SearchService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SearchService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -915,10 +919,10 @@ class SeoService {
             return encodedStr;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: SeoService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: SeoService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SeoService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SeoService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: SeoService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SeoService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -950,10 +954,10 @@ class SettingsService {
     getMainLogo() {
         return this.config.mainLogoPath;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: SettingsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: SettingsService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SettingsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SettingsService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: SettingsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SettingsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -972,10 +976,10 @@ class StyleService {
         };
         this.smartStyleService.init(elementRef, variables);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: StyleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: StyleService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: StyleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: StyleService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: StyleService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: StyleService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1099,10 +1103,10 @@ class WcagService {
         const translationKey = `WCAG.${type}.${value}`;
         announceElement.innerHTML = this.translationService.get(translationKey);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: WcagService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: WcagService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: WcagService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: WcagService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: WcagService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: WcagService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1270,8 +1274,8 @@ class ConfigsFacade {
             return config;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ConfigsFacade, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ConfigsFacade, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ConfigsFacade, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ConfigsFacade, providedIn: 'root' }); }
 }
 __decorate([
     ReduxAction(),
@@ -1285,7 +1289,7 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", Promise)
 ], ConfigsFacade.prototype, "init", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ConfigsFacade, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ConfigsFacade, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1293,19 +1297,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
         }], propDecorators: { getPage: [], init: [] } });
 
 class AppComponent extends AppBaseComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: AppComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: AppComponent, isStandalone: true, selector: "smart-mobilems-app", usesInheritance: true, ngImport: i0, template: "<ng-content select=\"header\"></ng-content>\n\n<main>\n  <router-outlet></router-outlet>\n</main>\n\n<ng-content select=\"footer\"></ng-content>\n", dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AppComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: AppComponent, isStandalone: true, selector: "smart-mobilems-app", usesInheritance: true, ngImport: i0, template: "<ng-content select=\"header\"></ng-content>\n\n<main>\n  <router-outlet></router-outlet>\n</main>\n\n<ng-content select=\"footer\"></ng-content>\n", dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: AppComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AppComponent, decorators: [{
             type: Component,
             args: [{ selector: 'smart-mobilems-app', imports: [RouterOutlet], template: "<ng-content select=\"header\"></ng-content>\n\n<main>\n  <router-outlet></router-outlet>\n</main>\n\n<ng-content select=\"footer\"></ng-content>\n" }]
         }] });
 
 class PageComponent extends PageBaseComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: PageComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: PageComponent, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: PageComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: PageComponent, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: PageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: PageComponent, decorators: [{
             type: Directive
         }] });
 
@@ -1565,6 +1569,12 @@ class FiltersContext extends BaseComponent {
     get authors() {
         return this.filterGet('=', 'authors');
     }
+    set formFeature(val) {
+        this.filterSet(this.formFeature, val, 'formFeature', '=');
+    }
+    get formFeature() {
+        return this.filterGet('=', 'formFeature');
+    }
     set targetGroups(val) {
         this.filterSet(this.targetGroups, val, 'targetGroups', '=');
     }
@@ -1589,6 +1599,12 @@ class FiltersContext extends BaseComponent {
     get extraNumbersValue() {
         return this.filterGet('=', 'extraNumbersValue');
     }
+    set inventoryNumber(val) {
+        this.filterSet(this.inventoryNumber, val, 'inventoryNumber', '=');
+    }
+    get inventoryNumber() {
+        return this.filterGet('=', 'inventoryNumber');
+    }
     set filters(filters) {
         this.multipleFilterSet(filters?.map(({ val, key, type }) => ({
             currentValue: this.filterGet(type, key),
@@ -1698,15 +1714,15 @@ class FiltersBaseComponent {
     ngAfterContentInit() {
         this.context = new FiltersContext(this.facade);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: FiltersBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.1.0", type: FiltersBaseComponent, isStandalone: true, selector: "smart-mobilems-filters", queries: [{ propertyName: "contentTpl", first: true, predicate: ["contentTpl"], descendants: true, isSignal: true }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: FiltersBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.1", type: FiltersBaseComponent, isStandalone: true, selector: "smart-mobilems-filters", queries: [{ propertyName: "contentTpl", first: true, predicate: ["contentTpl"], descendants: true, isSignal: true }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: FiltersBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: FiltersBaseComponent, decorators: [{
             type: Directive,
             args: [{
                     selector: 'smart-mobilems-filters',
                 }]
-        }] });
+        }], propDecorators: { contentTpl: [{ type: i0.ContentChild, args: ['contentTpl', { isSignal: true }] }] } });
 
 class ScrollTopComponent {
     constructor(document) {
@@ -1732,10 +1748,10 @@ class ScrollTopComponent {
         };
         window.scrollTo(scrollOptions);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ScrollTopComponent, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: ScrollTopComponent, isStandalone: true, host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ScrollTopComponent, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: ScrollTopComponent, isStandalone: true, host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ScrollTopComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ScrollTopComponent, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: Document, decorators: [{
                     type: Inject,
@@ -1745,6 +1761,790 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
                 args: ['window:scroll', []]
             }] } });
 
+class SliderBaseComponent {
+    constructor() {
+        this.fileUrlService = inject(FileUrlService);
+        this.slides = input([], ...(ngDevMode ? [{ debugName: "slides" }] : []));
+        this.autoplayEnabled = signal(true, ...(ngDevMode ? [{ debugName: "autoplayEnabled" }] : []));
+        this.windowWidth = signal(typeof window !== 'undefined' ? window.innerWidth : 1024, ...(ngDevMode ? [{ debugName: "windowWidth" }] : []));
+        // Computed signal that recalculates images when windowWidth or slides change
+        this.slideImages = computed(() => {
+            const width = this.windowWidth();
+            const slides = this.slides();
+            return slides.map((slide) => {
+                let imageSource;
+                if (width < 768) {
+                    imageSource =
+                        slide.imageMobile || slide.imageTablet || slide.imageDesktop;
+                }
+                else if (width < 1024) {
+                    imageSource =
+                        slide.imageTablet || slide.imageDesktop || slide.imageMobile;
+                }
+                else {
+                    imageSource =
+                        slide.imageDesktop || slide.imageTablet || slide.imageMobile;
+                }
+                if (!imageSource) {
+                    return '/gfx/no-image.png';
+                }
+                return this.fileUrlService.get(imageSource);
+            });
+        }, ...(ngDevMode ? [{ debugName: "slideImages" }] : []));
+        this.ngZone = inject(NgZone);
+        this.swiperContainer = viewChild('swiperContainer', ...(ngDevMode ? [{ debugName: "swiperContainer" }] : []));
+        effect(() => {
+            const slides = this.slides();
+            if (this.swiper && slides.length > 0) {
+                this.swiper.update();
+            }
+        });
+    }
+    ngOnInit() {
+        this.initSwiper();
+        // Listen to window resize to recreate swiper completely
+        this.resizeListener = () => {
+            this.ngZone.run(() => {
+                this.windowWidth.set(window.innerWidth);
+                this.recreateSwiper();
+            });
+        };
+        window.addEventListener('resize', this.resizeListener);
+    }
+    ngOnDestroy() {
+        if (this.resizeListener && typeof window !== 'undefined') {
+            window.removeEventListener('resize', this.resizeListener);
+        }
+        if (this.swiper) {
+            this.swiper.destroy(true, true);
+        }
+    }
+    toggleAutoplay() {
+        this.autoplayEnabled.update((current) => !current);
+        if (this.swiper) {
+            if (this.autoplayEnabled()) {
+                this.swiper.params.autoplay = {
+                    delay: 5000,
+                    disableOnInteraction: false,
+                };
+                this.swiper.autoplay.start();
+            }
+            else {
+                this.swiper.autoplay.stop();
+            }
+        }
+    }
+    getImage(slide) {
+        let imageSource;
+        if (typeof window !== 'undefined') {
+            const width = window.innerWidth;
+            if (width < 768) {
+                imageSource =
+                    slide.imageMobile || slide.imageTablet || slide.imageDesktop;
+            }
+            else if (width < 1024) {
+                imageSource =
+                    slide.imageTablet || slide.imageDesktop || slide.imageMobile;
+            }
+            else {
+                imageSource =
+                    slide.imageDesktop || slide.imageTablet || slide.imageMobile;
+            }
+        }
+        else {
+            imageSource =
+                slide.imageDesktop || slide.imageTablet || slide.imageMobile;
+        }
+        // Return the image source directly if it's a URL, otherwise use FileUrlService
+        if (!imageSource) {
+            return '/gfx/no-image.png';
+        }
+        return this.fileUrlService.get(imageSource);
+    }
+    initSwiper() {
+        const container = this.swiperContainer();
+        if (!container)
+            return;
+        // if (isPlatformServer(this.platformId)) return;
+        this.swiper = new Swiper(container.nativeElement, {
+            modules: [Navigation, Autoplay],
+            loop: true,
+            autoplay: {
+                delay: 5000,
+                disableOnInteraction: false,
+            },
+            navigation: {
+                nextEl: '.swiper-button-next',
+                prevEl: '.swiper-button-prev',
+            },
+            slidesPerView: 1,
+            spaceBetween: 0,
+        });
+    }
+    recreateSwiper() {
+        const container = this.swiperContainer();
+        if (!container)
+            return;
+        // Destroy existing swiper
+        if (this.swiper) {
+            this.swiper.destroy(true, true);
+            this.swiper = undefined;
+        }
+        // Small delay to ensure DOM is updated after signal change
+        setTimeout(() => {
+            this.createSwiper(container.nativeElement);
+        }, 0);
+    }
+    createSwiper(element) {
+        this.swiper = new Swiper(element, {
+            modules: [Navigation, Autoplay],
+            loop: true,
+            autoplay: {
+                delay: 5000,
+                disableOnInteraction: false,
+            },
+            navigation: {
+                nextEl: '.swiper-button-next',
+                prevEl: '.swiper-button-prev',
+            },
+            slidesPerView: 1,
+            spaceBetween: 0,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SliderBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.1", type: SliderBaseComponent, isStandalone: true, inputs: { slides: { classPropertyName: "slides", publicName: "slides", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "swiperContainer", first: true, predicate: ["swiperContainer"], descendants: true, isSignal: true }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SliderBaseComponent, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [], propDecorators: { slides: [{ type: i0.Input, args: [{ isSignal: true, alias: "slides", required: false }] }], swiperContainer: [{ type: i0.ViewChild, args: ['swiperContainer', { isSignal: true }] }] } });
+
+class SearchBaseComponent {
+    constructor() {
+        this.route = inject(ActivatedRoute);
+        this.router = inject(Router);
+        this.service = inject(SearchService);
+        this.params = toSignal(this.route.params);
+        this.text = signal('', ...(ngDevMode ? [{ debugName: "text" }] : []));
+        this.data = signal(null, ...(ngDevMode ? [{ debugName: "data" }] : []));
+        this.tabs = signal([], ...(ngDevMode ? [{ debugName: "tabs" }] : []));
+        this.searchMap = {
+            fallbackId: 'obiekty',
+            fallbackLabel: 'Obiekty',
+            fallbackProperty: 'objects',
+            searchTabs: [],
+        };
+        this.activeTab = signal(this.searchMap.fallbackId, ...(ngDevMode ? [{ debugName: "activeTab" }] : []));
+        effect(async () => {
+            const { text } = this.params();
+            this.text.set(text);
+            const data = await firstValueFrom(this.service.search(text ? text : '_'));
+            let path = this.searchMap.fallbackId;
+            const tabs = [];
+            for (const tab of this.searchMap.searchTabs) {
+                if (data[tab.property]) {
+                    tabs.push({
+                        id: tab.id,
+                        label: `${tab.label} (${data[tab.property]})`,
+                    });
+                }
+            }
+            if (!tabs.length) {
+                tabs.push({
+                    id: this.searchMap.fallbackId,
+                    label: `${this.searchMap.fallbackLabel} (${data[this.searchMap.fallbackProperty]})`,
+                });
+            }
+            for (const tab of this.searchMap.searchTabs) {
+                if (data[tab.property]) {
+                    path = tab.id;
+                    break;
+                }
+            }
+            this.data.set(data);
+            this.tabs.set(tabs);
+            this.activeTab.set(path);
+            await this.router.navigate([`/wyszukaj/${text}/${path}`]);
+        });
+        effect(() => {
+            const activeTab = this.activeTab();
+            const text = this.text();
+            this.router.navigate([`/wyszukaj/${text}/${activeTab}`]);
+        });
+    }
+    ngOnInit() {
+        this.service.setEnabled(true);
+    }
+    ngOnDestroy() {
+        this.service.setEnabled(false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SearchBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: SearchBaseComponent, isStandalone: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SearchBaseComponent, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [] });
+
+class MediaTabBaseComponent {
+    constructor() {
+        this.item = input.required(...(ngDevMode ? [{ debugName: "item" }] : []));
+        this.formFeatureTypes = input.required(...(ngDevMode ? [{ debugName: "formFeatureTypes" }] : []));
+        this.models = computed(() => {
+            const obj = this.item();
+            let filtered = [];
+            if (obj.additionalImages && Array.isArray(obj.additionalImages)) {
+                filtered = obj.additionalImages
+                    .filter((file) => file?.formFeature
+                    ? this.formFeatureTypes().includes(file.formFeature)
+                    : false)
+                    .sort((a, b) => (a?.position ?? 0) - (b?.position ?? 0));
+            }
+            return filtered;
+        }, ...(ngDevMode ? [{ debugName: "models" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MediaTabBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.1", type: MediaTabBaseComponent, isStandalone: true, inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null }, formFeatureTypes: { classPropertyName: "formFeatureTypes", publicName: "formFeatureTypes", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MediaTabBaseComponent, decorators: [{
+            type: Directive
+        }], propDecorators: { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: true }] }], formFeatureTypes: [{ type: i0.Input, args: [{ isSignal: true, alias: "formFeatureTypes", required: true }] }] } });
+
+class GalleryFullscreenBaseComponent {
+    constructor() {
+        this.fileUrlService = inject(FileUrlService);
+        this.document = inject(DOCUMENT);
+        this.ngZone = inject(NgZone);
+        this.items = input(...(ngDevMode ? [undefined, { debugName: "items" }] : []));
+        this.alt = input('', ...(ngDevMode ? [{ debugName: "alt" }] : []));
+        this.id = input('imagePreview', ...(ngDevMode ? [{ debugName: "id" }] : []));
+        this.selectedIndex = model(0, ...(ngDevMode ? [{ debugName: "selectedIndex" }] : []));
+        this.closeChange = output();
+        // Touch pinch gesture tracking
+        this.touchStartDistance = 0;
+        this.touchStartZoom = 1;
+        // Pinch midpoint (client coords) and transform at start of pinch
+        this.pinchStartClientX = 0;
+        this.pinchStartClientY = 0;
+        this.pinchStartTransformX = 0;
+        this.pinchStartTransformY = 0;
+        // Pan/drag gesture tracking
+        this.isPanning = signal(false, ...(ngDevMode ? [{ debugName: "isPanning" }] : []));
+        this.panStartX = 0;
+        this.panStartY = 0;
+        this.panStartTransformX = 0;
+        this.panStartTransformY = 0;
+        this.touchStartedOnButton = false;
+        this.canGoPrevious = computed(() => this.fullscreenIndex() > 0, ...(ngDevMode ? [{ debugName: "canGoPrevious" }] : []));
+        this.canGoNext = computed(() => {
+            const items = this.items();
+            return items && this.fullscreenIndex() < items.length - 1;
+        }, ...(ngDevMode ? [{ debugName: "canGoNext" }] : []));
+        // Fullscreen state
+        this.fullscreenIndex = signal(0, ...(ngDevMode ? [{ debugName: "fullscreenIndex" }] : []));
+        this.zoomLevel = signal(1, ...(ngDevMode ? [{ debugName: "zoomLevel" }] : []));
+        this.rotation = signal(0, ...(ngDevMode ? [{ debugName: "rotation" }] : []));
+        this.transform = computed(() => {
+            const trans = this.imageTransform();
+            return `
+    translate(${trans.x}px, ${trans.y}px)
+    scale(${this.zoomLevel()})
+    rotate(${this.rotation()}deg)
+  `;
+        }, ...(ngDevMode ? [{ debugName: "transform" }] : []));
+        this.imageTransform = signal({ x: 0, y: 0 }, ...(ngDevMode ? [{ debugName: "imageTransform" }] : []));
+        // Loading indicator for fullscreen image
+        this.isFullscreenLoading = signal(true, ...(ngDevMode ? [{ debugName: "isFullscreenLoading" }] : []));
+        this.fullscreenItem = computed(() => {
+            const items = this.items();
+            const index = this.fullscreenIndex();
+            if (!items)
+                return null;
+            return items[index] || null;
+        }, ...(ngDevMode ? [{ debugName: "fullscreenItem" }] : []));
+        // OpenSeadragon viewer instance
+        this.osdViewer = null;
+        this.openseadragonModule = null;
+        this.osdContainerId = computed(() => `osd-viewer-${this.id()}`, ...(ngDevMode ? [{ debugName: "osdContainerId" }] : []));
+        // Reset fullscreen zoom when changing images
+        effect(() => {
+            this.fullscreenIndex();
+            this.zoomLevel.set(1);
+            this.imageTransform.set({ x: 0, y: 0 });
+            this.rotation.set(0);
+            // Load new image in OpenSeadragon if viewer exists
+            if (this.osdViewer) {
+                const item = this.fullscreenItem();
+                if (item?.image) {
+                    this.loadOsdImage(item.image);
+                }
+            }
+        });
+    }
+    ngAfterViewInit() {
+        this.initFullscreen();
+    }
+    ngOnDestroy() {
+        this.stopLoading();
+        this.zoomLevel.set(1);
+        this.imageTransform.set({ x: 0, y: 0 });
+        this.document.body.classList.remove('smart-gallery-fullscreen-active');
+        // Destroy OpenSeadragon viewer
+        if (this.osdViewer) {
+            this.ngZone.runOutsideAngular(() => {
+                try {
+                    this.osdViewer.destroy();
+                }
+                catch (e) {
+                    // Ignore errors
+                }
+            });
+            this.osdViewer = null;
+        }
+    }
+    async initFullscreen() {
+        this.fullscreenIndex.set(this.selectedIndex());
+        this.document.body.classList.add('smart-gallery-fullscreen-active');
+        const item = this.fullscreenItem();
+        if (!item?.image)
+            return;
+        try {
+            // Lazy load OpenSeadragon
+            if (!this.openseadragonModule) {
+                this.openseadragonModule = await import('openseadragon');
+            }
+            // Wait for template to render
+            await new Promise((resolve) => setTimeout(resolve, 0));
+            const container = this.document.getElementById(this.osdContainerId());
+            if (!container) {
+                this.startLoading();
+                return;
+            }
+            // Create viewer outside Angular zone for better performance
+            if (!this.osdViewer) {
+                this.osdViewer = this.ngZone.runOutsideAngular(() => {
+                    const viewer = this.openseadragonModule.default({
+                        element: container,
+                        prefixUrl: 'https://openseadragon.github.io/openseadragon/images/',
+                        animationTime: 0.5,
+                        blendTime: 0.1,
+                        constrainDuringPan: true,
+                        maxZoomPixelRatio: 2,
+                        minZoomLevel: 0,
+                        visibilityRatio: 1,
+                        zoomPerScroll: 1.2,
+                        showNavigator: false,
+                        showNavigationControl: false,
+                        gestureSettingsMouse: {
+                            scrollToZoom: true,
+                            clickToZoom: false,
+                            dblClickToZoom: true,
+                            pinchToZoom: true,
+                            flickEnabled: true,
+                            flickMinSpeed: 0.5,
+                            flickMomentum: 0.25,
+                        },
+                        gestureSettingsTouch: {
+                            scrollToZoom: false,
+                            clickToZoom: false,
+                            dblClickToZoom: true,
+                            pinchToZoom: true,
+                            flickEnabled: true,
+                            flickMinSpeed: 0.5,
+                            flickMomentum: 0.25,
+                        },
+                    });
+                    // Sync zoom level with component state (run inside Angular zone)
+                    viewer.addHandler('open', () => {
+                        this.ngZone.run(() => {
+                            this.stopLoading();
+                            try {
+                                const viewport = viewer.viewport;
+                                viewport.setRotation(0);
+                                viewport.goHome(true);
+                                this.rotation.set(0);
+                                const homeZoom = viewer.viewport.getHomeZoom();
+                                // Dynamically set minZoomLevel to 50% of home zoom
+                                // This ensures all images can zoom out to exactly 50% regardless of aspect ratio
+                                viewer.viewport.minZoomLevel = homeZoom * 0.5;
+                                const currentZoom = viewer.viewport.getZoom();
+                                // Normalize: 100% = fit to screen (home zoom)
+                                const normalizedZoom = currentZoom / homeZoom;
+                                this.zoomLevel.set(normalizedZoom);
+                            }
+                            catch (e) {
+                                this.zoomLevel.set(1);
+                                this.rotation.set(0);
+                            }
+                        });
+                    });
+                    viewer.addHandler('zoom', () => {
+                        this.ngZone.run(() => {
+                            try {
+                                const homeZoom = viewer.viewport.getHomeZoom();
+                                const currentZoom = viewer.viewport.getZoom();
+                                const normalizedZoom = currentZoom / homeZoom;
+                                this.zoomLevel.set(normalizedZoom);
+                            }
+                            catch (e) {
+                                // Ignore errors
+                            }
+                        });
+                    });
+                    return viewer;
+                });
+            }
+            // Load image into OpenSeadragon
+            await this.loadOsdImage(item.image);
+        }
+        catch (error) {
+            console.error('Failed to initialize OpenSeadragon:', error);
+            this.startLoading();
+        }
+    }
+    // Called from template when fullscreen image loads or fails
+    onFullscreenImageLoad() {
+        this.stopLoading();
+    }
+    startLoading() {
+        this.isFullscreenLoading.set(true);
+    }
+    stopLoading() {
+        this.isFullscreenLoading.set(false);
+    }
+    closeFullscreen() {
+        this.closeChange.emit();
+    }
+    rotateRight() {
+        this.rotation.update((r) => (r + 90) % 360);
+        if (this.osdViewer) {
+            this.ngZone.runOutsideAngular(() => {
+                try {
+                    const viewport = this.osdViewer.viewport;
+                    viewport.setRotation(this.rotation());
+                    viewport.applyConstraints();
+                }
+                catch (e) {
+                    return;
+                }
+            });
+        }
+    }
+    handleKeyboardEvent(event) {
+        switch (event.key) {
+            case 'Escape':
+                this.closeFullscreen();
+                event.preventDefault();
+                break;
+            case 'ArrowLeft':
+                this.previousImage();
+                event.preventDefault();
+                break;
+            case 'ArrowRight':
+                this.nextImage();
+                event.preventDefault();
+                break;
+            case '+':
+            case '=':
+                this.zoomIn();
+                event.preventDefault();
+                break;
+            case '-':
+                this.zoomOut();
+                event.preventDefault();
+                break;
+            case '0':
+                this.resetZoom();
+                event.preventDefault();
+                break;
+        }
+    }
+    handleTouchStart(event) {
+        // Check if touch started on a button
+        const target = event.target;
+        this.touchStartedOnButton = !!target.closest('button');
+        if (this.touchStartedOnButton)
+            return true;
+        // If OpenSeadragon is active, let it handle gestures
+        if (this.osdViewer)
+            return false;
+        event.preventDefault();
+        event.stopPropagation();
+        // Handle pinch gesture (two fingers)
+        if (event.touches.length === 2) {
+            const touch1 = event.touches[0];
+            const touch2 = event.touches[1];
+            this.touchStartDistance = this.getDistance(touch1, touch2);
+            this.touchStartZoom = this.zoomLevel();
+            this.isPanning.set(false);
+            // store pinch midpoint (client coordinates) and current transform to keep the midpoint fixed while scaling
+            const midX = (touch1.clientX + touch2.clientX) / 2;
+            const midY = (touch1.clientY + touch2.clientY) / 2;
+            this.pinchStartClientX = midX;
+            this.pinchStartClientY = midY;
+            this.pinchStartTransformX = this.imageTransform().x;
+            this.pinchStartTransformY = this.imageTransform().y;
+        }
+        else if (event.touches.length === 1 && this.zoomLevel() > 1) {
+            // Handle pan gesture only if zoomed in
+            this.isPanning.set(true);
+            this.panStartX = event.touches[0].clientX;
+            this.panStartY = event.touches[0].clientY;
+            this.panStartTransformX = this.imageTransform().x;
+            this.panStartTransformY = this.imageTransform().y;
+        }
+        return false;
+    }
+    handleTouchMove(event) {
+        if (this.touchStartedOnButton)
+            return true;
+        // If OpenSeadragon is active, let it handle gestures
+        if (this.osdViewer)
+            return false;
+        event.preventDefault();
+        event.stopPropagation();
+        // Handle pinch zoom (two fingers)
+        if (event.touches.length === 2 && this.touchStartDistance > 0) {
+            const touch1 = event.touches[0];
+            const touch2 = event.touches[1];
+            const currentDistance = this.getDistance(touch1, touch2);
+            const scale = currentDistance / this.touchStartDistance;
+            const newZoom = Math.max(0.5, Math.min(5, this.touchStartZoom * scale));
+            // adjust transform so the pinch midpoint remains under the same screen point
+            const el = this.document.getElementById(this.id());
+            if (el) {
+                const rect = el.getBoundingClientRect();
+                // relative point inside the element (in element pixels) at start of pinch
+                const relX = (this.pinchStartClientX - rect.left - this.pinchStartTransformX) /
+                    this.touchStartZoom;
+                const relY = (this.pinchStartClientY - rect.top - this.pinchStartTransformY) /
+                    this.touchStartZoom;
+                const newTx = this.pinchStartClientX - rect.left - relX * newZoom;
+                const newTy = this.pinchStartClientY - rect.top - relY * newZoom;
+                this.imageTransform.set({ x: newTx, y: newTy });
+            }
+            this.zoomLevel.set(newZoom);
+        }
+        // Handle pan/drag (one finger while zoomed)
+        else if (event.touches.length === 1 &&
+            this.isPanning() &&
+            this.zoomLevel() > 1) {
+            const deltaX = event.touches[0].clientX - this.panStartX;
+            const deltaY = event.touches[0].clientY - this.panStartY;
+            this.imageTransform.set({
+                x: this.panStartTransformX + deltaX,
+                y: this.panStartTransformY + deltaY,
+            });
+        }
+        return false;
+    }
+    handleTouchEnd() {
+        this.touchStartDistance = 0;
+        this.touchStartZoom = 1;
+        this.isPanning.set(false);
+    }
+    handleMouseDown(event) {
+        if (this.zoomLevel() <= 1)
+            return false;
+        event.preventDefault();
+        this.isPanning.set(true);
+        this.panStartX = event.clientX;
+        this.panStartY = event.clientY;
+        this.panStartTransformX = this.imageTransform().x;
+        this.panStartTransformY = this.imageTransform().y;
+        return false;
+    }
+    handleMouseMove(event) {
+        if (!this.isPanning() || this.zoomLevel() <= 1)
+            return false;
+        event.preventDefault();
+        const deltaX = event.clientX - this.panStartX;
+        const deltaY = event.clientY - this.panStartY;
+        requestAnimationFrame(() => {
+            this.imageTransform.set({
+                x: this.panStartTransformX + deltaX,
+                y: this.panStartTransformY + deltaY,
+            });
+        });
+        return false;
+    }
+    handleMouseUp() {
+        this.isPanning.set(false);
+    }
+    handleWheel(event) {
+        // If OpenSeadragon is active, let it handle wheel events
+        if (this.osdViewer) {
+            event.preventDefault();
+            event.stopPropagation();
+            return false;
+        }
+        return false;
+    }
+    previousImage() {
+        if (this.canGoPrevious()) {
+            // start loading when navigating
+            this.startLoading();
+            this.fullscreenIndex.update((i) => i - 1);
+        }
+    }
+    nextImage() {
+        if (this.canGoNext()) {
+            // start loading when navigating
+            this.startLoading();
+            this.fullscreenIndex.update((i) => i + 1);
+        }
+    }
+    selectThumbnail(index) {
+        if (index === this.fullscreenIndex()) {
+            // same index — no navigation, but ensure loading is false
+            this.stopLoading();
+            return;
+        }
+        // start loading when selecting thumbnail
+        this.startLoading();
+        this.fullscreenIndex.set(index);
+    }
+    zoomIn() {
+        if (this.osdViewer) {
+            this.ngZone.runOutsideAngular(() => {
+                try {
+                    const viewport = this.osdViewer.viewport;
+                    viewport.zoomBy(1.2);
+                    viewport.applyConstraints();
+                    this.ngZone.run(() => {
+                        const homeZoom = viewport.getHomeZoom();
+                        const currentZoom = viewport.getZoom();
+                        this.zoomLevel.set(currentZoom / homeZoom);
+                    });
+                }
+                catch (e) {
+                    // Fallback to manual zoom
+                    this.ngZone.run(() => {
+                        this.zoomLevel.update((z) => Math.min(z + 0.5, 5));
+                    });
+                }
+            });
+            return;
+        }
+        this.zoomLevel.update((z) => Math.min(z + 0.5, 5));
+    }
+    zoomOut() {
+        if (this.osdViewer) {
+            this.ngZone.runOutsideAngular(() => {
+                try {
+                    const viewport = this.osdViewer.viewport;
+                    viewport.zoomBy(1 / 1.2);
+                    viewport.applyConstraints();
+                    this.ngZone.run(() => {
+                        const homeZoom = viewport.getHomeZoom();
+                        const currentZoom = viewport.getZoom();
+                        this.zoomLevel.set(currentZoom / homeZoom);
+                    });
+                }
+                catch (e) {
+                    // Fallback to manual zoom
+                    this.ngZone.run(() => {
+                        this.zoomLevel.update((z) => Math.max(z - 0.5, 0.5));
+                    });
+                }
+            });
+            return;
+        }
+        this.zoomLevel.update((z) => Math.max(z - 0.5, 0.5));
+    }
+    resetZoom() {
+        this.rotation.set(0);
+        if (this.osdViewer) {
+            this.ngZone.runOutsideAngular(() => {
+                try {
+                    const viewport = this.osdViewer.viewport;
+                    // First reset rotation, then go home - order matters!
+                    viewport.setRotation(0);
+                    viewport.applyConstraints();
+                    viewport.goHome(true);
+                    viewport.applyConstraints();
+                    this.ngZone.run(() => {
+                        this.zoomLevel.set(1); // Home = 100%
+                    });
+                }
+                catch (e) {
+                    // Fallback to manual reset
+                    this.ngZone.run(() => {
+                        this.zoomLevel.set(1);
+                        this.imageTransform.set({ x: 0, y: 0 });
+                    });
+                }
+            });
+            return;
+        }
+        this.zoomLevel.set(1);
+        this.imageTransform.set({ x: 0, y: 0 });
+    }
+    async downloadImage() {
+        const item = this.fullscreenItem();
+        if (!item?.image)
+            return;
+        const url = this.fileUrlService.get(item.image, 'noCache');
+        const filename = `${item.image.id || 'image'}.${item.image.extension || 'jpg'}`;
+        try {
+            const response = await fetch(url);
+            const blob = await response.blob();
+            const blobUrl = URL.createObjectURL(blob);
+            const link = this.document.createElement('a');
+            link.href = blobUrl;
+            link.download = filename;
+            link.click();
+            URL.revokeObjectURL(blobUrl);
+        }
+        catch (error) {
+            console.error('Failed to download image:', error);
+        }
+    }
+    async loadOsdImage(image) {
+        if (!this.osdViewer)
+            return;
+        const url = this.fileUrlService.get(image, 'noCache');
+        this.ngZone.runOutsideAngular(() => {
+            try {
+                // Close any existing image
+                try {
+                    this.osdViewer.close();
+                }
+                catch (e) {
+                    // Ignore errors
+                }
+                // Open the new image
+                this.osdViewer.open({
+                    type: 'image',
+                    url: url,
+                });
+            }
+            catch (error) {
+                console.error('Failed to load image in OpenSeadragon:', error);
+                this.ngZone.run(() => {
+                    this.stopLoading();
+                });
+            }
+        });
+    }
+    getDistance(touch1, touch2) {
+        const dx = touch1.clientX - touch2.clientX;
+        const dy = touch1.clientY - touch2.clientY;
+        return Math.sqrt(dx * dx + dy * dy);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GalleryFullscreenBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.1", type: GalleryFullscreenBaseComponent, isStandalone: true, inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedIndex: "selectedIndexChange", closeChange: "closeChange" }, host: { listeners: { "document:keydown": "handleKeyboardEvent($event)", "mousedown": "handleMouseDown($event)", "mousemove": "handleMouseMove($event)", "mouseup": "handleMouseUp()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: GalleryFullscreenBaseComponent, decorators: [{
+            type: Directive,
+            args: [{
+                    host: {
+                        '(document:keydown)': 'handleKeyboardEvent($event)',
+                        '(mousedown)': 'handleMouseDown($event)',
+                        '(mousemove)': 'handleMouseMove($event)',
+                        '(mouseup)': 'handleMouseUp()',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], selectedIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedIndex", required: false }] }, { type: i0.Output, args: ["selectedIndexChange"] }], closeChange: [{ type: i0.Output, args: ["closeChange"] }] } });
+
 class FooterComponent {
     constructor() {
         this.configsFacade = inject(ConfigsFacade);
@@ -1774,10 +2574,10 @@ class FooterComponent {
         if (!current)
             return;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: FooterComponent, isStandalone: true, selector: "smart-mobilems-footer", ngImport: i0, template: ``, isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: FooterComponent, isStandalone: true, selector: "smart-mobilems-footer", ngImport: i0, template: ``, isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: FooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: FooterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'smart-mobilems-footer', standalone: true, imports: [], template: `` }]
         }] });
@@ -1857,10 +2657,10 @@ class HeaderComponent {
         if (!current)
             return;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: HeaderComponent, isStandalone: true, selector: "smart-mobilems-header", ngImport: i0, template: ``, isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: HeaderComponent, isStandalone: true, selector: "smart-mobilems-header", ngImport: i0, template: ``, isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: HeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: HeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'smart-mobilems-header', standalone: true, imports: [], template: `` }]
         }] });
@@ -1982,8 +2782,8 @@ class MasonryGridComponent {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: MasonryGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.1.0", type: MasonryGridComponent, isStandalone: true, selector: "smart-mobilems-masonry-grid", inputs: { list: { classPropertyName: "list", publicName: "list", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, classes: { classPropertyName: "classes", publicName: "classes", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "masonryContentTpl", first: true, predicate: ["masonryContentTpl"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "masonryGridRef", first: true, predicate: ["masonryGrid"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MasonryGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.1", type: MasonryGridComponent, isStandalone: true, selector: "smart-mobilems-masonry-grid", inputs: { list: { classPropertyName: "list", publicName: "list", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, classes: { classPropertyName: "classes", publicName: "classes", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "masonryContentTpl", first: true, predicate: ["masonryContentTpl"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "masonryGridRef", first: true, predicate: ["masonryGrid"], descendants: true, isSignal: true }], ngImport: i0, template: `
     <div
       #masonryGrid
       class="smart-container"
@@ -1995,7 +2795,7 @@ class MasonryGridComponent {
     </div>
   `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: MasonryGridComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MasonryGridComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'smart-mobilems-masonry-grid',
@@ -2012,7 +2812,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
   `,
                     imports: [NgTemplateOutlet, NgClass],
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { list: [{ type: i0.Input, args: [{ isSignal: true, alias: "list", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], classes: [{ type: i0.Input, args: [{ isSignal: true, alias: "classes", required: false }] }], masonryGridRef: [{ type: i0.ViewChild, args: ['masonryGrid', { isSignal: true }] }], masonryContentTpl: [{ type: i0.ContentChild, args: ['masonryContentTpl', { isSignal: true }] }] } });
 
 class MenuComponent {
     constructor() {
@@ -2071,30 +2871,30 @@ class MenuComponent {
             ? `${item.label} - Current page`
             : item.label;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: MenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: MenuComponent, isStandalone: true, selector: "smart-mobilems-menu", inputs: { menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: false, transformFunction: null }, searchEnabled: { classPropertyName: "searchEnabled", publicName: "searchEnabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (!searchEnabled()) {\n  <h2 class=\"smart-sr-only\">Main Menu</h2>\n\n  @if (isMobileMenu()) {\n    <div\n      class=\"smart-w-full smart-flex smart-flex-row smart-justify-end smart-items-stretch smart-py-[1.2rem]\"\n      [ngClass]=\"isOpened() ? '' : ''\"\n      role=\"navigation\"\n      attr.aria-label=\"Main Menu\"\n    >\n      <button\n        class=\"smart-h-[3.6rem] smart-relative smart-bg-transparent smart-border-0 smart-left-0 smart-flex smart-flex-row smart-items-center smart-text-[1.8rem] smart-font-bold smart-cursor-pointer\"\n        (click)=\"toggleMenu()\"\n        attr.aria-expanded=\"{{ isOpened() }}\"\n        attr.aria-label=\"{{ isOpened() ? 'Close menu' : 'Open menu' }}\"\n      >\n        @if (!isOpened()) {\n          <span\n            class=\"smart-text-[3rem] smart-text-black smart-mr-[0.6rem] smart-material-icons\"\n            >menu</span\n          >\n        } @else {\n          <span\n            class=\"smart-text-[3rem] smart-text-black smart-mr-[0.6rem] smart-material-icons\"\n            >close</span\n          >\n        }\n      </button>\n    </div>\n  }\n\n  @if (!isMobileMenu()) {\n    <div\n      class=\"smart-w-full smart-flex smart-flex-row smart-justify-end smart-h-full smart-p-0\"\n      role=\"navigation\"\n      attr.aria-label=\"Main Menu\"\n    >\n      <div role=\"menubar\">\n        <ng-container *ngTemplateOutlet=\"menuTemplate\"></ng-container>\n      </div>\n    </div>\n  }\n\n  @if (isMobileMenu() && isOpened()) {\n    <div\n      class=\"smart-w-full smart-flex smart-flex-row smart-justify-center smart-h-full smart-p-0 smart-border smart-border-[#f3f3f3] smart-bg-[#fefefe] smart-mb-[2.4rem] smart-shadow-[0_0.6rem_1.2rem_#efefef] smart-p-[1.2rem]\"\n    >\n      <div role=\"navigation\" aria-label=\"Main\">\n        <ng-container *ngTemplateOutlet=\"menuTemplate\"></ng-container>\n      </div>\n    </div>\n  }\n}\n\n<ng-template #menuTemplate>\n  <ul\n    id=\"main-menu\"\n    role=\"menu\"\n    class=\"smart-h-full smart-w-full smart-flex smart-flex-row smart-justify-end smart-items-stretch smart-flex-nowrap smart-list-none smart-p-0 smart-m-0 smart-gap-x-[0.3rem]\"\n    [ngClass]=\"\n      isMobileMenu()\n        ? 'smart-flex-wrap smart-justify-center smart-p-[1.2rem] smart-m-0'\n        : ''\n    \"\n  >\n    @for (item of menuItems(); track item.route) {\n      <li\n        class=\"smart-inline-flex smart-relative smart-w-auto smart-m-0\"\n        [ngClass]=\"isMobileMenu() ? 'smart-w-full smart-max-w-full' : ''\"\n      >\n        <a\n          class=\"smart-flex smart-items-center smart-flex-nowrap smart-text-black smart-transition-[border] smart-ease-in-out smart-duration-500 smart-border-b-[0.6rem] smart-border-b-transparent smart-cursor-pointer smart-justify-center smart-h-full smart-w-full smart-py-[1.2rem] smart-px-[1.8rem] smart-text-[1.6rem] smart-font-medium smart-whitespace-nowrap smart-m-0 smart-no-underline hover:smart-text-black hover:smart-bg-transparent hover:smart-border-b-[0.6rem] hover:smart-border-b-black\"\n          role=\"menuitem\"\n          [routerLink]=\"[item.route]\"\n          routerLinkActive=\"smart-cursor-default smart-text-black smart-bg-transparent smart-border-b-[0.6rem] smart-border-b-black\"\n          (click)=\"closeMenu()\"\n          [attr.title]=\"getMenuItemTitle(item)\"\n          [attr.aria-label]=\"getMenuItemAriaLabel(item)\"\n        >\n          @if (item.icon) {\n            <span\n              class=\"smart-text-[2.2rem] smart-mr-[0.4rem] smart-material-icons\"\n              >{{ item.icon }}</span\n            >\n          }\n          <span class=\"smart-inline-block\">{{ item.label }}</span>\n        </a>\n      </li>\n    }\n  </ul>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: MenuComponent, isStandalone: true, selector: "smart-mobilems-menu", inputs: { menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: false, transformFunction: null }, searchEnabled: { classPropertyName: "searchEnabled", publicName: "searchEnabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (!searchEnabled()) {\n  <h2 class=\"smart-sr-only\">Main Menu</h2>\n\n  @if (isMobileMenu()) {\n    <div\n      class=\"smart-w-full smart-flex smart-flex-row smart-justify-end smart-items-stretch smart-py-[1.2rem]\"\n      [ngClass]=\"isOpened() ? '' : ''\"\n      role=\"navigation\"\n      attr.aria-label=\"Main Menu\"\n    >\n      <button\n        class=\"smart-h-[3.6rem] smart-relative smart-bg-transparent smart-border-0 smart-left-0 smart-flex smart-flex-row smart-items-center smart-text-[1.8rem] smart-font-bold smart-cursor-pointer\"\n        (click)=\"toggleMenu()\"\n        attr.aria-expanded=\"{{ isOpened() }}\"\n        attr.aria-label=\"{{ isOpened() ? 'Close menu' : 'Open menu' }}\"\n      >\n        @if (!isOpened()) {\n          <span\n            class=\"smart-text-[3rem] smart-text-black smart-mr-[0.6rem] smart-material-icons\"\n            >menu</span\n          >\n        } @else {\n          <span\n            class=\"smart-text-[3rem] smart-text-black smart-mr-[0.6rem] smart-material-icons\"\n            >close</span\n          >\n        }\n      </button>\n    </div>\n  }\n\n  @if (!isMobileMenu()) {\n    <div\n      class=\"smart-w-full smart-flex smart-flex-row smart-justify-end smart-h-full smart-p-0\"\n      role=\"navigation\"\n      attr.aria-label=\"Main Menu\"\n    >\n      <div role=\"menubar\">\n        <ng-container *ngTemplateOutlet=\"menuTemplate\"></ng-container>\n      </div>\n    </div>\n  }\n\n  @if (isMobileMenu() && isOpened()) {\n    <div\n      class=\"smart-w-full smart-flex smart-flex-row smart-justify-center smart-h-full smart-p-0 smart-border smart-border-[#f3f3f3] smart-bg-[#fefefe] smart-mb-[2.4rem] smart-shadow-[0_0.6rem_1.2rem_#efefef] smart-p-[1.2rem]\"\n    >\n      <div role=\"navigation\" aria-label=\"Main\">\n        <ng-container *ngTemplateOutlet=\"menuTemplate\"></ng-container>\n      </div>\n    </div>\n  }\n}\n\n<ng-template #menuTemplate>\n  <ul\n    id=\"main-menu\"\n    role=\"menu\"\n    class=\"smart-h-full smart-w-full smart-flex smart-flex-row smart-justify-end smart-items-stretch smart-flex-nowrap smart-list-none smart-p-0 smart-m-0 smart-gap-x-[0.3rem]\"\n    [ngClass]=\"\n      isMobileMenu()\n        ? 'smart-flex-wrap smart-justify-center smart-p-[1.2rem] smart-m-0'\n        : ''\n    \"\n  >\n    @for (item of menuItems(); track item.route) {\n      <li\n        class=\"smart-inline-flex smart-relative smart-w-auto smart-m-0\"\n        [ngClass]=\"isMobileMenu() ? 'smart-w-full smart-max-w-full' : ''\"\n      >\n        <a\n          class=\"smart-flex smart-items-center smart-flex-nowrap smart-text-black smart-transition-[border] smart-ease-in-out smart-duration-500 smart-border-b-[0.6rem] smart-border-b-transparent smart-cursor-pointer smart-justify-center smart-h-full smart-w-full smart-py-[1.2rem] smart-px-[1.8rem] smart-text-[1.6rem] smart-font-medium smart-whitespace-nowrap smart-m-0 smart-no-underline hover:smart-text-black hover:smart-bg-transparent hover:smart-border-b-[0.6rem] hover:smart-border-b-black\"\n          role=\"menuitem\"\n          [routerLink]=\"[item.route]\"\n          routerLinkActive=\"smart-cursor-default smart-text-black smart-bg-transparent smart-border-b-[0.6rem] smart-border-b-black\"\n          (click)=\"closeMenu()\"\n          [attr.title]=\"getMenuItemTitle(item)\"\n          [attr.aria-label]=\"getMenuItemAriaLabel(item)\"\n        >\n          @if (item.icon) {\n            <span\n              class=\"smart-text-[2.2rem] smart-mr-[0.4rem] smart-material-icons\"\n              >{{ item.icon }}</span\n            >\n          }\n          <span class=\"smart-inline-block\">{{ item.label }}</span>\n        </a>\n      </li>\n    }\n  </ul>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: MenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'smart-mobilems-menu', standalone: true, imports: [NgClass, NgTemplateOutlet, RouterLink, RouterLinkActive], template: "@if (!searchEnabled()) {\n  <h2 class=\"smart-sr-only\">Main Menu</h2>\n\n  @if (isMobileMenu()) {\n    <div\n      class=\"smart-w-full smart-flex smart-flex-row smart-justify-end smart-items-stretch smart-py-[1.2rem]\"\n      [ngClass]=\"isOpened() ? '' : ''\"\n      role=\"navigation\"\n      attr.aria-label=\"Main Menu\"\n    >\n      <button\n        class=\"smart-h-[3.6rem] smart-relative smart-bg-transparent smart-border-0 smart-left-0 smart-flex smart-flex-row smart-items-center smart-text-[1.8rem] smart-font-bold smart-cursor-pointer\"\n        (click)=\"toggleMenu()\"\n        attr.aria-expanded=\"{{ isOpened() }}\"\n        attr.aria-label=\"{{ isOpened() ? 'Close menu' : 'Open menu' }}\"\n      >\n        @if (!isOpened()) {\n          <span\n            class=\"smart-text-[3rem] smart-text-black smart-mr-[0.6rem] smart-material-icons\"\n            >menu</span\n          >\n        } @else {\n          <span\n            class=\"smart-text-[3rem] smart-text-black smart-mr-[0.6rem] smart-material-icons\"\n            >close</span\n          >\n        }\n      </button>\n    </div>\n  }\n\n  @if (!isMobileMenu()) {\n    <div\n      class=\"smart-w-full smart-flex smart-flex-row smart-justify-end smart-h-full smart-p-0\"\n      role=\"navigation\"\n      attr.aria-label=\"Main Menu\"\n    >\n      <div role=\"menubar\">\n        <ng-container *ngTemplateOutlet=\"menuTemplate\"></ng-container>\n      </div>\n    </div>\n  }\n\n  @if (isMobileMenu() && isOpened()) {\n    <div\n      class=\"smart-w-full smart-flex smart-flex-row smart-justify-center smart-h-full smart-p-0 smart-border smart-border-[#f3f3f3] smart-bg-[#fefefe] smart-mb-[2.4rem] smart-shadow-[0_0.6rem_1.2rem_#efefef] smart-p-[1.2rem]\"\n    >\n      <div role=\"navigation\" aria-label=\"Main\">\n        <ng-container *ngTemplateOutlet=\"menuTemplate\"></ng-container>\n      </div>\n    </div>\n  }\n}\n\n<ng-template #menuTemplate>\n  <ul\n    id=\"main-menu\"\n    role=\"menu\"\n    class=\"smart-h-full smart-w-full smart-flex smart-flex-row smart-justify-end smart-items-stretch smart-flex-nowrap smart-list-none smart-p-0 smart-m-0 smart-gap-x-[0.3rem]\"\n    [ngClass]=\"\n      isMobileMenu()\n        ? 'smart-flex-wrap smart-justify-center smart-p-[1.2rem] smart-m-0'\n        : ''\n    \"\n  >\n    @for (item of menuItems(); track item.route) {\n      <li\n        class=\"smart-inline-flex smart-relative smart-w-auto smart-m-0\"\n        [ngClass]=\"isMobileMenu() ? 'smart-w-full smart-max-w-full' : ''\"\n      >\n        <a\n          class=\"smart-flex smart-items-center smart-flex-nowrap smart-text-black smart-transition-[border] smart-ease-in-out smart-duration-500 smart-border-b-[0.6rem] smart-border-b-transparent smart-cursor-pointer smart-justify-center smart-h-full smart-w-full smart-py-[1.2rem] smart-px-[1.8rem] smart-text-[1.6rem] smart-font-medium smart-whitespace-nowrap smart-m-0 smart-no-underline hover:smart-text-black hover:smart-bg-transparent hover:smart-border-b-[0.6rem] hover:smart-border-b-black\"\n          role=\"menuitem\"\n          [routerLink]=\"[item.route]\"\n          routerLinkActive=\"smart-cursor-default smart-text-black smart-bg-transparent smart-border-b-[0.6rem] smart-border-b-black\"\n          (click)=\"closeMenu()\"\n          [attr.title]=\"getMenuItemTitle(item)\"\n          [attr.aria-label]=\"getMenuItemAriaLabel(item)\"\n        >\n          @if (item.icon) {\n            <span\n              class=\"smart-text-[2.2rem] smart-mr-[0.4rem] smart-material-icons\"\n              >{{ item.icon }}</span\n            >\n          }\n          <span class=\"smart-inline-block\">{{ item.label }}</span>\n        </a>\n      </li>\n    }\n  </ul>\n</ng-template>\n" }]
-        }] });
+        }], propDecorators: { menuItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuItems", required: false }] }], searchEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchEnabled", required: false }] }] } });
 
 class WidgetBaseComponent {
     constructor() {
         this.item = input(...(ngDevMode ? [undefined, { debugName: "item" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: WidgetBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.0", type: WidgetBaseComponent, isStandalone: true, inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: WidgetBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.1", type: WidgetBaseComponent, isStandalone: true, inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: WidgetBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: WidgetBaseComponent, decorators: [{
             type: Directive
-        }] });
+        }], propDecorators: { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: false }] }] } });
 
 class WidgetTextComponent extends WidgetBaseComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: WidgetTextComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: WidgetTextComponent, isStandalone: true, selector: "smart-widget-text", usesInheritance: true, ngImport: i0, template: "@if (item(); as item) {\n  <div [innerHTML]=\"item.text\"></div>\n}\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: WidgetTextComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: WidgetTextComponent, isStandalone: true, selector: "smart-widget-text", usesInheritance: true, ngImport: i0, template: "@if (item(); as item) {\n  <div [innerHTML]=\"item.text\"></div>\n}\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: WidgetTextComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: WidgetTextComponent, decorators: [{
             type: Component,
             args: [{ selector: 'smart-widget-text', standalone: true, template: "@if (item(); as item) {\n  <div [innerHTML]=\"item.text\"></div>\n}\n" }]
         }] });
@@ -2122,13 +2922,13 @@ class WidgetComponent {
             };
         }, ...(ngDevMode ? [{ debugName: "inputs" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: WidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.0", type: WidgetComponent, isStandalone: true, selector: "smart-widget", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<ng-container *ngComponentOutlet=\"component(); inputs: inputs()\" />\n", dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: WidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.1", type: WidgetComponent, isStandalone: true, selector: "smart-widget", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<ng-container *ngComponentOutlet=\"component(); inputs: inputs()\" />\n", dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: WidgetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: WidgetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'smart-widget', imports: [NgComponentOutlet], standalone: true, template: "<ng-container *ngComponentOutlet=\"component(); inputs: inputs()\" />\n" }]
-        }] });
+        }], propDecorators: { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: true }] }] } });
 
 const COMPONENTS = [AppComponent];
 
@@ -2157,10 +2957,10 @@ class HoverDirective {
     onMouseLeave() {
         this.el.nativeElement.classList.remove('hover');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: HoverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: HoverDirective, isStandalone: true, selector: "[smartHover]", host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: HoverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: HoverDirective, isStandalone: true, selector: "[smartHover]", host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: HoverDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: HoverDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[smartHover]',
@@ -2275,17 +3075,17 @@ class ScrollableDirective {
             this.updateOverflow();
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ScrollableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.0", type: ScrollableDirective, isStandalone: true, selector: "[smartScrollable]", inputs: { scrollUnit: { classPropertyName: "scrollUnit", publicName: "scrollUnit", isSignal: true, isRequired: true, transformFunction: null } }, exportAs: ["smartScrollable"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ScrollableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.1", type: ScrollableDirective, isStandalone: true, selector: "[smartScrollable]", inputs: { scrollUnit: { classPropertyName: "scrollUnit", publicName: "scrollUnit", isSignal: true, isRequired: true, transformFunction: null } }, exportAs: ["smartScrollable"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ScrollableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ScrollableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[smartScrollable]',
                     standalone: true,
                     exportAs: 'smartScrollable',
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { scrollUnit: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollUnit", required: true }] }] } });
 
 /**
  * Directive that detects when a click occurs outside of an element.
@@ -2362,15 +3162,15 @@ class ClickOutsideDirective {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ClickOutsideDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.0", type: ClickOutsideDirective, isStandalone: true, selector: "[smartClickOutside]", inputs: { isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { smartClickOutside: "smartClickOutside" }, host: { listeners: { "document:click": "onClick($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ClickOutsideDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.1", type: ClickOutsideDirective, isStandalone: true, selector: "[smartClickOutside]", inputs: { isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { smartClickOutside: "smartClickOutside" }, host: { listeners: { "document:click": "onClick($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ClickOutsideDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ClickOutsideDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[smartClickOutside]',
                 }]
-        }], propDecorators: { onClick: [{
+        }], propDecorators: { isActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isActive", required: false }] }], smartClickOutside: [{ type: i0.Output, args: ["smartClickOutside"] }], onClick: [{
                 type: HostListener,
                 args: ['document:click', ['$event']]
             }] } });
@@ -2413,11 +3213,11 @@ class SharedModule {
             ],
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: SharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: SharedModule, imports: [RouterModule, AppComponent], exports: [AppComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: SharedModule, imports: [RouterModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.1", ngImport: i0, type: SharedModule, imports: [RouterModule, AppComponent], exports: [AppComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SharedModule, imports: [RouterModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: SharedModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SharedModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...DIRECTIVES],
@@ -2483,10 +3283,10 @@ class HomeComponent {
         const page = await this.configsFacade.getPage('home');
         this.slides.set(page?.slides || []);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: HomeComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: HomeComponent, isStandalone: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: HomeComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: HomeComponent, isStandalone: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: HomeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: HomeComponent, decorators: [{
             type: Directive
         }] });
 
@@ -2501,10 +3301,10 @@ class NotFoundComponent {
     setTitle() {
         this.seoService.updateTitle(`${capitalize(this.translateService.instant('MODEL.mainTitle'))}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: NotFoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: NotFoundComponent, isStandalone: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: NotFoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: NotFoundComponent, isStandalone: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: NotFoundComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: NotFoundComponent, decorators: [{
             type: Directive
         }] });
 
@@ -2534,10 +3334,10 @@ class PageStaticComponent {
     setTitle() {
         this.seoService.updateTitle(`${capitalize(this.data()?.title)} - ${capitalize(this.translateService.instant('MODEL.mainTitle'))}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: PageStaticComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: PageStaticComponent, isStandalone: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: PageStaticComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: PageStaticComponent, isStandalone: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: PageStaticComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: PageStaticComponent, decorators: [{
             type: Directive
         }], ctorParameters: () => [] });
 
@@ -2545,5 +3345,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ARTICLES_WIDGET_COMPONENTS_TOKEN, AppComponent, AuthStorageService, COMPONENTS, ClickOutsideDirective, ConfigsFacade, ConfigsService, ContrastService, CrudBaseService, DIRECTIVES, DictionaryService, FileUrlService, FiltersBaseComponent, FiltersContext, FooterComponent, GameType, GlobalService, HeaderComponent, HomeComponent, HoverDirective, ImageBox, ListMode, MasonryGridComponent, MenuComponent, MetaService, ModalContainerComponent, ModalRef, ModalService, NotFoundComponent, PageComponent, PageStaticComponent, QueryFilterService, SEARCH_CONFIG_TOKEN, SERVICES, ScrollTopComponent, ScrollableDirective, SearchService, SeoService, SettingsService, SharedConfig, SharedModule, StyleService, TRANSLATE_DATA_PL, TranslationService, WcagService, WidgetBaseComponent, WidgetComponent, WidgetTextComponent, authenticationGuard, environment, getSearchFilterQuery, setTranslationsAndLang, unauthorizedGuard };
+export { ARTICLES_WIDGET_COMPONENTS_TOKEN, AppComponent, AuthStorageService, COMPONENTS, ClickOutsideDirective, ConfigsFacade, ConfigsService, ContrastService, CrudBaseService, DIRECTIVES, DictionaryService, FileUrlService, FiltersBaseComponent, FiltersContext, FooterComponent, GalleryFullscreenBaseComponent, GameType, GlobalService, HeaderComponent, HomeComponent, HoverDirective, ImageBox, ListMode, MasonryGridComponent, MediaTabBaseComponent, MenuComponent, MetaService, ModalContainerComponent, ModalRef, ModalService, NotFoundComponent, PageComponent, PageStaticComponent, QueryFilterService, SEARCH_CONFIG_TOKEN, SERVICES, ScrollTopComponent, ScrollableDirective, SearchBaseComponent, SearchService, SeoService, SettingsService, SharedConfig, SharedModule, SliderBaseComponent, StyleService, TRANSLATE_DATA_PL, TranslationService, WcagService, WidgetBaseComponent, WidgetComponent, WidgetTextComponent, authenticationGuard, environment, getSearchFilterQuery, setTranslationsAndLang, unauthorizedGuard };
 //# sourceMappingURL=smartsoft001-mobilems-angular.mjs.map