yudu-component-kit 1.0.7 → 1.1.8

package/README.md

@@ -21,6 +21,7 @@
 - [Components list](#components-list)
 - [Status](#status)
 - [Quick start](#quick-start)
+- [i18n](#i18n)
 
 ## Features
 - ⚡ Built for Angular **v20+**
@@ -98,8 +99,118 @@ YuduComponentKit ships a design-system stylesheet with tokens (CSS variables), b
   }
 }
 ```
+
+## i18n
+
+YuduComponentKit includes an optional **i18n** entry point that provides a lightweight translation service based on JSON files stored in your app’s `assets` folder.
+
+### Install
+If you already installed the library, you’re done:
+```bash
+npm i yudu-component-kit
+```
+
+### Setup
+
+1) **Enable HttpClient** (required to load JSON files)
+```ts
+// app.config.ts
+import { provideHttpClient } from '@angular/common/http';
+
+export const appConfig = {
+  providers: [provideHttpClient()],
+};
+```
+
+2) **Provide i18n configuration**
+```ts
+// app.config.ts
+import { provideHttpClient } from '@angular/common/http';
+import { provideYuduI18n } from 'yudu-component-kit/i18n';
+
+export const appConfig = {
+  providers: [
+    provideHttpClient(),
+    ...provideYuduI18n({
+      assetPath: '/assets/lang',
+      storageKey: 'lang',
+      defaultLang: 'en',
+      supportedLangs: ['en', 'es'], // add as many as you want
+    }),
+  ],
+};
+```
+
+3) **Create translation files inside your app**
+Create these files:
+- `src/assets/lang/en.json`
+- `src/assets/lang/es.json`
+
+Example:
+
+`src/assets/lang/en.json`
+```json
+{
+  "home": {
+    "title": "Hello"
+  },
+  "error": {
+    "unknown": "Connection error. Please try again later."
+  }
+}
+```
+
+`src/assets/lang/es.json`
+```json
+{
+  "home": {
+    "title": "Hola"
+  },
+  "error": {
+    "unknown": "Error de conexión. Intenta más tarde."
+  }
+}
+```
+
+### Usage
+
+Inject the service and translate using dot-notation keys:
+
+```ts
+import { Component, inject } from '@angular/core';
+import { I18nService } from 'yudu-component-kit/i18n';
+
+@Component({
+  selector: 'app-root',
+  template: `
+    <h1>{{ t.translate('home.title') }}</h1>
+    <button (click)="t.changeLang()">Toggle language</button>
+  `,
+})
+export class AppComponent {
+  t = inject(I18nService);
+}
+```
+
+### How it works
+- The current language is persisted in `localStorage` using the configured `storageKey` (default: `lang`).
+- Translation files are loaded from: `${assetPath}/${lang}.json` (default: `/assets/lang/{lang}.json`).
+- Loaded dictionaries are cached in memory to avoid re-downloading.
+- If a key doesn’t exist, `translate()` returns the key itself (useful to detect missing translations).
+
+### Adding more languages
+1) Add the new language JSON file in your app, for example:
+- `src/assets/lang/fr.json`
+
+2) Add it to `supportedLangs`:
+```ts
+...provideYuduI18n({
+  supportedLangs: ['en', 'es', 'fr']
+})
+```
+
 ---
 <p align="center">
   Made with ❤️ by "Fine Yudu" 2025<br/>
   This project uses Angular CLI version 20.3.8
-</p>
+</p>

package/fesm2022/yudu-component-kit-i18n.mjs

@@ -0,0 +1,128 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, DestroyRef, signal, computed, effect, Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { catchError, of } from 'rxjs';
+
+const DEFAULT_I18N_OPTIONS = {
+    assetPath: '/assets/lang',
+    storageKey: 'lang',
+    defaultLang: 'en',
+    supportedLangs: undefined,
+};
+const I18N_OPTIONS = new InjectionToken('YUDU_I18N_OPTIONS', { factory: () => DEFAULT_I18N_OPTIONS });
+function provideYuduI18n(options = {}) {
+    return [
+        {
+            provide: I18N_OPTIONS,
+            useValue: { ...DEFAULT_I18N_OPTIONS, ...options },
+        },
+    ];
+}
+
+class I18nService {
+    http = inject(HttpClient);
+    i18nOptions = inject(I18N_OPTIONS);
+    destroyRef = inject(DestroyRef);
+    cache = new Map();
+    _lang = signal(this.getInitialLang(), ...(ngDevMode ? [{ debugName: "_lang" }] : []));
+    lang = computed(() => this._lang(), ...(ngDevMode ? [{ debugName: "lang" }] : []));
+    _dict = signal({}, ...(ngDevMode ? [{ debugName: "_dict" }] : []));
+    dict = computed(() => this._dict(), ...(ngDevMode ? [{ debugName: "dict" }] : []));
+    constructor() {
+        if (!this.safeGetStorage(this.i18nOptions.storageKey)) {
+            this.safeSetStorage(this.i18nOptions.storageKey, this._lang());
+        }
+        effect(() => {
+            const lang = this._lang();
+            const cached = this.cache.get(lang);
+            if (cached) {
+                this._dict.set(cached);
+                return;
+            }
+            const url = `${this.normalizePath(this.i18nOptions.assetPath)}/${lang}.json`;
+            this.http.get(url).pipe(catchError(() => of({})), takeUntilDestroyed(this.destroyRef)).subscribe(data => {
+                this.cache.set(lang, data);
+                this._dict.set(data);
+            });
+        });
+    }
+    translate(key) {
+        const translations = this.dict();
+        const keys = key.split('.');
+        let value = translations;
+        for (const k of keys) {
+            if (value && Object.prototype.hasOwnProperty.call(value, k))
+                value = value[k];
+            else
+                return key;
+        }
+        return typeof value === 'string' ? value : key;
+    }
+    setLang(lang) {
+        const next = (lang ?? '').trim();
+        if (!next)
+            return;
+        if (!this.isSupported(next))
+            return;
+        this.safeSetStorage(this.i18nOptions.storageKey, next);
+        this._lang.set(next);
+    }
+    changeLang() {
+        const list = this.i18nOptions.supportedLangs ?? [];
+        if (list.length < 2)
+            return;
+        const current = this._lang();
+        const idx = list.indexOf(current);
+        const next = list[(idx + 1) % list.length];
+        this.setLang(next);
+    }
+    getInitialLang() {
+        const saved = this.safeGetStorage(this.i18nOptions.storageKey);
+        if (saved && this.isSupported(saved))
+            return saved;
+        return this.i18nOptions.defaultLang;
+    }
+    isSupported(lang) {
+        const list = this.i18nOptions.supportedLangs;
+        return list ? list.includes(lang) : true;
+    }
+    normalizePath(path) {
+        return (path ?? '').replace(/\/+$/, '');
+    }
+    safeGetStorage(key) {
+        try {
+            if (typeof localStorage === 'undefined')
+                return null;
+            return localStorage.getItem(key);
+        }
+        catch {
+            return null;
+        }
+    }
+    safeSetStorage(key, value) {
+        try {
+            if (typeof localStorage === 'undefined')
+                return;
+            localStorage.setItem(key, value);
+        }
+        catch { }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: I18nService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: I18nService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: I18nService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+/*
+ * Public API i18n
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DEFAULT_I18N_OPTIONS, I18N_OPTIONS, I18nService, provideYuduI18n };
+//# sourceMappingURL=yudu-component-kit-i18n.mjs.map

package/fesm2022/yudu-component-kit-i18n.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"yudu-component-kit-i18n.mjs","sources":["../../../projects/yudu-component-kit/i18n/src/lib/i18n.tokens.ts","../../../projects/yudu-component-kit/i18n/src/lib/i18n.ts","../../../projects/yudu-component-kit/i18n/src/public-api.ts","../../../projects/yudu-component-kit/i18n/src/yudu-component-kit-i18n.ts"],"sourcesContent":["import { InjectionToken, Provider } from '@angular/core';\r\n\r\nexport interface I18nOptions {\r\n  assetPath: string;                 \r\n  storageKey: string;                \r\n  defaultLang: string;               \r\n  supportedLangs?: readonly string[];\r\n}\r\n\r\nexport const DEFAULT_I18N_OPTIONS: I18nOptions = {\r\n  assetPath: '/assets/lang',\r\n  storageKey: 'lang',\r\n  defaultLang: 'en',\r\n  supportedLangs: undefined,\r\n};\r\n\r\nexport const I18N_OPTIONS = new InjectionToken<I18nOptions>(\r\n  'YUDU_I18N_OPTIONS',\r\n  { factory: () => DEFAULT_I18N_OPTIONS }\r\n);\r\n\r\nexport function provideYuduI18n(options: Partial<I18nOptions> = {}): Provider[] {\r\n  return [\r\n    {\r\n      provide: I18N_OPTIONS,\r\n      useValue: { ...DEFAULT_I18N_OPTIONS, ...options },\r\n    },\r\n  ];\r\n}\r\n","import { Injectable, computed, effect, inject, signal, DestroyRef } from '@angular/core';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\n\r\nimport { catchError, of } from 'rxjs';\r\n\r\nimport { I18N_OPTIONS } from './i18n.tokens';\r\n\r\ntype Dict = Record<string, any>;\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class I18nService {\r\n  private readonly http = inject( HttpClient );\r\n  private readonly i18nOptions = inject( I18N_OPTIONS );\r\n  private readonly destroyRef = inject( DestroyRef );\r\n\r\n  private readonly cache = new Map<string, Dict>();\r\n\r\n  private readonly _lang = signal<string>(this.getInitialLang());\r\n  public readonly lang = computed(() => this._lang());\r\n\r\n  private readonly _dict = signal<Dict>({});\r\n  private readonly dict = computed(() => this._dict());\r\n\r\n  constructor() {\r\n    if (!this.safeGetStorage(this.i18nOptions.storageKey)) {\r\n      this.safeSetStorage(this.i18nOptions.storageKey, this._lang());\r\n    }\r\n\r\n    effect(() => {\r\n      const lang = this._lang();\r\n\r\n      const cached = this.cache.get(lang);\r\n      if (cached) {\r\n        this._dict.set(cached);\r\n        return;\r\n      }\r\n\r\n      const url = `${this.normalizePath(this.i18nOptions.assetPath)}/${lang}.json`;\r\n\r\n      this.http.get<Dict>(url).pipe(\r\n        catchError(() => of({} as Dict)),\r\n        takeUntilDestroyed(this.destroyRef)\r\n      ).subscribe(data => {\r\n        this.cache.set(lang, data);\r\n        this._dict.set(data);\r\n      });\r\n    });\r\n  }\r\n\r\n  public translate(key: string): string {\r\n    const translations = this.dict();\r\n    const keys = key.split('.');\r\n    let value: any = translations;\r\n\r\n    for (const k of keys) {\r\n      if (value && Object.prototype.hasOwnProperty.call(value, k)) value = value[k];\r\n      else return key;\r\n    }\r\n\r\n    return typeof value === 'string' ? value : key;\r\n  }\r\n\r\n  public setLang(lang: string): void {\r\n    const next = (lang ?? '').trim();\r\n    if (!next) return;\r\n    if (!this.isSupported(next)) return;\r\n\r\n    this.safeSetStorage(this.i18nOptions.storageKey, next);\r\n    this._lang.set(next);\r\n  }\r\n\r\n  public changeLang(): void {\r\n    const list = this.i18nOptions.supportedLangs ?? [];\r\n    if (list.length < 2) return;\r\n\r\n    const current = this._lang();\r\n    const idx = list.indexOf(current);\r\n    const next = list[(idx + 1) % list.length];\r\n    this.setLang(next);\r\n  }\r\n\r\n  private getInitialLang(): string {\r\n    const saved = this.safeGetStorage(this.i18nOptions.storageKey);\r\n    if (saved && this.isSupported(saved)) return saved;\r\n    return this.i18nOptions.defaultLang;\r\n  }\r\n\r\n  private isSupported(lang: string): boolean {\r\n    const list = this.i18nOptions.supportedLangs;\r\n    return list ? list.includes(lang) : true; \r\n  }\r\n\r\n  private normalizePath(path: string): string {\r\n    return (path ?? '').replace(/\\/+$/, '');\r\n  }\r\n\r\n  private safeGetStorage(key: string): string | null {\r\n    try {\r\n      if (typeof localStorage === 'undefined') return null;\r\n      return localStorage.getItem(key);\r\n    } catch {\r\n      return null;\r\n    }\r\n  }\r\n\r\n  private safeSetStorage(key: string, value: string): void {\r\n    try {\r\n      if (typeof localStorage === 'undefined') return;\r\n      localStorage.setItem(key, value);\r\n    } catch {}\r\n  }\r\n}\r\n","/*\r\n * Public API i18n\r\n */\r\nexport * from './lib/i18n';\r\nexport * from './lib/i18n.tokens';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/yudu-component-kit.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, signal, input, booleanAttribute, ViewEncapsulation, Component, computed, forwardRef, output } from '@angular/core';
+import { Injectable, signal, input, booleanAttribute, ViewEncapsulation, Component, computed, forwardRef, output, inject } from '@angular/core';
 import { NgClass } from '@angular/common';
 import { RouterLink } from '@angular/router';
 import { ReactiveFormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
@@ -517,6 +517,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
 class YdNotifications {
     toggleEmit = output();
     dropdownIsOpen = input.required(...(ngDevMode ? [{ debugName: "dropdownIsOpen" }] : []));
+    notificationsTitle = input.required(...(ngDevMode ? [{ debugName: "notificationsTitle" }] : []));
+    filtersOptions = input.required(...(ngDevMode ? [{ debugName: "filtersOptions" }] : []));
     filterBy = signal('all', ...(ngDevMode ? [{ debugName: "filterBy" }] : []));
     notifications = input.required(...(ngDevMode ? [{ debugName: "notifications" }] : []));
     toggleDropdown(event) {
@@ -528,24 +530,29 @@ class YdNotifications {
     }
     ;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: YdNotifications, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: YdNotifications, isStandalone: true, selector: "yd-notifications", inputs: { dropdownIsOpen: { classPropertyName: "dropdownIsOpen", publicName: "dropdownIsOpen", isSignal: true, isRequired: true, transformFunction: null }, notifications: { classPropertyName: "notifications", publicName: "notifications", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { toggleEmit: "toggleEmit" }, host: { properties: { "class.open": "dropdownIsOpen()" }, classAttribute: "yd-notifications" }, ngImport: i0, template: "<p class=\"\r\n    font__size--b1\r\n    font__color--primary\r\n    font__weight--medium\r\n    \">\r\n    {{'Notifications'}}\r\n    \r\n</p>\r\n<section>\r\n\r\n    <ul class=\"filter-menu\">\r\n        <li (click)=\"selectFilter('all')\"\r\n            [class.selected]=\"filterBy() === 'all'\"\r\n            class=\"\r\n            font__size--c1\r\n            font__color--primary\r\n            font__weight--medium\r\n            \">\r\n            {{'All'}}\r\n        </li>\r\n        <li (click)=\"selectFilter('week')\"\r\n            [class.selected]=\"filterBy() === 'week'\"\r\n            class=\"\r\n            font__size--c1\r\n            font__color--primary\r\n            font__weight--medium\r\n            \">\r\n            {{'This week'}}\r\n        </li>\r\n        <li (click)=\"selectFilter('earlier')\"\r\n            [class.selected]=\"filterBy() === 'earlier'\"\r\n            class=\"\r\n            font__size--c1\r\n            font__color--primary\r\n            font__weight--medium\r\n            \">\r\n            {{'Earlier'}}\r\n        </li>\r\n    </ul>\r\n\r\n</section>\r\n\r\n<section>\r\n    <ul class=\"notifications-list\">\r\n        @for (item of notifications();\r\n            track $index;\r\n            let last = $last;\r\n            ) {\r\n            <li class=\"p-top\">\r\n                <a>\r\n                    <div class=\"icon-notification__container\">\r\n                        <yd-icon\r\n                            [name]=\"'lightbulb'\"\r\n                        />\r\n                    </div>\r\n                    <div class=\"message__container\">\r\n                        <span class=\"\r\n                            font__size--c1\r\n                            font__color--primary\r\n                            font__weight--medium\r\n                            \">\r\n                            {{item.title}}\r\n                        </span>\r\n                        <span class=\"\r\n                            font__size--c1\r\n                            font__color--secondary\r\n                            font__weight--medium\r\n                            \">\r\n                            {{item.message}}\r\n                        </span>\r\n                    </div>\r\n                    <span class=\"\r\n                        hour\r\n                        font__size--c1\r\n                        font__color--secondary\r\n                        font__weight--medium\r\n                        \">\r\n                        <!-- {{ item.date}} -->\r\n                          {{'1 hour'}}\r\n                    </span>\r\n                </a>\r\n            </li>\r\n            \r\n            @if(!last) {\r\n                <div class=\"hr\"></div>\r\n            }\r\n        }\r\n    </ul>\r\n</section>", dependencies: [{ kind: "component", type: YdIcon, selector: "yd-icon", inputs: ["size", "name", "color"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: YdNotifications, isStandalone: true, selector: "yd-notifications", inputs: { dropdownIsOpen: { classPropertyName: "dropdownIsOpen", publicName: "dropdownIsOpen", isSignal: true, isRequired: true, transformFunction: null }, notificationsTitle: { classPropertyName: "notificationsTitle", publicName: "notificationsTitle", isSignal: true, isRequired: true, transformFunction: null }, filtersOptions: { classPropertyName: "filtersOptions", publicName: "filtersOptions", isSignal: true, isRequired: true, transformFunction: null }, notifications: { classPropertyName: "notifications", publicName: "notifications", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { toggleEmit: "toggleEmit" }, host: { properties: { "class.open": "dropdownIsOpen()" }, classAttribute: "yd-notifications" }, ngImport: i0, template: "<p class=\"\r\n    font__size--b1\r\n    font__color--primary\r\n    font__weight--medium\r\n    \">\r\n    {{ notificationsTitle() }}\r\n    \r\n</p>\r\n<section>\r\n\r\n    <ul class=\"filter-menu\">\r\n        @for (item of filtersOptions(); track $index) {\r\n            <li (click)=\"selectFilter(item.value)\"\r\n                [class.selected]=\"filterBy() === item.value\"\r\n                class=\"\r\n                font__size--c1\r\n                font__color--primary\r\n                font__weight--medium\r\n                \">\r\n                {{ item.label }}\r\n            </li>\r\n        }\r\n    </ul>\r\n\r\n</section>\r\n\r\n<section>\r\n    <ul class=\"notifications-list\">\r\n        @for (item of notifications();\r\n            track $index;\r\n            let last = $last;\r\n            ) {\r\n            <li class=\"p-top\">\r\n                <a>\r\n                    <div class=\"icon-notification__container\">\r\n                        <yd-icon\r\n                            [name]=\"'lightbulb'\"\r\n                        />\r\n                    </div>\r\n                    <div class=\"message__container\">\r\n                        <span class=\"\r\n                            font__size--c1\r\n                            font__color--primary\r\n                            font__weight--medium\r\n                            \">\r\n                            {{item.title}}\r\n                        </span>\r\n                        <span class=\"\r\n                            font__size--c1\r\n                            font__color--secondary\r\n                            font__weight--medium\r\n                            \">\r\n                            {{item.message}}\r\n                        </span>\r\n                    </div>\r\n                    <span class=\"\r\n                        hour\r\n                        font__size--c1\r\n                        font__color--secondary\r\n                        font__weight--medium\r\n                        \">\r\n                        <!-- {{ item.date}} -->\r\n                          {{'1 hour'}}\r\n                    </span>\r\n                </a>\r\n            </li>\r\n            \r\n            @if(!last) {\r\n                <div class=\"hr\"></div>\r\n            }\r\n        }\r\n    </ul>\r\n</section>", dependencies: [{ kind: "component", type: YdIcon, selector: "yd-icon", inputs: ["size", "name", "color"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: YdNotifications, decorators: [{
             type: Component,
             args: [{ selector: 'yd-notifications', imports: [YdIcon], host: {
                         'class': 'yd-notifications',
                         '[class.open]': 'dropdownIsOpen()'
-                    }, template: "<p class=\"\r\n    font__size--b1\r\n    font__color--primary\r\n    font__weight--medium\r\n    \">\r\n    {{'Notifications'}}\r\n    \r\n</p>\r\n<section>\r\n\r\n    <ul class=\"filter-menu\">\r\n        <li (click)=\"selectFilter('all')\"\r\n            [class.selected]=\"filterBy() === 'all'\"\r\n            class=\"\r\n            font__size--c1\r\n            font__color--primary\r\n            font__weight--medium\r\n            \">\r\n            {{'All'}}\r\n        </li>\r\n        <li (click)=\"selectFilter('week')\"\r\n            [class.selected]=\"filterBy() === 'week'\"\r\n            class=\"\r\n            font__size--c1\r\n            font__color--primary\r\n            font__weight--medium\r\n            \">\r\n            {{'This week'}}\r\n        </li>\r\n        <li (click)=\"selectFilter('earlier')\"\r\n            [class.selected]=\"filterBy() === 'earlier'\"\r\n            class=\"\r\n            font__size--c1\r\n            font__color--primary\r\n            font__weight--medium\r\n            \">\r\n            {{'Earlier'}}\r\n        </li>\r\n    </ul>\r\n\r\n</section>\r\n\r\n<section>\r\n    <ul class=\"notifications-list\">\r\n        @for (item of notifications();\r\n            track $index;\r\n            let last = $last;\r\n            ) {\r\n            <li class=\"p-top\">\r\n                <a>\r\n                    <div class=\"icon-notification__container\">\r\n                        <yd-icon\r\n                            [name]=\"'lightbulb'\"\r\n                        />\r\n                    </div>\r\n                    <div class=\"message__container\">\r\n                        <span class=\"\r\n                            font__size--c1\r\n                            font__color--primary\r\n                            font__weight--medium\r\n                            \">\r\n                            {{item.title}}\r\n                        </span>\r\n                        <span class=\"\r\n                            font__size--c1\r\n                            font__color--secondary\r\n                            font__weight--medium\r\n                            \">\r\n                            {{item.message}}\r\n                        </span>\r\n                    </div>\r\n                    <span class=\"\r\n                        hour\r\n                        font__size--c1\r\n                        font__color--secondary\r\n                        font__weight--medium\r\n                        \">\r\n                        <!-- {{ item.date}} -->\r\n                          {{'1 hour'}}\r\n                    </span>\r\n                </a>\r\n            </li>\r\n            \r\n            @if(!last) {\r\n                <div class=\"hr\"></div>\r\n            }\r\n        }\r\n    </ul>\r\n</section>" }]
-        }], propDecorators: { toggleEmit: [{ type: i0.Output, args: ["toggleEmit"] }], dropdownIsOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownIsOpen", required: true }] }], notifications: [{ type: i0.Input, args: [{ isSignal: true, alias: "notifications", required: true }] }] } });
+                    }, template: "<p class=\"\r\n    font__size--b1\r\n    font__color--primary\r\n    font__weight--medium\r\n    \">\r\n    {{ notificationsTitle() }}\r\n    \r\n</p>\r\n<section>\r\n\r\n    <ul class=\"filter-menu\">\r\n        @for (item of filtersOptions(); track $index) {\r\n            <li (click)=\"selectFilter(item.value)\"\r\n                [class.selected]=\"filterBy() === item.value\"\r\n                class=\"\r\n                font__size--c1\r\n                font__color--primary\r\n                font__weight--medium\r\n                \">\r\n                {{ item.label }}\r\n            </li>\r\n        }\r\n    </ul>\r\n\r\n</section>\r\n\r\n<section>\r\n    <ul class=\"notifications-list\">\r\n        @for (item of notifications();\r\n            track $index;\r\n            let last = $last;\r\n            ) {\r\n            <li class=\"p-top\">\r\n                <a>\r\n                    <div class=\"icon-notification__container\">\r\n                        <yd-icon\r\n                            [name]=\"'lightbulb'\"\r\n                        />\r\n                    </div>\r\n                    <div class=\"message__container\">\r\n                        <span class=\"\r\n                            font__size--c1\r\n                            font__color--primary\r\n                            font__weight--medium\r\n                            \">\r\n                            {{item.title}}\r\n                        </span>\r\n                        <span class=\"\r\n                            font__size--c1\r\n                            font__color--secondary\r\n                            font__weight--medium\r\n                            \">\r\n                            {{item.message}}\r\n                        </span>\r\n                    </div>\r\n                    <span class=\"\r\n                        hour\r\n                        font__size--c1\r\n                        font__color--secondary\r\n                        font__weight--medium\r\n                        \">\r\n                        <!-- {{ item.date}} -->\r\n                          {{'1 hour'}}\r\n                    </span>\r\n                </a>\r\n            </li>\r\n            \r\n            @if(!last) {\r\n                <div class=\"hr\"></div>\r\n            }\r\n        }\r\n    </ul>\r\n</section>" }]
+        }], propDecorators: { toggleEmit: [{ type: i0.Output, args: ["toggleEmit"] }], dropdownIsOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownIsOpen", required: true }] }], notificationsTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "notificationsTitle", required: true }] }], filtersOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "filtersOptions", required: true }] }], notifications: [{ type: i0.Input, args: [{ isSignal: true, alias: "notifications", required: true }] }] } });
 
 class YdUserDropdowMenu {
+    theme = inject(Theme);
     signOutEmit = output();
     toggleEmit = output();
+    signOutTitle = input.required(...(ngDevMode ? [{ debugName: "signOutTitle" }] : []));
     dropdownIsOpen = input.required(...(ngDevMode ? [{ debugName: "dropdownIsOpen" }] : []));
-    fullName = input.required(...(ngDevMode ? [{ debugName: "fullName" }] : []));
-    settingsMenu = input.required(...(ngDevMode ? [{ debugName: "settingsMenu" }] : []));
+    userMenu = input.required(...(ngDevMode ? [{ debugName: "userMenu" }] : []));
+    subTitle = input.required(...(ngDevMode ? [{ debugName: "subTitle" }] : []));
+    title = input.required(...(ngDevMode ? [{ debugName: "title" }] : []));
+    themeMenu = input.required(...(ngDevMode ? [{ debugName: "themeMenu" }] : []));
+    langMenu = input.required(...(ngDevMode ? [{ debugName: "langMenu" }] : []));
     profileImg = input('', ...(ngDevMode ? [{ debugName: "profileImg" }] : []));
-    username = input('', ...(ngDevMode ? [{ debugName: "username" }] : []));
+    openToggleKey = signal(null, ...(ngDevMode ? [{ debugName: "openToggleKey" }] : []));
     signOut() {
         this.signOutEmit.emit();
     }
@@ -554,27 +561,52 @@ class YdUserDropdowMenu {
         this.toggleEmit.emit(this.dropdownIsOpen());
     }
     ;
+    toggleSubMenu(key) {
+        this.openToggleKey.update(curr => (curr === key ? null : key));
+    }
+    isSubMenuOpen(key) {
+        return this.openToggleKey() === key;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: YdUserDropdowMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: YdUserDropdowMenu, isStandalone: true, selector: "yd-user-dropdow-menu", inputs: { dropdownIsOpen: { classPropertyName: "dropdownIsOpen", publicName: "dropdownIsOpen", isSignal: true, isRequired: true, transformFunction: null }, fullName: { classPropertyName: "fullName", publicName: "fullName", isSignal: true, isRequired: true, transformFunction: null }, settingsMenu: { classPropertyName: "settingsMenu", publicName: "settingsMenu", isSignal: true, isRequired: true, transformFunction: null }, profileImg: { classPropertyName: "profileImg", publicName: "profileImg", isSignal: true, isRequired: false, transformFunction: null }, username: { classPropertyName: "username", publicName: "username", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { signOutEmit: "signOutEmit", toggleEmit: "toggleEmit" }, host: { properties: { "class.open": "dropdownIsOpen()" }, classAttribute: "yd-user-dropdown-menu" }, ngImport: i0, template: "<section class=\"user__row\">\r\n    <img \r\n        [src]=\"profileImg()\"\r\n        width=\"30\"\r\n        height=\"30\"\r\n        alt=\"company-logo\"\r\n    >\r\n\r\n    <div class=\"user-name__container\">\r\n        <p class=\"\r\n            font__size--c1\r\n            font__color--primary\r\n            font__wigth--bold\r\n            \">\r\n            {{ username() }}\r\n        </p>\r\n        <p class=\"\r\n            font__size--c1\r\n            font__color--secondary\r\n            font__wigth--bold\r\n            \">\r\n            {{ fullName() }}\r\n        </p>\r\n    </div>\r\n\r\n</section>\r\n\r\n    <div class=\"hr\"></div>\r\n\r\n<section class=\"dropdown-menu__row\">\r\n    <ul class=\"dropdown-menu-list\">\r\n        @for( item of settingsMenu(); track item.label) {\r\n            <li class=\"\r\n                font__size--c1\r\n                font__color--primary\r\n                font__wigth--bold\r\n                \">\r\n                @if(item.route) {\r\n                    <a [routerLink]=\"item.route\" (click)=\"toggleDropdow(this.dropdownIsOpen())\">\r\n                        <yd-icon \r\n                            [color]=\"'var(--yd-color-text-secondary)'\"\r\n                            [name]=\"item.icon\"\r\n                        />\r\n                        {{ item.label }}\r\n                    </a>\r\n                } @else {\r\n                    <a (click)=\"toggleDropdow(this.dropdownIsOpen())\">\r\n                        <yd-icon \r\n                            [color]=\"'var(--yd-color-text-secondary)'\"\r\n                            [name]=\"item.icon\"\r\n                        />\r\n                        {{ item.label }}\r\n                    </a>\r\n                    \r\n                }\r\n            </li>\r\n        }\r\n    </ul>\r\n\r\n</section>\r\n    <div class=\"hr\"></div>\r\n\r\n<section class=\"sign-out__row\">\r\n    <ul>\r\n        <li class=\"\r\n            font__size--c1\r\n            font__color--primary\r\n            font__wigth--bold\r\n            \">\r\n            <a (click)=\"signOut()\">\r\n                <yd-icon \r\n                    [color]=\"'var(--yd-color-text-secondary)'\"\r\n                    [name]=\"'sign-out'\"\r\n                />\r\n                sign out\r\n            </a>\r\n        </li>\r\n    </ul>\r\n\r\n</section>\r\n\r\n", dependencies: [{ kind: "component", type: YdIcon, selector: "yd-icon", inputs: ["size", "name", "color"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: YdUserDropdowMenu, isStandalone: true, selector: "yd-user-dropdow-menu", inputs: { signOutTitle: { classPropertyName: "signOutTitle", publicName: "signOutTitle", isSignal: true, isRequired: true, transformFunction: null }, dropdownIsOpen: { classPropertyName: "dropdownIsOpen", publicName: "dropdownIsOpen", isSignal: true, isRequired: true, transformFunction: null }, userMenu: { classPropertyName: "userMenu", publicName: "userMenu", isSignal: true, isRequired: true, transformFunction: null }, subTitle: { classPropertyName: "subTitle", publicName: "subTitle", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, themeMenu: { classPropertyName: "themeMenu", publicName: "themeMenu", isSignal: true, isRequired: true, transformFunction: null }, langMenu: { classPropertyName: "langMenu", publicName: "langMenu", isSignal: true, isRequired: true, transformFunction: null }, profileImg: { classPropertyName: "profileImg", publicName: "profileImg", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { signOutEmit: "signOutEmit", toggleEmit: "toggleEmit" }, host: { properties: { "class.open": "dropdownIsOpen()" }, classAttribute: "yd-user-dropdown-menu" }, ngImport: i0, template: "<section class=\"user__row\">\r\n    <img \r\n        [src]=\"profileImg()\"\r\n        width=\"30\"\r\n        height=\"30\"\r\n        alt=\"company-logo\"\r\n    >\r\n\r\n    <div class=\"user-name__container\">\r\n        <p class=\"\r\n            font__size--c1\r\n            font__color--primary\r\n            font__wigth--bold\r\n            \">\r\n            {{ title() }}\r\n        </p>\r\n        <p class=\"\r\n            font__size--c1\r\n            font__color--secondary\r\n            font__wigth--bold\r\n            \">\r\n            {{ subTitle() }}\r\n        </p>\r\n    </div>\r\n\r\n</section>\r\n\r\n<div class=\"hr\"></div>\r\n\r\n<section class=\"dropdown-menu__row\">\r\n    <ul class=\"dropdown-menu-list\">\r\n        @for( item of userMenu(); track item.label) {\r\n            <li class=\"\r\n                font__size--c1\r\n                font__color--primary\r\n                font__wigth--bold\r\n                \">\r\n                @if(item.route) {\r\n                    <a [routerLink]=\"item.route\" (click)=\"toggleDropdow(this.dropdownIsOpen())\">\r\n                        <yd-icon \r\n                            [color]=\"'var(--yd-color-text-secondary)'\"\r\n                            [name]=\"item.icon\"\r\n                        />\r\n                        {{ item.label }}\r\n                    </a>\r\n                } @else {\r\n                    <a (click)=\"toggleDropdow(this.dropdownIsOpen())\">\r\n                        <yd-icon \r\n                            [color]=\"'var(--yd-color-text-secondary)'\"\r\n                            [name]=\"item.icon\"\r\n                        />\r\n                        {{ item.label }}\r\n                    </a>\r\n                    \r\n                }\r\n            </li>\r\n        }\r\n    </ul>\r\n\r\n</section>\r\n\r\n<div class=\"hr\"></div>\r\n\r\n<section class=\"dropdown-menu__row\">\r\n    <ul class=\"dropdown-menu-list\">\r\n        @for( item of langMenu(); track item.label) {\r\n            <li class=\"\r\n                font__size--c1\r\n                font__color--primary\r\n                font__wigth--bold\r\n                \">\r\n                @if(item.route) {\r\n                    <a [routerLink]=\"item.route\" (click)=\"toggleDropdow(this.dropdownIsOpen())\">\r\n                        <yd-icon \r\n                            [color]=\"'var(--yd-color-text-secondary)'\"\r\n                            [name]=\"item.icon\"\r\n                        />\r\n                        {{ item.label }}\r\n                    </a>\r\n                } @else {\r\n                    @if(item.subMenu) {\r\n                        <div class=\"toggle-list\" [class.toggle-open]=\"isSubMenuOpen(item.value)\">\r\n                            <a (click)=\"toggleSubMenu(item.value)\">\r\n                                <yd-icon \r\n                                    [color]=\"'var(--yd-color-text-secondary)'\"\r\n                                    [name]=\"item.icon\"\r\n                                />\r\n                                {{ item.label }}\r\n                            </a>\r\n                            <ul class=\"sub-menu-list\">\r\n                                @for (sub of item.subMenu; track $index) {\r\n                                    <li \r\n                                        [class.selected]=\"this.theme.GetTheme === sub.value\" \r\n                                        (click)=\"sub.function!()\">\r\n                                        {{sub.label}}\r\n                                    </li>\r\n                                }\r\n                            </ul>\r\n                        </div>\r\n                    }\r\n                    @else {\r\n                        <a (click)=\"toggleDropdow(this.dropdownIsOpen())\">\r\n                            <yd-icon \r\n                                [color]=\"'var(--yd-color-text-secondary)'\"\r\n                                [name]=\"item.icon\"\r\n                            />\r\n                            {{ item.label }}\r\n                        </a>\r\n                        \r\n                    }\r\n                    \r\n                }\r\n            </li>\r\n        }\r\n        @for( item of themeMenu(); track item.label) {\r\n            <li class=\"\r\n                font__size--c1\r\n                font__color--primary\r\n                font__wigth--bold\r\n                \">\r\n                @if(item.route) {\r\n                    <a [routerLink]=\"item.route\" (click)=\"toggleDropdow(this.dropdownIsOpen())\">\r\n                        <yd-icon \r\n                            [color]=\"'var(--yd-color-text-secondary)'\"\r\n                            [name]=\"item.icon\"\r\n                        />\r\n                        {{ item.label }}\r\n                    </a>\r\n                } @else {\r\n                    @if(item.subMenu) {\r\n                        <div class=\"toggle-list\" [class.toggle-open]=\"isSubMenuOpen(item.label)\">\r\n                            <a (click)=\"toggleSubMenu(item.label)\">\r\n                                <yd-icon \r\n                                    [color]=\"'var(--yd-color-text-secondary)'\"\r\n                                    [name]=\"item.icon\"\r\n                                />\r\n                                {{ item.label }}\r\n                            </a>\r\n                            <ul class=\"sub-menu-list\">\r\n                                @for (sub of item.subMenu; track $index) {\r\n                                    <li \r\n                                        [class.selected]=\"this.theme.GetTheme === sub.value\" \r\n                                        (click)=\"sub.function!()\">\r\n                                        {{sub.label}}\r\n                                    </li>\r\n                                }\r\n                            </ul>\r\n                        </div>\r\n                    }\r\n                    @else {\r\n                        <a (click)=\"toggleDropdow(this.dropdownIsOpen())\">\r\n                            <yd-icon \r\n                                [color]=\"'var(--yd-color-text-secondary)'\"\r\n                                [name]=\"item.icon\"\r\n                            />\r\n                            {{ item.label }}\r\n                        </a>\r\n                        \r\n                    }\r\n                    \r\n                }\r\n            </li>\r\n        }\r\n    </ul>\r\n\r\n</section>\r\n\r\n<div class=\"hr\"></div>\r\n\r\n<section class=\"sign-out__row\">\r\n    <ul>\r\n        <li class=\"\r\n            font__size--c1\r\n            font__color--primary\r\n            font__wigth--bold\r\n            \">\r\n            <a (click)=\"signOut()\">\r\n                <yd-icon \r\n                    [color]=\"'var(--yd-color-text-secondary)'\"\r\n                    [name]=\"'sign-out'\"\r\n                />\r\n                {{ signOutTitle() }}\r\n            </a>\r\n        </li>\r\n    </ul>\r\n\r\n</section>", dependencies: [{ kind: "component", type: YdIcon, selector: "yd-icon", inputs: ["size", "name", "color"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: YdUserDropdowMenu, decorators: [{
             type: Component,
             args: [{ selector: 'yd-user-dropdow-menu', imports: [YdIcon, RouterLink], host: {
                         'class': 'yd-user-dropdown-menu',
                         '[class.open]': 'dropdownIsOpen()'
-                    }, template: "<section class=\"user__row\">\r\n    <img \r\n        [src]=\"profileImg()\"\r\n        width=\"30\"\r\n        height=\"30\"\r\n        alt=\"company-logo\"\r\n    >\r\n\r\n    <div class=\"user-name__container\">\r\n        <p class=\"\r\n            font__size--c1\r\n            font__color--primary\r\n            font__wigth--bold\r\n            \">\r\n            {{ username() }}\r\n        </p>\r\n        <p class=\"\r\n            font__size--c1\r\n            font__color--secondary\r\n            font__wigth--bold\r\n            \">\r\n            {{ fullName() }}\r\n        </p>\r\n    </div>\r\n\r\n</section>\r\n\r\n    <div class=\"hr\"></div>\r\n\r\n<section class=\"dropdown-menu__row\">\r\n    <ul class=\"dropdown-menu-list\">\r\n        @for( item of settingsMenu(); track item.label) {\r\n            <li class=\"\r\n                font__size--c1\r\n                font__color--primary\r\n                font__wigth--bold\r\n                \">\r\n                @if(item.route) {\r\n                    <a [routerLink]=\"item.route\" (click)=\"toggleDropdow(this.dropdownIsOpen())\">\r\n                        <yd-icon \r\n                            [color]=\"'var(--yd-color-text-secondary)'\"\r\n                            [name]=\"item.icon\"\r\n                        />\r\n                        {{ item.label }}\r\n                    </a>\r\n                } @else {\r\n                    <a (click)=\"toggleDropdow(this.dropdownIsOpen())\">\r\n                        <yd-icon \r\n                            [color]=\"'var(--yd-color-text-secondary)'\"\r\n                            [name]=\"item.icon\"\r\n                        />\r\n                        {{ item.label }}\r\n                    </a>\r\n                    \r\n                }\r\n            </li>\r\n        }\r\n    </ul>\r\n\r\n</section>\r\n    <div class=\"hr\"></div>\r\n\r\n<section class=\"sign-out__row\">\r\n    <ul>\r\n        <li class=\"\r\n            font__size--c1\r\n            font__color--primary\r\n            font__wigth--bold\r\n            \">\r\n            <a (click)=\"signOut()\">\r\n                <yd-icon \r\n                    [color]=\"'var(--yd-color-text-secondary)'\"\r\n                    [name]=\"'sign-out'\"\r\n                />\r\n                sign out\r\n            </a>\r\n        </li>\r\n    </ul>\r\n\r\n</section>\r\n\r\n" }]
-        }], propDecorators: { signOutEmit: [{ type: i0.Output, args: ["signOutEmit"] }], toggleEmit: [{ type: i0.Output, args: ["toggleEmit"] }], dropdownIsOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownIsOpen", required: true }] }], fullName: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullName", required: true }] }], settingsMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "settingsMenu", required: true }] }], profileImg: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileImg", required: false }] }], username: [{ type: i0.Input, args: [{ isSignal: true, alias: "username", required: false }] }] } });
+                    }, template: "<section class=\"user__row\">\r\n    <img \r\n        [src]=\"profileImg()\"\r\n        width=\"30\"\r\n        height=\"30\"\r\n        alt=\"company-logo\"\r\n    >\r\n\r\n    <div class=\"user-name__container\">\r\n        <p class=\"\r\n            font__size--c1\r\n            font__color--primary\r\n            font__wigth--bold\r\n            \">\r\n            {{ title() }}\r\n        </p>\r\n        <p class=\"\r\n            font__size--c1\r\n            font__color--secondary\r\n            font__wigth--bold\r\n            \">\r\n            {{ subTitle() }}\r\n        </p>\r\n    </div>\r\n\r\n</section>\r\n\r\n<div class=\"hr\"></div>\r\n\r\n<section class=\"dropdown-menu__row\">\r\n    <ul class=\"dropdown-menu-list\">\r\n        @for( item of userMenu(); track item.label) {\r\n            <li class=\"\r\n                font__size--c1\r\n                font__color--primary\r\n                font__wigth--bold\r\n                \">\r\n                @if(item.route) {\r\n                    <a [routerLink]=\"item.route\" (click)=\"toggleDropdow(this.dropdownIsOpen())\">\r\n                        <yd-icon \r\n                            [color]=\"'var(--yd-color-text-secondary)'\"\r\n                            [name]=\"item.icon\"\r\n                        />\r\n                        {{ item.label }}\r\n                    </a>\r\n                } @else {\r\n                    <a (click)=\"toggleDropdow(this.dropdownIsOpen())\">\r\n                        <yd-icon \r\n                            [color]=\"'var(--yd-color-text-secondary)'\"\r\n                            [name]=\"item.icon\"\r\n                        />\r\n                        {{ item.label }}\r\n                    </a>\r\n                    \r\n                }\r\n            </li>\r\n        }\r\n    </ul>\r\n\r\n</section>\r\n\r\n<div class=\"hr\"></div>\r\n\r\n<section class=\"dropdown-menu__row\">\r\n    <ul class=\"dropdown-menu-list\">\r\n        @for( item of langMenu(); track item.label) {\r\n            <li class=\"\r\n                font__size--c1\r\n                font__color--primary\r\n                font__wigth--bold\r\n                \">\r\n                @if(item.route) {\r\n                    <a [routerLink]=\"item.route\" (click)=\"toggleDropdow(this.dropdownIsOpen())\">\r\n                        <yd-icon \r\n                            [color]=\"'var(--yd-color-text-secondary)'\"\r\n                            [name]=\"item.icon\"\r\n                        />\r\n                        {{ item.label }}\r\n                    </a>\r\n                } @else {\r\n                    @if(item.subMenu) {\r\n                        <div class=\"toggle-list\" [class.toggle-open]=\"isSubMenuOpen(item.value)\">\r\n                            <a (click)=\"toggleSubMenu(item.value)\">\r\n                                <yd-icon \r\n                                    [color]=\"'var(--yd-color-text-secondary)'\"\r\n                                    [name]=\"item.icon\"\r\n                                />\r\n                                {{ item.label }}\r\n                            </a>\r\n                            <ul class=\"sub-menu-list\">\r\n                                @for (sub of item.subMenu; track $index) {\r\n                                    <li \r\n                                        [class.selected]=\"this.theme.GetTheme === sub.value\" \r\n                                        (click)=\"sub.function!()\">\r\n                                        {{sub.label}}\r\n                                    </li>\r\n                                }\r\n                            </ul>\r\n                        </div>\r\n                    }\r\n                    @else {\r\n                        <a (click)=\"toggleDropdow(this.dropdownIsOpen())\">\r\n                            <yd-icon \r\n                                [color]=\"'var(--yd-color-text-secondary)'\"\r\n                                [name]=\"item.icon\"\r\n                            />\r\n                            {{ item.label }}\r\n                        </a>\r\n                        \r\n                    }\r\n                    \r\n                }\r\n            </li>\r\n        }\r\n        @for( item of themeMenu(); track item.label) {\r\n            <li class=\"\r\n                font__size--c1\r\n                font__color--primary\r\n                font__wigth--bold\r\n                \">\r\n                @if(item.route) {\r\n                    <a [routerLink]=\"item.route\" (click)=\"toggleDropdow(this.dropdownIsOpen())\">\r\n                        <yd-icon \r\n                            [color]=\"'var(--yd-color-text-secondary)'\"\r\n                            [name]=\"item.icon\"\r\n                        />\r\n                        {{ item.label }}\r\n                    </a>\r\n                } @else {\r\n                    @if(item.subMenu) {\r\n                        <div class=\"toggle-list\" [class.toggle-open]=\"isSubMenuOpen(item.label)\">\r\n                            <a (click)=\"toggleSubMenu(item.label)\">\r\n                                <yd-icon \r\n                                    [color]=\"'var(--yd-color-text-secondary)'\"\r\n                                    [name]=\"item.icon\"\r\n                                />\r\n                                {{ item.label }}\r\n                            </a>\r\n                            <ul class=\"sub-menu-list\">\r\n                                @for (sub of item.subMenu; track $index) {\r\n                                    <li \r\n                                        [class.selected]=\"this.theme.GetTheme === sub.value\" \r\n                                        (click)=\"sub.function!()\">\r\n                                        {{sub.label}}\r\n                                    </li>\r\n                                }\r\n                            </ul>\r\n                        </div>\r\n                    }\r\n                    @else {\r\n                        <a (click)=\"toggleDropdow(this.dropdownIsOpen())\">\r\n                            <yd-icon \r\n                                [color]=\"'var(--yd-color-text-secondary)'\"\r\n                                [name]=\"item.icon\"\r\n                            />\r\n                            {{ item.label }}\r\n                        </a>\r\n                        \r\n                    }\r\n                    \r\n                }\r\n            </li>\r\n        }\r\n    </ul>\r\n\r\n</section>\r\n\r\n<div class=\"hr\"></div>\r\n\r\n<section class=\"sign-out__row\">\r\n    <ul>\r\n        <li class=\"\r\n            font__size--c1\r\n            font__color--primary\r\n            font__wigth--bold\r\n            \">\r\n            <a (click)=\"signOut()\">\r\n                <yd-icon \r\n                    [color]=\"'var(--yd-color-text-secondary)'\"\r\n                    [name]=\"'sign-out'\"\r\n                />\r\n                {{ signOutTitle() }}\r\n            </a>\r\n        </li>\r\n    </ul>\r\n\r\n</section>" }]
+        }], propDecorators: { signOutEmit: [{ type: i0.Output, args: ["signOutEmit"] }], toggleEmit: [{ type: i0.Output, args: ["toggleEmit"] }], signOutTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "signOutTitle", required: true }] }], dropdownIsOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownIsOpen", required: true }] }], userMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "userMenu", required: true }] }], subTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subTitle", required: true }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], themeMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeMenu", required: true }] }], langMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "langMenu", required: true }] }], profileImg: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileImg", required: false }] }] } });
 
 class YdNavbar {
     signOutEmit = output();
-    companyLogo = input.required(...(ngDevMode ? [{ debugName: "companyLogo" }] : []));
-    fullName = input.required(...(ngDevMode ? [{ debugName: "fullName" }] : []));
-    navMenu = input.required(...(ngDevMode ? [{ debugName: "navMenu" }] : []));
-    profileImg = input.required(...(ngDevMode ? [{ debugName: "profileImg" }] : []));
-    settingsMenu = input.required(...(ngDevMode ? [{ debugName: "settingsMenu" }] : []));
-    username = input.required(...(ngDevMode ? [{ debugName: "username" }] : []));
     companyLogoRoute = input('', ...(ngDevMode ? [{ debugName: "companyLogoRoute" }] : []));
     notifications = input([], ...(ngDevMode ? [{ debugName: "notifications" }] : []));
+    signOutTitle = input('sign out', ...(ngDevMode ? [{ debugName: "signOutTitle" }] : []));
+    placeholder = input('search', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    notificationsTitle = input('Notifications', ...(ngDevMode ? [{ debugName: "notificationsTitle" }] : []));
+    filtersOptions = input([
+        {
+            label: 'all',
+            value: 'all',
+        },
+        {
+            label: 'this week',
+            value: 'week',
+        },
+        {
+            label: 'earlier',
+            value: 'earlier',
+        },
+    ], ...(ngDevMode ? [{ debugName: "filtersOptions" }] : []));
+    companyLogo = input.required(...(ngDevMode ? [{ debugName: "companyLogo" }] : []));
+    subTitle = input.required(...(ngDevMode ? [{ debugName: "subTitle" }] : []));
+    headerMenu = input(...(ngDevMode ? [undefined, { debugName: "headerMenu" }] : []));
+    profileImg = input.required(...(ngDevMode ? [{ debugName: "profileImg" }] : []));
+    userMenu = input.required(...(ngDevMode ? [{ debugName: "userMenu" }] : []));
+    title = input.required(...(ngDevMode ? [{ debugName: "title" }] : []));
+    themeMenu = input.required(...(ngDevMode ? [{ debugName: "themeMenu" }] : []));
+    langMenu = input.required(...(ngDevMode ? [{ debugName: "langMenu" }] : []));
     notificationsDropdownIsOpen = signal(false, ...(ngDevMode ? [{ debugName: "notificationsDropdownIsOpen" }] : []));
     settingsDropdownIsOpen = signal(false, ...(ngDevMode ? [{ debugName: "settingsDropdownIsOpen" }] : []));
     handleSignOut() {
@@ -600,7 +632,7 @@ class YdNavbar {
     }
     ;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: YdNavbar, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: YdNavbar, isStandalone: true, selector: "yd-navbar", inputs: { companyLogo: { classPropertyName: "companyLogo", publicName: "companyLogo", isSignal: true, isRequired: true, transformFunction: null }, fullName: { classPropertyName: "fullName", publicName: "fullName", isSignal: true, isRequired: true, transformFunction: null }, navMenu: { classPropertyName: "navMenu", publicName: "navMenu", isSignal: true, isRequired: true, transformFunction: null }, profileImg: { classPropertyName: "profileImg", publicName: "profileImg", isSignal: true, isRequired: true, transformFunction: null }, settingsMenu: { classPropertyName: "settingsMenu", publicName: "settingsMenu", isSignal: true, isRequired: true, transformFunction: null }, username: { classPropertyName: "username", publicName: "username", isSignal: true, isRequired: true, transformFunction: null }, companyLogoRoute: { classPropertyName: "companyLogoRoute", publicName: "companyLogoRoute", isSignal: true, isRequired: false, transformFunction: null }, notifications: { classPropertyName: "notifications", publicName: "notifications", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { signOutEmit: "signOutEmit" }, host: { classAttribute: "yd-navbar__container" }, ngImport: i0, template: "<nav>\r\n    <a [routerLink]=\"companyLogoRoute()\">\r\n        <img \r\n            [src]=\"companyLogo()\"\r\n            width=\"30\"\r\n            height=\"30\"\r\n            alt=\"company-logo\"\r\n        >\r\n    </a>\r\n    <section class=\"right-block\">\r\n        <ul class=\"navbar-menu-list\">\r\n            @for (item of navMenu(); track $index) {\r\n                <li>\r\n                    <a [routerLink]=\"item.route\">\r\n                        <yd-icon\r\n                            [name]=\"item.icon\"\r\n                        />\r\n                        <span class=\"\r\n                            font__size--c1\r\n                            font__weight--medium\r\n                            font__color--primary\r\n                            \">\r\n                            {{ item.label }}\r\n                        </span>\r\n                    </a>\r\n                </li>\r\n            }\r\n        </ul>\r\n\r\n        <div class=\"semisection__container\">\r\n            <div class=\"search__container\">\r\n                <yd-input \r\n                    icon=\"search\"\r\n                    placeholder=\"Search\"\r\n                />\r\n            </div>\r\n            <div class=\"notifications__container\">\r\n                <yd-icon\r\n                    class=\"icon-notifications\"\r\n                    name=\"bell\"\r\n                    size=\"large\"\r\n                    (click)=\"toggleNotifications()\"\r\n                />\r\n                <yd-notifications\r\n                    [notifications]=\"notifications()\"\r\n                    [dropdownIsOpen]=\"notificationsDropdownIsOpen()\"\r\n                />\r\n            </div>\r\n\r\n\r\n            <div class=\"user__container\">\r\n                <img \r\n                    [src]=\"profileImg()\"\r\n                    width=\"35\"\r\n                    height=\"35\"\r\n                    alt=\"company-logo\"\r\n                    (click)=\"toggleSettings()\"\r\n                    >\r\n                <yd-user-dropdow-menu\r\n                    (signOutEmit)=\"handleSignOut()\"\r\n                    (toggleEmit)=\"handleToggleSettingsEmmit($event)\"\r\n                    [fullName]=\"fullName()\"\r\n                    [profileImg]=\"profileImg()\"\r\n                    [dropdownIsOpen]=\"settingsDropdownIsOpen()\"\r\n                    [settingsMenu]=\"settingsMenu()\"\r\n                    [username]=\"username()\"\r\n                />\r\n            </div>\r\n        </div>\r\n\r\n    </section>\r\n</nav>\r\n\r\n", dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: YdIcon, selector: "yd-icon", inputs: ["size", "name", "color"] }, { kind: "component", type: YdInput, selector: "yd-input", inputs: ["autocomplete", "errorMessage", "fullSize", "hasError", "icon", "isDisabled", "maxLength", "placeholder", "type"] }, { kind: "component", type: YdUserDropdowMenu, selector: "yd-user-dropdow-menu", inputs: ["dropdownIsOpen", "fullName", "settingsMenu", "profileImg", "username"], outputs: ["signOutEmit", "toggleEmit"] }, { kind: "component", type: YdNotifications, selector: "yd-notifications", inputs: ["dropdownIsOpen", "notifications"], outputs: ["toggleEmit"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: YdNavbar, isStandalone: true, selector: "yd-navbar", inputs: { companyLogoRoute: { classPropertyName: "companyLogoRoute", publicName: "companyLogoRoute", isSignal: true, isRequired: false, transformFunction: null }, notifications: { classPropertyName: "notifications", publicName: "notifications", isSignal: true, isRequired: false, transformFunction: null }, signOutTitle: { classPropertyName: "signOutTitle", publicName: "signOutTitle", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, notificationsTitle: { classPropertyName: "notificationsTitle", publicName: "notificationsTitle", isSignal: true, isRequired: false, transformFunction: null }, filtersOptions: { classPropertyName: "filtersOptions", publicName: "filtersOptions", isSignal: true, isRequired: false, transformFunction: null }, companyLogo: { classPropertyName: "companyLogo", publicName: "companyLogo", isSignal: true, isRequired: true, transformFunction: null }, subTitle: { classPropertyName: "subTitle", publicName: "subTitle", isSignal: true, isRequired: true, transformFunction: null }, headerMenu: { classPropertyName: "headerMenu", publicName: "headerMenu", isSignal: true, isRequired: false, transformFunction: null }, profileImg: { classPropertyName: "profileImg", publicName: "profileImg", isSignal: true, isRequired: true, transformFunction: null }, userMenu: { classPropertyName: "userMenu", publicName: "userMenu", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, themeMenu: { classPropertyName: "themeMenu", publicName: "themeMenu", isSignal: true, isRequired: true, transformFunction: null }, langMenu: { classPropertyName: "langMenu", publicName: "langMenu", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { signOutEmit: "signOutEmit" }, host: { classAttribute: "yd-navbar__container" }, ngImport: i0, template: "<nav>\r\n    <div class=\"bars__container\">\r\n        <yd-icon\r\n            name=\"bars\"\r\n        />\r\n    </div>\r\n    <!-- <a [routerLink]=\"companyLogoRoute()\">\r\n        <img \r\n            [src]=\"companyLogo()\"\r\n            width=\"30\"\r\n            height=\"30\"\r\n            alt=\"company-logo\"\r\n        >\r\n    </a> -->\r\n    <section class=\"right-block\">\r\n        <ul class=\"navbar-menu-list\">\r\n            @for (item of headerMenu(); track $index) {\r\n                <li>\r\n                    <a [routerLink]=\"item.route\">\r\n                        <yd-icon\r\n                            [name]=\"item.icon\"\r\n                        />\r\n                        <span class=\"\r\n                            font__size--c1\r\n                            font__weight--medium\r\n                            font__color--primary\r\n                            \">\r\n                            {{ item.label }}\r\n                        </span>\r\n                    </a>\r\n                </li>\r\n            }\r\n        </ul>\r\n\r\n        <div class=\"semisection__container\">\r\n            <div class=\"search__container\">\r\n                <yd-input \r\n                    icon=\"search\"\r\n                    [placeholder]=\"placeholder()\"\r\n                />\r\n            </div>\r\n            <div class=\"buttons__container\">\r\n                <div class=\"notifications__container\">\r\n                    <yd-icon\r\n                        class=\"icon-notifications\"\r\n                        name=\"bell\"\r\n                        size=\"large\"\r\n                        (click)=\"toggleNotifications()\"\r\n                    />\r\n                    <yd-notifications\r\n                        [notifications]=\"notifications()\"\r\n                        [dropdownIsOpen]=\"notificationsDropdownIsOpen()\"\r\n                        [notificationsTitle]=\"notificationsTitle()\"\r\n                        [filtersOptions]=\"filtersOptions()\"\r\n                    />\r\n                </div>\r\n    \r\n                <div class=\"user__container\">\r\n                    <img \r\n                        [src]=\"profileImg()\"\r\n                        width=\"35\"\r\n                        height=\"35\"\r\n                        alt=\"company-logo\"\r\n                        (click)=\"toggleSettings()\"\r\n                        >\r\n                    <yd-user-dropdow-menu\r\n                        (signOutEmit)=\"handleSignOut()\"\r\n                        (toggleEmit)=\"handleToggleSettingsEmmit($event)\"\r\n                        [dropdownIsOpen]=\"settingsDropdownIsOpen()\"\r\n                        [langMenu]=\"langMenu()\"\r\n                        [profileImg]=\"profileImg()\"\r\n                        [signOutTitle]=\"signOutTitle()\"\r\n                        [subTitle]=\"subTitle()\"\r\n                        [themeMenu]=\"themeMenu()\"\r\n                        [title]=\"title()\"\r\n                        [userMenu]=\"userMenu()\"\r\n                    />\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n    </section>\r\n</nav>\r\n\r\n", dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: YdIcon, selector: "yd-icon", inputs: ["size", "name", "color"] }, { kind: "component", type: YdInput, selector: "yd-input", inputs: ["autocomplete", "errorMessage", "fullSize", "hasError", "icon", "isDisabled", "maxLength", "placeholder", "type"] }, { kind: "component", type: YdUserDropdowMenu, selector: "yd-user-dropdow-menu", inputs: ["signOutTitle", "dropdownIsOpen", "userMenu", "subTitle", "title", "themeMenu", "langMenu", "profileImg"], outputs: ["signOutEmit", "toggleEmit"] }, { kind: "component", type: YdNotifications, selector: "yd-notifications", inputs: ["dropdownIsOpen", "notificationsTitle", "filtersOptions", "notifications"], outputs: ["toggleEmit"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: YdNavbar, decorators: [{
             type: Component,
@@ -612,8 +644,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
                         YdNotifications
                     ], host: {
                         'class': 'yd-navbar__container',
-                    }, template: "<nav>\r\n    <a [routerLink]=\"companyLogoRoute()\">\r\n        <img \r\n            [src]=\"companyLogo()\"\r\n            width=\"30\"\r\n            height=\"30\"\r\n            alt=\"company-logo\"\r\n        >\r\n    </a>\r\n    <section class=\"right-block\">\r\n        <ul class=\"navbar-menu-list\">\r\n            @for (item of navMenu(); track $index) {\r\n                <li>\r\n                    <a [routerLink]=\"item.route\">\r\n                        <yd-icon\r\n                            [name]=\"item.icon\"\r\n                        />\r\n                        <span class=\"\r\n                            font__size--c1\r\n                            font__weight--medium\r\n                            font__color--primary\r\n                            \">\r\n                            {{ item.label }}\r\n                        </span>\r\n                    </a>\r\n                </li>\r\n            }\r\n        </ul>\r\n\r\n        <div class=\"semisection__container\">\r\n            <div class=\"search__container\">\r\n                <yd-input \r\n                    icon=\"search\"\r\n                    placeholder=\"Search\"\r\n                />\r\n            </div>\r\n            <div class=\"notifications__container\">\r\n                <yd-icon\r\n                    class=\"icon-notifications\"\r\n                    name=\"bell\"\r\n                    size=\"large\"\r\n                    (click)=\"toggleNotifications()\"\r\n                />\r\n                <yd-notifications\r\n                    [notifications]=\"notifications()\"\r\n                    [dropdownIsOpen]=\"notificationsDropdownIsOpen()\"\r\n                />\r\n            </div>\r\n\r\n\r\n            <div class=\"user__container\">\r\n                <img \r\n                    [src]=\"profileImg()\"\r\n                    width=\"35\"\r\n                    height=\"35\"\r\n                    alt=\"company-logo\"\r\n                    (click)=\"toggleSettings()\"\r\n                    >\r\n                <yd-user-dropdow-menu\r\n                    (signOutEmit)=\"handleSignOut()\"\r\n                    (toggleEmit)=\"handleToggleSettingsEmmit($event)\"\r\n                    [fullName]=\"fullName()\"\r\n                    [profileImg]=\"profileImg()\"\r\n                    [dropdownIsOpen]=\"settingsDropdownIsOpen()\"\r\n                    [settingsMenu]=\"settingsMenu()\"\r\n                    [username]=\"username()\"\r\n                />\r\n            </div>\r\n        </div>\r\n\r\n    </section>\r\n</nav>\r\n\r\n" }]
-        }], propDecorators: { signOutEmit: [{ type: i0.Output, args: ["signOutEmit"] }], companyLogo: [{ type: i0.Input, args: [{ isSignal: true, alias: "companyLogo", required: true }] }], fullName: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullName", required: true }] }], navMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "navMenu", required: true }] }], profileImg: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileImg", required: true }] }], settingsMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "settingsMenu", required: true }] }], username: [{ type: i0.Input, args: [{ isSignal: true, alias: "username", required: true }] }], companyLogoRoute: [{ type: i0.Input, args: [{ isSignal: true, alias: "companyLogoRoute", required: false }] }], notifications: [{ type: i0.Input, args: [{ isSignal: true, alias: "notifications", required: false }] }] } });
+                    }, template: "<nav>\r\n    <div class=\"bars__container\">\r\n        <yd-icon\r\n            name=\"bars\"\r\n        />\r\n    </div>\r\n    <!-- <a [routerLink]=\"companyLogoRoute()\">\r\n        <img \r\n            [src]=\"companyLogo()\"\r\n            width=\"30\"\r\n            height=\"30\"\r\n            alt=\"company-logo\"\r\n        >\r\n    </a> -->\r\n    <section class=\"right-block\">\r\n        <ul class=\"navbar-menu-list\">\r\n            @for (item of headerMenu(); track $index) {\r\n                <li>\r\n                    <a [routerLink]=\"item.route\">\r\n                        <yd-icon\r\n                            [name]=\"item.icon\"\r\n                        />\r\n                        <span class=\"\r\n                            font__size--c1\r\n                            font__weight--medium\r\n                            font__color--primary\r\n                            \">\r\n                            {{ item.label }}\r\n                        </span>\r\n                    </a>\r\n                </li>\r\n            }\r\n        </ul>\r\n\r\n        <div class=\"semisection__container\">\r\n            <div class=\"search__container\">\r\n                <yd-input \r\n                    icon=\"search\"\r\n                    [placeholder]=\"placeholder()\"\r\n                />\r\n            </div>\r\n            <div class=\"buttons__container\">\r\n                <div class=\"notifications__container\">\r\n                    <yd-icon\r\n                        class=\"icon-notifications\"\r\n                        name=\"bell\"\r\n                        size=\"large\"\r\n                        (click)=\"toggleNotifications()\"\r\n                    />\r\n                    <yd-notifications\r\n                        [notifications]=\"notifications()\"\r\n                        [dropdownIsOpen]=\"notificationsDropdownIsOpen()\"\r\n                        [notificationsTitle]=\"notificationsTitle()\"\r\n                        [filtersOptions]=\"filtersOptions()\"\r\n                    />\r\n                </div>\r\n    \r\n                <div class=\"user__container\">\r\n                    <img \r\n                        [src]=\"profileImg()\"\r\n                        width=\"35\"\r\n                        height=\"35\"\r\n                        alt=\"company-logo\"\r\n                        (click)=\"toggleSettings()\"\r\n                        >\r\n                    <yd-user-dropdow-menu\r\n                        (signOutEmit)=\"handleSignOut()\"\r\n                        (toggleEmit)=\"handleToggleSettingsEmmit($event)\"\r\n                        [dropdownIsOpen]=\"settingsDropdownIsOpen()\"\r\n                        [langMenu]=\"langMenu()\"\r\n                        [profileImg]=\"profileImg()\"\r\n                        [signOutTitle]=\"signOutTitle()\"\r\n                        [subTitle]=\"subTitle()\"\r\n                        [themeMenu]=\"themeMenu()\"\r\n                        [title]=\"title()\"\r\n                        [userMenu]=\"userMenu()\"\r\n                    />\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n    </section>\r\n</nav>\r\n\r\n" }]
+        }], propDecorators: { signOutEmit: [{ type: i0.Output, args: ["signOutEmit"] }], companyLogoRoute: [{ type: i0.Input, args: [{ isSignal: true, alias: "companyLogoRoute", required: false }] }], notifications: [{ type: i0.Input, args: [{ isSignal: true, alias: "notifications", required: false }] }], signOutTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "signOutTitle", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], notificationsTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "notificationsTitle", required: false }] }], filtersOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "filtersOptions", required: false }] }], companyLogo: [{ type: i0.Input, args: [{ isSignal: true, alias: "companyLogo", required: true }] }], subTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subTitle", required: true }] }], headerMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerMenu", required: false }] }], profileImg: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileImg", required: true }] }], userMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "userMenu", required: true }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], themeMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeMenu", required: true }] }], langMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "langMenu", required: true }] }] } });
 
 /*
  * Public API Surface of yudu-component-kit

package/fesm2022/yudu-component-kit.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"yudu-component-kit.mjs","sources":["../../../projects/yudu-component-kit/src/lib/core/services/local-storage-store.ts","../../../projects/yudu-component-kit/src/lib/core/services/theme.ts","../../../projects/yudu-component-kit/src/lib/components/yd-button/yd-button.ts","../../../projects/yudu-component-kit/src/lib/components/yd-button/yd-button.html","../../../projects/yudu-component-kit/src/lib/interfaces/yd-icon.adapter.ts","../../../projects/yudu-component-kit/src/lib/components/yd-icon/yd-icon.ts","../../../projects/yudu-component-kit/src/lib/components/yd-icon/yd-icon.html","../../../projects/yudu-component-kit/src/lib/components/yd-chip/yd-chip.ts","../../../projects/yudu-component-kit/src/lib/components/yd-chip/yd-chip.html","../../../projects/yudu-component-kit/src/lib/components/yd-input/yd-input.ts","../../../projects/yudu-component-kit/src/lib/components/yd-input/yd-input.html","../../../projects/yudu-component-kit/src/lib/components/yd-navbar/yd-notifications/yd-notifications.ts","../../../projects/yudu-component-kit/src/lib/components/yd-navbar/yd-notifications/yd-notifications.html","../../../projects/yudu-component-kit/src/lib/components/yd-navbar/yd-user-dropdow-menu/yd-user-dropdow-menu.ts","../../../projects/yudu-component-kit/src/lib/components/yd-navbar/yd-user-dropdow-menu/yd-user-dropdow-menu.html","../../../projects/yudu-component-kit/src/lib/components/yd-navbar/yd-navbar.ts","../../../projects/yudu-component-kit/src/lib/components/yd-navbar/yd-navbar.html","../../../projects/yudu-component-kit/src/public-api.ts","../../../projects/yudu-component-kit/src/yudu-component-kit.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\n\r\n@Injectable({\r\n  providedIn: 'root',\r\n})\r\nexport class LocalStorageStore {\r\n\r\n  constructor(){\r\n    this.initLocalStorageStore();\r\n    this.applyThemeClasses();\r\n  }\r\n\r\n  private initLocalStorageStore():void {\r\n    const theme = localStorage.getItem('theme') || 'dark';\r\n    if(!localStorage.getItem('theme')) localStorage.setItem('theme', theme); \r\n  };\r\n\r\n  private applyThemeClasses():void {\r\n    const theme = localStorage.getItem('theme');\r\n\r\n    if(theme) {\r\n      document.body.classList.toggle('theme--dark', theme === 'dark');\r\n      document.body.classList.toggle('theme--light', theme === 'light');\r\n    }\r\n  }\r\n  \r\n}\r\n","import { Injectable, signal } from '@angular/core';\r\n\r\n@Injectable({\r\n  providedIn: 'root',\r\n})\r\nexport class Theme {\r\n  public toggle = signal<boolean>(false);\r\n\r\n  constructor() {\r\n    let theme = localStorage.getItem('theme');\r\n    this.toggle.set( theme == 'dark' ? true : false );\r\n  };\r\n\r\n  public changeTheme(theme:string):void {\r\n    theme = theme === 'light' ? 'light' : 'dark';\r\n\r\n    document.body.classList.toggle('theme--dark', theme === 'dark');\r\n    document.body.classList.toggle('theme--light',theme === 'light');\r\n\r\n    localStorage.setItem('theme', theme);\r\n  };\r\n\r\n  public toggleTheme():void {\r\n    this.toggle.set( !this.toggle() );\r\n    \r\n    const theme = this.toggle() ? 'dark' : 'light';\r\n\r\n    localStorage.setItem('theme', theme);\r\n\r\n    document.body.classList.toggle('theme--dark', this.toggle());\r\n    document.body.classList.toggle('theme--light', !this.toggle());\r\n  };\r\n\r\n  public get GetTheme():string | null {\r\n    let mode = localStorage.getItem('theme');\r\n    return mode;\r\n  }\r\n}\r\n","import { NgClass } from '@angular/common';\r\nimport { booleanAttribute, Component, input, ViewEncapsulation } from '@angular/core';\r\n\r\nexport type YdBtnSize = 'small' | 'normal' | 'large';\r\nexport type YdBtnStyle = 'primary' | 'secondary' | 'tertiary';\r\nexport type YdBtnType = 'button' | 'submit' | 'reset';\r\n\r\n@Component({\r\n  selector: 'yd-button',\r\n  imports: [ NgClass ],\r\n  standalone:true,\r\n  templateUrl: './yd-button.html',\r\n  host:{\r\n    '[class.pointer-events--none]':'disabled()',\r\n    '[class.w--100]':'fullSize()',\r\n    'class':'yd-btn__container',\r\n  },\r\n  encapsulation:ViewEncapsulation.None\r\n})\r\nexport class YdButton {\r\n  public size = input<YdBtnSize>('normal');\r\n  public buttonStyle = input<YdBtnStyle>('primary');\r\n  public type = input<YdBtnType>('button');\r\n  \r\n  public disabled = input(false,{ transform: booleanAttribute });\r\n  \r\n  public fullSize = input(false, { transform: booleanAttribute });\r\n\r\n}\r\n","<button\r\n    #buttonContainer\r\n    [type]=\"type()\"\r\n    class=\"yd-btn\"\r\n    [class.yd-btn__primary]=\"buttonStyle() === 'primary'\"\r\n    [class.yd-btn__secondary]=\"buttonStyle() === 'secondary'\"\r\n    [class.yd-btn__tertiary]=\"buttonStyle() === 'tertiary'\"\r\n    [class.disabled]=\"disabled()\"\r\n    [class.w--100]=\"fullSize()\"\r\n    [ngClass]=\"{\r\n        'small': size() === 'small',\r\n        'normal': size() === 'normal',\r\n        'large': size() === 'large',\r\n    }\"\r\n    >\r\n    <ng-content></ng-content>\r\n</button>","import { YdIconName } from './yd-icon-types';\r\n\r\nexport const YD_ICON_PRIME_MAP: Record<YdIconName, string> = {\r\n    'address-book':'address-book',\r\n    'align-center':'align-center',\r\n    'align-justify':'align-justify',\r\n    'align-left':'align-left',\r\n    'align-right':'align-right',\r\n    'amazon':'amazon',\r\n    'android':'android',\r\n    'angle-double-down':'angle-double-down',\r\n    'angle-double-left':'angle-double-left',\r\n    'angle-double-right':'angle-double-right',\r\n    'angle-double-up':'angle-double-up',\r\n    'angle-down':'angle-down',\r\n    'angle-left':'angle-left',\r\n    'angle-right':'angle-right',\r\n    'angle-up':'angle-up',\r\n    'apple':'apple',\r\n    'arrow-circle-down':'arrow-circle-down',\r\n    'arrow-circle-left':'arrow-circle-left',\r\n    'arrow-circle-right':'arrow-circle-right',\r\n    'arrow-circle-up':'arrow-circle-up',\r\n    'arrow-down':'arrow-down',\r\n    'arrow-down-left':'arrow-down-left',\r\n    'arrow-down-left-and-arrow-up-right-to-center':'arrow-down-left-and-arrow-up-right-to-center',\r\n    'arrow-down-right':'arrow-down-right',\r\n    'arrow-left':'arrow-left',\r\n    'arrow-right':'arrow-right',\r\n    'arrow-right-arrow-left':'arrow-right-arrow-left',\r\n    'arrow-up':'arrow-up',\r\n    'arrow-up-left':'arrow-up-left',\r\n    'arrow-up-right':'arrow-up-right',\r\n    'arrow-up-right-and-arrow-down-left-from-center':'arrow-up-right-and-arrow-down-left-from-center',\r\n    'arrows-alt':'arrows-alt',\r\n    'arrows-h':'arrows-h',\r\n    'arrows-v':'arrows-v',\r\n    'asterisk':'asterisk',\r\n    'at':'at',\r\n    'backward':'backward',\r\n    'ban':'ban',\r\n    'barcode':'barcode',\r\n    'bars':'bars',\r\n    'bell':'bell',\r\n    'bell-slash':'bell-slash',\r\n    'bitcoin':'bitcoin',\r\n    'bolt':'bolt',\r\n    'book':'book',\r\n    'bookmark':'bookmark',\r\n    'bookmark-fill':'bookmark-fill',\r\n    'box':'box',\r\n    'briefcase':'briefcase',\r\n    'building':'building',\r\n    'building-columns':'building-columns',\r\n    'bullseye':'bullseye',\r\n    'calculator':'calculator',\r\n    'calendar':'calendar',\r\n    'calendar-clock':'calendar-clock',\r\n    'calendar-minus':'calendar-minus',\r\n    'calendar-plus':'calendar-plus',\r\n    'calendar-times':'calendar-times',\r\n    'camera':'camera',\r\n    'car':'car',\r\n    'caret-down':'caret-down',\r\n    'caret-left':'caret-left',\r\n    'caret-right':'caret-right',\r\n    'caret-up':'caret-up',\r\n    'cart-arrow-down':'cart-arrow-down',\r\n    'cart-minus':'cart-minus',\r\n    'cart-plus':'cart-plus',\r\n    'chart-bar':'chart-bar',\r\n    'chart-line':'chart-line',\r\n    'chart-pie':'chart-pie',\r\n    'chart-scatter':'chart-scatter',\r\n    'check':'check',\r\n    'check-circle':'check-circle',\r\n    'check-square':'check-square',\r\n    'chevron-circle-down':'chevron-circle-down',\r\n    'chevron-circle-left':'chevron-circle-left',\r\n    'chevron-circle-right':'chevron-circle-right',\r\n    'chevron-circle-up':'chevron-circle-up',\r\n    'chevron-down':'chevron-down',\r\n    'chevron-left':'chevron-left',\r\n    'chevron-right':'chevron-right',\r\n    'chevron-up':'chevron-up',\r\n    'circle':'circle',\r\n    'circle-fill':'circle-fill',\r\n    'circle-off':'circle-off',\r\n    'circle-on':'circle-on',\r\n    'clipboard':'clipboard',\r\n    'clock':'clock',\r\n    'clone':'clone',\r\n    'cloud':'cloud',\r\n    'cloud-download':'cloud-download',\r\n    'cloud-upload':'cloud-upload',\r\n    'code':'code',\r\n    'cog':'cog',\r\n    'comment':'comment',\r\n    'comments':'comments',\r\n    'compass':'compass',\r\n    'copy':'copy',\r\n    'credit-card':'credit-card',\r\n    'crown':'crown',\r\n    'database':'database',\r\n    'delete-left':'delete-left',\r\n    'desktop':'desktop',\r\n    'directions':'directions',\r\n    'directions-alt':'directions-alt',\r\n    'discord':'discord',\r\n    'dollar':'dollar',\r\n    'download':'download',\r\n    'eject':'eject',\r\n    'ellipsis-h':'ellipsis-h',\r\n    'ellipsis-v':'ellipsis-v',\r\n    'envelope':'envelope',\r\n    'equals':'equals',\r\n    'eraser':'eraser',\r\n    'ethereum':'ethereum',\r\n    'euro':'euro',\r\n    'exclamation-circle':'exclamation-circle',\r\n    'exclamation-triangle':'exclamation-triangle',\r\n    'expand':'expand',\r\n    'external-link':'external-link',\r\n    'eye':'eye',\r\n    'eye-slash':'eye-slash',\r\n    'face-smile':'face-smile',\r\n    'facebook':'facebook',\r\n    'fast-backward':'fast-backward',\r\n    'fast-forward':'fast-forward',\r\n    'file':'file',\r\n    'file-arrow-up':'file-arrow-up',\r\n    'file-check':'file-check',\r\n    'file-edit':'file-edit',\r\n    'file-excel':'file-excel',\r\n    'file-export':'file-export',\r\n    'file-import':'file-import',\r\n    'file-o':'file-o',\r\n    'file-pdf':'file-pdf',\r\n    'file-plus':'file-plus',\r\n    'file-word':'file-word',\r\n    'filter':'filter',\r\n    'filter-fill':'filter-fill',\r\n    'filter-slash':'filter-slash',\r\n    'flag':'flag',\r\n    'flag-fill':'flag-fill',\r\n    'folder':'folder',\r\n    'folder-open':'folder-open',\r\n    'folder-plus':'folder-plus',\r\n    'forward':'forward',\r\n    'gauge':'gauge',\r\n    'gift':'gift',\r\n    'github':'github',\r\n    'globe':'globe',\r\n    'google':'google',\r\n    'graduation-cap':'graduation-cap',\r\n    'hammer':'hammer',\r\n    'hashtag':'hashtag',\r\n    'headphones':'headphones',\r\n    'heart':'heart',\r\n    'heart-fill':'heart-fill',\r\n    'history':'history',\r\n    'home':'home',\r\n    'hourglass':'hourglass',\r\n    'id-card':'id-card',\r\n    'image':'image',\r\n    'images':'images',\r\n    'inbox':'inbox',\r\n    'indian-rupee':'indian-rupee',\r\n    'info':'info',\r\n    'info-circle':'info-circle',\r\n    'instagram':'instagram',\r\n    'key':'key',\r\n    'language':'language',\r\n    'lightbulb':'lightbulb',\r\n    'link':'link',\r\n    'linkedin':'linkedin',\r\n    'list':'list',\r\n    'list-check':'list-check',\r\n    'lock':'lock',\r\n    'lock-open':'lock-open',\r\n    'map':'map',\r\n    'map-marker':'map-marker',\r\n    'mars':'mars',\r\n    'megaphone':'megaphone',\r\n    'microchip':'microchip',\r\n    'microchip-ai':'microchip-ai',\r\n    'microphone':'microphone',\r\n    'microsoft':'microsoft',\r\n    'minus':'minus',\r\n    'minus-circle':'minus-circle',\r\n    'mobile':'mobile',\r\n    'money-bill':'money-bill',\r\n    'moon':'moon',\r\n    'objects-column':'objects-column',\r\n    'palette':'palette',\r\n    'paperclip':'paperclip',\r\n    'pause':'pause',\r\n    'pause-circle':'pause-circle',\r\n    'paypal':'paypal',\r\n    'pen-to-square':'pen-to-square',\r\n    'pencil':'pencil',\r\n    'percentage':'percentage',\r\n    'phone':'phone',\r\n    'pinterest':'pinterest',\r\n    'play':'play',\r\n    'play-circle':'play-circle',\r\n    'plus':'plus',\r\n    'plus-circle':'plus-circle',\r\n    'pound':'pound',\r\n    'power-off':'power-off',\r\n    'prime':'prime',\r\n    'print':'print',\r\n    'qrcode':'qrcode',\r\n    'question':'question',\r\n    'question-circle':'question-circle',\r\n    'receipt':'receipt',\r\n    'reddit':'reddit',\r\n    'refresh':'refresh',\r\n    'replay':'replay',\r\n    'reply':'reply',\r\n    'save':'save',\r\n    'search':'search',\r\n    'search-minus':'search-minus',\r\n    'search-plus':'search-plus',\r\n    'send':'send',\r\n    'server':'server',\r\n    'share-alt':'share-alt',\r\n    'shield':'shield',\r\n    'shop':'shop',\r\n    'shopping-bag':'shopping-bag',\r\n    'shopping-cart':'shopping-cart',\r\n    'sign-in':'sign-in',\r\n    'sign-out':'sign-out',\r\n    'sitemap':'sitemap',\r\n    'slack':'slack',\r\n    'sliders-h':'sliders-h',\r\n    'sliders-v':'sliders-v',\r\n    'sort':'sort',\r\n    'sort-alpha-down':'sort-alpha-down',\r\n    'sort-alpha-down-alt':'sort-alpha-down-alt',\r\n    'sort-alpha-up':'sort-alpha-up',\r\n    'sort-alpha-up-alt':'sort-alpha-up-alt',\r\n    'sort-alt':'sort-alt',\r\n    'sort-alt-slash':'sort-alt-slash',\r\n    'sort-amount-down':'sort-amount-down',\r\n    'sort-amount-down-alt':'sort-amount-down-alt',\r\n    'sort-amount-up':'sort-amount-up',\r\n    'sort-amount-up-alt':'sort-amount-up-alt',\r\n    'sort-down':'sort-down',\r\n    'sort-down-fill':'sort-down-fill',\r\n    'sort-numeric-down':'sort-numeric-down',\r\n    'sort-numeric-down-alt':'sort-numeric-down-alt',\r\n    'sort-numeric-up':'sort-numeric-up',\r\n    'sort-numeric-up-alt':'sort-numeric-up-alt',\r\n    'sort-up':'sort-up',\r\n    'sort-up-fill':'sort-up-fill',\r\n    'sparkles':'sparkles',\r\n    'spinner':'spinner',\r\n    'spinner-dotted':'spinner-dotted',\r\n    'star':'star',\r\n    'star-fill':'star-fill',\r\n    'star-half':'star-half',\r\n    'star-half-fill':'star-half-fill',\r\n    'step-backward':'step-backward',\r\n    'step-backward-alt':'step-backward-alt',\r\n    'step-forward':'step-forward',\r\n    'step-forward-alt':'step-forward-alt',\r\n    'stop':'stop',\r\n    'stop-circle':'stop-circle',\r\n    'stopwatch':'stopwatch',\r\n    'sun':'sun',\r\n    'sync':'sync',\r\n    'table':'table',\r\n    'tablet':'tablet',\r\n    'tag':'tag',\r\n    'tags':'tags',\r\n    'telegram':'telegram',\r\n    'th-large':'th-large',\r\n    'thumbs-down':'thumbs-down',\r\n    'thumbs-down-fill':'thumbs-down-fill',\r\n    'thumbs-up':'thumbs-up',\r\n    'thumbs-up-fill':'thumbs-up-fill',\r\n    'thumbtack':'thumbtack',\r\n    'ticket':'ticket',\r\n    'tiktok':'tiktok',\r\n    'times':'times',\r\n    'times-circle':'times-circle',\r\n    'trash':'trash',\r\n    'trophy':'trophy',\r\n    'truck':'truck',\r\n    'turkish-lira':'turkish-lira',\r\n    'twitch':'twitch',\r\n    'twitter':'twitter',\r\n    'undo':'undo',\r\n    'unlock':'unlock',\r\n    'upload':'upload',\r\n    'user':'user',\r\n    'user-edit':'user-edit',\r\n    'user-minus':'user-minus',\r\n    'user-plus':'user-plus',\r\n    'users':'users',\r\n    'venus':'venus',\r\n    'verified':'verified',\r\n    'video':'video',\r\n    'vimeo':'vimeo',\r\n    'volume-down':'volume-down',\r\n    'volume-off':'volume-off',\r\n    'volume-up':'volume-up',\r\n    'wallet':'wallet',\r\n    'warehouse':'warehouse',\r\n    'wave-pulse':'wave-pulse',\r\n    'whatsapp':'whatsapp',\r\n    'wifi':'wifi',\r\n    'window-maximize':'window-maximize',\r\n    'window-minimize':'window-minimize',\r\n    'wrench':'wrench',\r\n    'youtube':'youtube',\r\n}","import { Component, computed, input } from '@angular/core';\r\nimport { NgClass } from '@angular/common';\r\n\r\nimport { YdIconName, YdIconSize } from '../../interfaces/yd-icon-types';\r\nimport { YD_ICON_PRIME_MAP } from '../../interfaces/yd-icon.adapter';\r\n\r\n@Component({\r\n  selector: 'yd-icon',\r\n  imports: [NgClass],\r\n  templateUrl: './yd-icon.html',\r\n})\r\nexport class YdIcon {\r\n  public size = input<YdIconSize | `${number}${'px' | 'rem'}`>('normal');\r\n  public name = input.required<YdIconName>();\r\n  public color = input<string>('var(--yd-chip-color-primary-text-default)');\r\n\r\n  public nameComputed = computed(()=> {\r\n    const name = this.name();\r\n    const mapped = YD_ICON_PRIME_MAP[name];\r\n\r\n    if(!mapped) {\r\n      console.warn(`[YuduComponentKit] Icon \"${name}\" is not mapped. Using \"question\".`);\r\n      return 'pi-question';\r\n    };\r\n\r\n    return `pi-${mapped}`;\r\n  });\r\n\r\n  public sizeComputed = computed<string>(()=> {\r\n    const size = this.size();\r\n    const sizeTransform = size === 'small' \r\n      ? '.6rem'\r\n      : size === 'normal'\r\n      ? '.8rem'\r\n      : size === 'large'\r\n      ? '1rem'\r\n      : size;\r\n    return sizeTransform;\r\n  });\r\n}","@if(this.name() === 'spinner') {\r\n    <i \r\n        ngClass=\"pi pi-spin pi-spinner\"\r\n        [style.color]=\"color()\"\r\n        [style.font-size]=\"sizeComputed()\"\r\n        [style.display]=\"'block'\"\r\n        >\r\n    </i>\r\n} @else {\r\n    <i \r\n        [ngClass]=\"['pi '+nameComputed()]\"\r\n        [style.color]=\"color()\"\r\n        [style.font-size]=\"sizeComputed()\"\r\n        [style.display]=\"'block'\"\r\n        >\r\n    </i>\r\n}","import { Component, input } from '@angular/core';\r\nimport { RouterLink } from \"@angular/router\";\r\n\r\nimport { YdChipSize, YdIconName } from '../../interfaces/index';\r\n\r\nimport { YdIcon } from \"../yd-icon/yd-icon\";\r\n\r\n@Component({\r\n  selector: 'yd-chip',\r\n  imports: [RouterLink, YdIcon],\r\n  templateUrl: './yd-chip.html',\r\n  host: {\r\n    'class':'yd-chip__container',\r\n  }\r\n})\r\nexport class YdChip {\r\n  public label = input.required<string>();\r\n  public route = input<string>();\r\n  public icon = input<YdIconName | undefined>(undefined);\r\n  public size = input<YdChipSize | undefined>('normal');\r\n}","<a \r\n    class=\"yd-chip__body\" \r\n    [class.small]=\"size() === 'small'\"\r\n    [class.normal]=\"size() === 'normal'\"\r\n    [class.large]=\"size() === 'large'\"\r\n    [class.routerlink--active]=\"route()\"\r\n    [routerLink]=\"route()\">\r\n    @if(icon()) {\r\n        <yd-icon \r\n            [name]=\"icon() || 'check'\" \r\n            [size]=\"size() || 'normal'\"/>\r\n    }\r\n    {{label()}}\r\n</a>","import { Component, forwardRef, input, signal, booleanAttribute } from '@angular/core';\r\nimport { ControlValueAccessor, ReactiveFormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\r\n\r\nimport { YdIconName } from '../../interfaces/yd-icon-types';\r\nimport { YdIcon } from \"../yd-icon/yd-icon\";\r\n\r\nexport type InputType = 'text' | 'email' | 'password' | 'number' | 'date';\r\n\r\n@Component({\r\n  selector: 'yd-input',\r\n  imports: [\r\n    ReactiveFormsModule,\r\n    YdIcon\r\n],\r\n  templateUrl: './yd-input.html',\r\n  host:{\r\n    'class':'yd-input__container',\r\n    '[class.w--100]':'fullSize()'\r\n  },\r\n  providers:[\r\n    {\r\n      provide:NG_VALUE_ACCESSOR,\r\n      useExisting: forwardRef(()=> YdInput),\r\n      multi:true,\r\n    }\r\n  ]\r\n})\r\nexport class YdInput implements ControlValueAccessor{\r\n  public autocomplete = input<string | null>(null);\r\n  public errorMessage = input<string | null>(null);\r\n  public fullSize = input(false, { transform: booleanAttribute });\r\n  public hasError = input<boolean>(false);\r\n  public icon = input<YdIconName | null>(null);\r\n  public isDisabled = input(false, { transform: booleanAttribute });\r\n  public maxLength = input<number>(50);\r\n  public placeholder = input<string | null>(null);\r\n  public type = input<InputType>('text');\r\n\r\n  public value = signal<string>(''); \r\n  public isDisabledState = signal<boolean>(false);\r\n\r\n  private _onChangeCb: (value: string | null) => void = () => {};\r\n  private onTouchedCb: () => void = () => {};\r\n\r\n  public handleInput(event: Event): void {\r\n    if (this.isDisabledState()) return;\r\n\r\n    const input = event.target as HTMLInputElement;\r\n    this.value.set(input.value);\r\n    this._onChangeCb(this.value());\r\n  }\r\n\r\n  public handleBlur(): void {\r\n    this.onTouchedCb();\r\n  }\r\n\r\n  public writeValue(value: string | null): void {\r\n    this.value.set(value || '');\r\n  };\r\n\r\n  public registerOnChange(fn: (value: string | null) => void): void {\r\n    this._onChangeCb = fn;\r\n  }\r\n\r\n  public registerOnTouched(fn: () => void): void {\r\n    this.onTouchedCb = fn;\r\n  }\r\n\r\n  public setDisabledState(isDisabledState: boolean): void {\r\n    this.isDisabledState.set(isDisabledState);\r\n  }\r\n}\r\n","<div class=\"field__container\">\r\n    @if(icon()) {\r\n        <div class=\"field__icon\">\r\n            <yd-icon \r\n                [name]=\"icon() || 'envelope'\"\r\n                [color]=\"isDisabled() ? 'var(--yd-input-color-text-disabled)' : 'var(--yd-color-text-secondary)'\"\r\n            />\r\n        </div>\r\n    }\r\n    <input \r\n        class=\"yd-input__body\"\r\n        [class.input__disabled]=\"isDisabled()\"\r\n        [class.w--100]=\"fullSize()\"\r\n        [class.input__error]=\"hasError()\"\r\n        [class.has-icon]=\"icon()\"\r\n        [placeholder]=\"placeholder()\"\r\n        [type]=\"type()\"\r\n        [autocomplete]=\"autocomplete()\"\r\n        [value]=\"value()\"\r\n        (input)=\"handleInput($event)\"\r\n        (blur)=\"handleBlur()\"\r\n        [attr.maxlength]=\"maxLength()\"\r\n        [disabled]=\"isDisabledState()\"\r\n    >\r\n</div>\r\n@if(hasError() && errorMessage()) {\r\n    <span class=\"error__message\">{{errorMessage()}}</span>\r\n}","import { Component, input, output, signal } from '@angular/core';\r\n\r\nimport { Notifications } from '../../../interfaces';\r\n\r\nimport { YdIcon } from '../../yd-icon/yd-icon';\r\n\r\n@Component({\r\n  selector: 'yd-notifications',\r\n  imports: [ YdIcon ],\r\n  templateUrl: './yd-notifications.html',\r\n  host: {\r\n    'class':'yd-notifications',\r\n    '[class.open]':'dropdownIsOpen()'\r\n  }\r\n\r\n})\r\nexport class YdNotifications {\r\n  public toggleEmit = output<boolean>();\r\n\r\n  public dropdownIsOpen = input.required<boolean>();\r\n  public filterBy = signal<string>('all'); \r\n  public notifications = input.required<Notifications[]>();\r\n\r\n  public toggleDropdown( event:boolean ):void {\r\n    this.toggleEmit.emit( this.dropdownIsOpen() );\r\n  };\r\n\r\n  public selectFilter(filter:string):void {\r\n    this.filterBy.set(filter);\r\n  };\r\n\r\n}\r\n","<p class=\"\r\n    font__size--b1\r\n    font__color--primary\r\n    font__weight--medium\r\n    \">\r\n    {{'Notifications'}}\r\n    \r\n</p>\r\n<section>\r\n\r\n    <ul class=\"filter-menu\">\r\n        <li (click)=\"selectFilter('all')\"\r\n            [class.selected]=\"filterBy() === 'all'\"\r\n            class=\"\r\n            font__size--c1\r\n            font__color--primary\r\n            font__weight--medium\r\n            \">\r\n            {{'All'}}\r\n        </li>\r\n        <li (click)=\"selectFilter('week')\"\r\n            [class.selected]=\"filterBy() === 'week'\"\r\n            class=\"\r\n            font__size--c1\r\n            font__color--primary\r\n            font__weight--medium\r\n            \">\r\n            {{'This week'}}\r\n        </li>\r\n        <li (click)=\"selectFilter('earlier')\"\r\n            [class.selected]=\"filterBy() === 'earlier'\"\r\n            class=\"\r\n            font__size--c1\r\n            font__color--primary\r\n            font__weight--medium\r\n            \">\r\n            {{'Earlier'}}\r\n        </li>\r\n    </ul>\r\n\r\n</section>\r\n\r\n<section>\r\n    <ul class=\"notifications-list\">\r\n        @for (item of notifications();\r\n            track $index;\r\n            let last = $last;\r\n            ) {\r\n            <li class=\"p-top\">\r\n                <a>\r\n                    <div class=\"icon-notification__container\">\r\n                        <yd-icon\r\n                            [name]=\"'lightbulb'\"\r\n                        />\r\n                    </div>\r\n                    <div class=\"message__container\">\r\n                        <span class=\"\r\n                            font__size--c1\r\n                            font__color--primary\r\n                            font__weight--medium\r\n                            \">\r\n                            {{item.title}}\r\n                        </span>\r\n                        <span class=\"\r\n                            font__size--c1\r\n                            font__color--secondary\r\n                            font__weight--medium\r\n                            \">\r\n                            {{item.message}}\r\n                        </span>\r\n                    </div>\r\n                    <span class=\"\r\n                        hour\r\n                        font__size--c1\r\n                        font__color--secondary\r\n                        font__weight--medium\r\n                        \">\r\n                        <!-- {{ item.date}} -->\r\n                          {{'1 hour'}}\r\n                    </span>\r\n                </a>\r\n            </li>\r\n            \r\n            @if(!last) {\r\n                <div class=\"hr\"></div>\r\n            }\r\n        }\r\n    </ul>\r\n</section>","import { Component, input, output } from '@angular/core';\r\nimport { RouterLink } from \"@angular/router\";\r\n\r\nimport { SettingsMenu } from '../../../interfaces';\r\n\r\nimport { YdIcon } from '../../yd-icon/yd-icon';\r\n\r\n@Component({\r\n  selector: 'yd-user-dropdow-menu',\r\n  imports: [ YdIcon, RouterLink ],\r\n  templateUrl: './yd-user-dropdow-menu.html',\r\n  host:{\r\n    'class':'yd-user-dropdown-menu',\r\n    '[class.open]':'dropdownIsOpen()'\r\n\r\n  }\r\n})\r\nexport class YdUserDropdowMenu {\r\n  public signOutEmit = output<void>();\r\n  public toggleEmit = output<boolean>();\r\n\r\n  public dropdownIsOpen = input.required<boolean>();\r\n  public fullName = input.required<string>();\r\n  public settingsMenu = input.required<SettingsMenu[]>();\r\n\r\n  public profileImg = input<string>('');\r\n  public username = input<string>('');\r\n  \r\n  public signOut():void {\r\n    this.signOutEmit.emit();\r\n  };\r\n\r\n\r\n  public toggleDropdow( event:boolean ):void {\r\n    this.toggleEmit.emit( this.dropdownIsOpen() );\r\n  };\r\n\r\n}\r\n","<section class=\"user__row\">\r\n    <img \r\n        [src]=\"profileImg()\"\r\n        width=\"30\"\r\n        height=\"30\"\r\n        alt=\"company-logo\"\r\n    >\r\n\r\n    <div class=\"user-name__container\">\r\n        <p class=\"\r\n            font__size--c1\r\n            font__color--primary\r\n            font__wigth--bold\r\n            \">\r\n            {{ username() }}\r\n        </p>\r\n        <p class=\"\r\n            font__size--c1\r\n            font__color--secondary\r\n            font__wigth--bold\r\n            \">\r\n            {{ fullName() }}\r\n        </p>\r\n    </div>\r\n\r\n</section>\r\n\r\n    <div class=\"hr\"></div>\r\n\r\n<section class=\"dropdown-menu__row\">\r\n    <ul class=\"dropdown-menu-list\">\r\n        @for( item of settingsMenu(); track item.label) {\r\n            <li class=\"\r\n                font__size--c1\r\n                font__color--primary\r\n                font__wigth--bold\r\n                \">\r\n                @if(item.route) {\r\n                    <a [routerLink]=\"item.route\" (click)=\"toggleDropdow(this.dropdownIsOpen())\">\r\n                        <yd-icon \r\n                            [color]=\"'var(--yd-color-text-secondary)'\"\r\n                            [name]=\"item.icon\"\r\n                        />\r\n                        {{ item.label }}\r\n                    </a>\r\n                } @else {\r\n                    <a (click)=\"toggleDropdow(this.dropdownIsOpen())\">\r\n                        <yd-icon \r\n                            [color]=\"'var(--yd-color-text-secondary)'\"\r\n                            [name]=\"item.icon\"\r\n                        />\r\n                        {{ item.label }}\r\n                    </a>\r\n                    \r\n                }\r\n            </li>\r\n        }\r\n    </ul>\r\n\r\n</section>\r\n    <div class=\"hr\"></div>\r\n\r\n<section class=\"sign-out__row\">\r\n    <ul>\r\n        <li class=\"\r\n            font__size--c1\r\n            font__color--primary\r\n            font__wigth--bold\r\n            \">\r\n            <a (click)=\"signOut()\">\r\n                <yd-icon \r\n                    [color]=\"'var(--yd-color-text-secondary)'\"\r\n                    [name]=\"'sign-out'\"\r\n                />\r\n                sign out\r\n            </a>\r\n        </li>\r\n    </ul>\r\n\r\n</section>\r\n\r\n","import { Component, input, output, signal } from '@angular/core';\r\nimport { RouterLink } from '@angular/router';\r\nimport { NavMenu, Notifications, SettingsMenu } from '../../interfaces';\r\n\r\nimport { YdIcon } from '../yd-icon/yd-icon';\r\nimport { YdInput } from '../yd-input/yd-input';\r\nimport { YdNotifications } from \"./yd-notifications/yd-notifications\";\r\nimport { YdUserDropdowMenu } from \"./yd-user-dropdow-menu/yd-user-dropdow-menu\";\r\n\r\n@Component({\r\n  selector: 'yd-navbar',\r\n  imports: [\r\n    RouterLink,\r\n    YdIcon,\r\n    YdInput,\r\n    YdUserDropdowMenu,\r\n    YdNotifications\r\n],\r\n  templateUrl: './yd-navbar.html',\r\n  host: {\r\n    'class':'yd-navbar__container',\r\n  },\r\n})\r\nexport class YdNavbar {\r\n  public signOutEmit = output<void>();\r\n\r\n  public companyLogo = input.required<string>();\r\n  public fullName = input.required<string>();\r\n  public navMenu = input.required<NavMenu[]>();\r\n  public profileImg = input.required<string>();\r\n  public settingsMenu = input.required<SettingsMenu[]>();\r\n  public username = input.required<string>();\r\n\r\n  public companyLogoRoute = input<string>('');\r\n  public notifications = input<Notifications[]>([]);\r\n\r\n  public notificationsDropdownIsOpen = signal<boolean>(false);\r\n  public settingsDropdownIsOpen = signal<boolean>(false);\r\n\r\n  public handleSignOut():void {\r\n    this.signOutEmit.emit();\r\n  };\r\n\r\n  public handleToggleSettingsEmmit(event:boolean) {\r\n    this.settingsDropdownIsOpen.set(false);\r\n  };\r\n\r\n  public handleToggleNotificationsEmmit(event:boolean) {\r\n    this.settingsDropdownIsOpen.set(false);\r\n  };\r\n  \r\n  public toggleSettings():void {\r\n    this.settingsDropdownIsOpen.set(!this.settingsDropdownIsOpen());\r\n    this.notificationsDropdownIsOpen.set(false);\r\n  };\r\n  \r\n  public toggleNotifications():void {\r\n    this.notificationsDropdownIsOpen.set(!this.notificationsDropdownIsOpen());\r\n    this.settingsDropdownIsOpen.set(false);\r\n  };\r\n\r\n\r\n}\r\n","<nav>\r\n    <a [routerLink]=\"companyLogoRoute()\">\r\n        <img \r\n            [src]=\"companyLogo()\"\r\n            width=\"30\"\r\n            height=\"30\"\r\n            alt=\"company-logo\"\r\n        >\r\n    </a>\r\n    <section class=\"right-block\">\r\n        <ul class=\"navbar-menu-list\">\r\n            @for (item of navMenu(); track $index) {\r\n                <li>\r\n                    <a [routerLink]=\"item.route\">\r\n                        <yd-icon\r\n                            [name]=\"item.icon\"\r\n                        />\r\n                        <span class=\"\r\n                            font__size--c1\r\n                            font__weight--medium\r\n                            font__color--primary\r\n                            \">\r\n                            {{ item.label }}\r\n                        </span>\r\n                    </a>\r\n                </li>\r\n            }\r\n        </ul>\r\n\r\n        <div class=\"semisection__container\">\r\n            <div class=\"search__container\">\r\n                <yd-input \r\n                    icon=\"search\"\r\n                    placeholder=\"Search\"\r\n                />\r\n            </div>\r\n            <div class=\"notifications__container\">\r\n                <yd-icon\r\n                    class=\"icon-notifications\"\r\n                    name=\"bell\"\r\n                    size=\"large\"\r\n                    (click)=\"toggleNotifications()\"\r\n                />\r\n                <yd-notifications\r\n                    [notifications]=\"notifications()\"\r\n                    [dropdownIsOpen]=\"notificationsDropdownIsOpen()\"\r\n                />\r\n            </div>\r\n\r\n\r\n            <div class=\"user__container\">\r\n                <img \r\n                    [src]=\"profileImg()\"\r\n                    width=\"35\"\r\n                    height=\"35\"\r\n                    alt=\"company-logo\"\r\n                    (click)=\"toggleSettings()\"\r\n                    >\r\n                <yd-user-dropdow-menu\r\n                    (signOutEmit)=\"handleSignOut()\"\r\n                    (toggleEmit)=\"handleToggleSettingsEmmit($event)\"\r\n                    [fullName]=\"fullName()\"\r\n                    [profileImg]=\"profileImg()\"\r\n                    [dropdownIsOpen]=\"settingsDropdownIsOpen()\"\r\n                    [settingsMenu]=\"settingsMenu()\"\r\n                    [username]=\"username()\"\r\n                />\r\n            </div>\r\n        </div>\r\n\r\n    </section>\r\n</nav>\r\n\r\n","/*\r\n * Public API Surface of yudu-component-kit\r\n */\r\n// Services:Core\r\nexport * from './lib/core/services/local-storage-store';\r\nexport * from './lib/core/services/theme';\r\n// Components\r\nexport * from './lib/components/yd-button/yd-button';\r\nexport * from './lib/components/yd-chip/yd-chip';\r\nexport * from './lib/components/yd-icon/yd-icon';\r\nexport * from './lib/components/yd-input/yd-input';\r\nexport * from './lib/components/yd-navbar/yd-navbar';\r\n// Interfaces & Types\r\nexport * from './lib/interfaces/index';\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"yudu-component-kit.mjs","sources":["../../../projects/yudu-component-kit/src/lib/core/services/local-storage-store.ts","../../../projects/yudu-component-kit/src/lib/core/services/theme.ts","../../../projects/yudu-component-kit/src/lib/components/yd-button/yd-button.ts","../../../projects/yudu-component-kit/src/lib/components/yd-button/yd-button.html","../../../projects/yudu-component-kit/src/lib/interfaces/yd-icon.adapter.ts","../../../projects/yudu-component-kit/src/lib/components/yd-icon/yd-icon.ts","../../../projects/yudu-component-kit/src/lib/components/yd-icon/yd-icon.html","../../../projects/yudu-component-kit/src/lib/components/yd-chip/yd-chip.ts","../../../projects/yudu-component-kit/src/lib/components/yd-chip/yd-chip.html","../../../projects/yudu-component-kit/src/lib/components/yd-input/yd-input.ts","../../../projects/yudu-component-kit/src/lib/components/yd-input/yd-input.html","../../../projects/yudu-component-kit/src/lib/components/yd-navbar/yd-notifications/yd-notifications.ts","../../../projects/yudu-component-kit/src/lib/components/yd-navbar/yd-notifications/yd-notifications.html","../../../projects/yudu-component-kit/src/lib/components/yd-navbar/yd-user-dropdow-menu/yd-user-dropdow-menu.ts","../../../projects/yudu-component-kit/src/lib/components/yd-navbar/yd-user-dropdow-menu/yd-user-dropdow-menu.html","../../../projects/yudu-component-kit/src/lib/components/yd-navbar/yd-navbar.ts","../../../projects/yudu-component-kit/src/lib/components/yd-navbar/yd-navbar.html","../../../projects/yudu-component-kit/src/public-api.ts","../../../projects/yudu-component-kit/src/yudu-component-kit.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\n\r\n@Injectable({\r\n  providedIn: 'root',\r\n})\r\nexport class LocalStorageStore {\r\n\r\n  constructor(){\r\n    this.initLocalStorageStore();\r\n    this.applyThemeClasses();\r\n  }\r\n\r\n  private initLocalStorageStore():void {\r\n    const theme = localStorage.getItem('theme') || 'dark';\r\n    if(!localStorage.getItem('theme')) localStorage.setItem('theme', theme); \r\n  };\r\n\r\n  private applyThemeClasses():void {\r\n    const theme = localStorage.getItem('theme');\r\n\r\n    if(theme) {\r\n      document.body.classList.toggle('theme--dark', theme === 'dark');\r\n      document.body.classList.toggle('theme--light', theme === 'light');\r\n    }\r\n  }\r\n  \r\n}\r\n","import { Injectable, signal } from '@angular/core';\r\n\r\n@Injectable({\r\n  providedIn: 'root',\r\n})\r\nexport class Theme {\r\n  public toggle = signal<boolean>(false);\r\n\r\n  constructor() {\r\n    let theme = localStorage.getItem('theme');\r\n    this.toggle.set( theme == 'dark' ? true : false );\r\n  };\r\n\r\n  public changeTheme(theme:string):void {\r\n    theme = theme === 'light' ? 'light' : 'dark';\r\n\r\n    document.body.classList.toggle('theme--dark', theme === 'dark');\r\n    document.body.classList.toggle('theme--light',theme === 'light');\r\n\r\n    localStorage.setItem('theme', theme);\r\n  };\r\n\r\n  public toggleTheme():void {\r\n    this.toggle.set( !this.toggle() );\r\n    \r\n    const theme = this.toggle() ? 'dark' : 'light';\r\n\r\n    localStorage.setItem('theme', theme);\r\n\r\n    document.body.classList.toggle('theme--dark', this.toggle());\r\n    document.body.classList.toggle('theme--light', !this.toggle());\r\n  };\r\n\r\n  public get GetTheme():string | null {\r\n    let mode = localStorage.getItem('theme');\r\n    return mode;\r\n  }\r\n}\r\n","import { NgClass } from '@angular/common';\r\nimport { booleanAttribute, Component, input, ViewEncapsulation } from '@angular/core';\r\n\r\nexport type YdBtnSize = 'small' | 'normal' | 'large';\r\nexport type YdBtnStyle = 'primary' | 'secondary' | 'tertiary';\r\nexport type YdBtnType = 'button' | 'submit' | 'reset';\r\n\r\n@Component({\r\n  selector: 'yd-button',\r\n  imports: [ NgClass ],\r\n  standalone:true,\r\n  templateUrl: './yd-button.html',\r\n  host:{\r\n    '[class.pointer-events--none]':'disabled()',\r\n    '[class.w--100]':'fullSize()',\r\n    'class':'yd-btn__container',\r\n  },\r\n  encapsulation:ViewEncapsulation.None\r\n})\r\nexport class YdButton {\r\n  public size = input<YdBtnSize>('normal');\r\n  public buttonStyle = input<YdBtnStyle>('primary');\r\n  public type = input<YdBtnType>('button');\r\n  \r\n  public disabled = input(false,{ transform: booleanAttribute });\r\n  \r\n  public fullSize = input(false, { transform: booleanAttribute });\r\n\r\n}\r\n","<button\r\n    #buttonContainer\r\n    [type]=\"type()\"\r\n    class=\"yd-btn\"\r\n    [class.yd-btn__primary]=\"buttonStyle() === 'primary'\"\r\n    [class.yd-btn__secondary]=\"buttonStyle() === 'secondary'\"\r\n    [class.yd-btn__tertiary]=\"buttonStyle() === 'tertiary'\"\r\n    [class.disabled]=\"disabled()\"\r\n    [class.w--100]=\"fullSize()\"\r\n    [ngClass]=\"{\r\n        'small': size() === 'small',\r\n        'normal': size() === 'normal',\r\n        'large': size() === 'large',\r\n    }\"\r\n    >\r\n    <ng-content></ng-content>\r\n</button>","import { YdIconName } from './yd-icon-types';\r\n\r\nexport const YD_ICON_PRIME_MAP: Record<YdIconName, string> = {\r\n    'address-book':'address-book',\r\n    'align-center':'align-center',\r\n    'align-justify':'align-justify',\r\n    'align-left':'align-left',\r\n    'align-right':'align-right',\r\n    'amazon':'amazon',\r\n    'android':'android',\r\n    'angle-double-down':'angle-double-down',\r\n    'angle-double-left':'angle-double-left',\r\n    'angle-double-right':'angle-double-right',\r\n    'angle-double-up':'angle-double-up',\r\n    'angle-down':'angle-down',\r\n    'angle-left':'angle-left',\r\n    'angle-right':'angle-right',\r\n    'angle-up':'angle-up',\r\n    'apple':'apple',\r\n    'arrow-circle-down':'arrow-circle-down',\r\n    'arrow-circle-left':'arrow-circle-left',\r\n    'arrow-circle-right':'arrow-circle-right',\r\n    'arrow-circle-up':'arrow-circle-up',\r\n    'arrow-down':'arrow-down',\r\n    'arrow-down-left':'arrow-down-left',\r\n    'arrow-down-left-and-arrow-up-right-to-center':'arrow-down-left-and-arrow-up-right-to-center',\r\n    'arrow-down-right':'arrow-down-right',\r\n    'arrow-left':'arrow-left',\r\n    'arrow-right':'arrow-right',\r\n    'arrow-right-arrow-left':'arrow-right-arrow-left',\r\n    'arrow-up':'arrow-up',\r\n    'arrow-up-left':'arrow-up-left',\r\n    'arrow-up-right':'arrow-up-right',\r\n    'arrow-up-right-and-arrow-down-left-from-center':'arrow-up-right-and-arrow-down-left-from-center',\r\n    'arrows-alt':'arrows-alt',\r\n    'arrows-h':'arrows-h',\r\n    'arrows-v':'arrows-v',\r\n    'asterisk':'asterisk',\r\n    'at':'at',\r\n    'backward':'backward',\r\n    'ban':'ban',\r\n    'barcode':'barcode',\r\n    'bars':'bars',\r\n    'bell':'bell',\r\n    'bell-slash':'bell-slash',\r\n    'bitcoin':'bitcoin',\r\n    'bolt':'bolt',\r\n    'book':'book',\r\n    'bookmark':'bookmark',\r\n    'bookmark-fill':'bookmark-fill',\r\n    'box':'box',\r\n    'briefcase':'briefcase',\r\n    'building':'building',\r\n    'building-columns':'building-columns',\r\n    'bullseye':'bullseye',\r\n    'calculator':'calculator',\r\n    'calendar':'calendar',\r\n    'calendar-clock':'calendar-clock',\r\n    'calendar-minus':'calendar-minus',\r\n    'calendar-plus':'calendar-plus',\r\n    'calendar-times':'calendar-times',\r\n    'camera':'camera',\r\n    'car':'car',\r\n    'caret-down':'caret-down',\r\n    'caret-left':'caret-left',\r\n    'caret-right':'caret-right',\r\n    'caret-up':'caret-up',\r\n    'cart-arrow-down':'cart-arrow-down',\r\n    'cart-minus':'cart-minus',\r\n    'cart-plus':'cart-plus',\r\n    'chart-bar':'chart-bar',\r\n    'chart-line':'chart-line',\r\n    'chart-pie':'chart-pie',\r\n    'chart-scatter':'chart-scatter',\r\n    'check':'check',\r\n    'check-circle':'check-circle',\r\n    'check-square':'check-square',\r\n    'chevron-circle-down':'chevron-circle-down',\r\n    'chevron-circle-left':'chevron-circle-left',\r\n    'chevron-circle-right':'chevron-circle-right',\r\n    'chevron-circle-up':'chevron-circle-up',\r\n    'chevron-down':'chevron-down',\r\n    'chevron-left':'chevron-left',\r\n    'chevron-right':'chevron-right',\r\n    'chevron-up':'chevron-up',\r\n    'circle':'circle',\r\n    'circle-fill':'circle-fill',\r\n    'circle-off':'circle-off',\r\n    'circle-on':'circle-on',\r\n    'clipboard':'clipboard',\r\n    'clock':'clock',\r\n    'clone':'clone',\r\n    'cloud':'cloud',\r\n    'cloud-download':'cloud-download',\r\n    'cloud-upload':'cloud-upload',\r\n    'code':'code',\r\n    'cog':'cog',\r\n    'comment':'comment',\r\n    'comments':'comments',\r\n    'compass':'compass',\r\n    'copy':'copy',\r\n    'credit-card':'credit-card',\r\n    'crown':'crown',\r\n    'database':'database',\r\n    'delete-left':'delete-left',\r\n    'desktop':'desktop',\r\n    'directions':'directions',\r\n    'directions-alt':'directions-alt',\r\n    'discord':'discord',\r\n    'dollar':'dollar',\r\n    'download':'download',\r\n    'eject':'eject',\r\n    'ellipsis-h':'ellipsis-h',\r\n    'ellipsis-v':'ellipsis-v',\r\n    'envelope':'envelope',\r\n    'equals':'equals',\r\n    'eraser':'eraser',\r\n    'ethereum':'ethereum',\r\n    'euro':'euro',\r\n    'exclamation-circle':'exclamation-circle',\r\n    'exclamation-triangle':'exclamation-triangle',\r\n    'expand':'expand',\r\n    'external-link':'external-link',\r\n    'eye':'eye',\r\n    'eye-slash':'eye-slash',\r\n    'face-smile':'face-smile',\r\n    'facebook':'facebook',\r\n    'fast-backward':'fast-backward',\r\n    'fast-forward':'fast-forward',\r\n    'file':'file',\r\n    'file-arrow-up':'file-arrow-up',\r\n    'file-check':'file-check',\r\n    'file-edit':'file-edit',\r\n    'file-excel':'file-excel',\r\n    'file-export':'file-export',\r\n    'file-import':'file-import',\r\n    'file-o':'file-o',\r\n    'file-pdf':'file-pdf',\r\n    'file-plus':'file-plus',\r\n    'file-word':'file-word',\r\n    'filter':'filter',\r\n    'filter-fill':'filter-fill',\r\n    'filter-slash':'filter-slash',\r\n    'flag':'flag',\r\n    'flag-fill':'flag-fill',\r\n    'folder':'folder',\r\n    'folder-open':'folder-open',\r\n    'folder-plus':'folder-plus',\r\n    'forward':'forward',\r\n    'gauge':'gauge',\r\n    'gift':'gift',\r\n    'github':'github',\r\n    'globe':'globe',\r\n    'google':'google',\r\n    'graduation-cap':'graduation-cap',\r\n    'hammer':'hammer',\r\n    'hashtag':'hashtag',\r\n    'headphones':'headphones',\r\n    'heart':'heart',\r\n    'heart-fill':'heart-fill',\r\n    'history':'history',\r\n    'home':'home',\r\n    'hourglass':'hourglass',\r\n    'id-card':'id-card',\r\n    'image':'image',\r\n    'images':'images',\r\n    'inbox':'inbox',\r\n    'indian-rupee':'indian-rupee',\r\n    'info':'info',\r\n    'info-circle':'info-circle',\r\n    'instagram':'instagram',\r\n    'key':'key',\r\n    'language':'language',\r\n    'lightbulb':'lightbulb',\r\n    'link':'link',\r\n    'linkedin':'linkedin',\r\n    'list':'list',\r\n    'list-check':'list-check',\r\n    'lock':'lock',\r\n    'lock-open':'lock-open',\r\n    'map':'map',\r\n    'map-marker':'map-marker',\r\n    'mars':'mars',\r\n    'megaphone':'megaphone',\r\n    'microchip':'microchip',\r\n    'microchip-ai':'microchip-ai',\r\n    'microphone':'microphone',\r\n    'microsoft':'microsoft',\r\n    'minus':'minus',\r\n    'minus-circle':'minus-circle',\r\n    'mobile':'mobile',\r\n    'money-bill':'money-bill',\r\n    'moon':'moon',\r\n    'objects-column':'objects-column',\r\n    'palette':'palette',\r\n    'paperclip':'paperclip',\r\n    'pause':'pause',\r\n    'pause-circle':'pause-circle',\r\n    'paypal':'paypal',\r\n    'pen-to-square':'pen-to-square',\r\n    'pencil':'pencil',\r\n    'percentage':'percentage',\r\n    'phone':'phone',\r\n    'pinterest':'pinterest',\r\n    'play':'play',\r\n    'play-circle':'play-circle',\r\n    'plus':'plus',\r\n    'plus-circle':'plus-circle',\r\n    'pound':'pound',\r\n    'power-off':'power-off',\r\n    'prime':'prime',\r\n    'print':'print',\r\n    'qrcode':'qrcode',\r\n    'question':'question',\r\n    'question-circle':'question-circle',\r\n    'receipt':'receipt',\r\n    'reddit':'reddit',\r\n    'refresh':'refresh',\r\n    'replay':'replay',\r\n    'reply':'reply',\r\n    'save':'save',\r\n    'search':'search',\r\n    'search-minus':'search-minus',\r\n    'search-plus':'search-plus',\r\n    'send':'send',\r\n    'server':'server',\r\n    'share-alt':'share-alt',\r\n    'shield':'shield',\r\n    'shop':'shop',\r\n    'shopping-bag':'shopping-bag',\r\n    'shopping-cart':'shopping-cart',\r\n    'sign-in':'sign-in',\r\n    'sign-out':'sign-out',\r\n    'sitemap':'sitemap',\r\n    'slack':'slack',\r\n    'sliders-h':'sliders-h',\r\n    'sliders-v':'sliders-v',\r\n    'sort':'sort',\r\n    'sort-alpha-down':'sort-alpha-down',\r\n    'sort-alpha-down-alt':'sort-alpha-down-alt',\r\n    'sort-alpha-up':'sort-alpha-up',\r\n    'sort-alpha-up-alt':'sort-alpha-up-alt',\r\n    'sort-alt':'sort-alt',\r\n    'sort-alt-slash':'sort-alt-slash',\r\n    'sort-amount-down':'sort-amount-down',\r\n    'sort-amount-down-alt':'sort-amount-down-alt',\r\n    'sort-amount-up':'sort-amount-up',\r\n    'sort-amount-up-alt':'sort-amount-up-alt',\r\n    'sort-down':'sort-down',\r\n    'sort-down-fill':'sort-down-fill',\r\n    'sort-numeric-down':'sort-numeric-down',\r\n    'sort-numeric-down-alt':'sort-numeric-down-alt',\r\n    'sort-numeric-up':'sort-numeric-up',\r\n    'sort-numeric-up-alt':'sort-numeric-up-alt',\r\n    'sort-up':'sort-up',\r\n    'sort-up-fill':'sort-up-fill',\r\n    'sparkles':'sparkles',\r\n    'spinner':'spinner',\r\n    'spinner-dotted':'spinner-dotted',\r\n    'star':'star',\r\n    'star-fill':'star-fill',\r\n    'star-half':'star-half',\r\n    'star-half-fill':'star-half-fill',\r\n    'step-backward':'step-backward',\r\n    'step-backward-alt':'step-backward-alt',\r\n    'step-forward':'step-forward',\r\n    'step-forward-alt':'step-forward-alt',\r\n    'stop':'stop',\r\n    'stop-circle':'stop-circle',\r\n    'stopwatch':'stopwatch',\r\n    'sun':'sun',\r\n    'sync':'sync',\r\n    'table':'table',\r\n    'tablet':'tablet',\r\n    'tag':'tag',\r\n    'tags':'tags',\r\n    'telegram':'telegram',\r\n    'th-large':'th-large',\r\n    'thumbs-down':'thumbs-down',\r\n    'thumbs-down-fill':'thumbs-down-fill',\r\n    'thumbs-up':'thumbs-up',\r\n    'thumbs-up-fill':'thumbs-up-fill',\r\n    'thumbtack':'thumbtack',\r\n    'ticket':'ticket',\r\n    'tiktok':'tiktok',\r\n    'times':'times',\r\n    'times-circle':'times-circle',\r\n    'trash':'trash',\r\n    'trophy':'trophy',\r\n    'truck':'truck',\r\n    'turkish-lira':'turkish-lira',\r\n    'twitch':'twitch',\r\n    'twitter':'twitter',\r\n    'undo':'undo',\r\n    'unlock':'unlock',\r\n    'upload':'upload',\r\n    'user':'user',\r\n    'user-edit':'user-edit',\r\n    'user-minus':'user-minus',\r\n    'user-plus':'user-plus',\r\n    'users':'users',\r\n    'venus':'venus',\r\n    'verified':'verified',\r\n    'video':'video',\r\n    'vimeo':'vimeo',\r\n    'volume-down':'volume-down',\r\n    'volume-off':'volume-off',\r\n    'volume-up':'volume-up',\r\n    'wallet':'wallet',\r\n    'warehouse':'warehouse',\r\n    'wave-pulse':'wave-pulse',\r\n    'whatsapp':'whatsapp',\r\n    'wifi':'wifi',\r\n    'window-maximize':'window-maximize',\r\n    'window-minimize':'window-minimize',\r\n    'wrench':'wrench',\r\n    'youtube':'youtube',\r\n}","import { Component, computed, input } from '@angular/core';\r\nimport { NgClass } from '@angular/common';\r\n\r\nimport { YdIconName, YdIconSize } from '../../interfaces/yd-icon-types';\r\nimport { YD_ICON_PRIME_MAP } from '../../interfaces/yd-icon.adapter';\r\n\r\n@Component({\r\n  selector: 'yd-icon',\r\n  imports: [NgClass],\r\n  templateUrl: './yd-icon.html',\r\n})\r\nexport class YdIcon {\r\n  public size = input<YdIconSize | `${number}${'px' | 'rem'}`>('normal');\r\n  public name = input.required<YdIconName>();\r\n  public color = input<string>('var(--yd-chip-color-primary-text-default)');\r\n\r\n  public nameComputed = computed(()=> {\r\n    const name = this.name();\r\n    const mapped = YD_ICON_PRIME_MAP[name];\r\n\r\n    if(!mapped) {\r\n      console.warn(`[YuduComponentKit] Icon \"${name}\" is not mapped. Using \"question\".`);\r\n      return 'pi-question';\r\n    };\r\n\r\n    return `pi-${mapped}`;\r\n  });\r\n\r\n  public sizeComputed = computed<string>(()=> {\r\n    const size = this.size();\r\n    const sizeTransform = size === 'small' \r\n      ? '.6rem'\r\n      : size === 'normal'\r\n      ? '.8rem'\r\n      : size === 'large'\r\n      ? '1rem'\r\n      : size;\r\n    return sizeTransform;\r\n  });\r\n}","@if(this.name() === 'spinner') {\r\n    <i \r\n        ngClass=\"pi pi-spin pi-spinner\"\r\n        [style.color]=\"color()\"\r\n        [style.font-size]=\"sizeComputed()\"\r\n        [style.display]=\"'block'\"\r\n        >\r\n    </i>\r\n} @else {\r\n    <i \r\n        [ngClass]=\"['pi '+nameComputed()]\"\r\n        [style.color]=\"color()\"\r\n        [style.font-size]=\"sizeComputed()\"\r\n        [style.display]=\"'block'\"\r\n        >\r\n    </i>\r\n}","import { Component, input } from '@angular/core';\r\nimport { RouterLink } from \"@angular/router\";\r\n\r\nimport { YdChipSize, YdIconName } from '../../interfaces/index';\r\n\r\nimport { YdIcon } from \"../yd-icon/yd-icon\";\r\n\r\n@Component({\r\n  selector: 'yd-chip',\r\n  imports: [RouterLink, YdIcon],\r\n  templateUrl: './yd-chip.html',\r\n  host: {\r\n    'class':'yd-chip__container',\r\n  }\r\n})\r\nexport class YdChip {\r\n  public label = input.required<string>();\r\n  public route = input<string>();\r\n  public icon = input<YdIconName | undefined>(undefined);\r\n  public size = input<YdChipSize | undefined>('normal');\r\n}","<a \r\n    class=\"yd-chip__body\" \r\n    [class.small]=\"size() === 'small'\"\r\n    [class.normal]=\"size() === 'normal'\"\r\n    [class.large]=\"size() === 'large'\"\r\n    [class.routerlink--active]=\"route()\"\r\n    [routerLink]=\"route()\">\r\n    @if(icon()) {\r\n        <yd-icon \r\n            [name]=\"icon() || 'check'\" \r\n            [size]=\"size() || 'normal'\"/>\r\n    }\r\n    {{label()}}\r\n</a>","import { Component, forwardRef, input, signal, booleanAttribute } from '@angular/core';\r\nimport { ControlValueAccessor, ReactiveFormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\r\n\r\nimport { YdIconName } from '../../interfaces/yd-icon-types';\r\nimport { YdIcon } from \"../yd-icon/yd-icon\";\r\n\r\nexport type InputType = 'text' | 'email' | 'password' | 'number' | 'date';\r\n\r\n@Component({\r\n  selector: 'yd-input',\r\n  imports: [\r\n    ReactiveFormsModule,\r\n    YdIcon\r\n],\r\n  templateUrl: './yd-input.html',\r\n  host:{\r\n    'class':'yd-input__container',\r\n    '[class.w--100]':'fullSize()'\r\n  },\r\n  providers:[\r\n    {\r\n      provide:NG_VALUE_ACCESSOR,\r\n      useExisting: forwardRef(()=> YdInput),\r\n      multi:true,\r\n    }\r\n  ]\r\n})\r\nexport class YdInput implements ControlValueAccessor{\r\n  public autocomplete = input<string | null>(null);\r\n  public errorMessage = input<string | null>(null);\r\n  public fullSize = input(false, { transform: booleanAttribute });\r\n  public hasError = input<boolean>(false);\r\n  public icon = input<YdIconName | null>(null);\r\n  public isDisabled = input(false, { transform: booleanAttribute });\r\n  public maxLength = input<number>(50);\r\n  public placeholder = input<string | null>(null);\r\n  public type = input<InputType>('text');\r\n\r\n  public value = signal<string>(''); \r\n  public isDisabledState = signal<boolean>(false);\r\n\r\n  private _onChangeCb: (value: string | null) => void = () => {};\r\n  private onTouchedCb: () => void = () => {};\r\n\r\n  public handleInput(event: Event): void {\r\n    if (this.isDisabledState()) return;\r\n\r\n    const input = event.target as HTMLInputElement;\r\n    this.value.set(input.value);\r\n    this._onChangeCb(this.value());\r\n  }\r\n\r\n  public handleBlur(): void {\r\n    this.onTouchedCb();\r\n  }\r\n\r\n  public writeValue(value: string | null): void {\r\n    this.value.set(value || '');\r\n  };\r\n\r\n  public registerOnChange(fn: (value: string | null) => void): void {\r\n    this._onChangeCb = fn;\r\n  }\r\n\r\n  public registerOnTouched(fn: () => void): void {\r\n    this.onTouchedCb = fn;\r\n  }\r\n\r\n  public setDisabledState(isDisabledState: boolean): void {\r\n    this.isDisabledState.set(isDisabledState);\r\n  }\r\n}\r\n","<div class=\"field__container\">\r\n    @if(icon()) {\r\n        <div class=\"field__icon\">\r\n            <yd-icon \r\n                [name]=\"icon() || 'envelope'\"\r\n                [color]=\"isDisabled() ? 'var(--yd-input-color-text-disabled)' : 'var(--yd-color-text-secondary)'\"\r\n            />\r\n        </div>\r\n    }\r\n    <input \r\n        class=\"yd-input__body\"\r\n        [class.input__disabled]=\"isDisabled()\"\r\n        [class.w--100]=\"fullSize()\"\r\n        [class.input__error]=\"hasError()\"\r\n        [class.has-icon]=\"icon()\"\r\n        [placeholder]=\"placeholder()\"\r\n        [type]=\"type()\"\r\n        [autocomplete]=\"autocomplete()\"\r\n        [value]=\"value()\"\r\n        (input)=\"handleInput($event)\"\r\n        (blur)=\"handleBlur()\"\r\n        [attr.maxlength]=\"maxLength()\"\r\n        [disabled]=\"isDisabledState()\"\r\n    >\r\n</div>\r\n@if(hasError() && errorMessage()) {\r\n    <span class=\"error__message\">{{errorMessage()}}</span>\r\n}","import { Component, input, output, signal } from '@angular/core';\r\n\r\nimport { Notifications, NotificationsFilter } from '../../../interfaces';\r\n\r\nimport { YdIcon } from '../../yd-icon/yd-icon';\r\n\r\n@Component({\r\n  selector: 'yd-notifications',\r\n  imports: [ YdIcon ],\r\n  templateUrl: './yd-notifications.html',\r\n  host: {\r\n    'class':'yd-notifications',\r\n    '[class.open]':'dropdownIsOpen()'\r\n  }\r\n\r\n})\r\nexport class YdNotifications {\r\n  public toggleEmit = output<boolean>();\r\n\r\n  public dropdownIsOpen = input.required<boolean>();\r\n  public notificationsTitle = input.required<string>();\r\n  public filtersOptions = input.required<NotificationsFilter[]>();\r\n\r\n  public filterBy = signal<string>('all'); \r\n  public notifications = input.required<Notifications[]>();\r\n\r\n  public toggleDropdown( event:boolean ):void {\r\n    this.toggleEmit.emit( this.dropdownIsOpen() );\r\n  };\r\n\r\n  public selectFilter(filter:string):void {\r\n    this.filterBy.set(filter);\r\n  };\r\n\r\n}","<p class=\"\r\n    font__size--b1\r\n    font__color--primary\r\n    font__weight--medium\r\n    \">\r\n    {{ notificationsTitle() }}\r\n    \r\n</p>\r\n<section>\r\n\r\n    <ul class=\"filter-menu\">\r\n        @for (item of filtersOptions(); track $index) {\r\n            <li (click)=\"selectFilter(item.value)\"\r\n                [class.selected]=\"filterBy() === item.value\"\r\n                class=\"\r\n                font__size--c1\r\n                font__color--primary\r\n                font__weight--medium\r\n                \">\r\n                {{ item.label }}\r\n            </li>\r\n        }\r\n    </ul>\r\n\r\n</section>\r\n\r\n<section>\r\n    <ul class=\"notifications-list\">\r\n        @for (item of notifications();\r\n            track $index;\r\n            let last = $last;\r\n            ) {\r\n            <li class=\"p-top\">\r\n                <a>\r\n                    <div class=\"icon-notification__container\">\r\n                        <yd-icon\r\n                            [name]=\"'lightbulb'\"\r\n                        />\r\n                    </div>\r\n                    <div class=\"message__container\">\r\n                        <span class=\"\r\n                            font__size--c1\r\n                            font__color--primary\r\n                            font__weight--medium\r\n                            \">\r\n                            {{item.title}}\r\n                        </span>\r\n                        <span class=\"\r\n                            font__size--c1\r\n                            font__color--secondary\r\n                            font__weight--medium\r\n                            \">\r\n                            {{item.message}}\r\n                        </span>\r\n                    </div>\r\n                    <span class=\"\r\n                        hour\r\n                        font__size--c1\r\n                        font__color--secondary\r\n                        font__weight--medium\r\n                        \">\r\n                        <!-- {{ item.date}} -->\r\n                          {{'1 hour'}}\r\n                    </span>\r\n                </a>\r\n            </li>\r\n            \r\n            @if(!last) {\r\n                <div class=\"hr\"></div>\r\n            }\r\n        }\r\n    </ul>\r\n</section>","import { Component, inject, input, output, signal } from '@angular/core';\r\nimport { RouterLink } from \"@angular/router\";\r\n\r\nimport { DropdownMenu } from '../../../interfaces';\r\n\r\nimport { YdIcon } from '../../yd-icon/yd-icon';\r\nimport { Theme } from '../../../core/services/theme';\r\n\r\n@Component({\r\n  selector: 'yd-user-dropdow-menu',\r\n  imports: [ YdIcon, RouterLink ],\r\n  templateUrl: './yd-user-dropdow-menu.html',\r\n  host:{\r\n    'class':'yd-user-dropdown-menu',\r\n    '[class.open]':'dropdownIsOpen()'\r\n\r\n  }\r\n})\r\nexport class YdUserDropdowMenu {\r\n  public theme = inject( Theme );\r\n\r\n  public signOutEmit = output<void>();\r\n  public toggleEmit = output<boolean>();\r\n\r\n  public signOutTitle = input.required<string>();\r\n  public dropdownIsOpen = input.required<boolean>();\r\n  public userMenu = input.required<DropdownMenu[]>();\r\n  public subTitle = input.required<string>();\r\n  public title = input.required<string>();\r\n  public themeMenu = input.required<DropdownMenu[]>();\r\n  public langMenu = input.required<DropdownMenu[]>();\r\n  \r\n  public profileImg = input<string>('');\r\n\r\n  public openToggleKey = signal<string | null>(null);\r\n  \r\n  public signOut():void {\r\n    this.signOutEmit.emit();\r\n  };\r\n\r\n  public toggleDropdow( event:boolean ):void {\r\n    this.toggleEmit.emit( this.dropdownIsOpen() );\r\n  };\r\n\r\n  public toggleSubMenu(key: string): void {\r\n    this.openToggleKey.update(curr => (curr === key ? null : key));\r\n  }\r\n\r\n  public isSubMenuOpen(key: string): boolean {\r\n    return this.openToggleKey() === key;\r\n  }\r\n\r\n}","<section class=\"user__row\">\r\n    <img \r\n        [src]=\"profileImg()\"\r\n        width=\"30\"\r\n        height=\"30\"\r\n        alt=\"company-logo\"\r\n    >\r\n\r\n    <div class=\"user-name__container\">\r\n        <p class=\"\r\n            font__size--c1\r\n            font__color--primary\r\n            font__wigth--bold\r\n            \">\r\n            {{ title() }}\r\n        </p>\r\n        <p class=\"\r\n            font__size--c1\r\n            font__color--secondary\r\n            font__wigth--bold\r\n            \">\r\n            {{ subTitle() }}\r\n        </p>\r\n    </div>\r\n\r\n</section>\r\n\r\n<div class=\"hr\"></div>\r\n\r\n<section class=\"dropdown-menu__row\">\r\n    <ul class=\"dropdown-menu-list\">\r\n        @for( item of userMenu(); track item.label) {\r\n            <li class=\"\r\n                font__size--c1\r\n                font__color--primary\r\n                font__wigth--bold\r\n                \">\r\n                @if(item.route) {\r\n                    <a [routerLink]=\"item.route\" (click)=\"toggleDropdow(this.dropdownIsOpen())\">\r\n                        <yd-icon \r\n                            [color]=\"'var(--yd-color-text-secondary)'\"\r\n                            [name]=\"item.icon\"\r\n                        />\r\n                        {{ item.label }}\r\n                    </a>\r\n                } @else {\r\n                    <a (click)=\"toggleDropdow(this.dropdownIsOpen())\">\r\n                        <yd-icon \r\n                            [color]=\"'var(--yd-color-text-secondary)'\"\r\n                            [name]=\"item.icon\"\r\n                        />\r\n                        {{ item.label }}\r\n                    </a>\r\n                    \r\n                }\r\n            </li>\r\n        }\r\n    </ul>\r\n\r\n</section>\r\n\r\n<div class=\"hr\"></div>\r\n\r\n<section class=\"dropdown-menu__row\">\r\n    <ul class=\"dropdown-menu-list\">\r\n        @for( item of langMenu(); track item.label) {\r\n            <li class=\"\r\n                font__size--c1\r\n                font__color--primary\r\n                font__wigth--bold\r\n                \">\r\n                @if(item.route) {\r\n                    <a [routerLink]=\"item.route\" (click)=\"toggleDropdow(this.dropdownIsOpen())\">\r\n                        <yd-icon \r\n                            [color]=\"'var(--yd-color-text-secondary)'\"\r\n                            [name]=\"item.icon\"\r\n                        />\r\n                        {{ item.label }}\r\n                    </a>\r\n                } @else {\r\n                    @if(item.subMenu) {\r\n                        <div class=\"toggle-list\" [class.toggle-open]=\"isSubMenuOpen(item.value)\">\r\n                            <a (click)=\"toggleSubMenu(item.value)\">\r\n                                <yd-icon \r\n                                    [color]=\"'var(--yd-color-text-secondary)'\"\r\n                                    [name]=\"item.icon\"\r\n                                />\r\n                                {{ item.label }}\r\n                            </a>\r\n                            <ul class=\"sub-menu-list\">\r\n                                @for (sub of item.subMenu; track $index) {\r\n                                    <li \r\n                                        [class.selected]=\"this.theme.GetTheme === sub.value\" \r\n                                        (click)=\"sub.function!()\">\r\n                                        {{sub.label}}\r\n                                    </li>\r\n                                }\r\n                            </ul>\r\n                        </div>\r\n                    }\r\n                    @else {\r\n                        <a (click)=\"toggleDropdow(this.dropdownIsOpen())\">\r\n                            <yd-icon \r\n                                [color]=\"'var(--yd-color-text-secondary)'\"\r\n                                [name]=\"item.icon\"\r\n                            />\r\n                            {{ item.label }}\r\n                        </a>\r\n                        \r\n                    }\r\n                    \r\n                }\r\n            </li>\r\n        }\r\n        @for( item of themeMenu(); track item.label) {\r\n            <li class=\"\r\n                font__size--c1\r\n                font__color--primary\r\n                font__wigth--bold\r\n                \">\r\n                @if(item.route) {\r\n                    <a [routerLink]=\"item.route\" (click)=\"toggleDropdow(this.dropdownIsOpen())\">\r\n                        <yd-icon \r\n                            [color]=\"'var(--yd-color-text-secondary)'\"\r\n                            [name]=\"item.icon\"\r\n                        />\r\n                        {{ item.label }}\r\n                    </a>\r\n                } @else {\r\n                    @if(item.subMenu) {\r\n                        <div class=\"toggle-list\" [class.toggle-open]=\"isSubMenuOpen(item.label)\">\r\n                            <a (click)=\"toggleSubMenu(item.label)\">\r\n                                <yd-icon \r\n                                    [color]=\"'var(--yd-color-text-secondary)'\"\r\n                                    [name]=\"item.icon\"\r\n                                />\r\n                                {{ item.label }}\r\n                            </a>\r\n                            <ul class=\"sub-menu-list\">\r\n                                @for (sub of item.subMenu; track $index) {\r\n                                    <li \r\n                                        [class.selected]=\"this.theme.GetTheme === sub.value\" \r\n                                        (click)=\"sub.function!()\">\r\n                                        {{sub.label}}\r\n                                    </li>\r\n                                }\r\n                            </ul>\r\n                        </div>\r\n                    }\r\n                    @else {\r\n                        <a (click)=\"toggleDropdow(this.dropdownIsOpen())\">\r\n                            <yd-icon \r\n                                [color]=\"'var(--yd-color-text-secondary)'\"\r\n                                [name]=\"item.icon\"\r\n                            />\r\n                            {{ item.label }}\r\n                        </a>\r\n                        \r\n                    }\r\n                    \r\n                }\r\n            </li>\r\n        }\r\n    </ul>\r\n\r\n</section>\r\n\r\n<div class=\"hr\"></div>\r\n\r\n<section class=\"sign-out__row\">\r\n    <ul>\r\n        <li class=\"\r\n            font__size--c1\r\n            font__color--primary\r\n            font__wigth--bold\r\n            \">\r\n            <a (click)=\"signOut()\">\r\n                <yd-icon \r\n                    [color]=\"'var(--yd-color-text-secondary)'\"\r\n                    [name]=\"'sign-out'\"\r\n                />\r\n                {{ signOutTitle() }}\r\n            </a>\r\n        </li>\r\n    </ul>\r\n\r\n</section>","import { Component, input, output, signal } from '@angular/core';\r\nimport { RouterLink } from '@angular/router';\r\nimport { NavMenu, Notifications, DropdownMenu, NotificationsFilter } from '../../interfaces';\r\n\r\nimport { YdIcon } from '../yd-icon/yd-icon';\r\nimport { YdInput } from '../yd-input/yd-input';\r\nimport { YdNotifications } from \"./yd-notifications/yd-notifications\";\r\nimport { YdUserDropdowMenu } from \"./yd-user-dropdow-menu/yd-user-dropdow-menu\";\r\n\r\n@Component({\r\n  selector: 'yd-navbar',\r\n  imports: [\r\n    RouterLink,\r\n    YdIcon,\r\n    YdInput,\r\n    YdUserDropdowMenu,\r\n    YdNotifications\r\n],\r\n  templateUrl: './yd-navbar.html',\r\n  host: {\r\n    'class':'yd-navbar__container',\r\n  },\r\n})\r\nexport class YdNavbar {\r\n  public signOutEmit = output<void>();\r\n  \r\n  public companyLogoRoute = input<string>('');\r\n  public notifications = input<Notifications[]>([]);\r\n  public signOutTitle = input<string>('sign out');\r\n  public placeholder = input<string>('search');\r\n  public notificationsTitle = input<string>('Notifications');\r\n  public filtersOptions = input<NotificationsFilter[]>([\r\n    {\r\n      label:'all',\r\n      value:'all',\r\n    },\r\n    {\r\n      label:'this week',\r\n      value:'week',\r\n    },\r\n    {\r\n      label:'earlier',\r\n      value:'earlier',\r\n    },\r\n  ]);\r\n\r\n  public companyLogo = input.required<string>();\r\n  public subTitle = input.required<string>();\r\n  public headerMenu = input<NavMenu[]>();\r\n  public profileImg = input.required<string>();\r\n  public userMenu = input.required<DropdownMenu[]>();\r\n  public title = input.required<string>();\r\n  public themeMenu = input.required<DropdownMenu[]>();\r\n  public langMenu = input.required<DropdownMenu[]>();\r\n\r\n  public notificationsDropdownIsOpen = signal<boolean>(false);\r\n  public settingsDropdownIsOpen = signal<boolean>(false);\r\n\r\n  public handleSignOut():void {\r\n    this.signOutEmit.emit();\r\n  };\r\n\r\n  public handleToggleSettingsEmmit(event:boolean) {\r\n    this.settingsDropdownIsOpen.set(false);\r\n  };\r\n\r\n  public handleToggleNotificationsEmmit(event:boolean) {\r\n    this.settingsDropdownIsOpen.set(false);\r\n  };\r\n  \r\n  public toggleSettings():void {\r\n    this.settingsDropdownIsOpen.set(!this.settingsDropdownIsOpen());\r\n    this.notificationsDropdownIsOpen.set(false);\r\n  };\r\n  \r\n  public toggleNotifications():void {\r\n    this.notificationsDropdownIsOpen.set(!this.notificationsDropdownIsOpen());\r\n    this.settingsDropdownIsOpen.set(false);\r\n  };\r\n\r\n}","<nav>\r\n    <div class=\"bars__container\">\r\n        <yd-icon\r\n            name=\"bars\"\r\n        />\r\n    </div>\r\n    <!-- <a [routerLink]=\"companyLogoRoute()\">\r\n        <img \r\n            [src]=\"companyLogo()\"\r\n            width=\"30\"\r\n            height=\"30\"\r\n            alt=\"company-logo\"\r\n        >\r\n    </a> -->\r\n    <section class=\"right-block\">\r\n        <ul class=\"navbar-menu-list\">\r\n            @for (item of headerMenu(); track $index) {\r\n                <li>\r\n                    <a [routerLink]=\"item.route\">\r\n                        <yd-icon\r\n                            [name]=\"item.icon\"\r\n                        />\r\n                        <span class=\"\r\n                            font__size--c1\r\n                            font__weight--medium\r\n                            font__color--primary\r\n                            \">\r\n                            {{ item.label }}\r\n                        </span>\r\n                    </a>\r\n                </li>\r\n            }\r\n        </ul>\r\n\r\n        <div class=\"semisection__container\">\r\n            <div class=\"search__container\">\r\n                <yd-input \r\n                    icon=\"search\"\r\n                    [placeholder]=\"placeholder()\"\r\n                />\r\n            </div>\r\n            <div class=\"buttons__container\">\r\n                <div class=\"notifications__container\">\r\n                    <yd-icon\r\n                        class=\"icon-notifications\"\r\n                        name=\"bell\"\r\n                        size=\"large\"\r\n                        (click)=\"toggleNotifications()\"\r\n                    />\r\n                    <yd-notifications\r\n                        [notifications]=\"notifications()\"\r\n                        [dropdownIsOpen]=\"notificationsDropdownIsOpen()\"\r\n                        [notificationsTitle]=\"notificationsTitle()\"\r\n                        [filtersOptions]=\"filtersOptions()\"\r\n                    />\r\n                </div>\r\n    \r\n                <div class=\"user__container\">\r\n                    <img \r\n                        [src]=\"profileImg()\"\r\n                        width=\"35\"\r\n                        height=\"35\"\r\n                        alt=\"company-logo\"\r\n                        (click)=\"toggleSettings()\"\r\n                        >\r\n                    <yd-user-dropdow-menu\r\n                        (signOutEmit)=\"handleSignOut()\"\r\n                        (toggleEmit)=\"handleToggleSettingsEmmit($event)\"\r\n                        [dropdownIsOpen]=\"settingsDropdownIsOpen()\"\r\n                        [langMenu]=\"langMenu()\"\r\n                        [profileImg]=\"profileImg()\"\r\n                        [signOutTitle]=\"signOutTitle()\"\r\n                        [subTitle]=\"subTitle()\"\r\n                        [themeMenu]=\"themeMenu()\"\r\n                        [title]=\"title()\"\r\n                        [userMenu]=\"userMenu()\"\r\n                    />\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n    </section>\r\n</nav>\r\n\r\n","/*\r\n * Public API Surface of yudu-component-kit\r\n */\r\n// Services:Core\r\nexport * from './lib/core/services/local-storage-store';\r\nexport * from './lib/core/services/theme';\r\n// Components\r\nexport * from './lib/components/yd-button/yd-button';\r\nexport * from './lib/components/yd-chip/yd-chip';\r\nexport * from './lib/components/yd-icon/yd-icon';\r\nexport * from './lib/components/yd-input/yd-input';\r\nexport * from './lib/components/yd-navbar/yd-navbar';\r\n// Interfaces & Types\r\nexport * from './lib/interfaces/index';\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/i18n/index.d.ts

@@ -0,0 +1,37 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, Provider } from '@angular/core';
+
+declare class I18nService {
+    private readonly http;
+    private readonly i18nOptions;
+    private readonly destroyRef;
+    private readonly cache;
+    private readonly _lang;
+    readonly lang: i0.Signal<string>;
+    private readonly _dict;
+    private readonly dict;
+    constructor();
+    translate(key: string): string;
+    setLang(lang: string): void;
+    changeLang(): void;
+    private getInitialLang;
+    private isSupported;
+    private normalizePath;
+    private safeGetStorage;
+    private safeSetStorage;
+    static ɵfac: i0.ɵɵFactoryDeclaration<I18nService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<I18nService>;
+}
+
+interface I18nOptions {
+    assetPath: string;
+    storageKey: string;
+    defaultLang: string;
+    supportedLangs?: readonly string[];
+}
+declare const DEFAULT_I18N_OPTIONS: I18nOptions;
+declare const I18N_OPTIONS: InjectionToken<I18nOptions>;
+declare function provideYuduI18n(options?: Partial<I18nOptions>): Provider[];
+
+export { DEFAULT_I18N_OPTIONS, I18N_OPTIONS, I18nService, provideYuduI18n };
+export type { I18nOptions };

package/index.d.ts

@@ -50,16 +50,24 @@ interface Notifications {
     message: string;
     route?: string;
 }
+interface NotificationsFilter {
+    label: string;
+    value: string;
+}
 
 interface SubMenu {
+    value: string;
     label: string;
-    route?: string;
     icon?: YdIconName;
+    route?: string;
+    selected?: boolean;
+    function?: () => void;
 }
-interface SettingsMenu {
+interface DropdownMenu {
+    value: string;
     label: string;
-    route?: string;
     icon: YdIconName;
+    route?: string;
     subMenu?: SubMenu[];
 }
 
@@ -109,14 +117,20 @@ declare class YdInput implements ControlValueAccessor {
 
 declare class YdNavbar {
     signOutEmit: _angular_core.OutputEmitterRef<void>;
-    companyLogo: _angular_core.InputSignal<string>;
-    fullName: _angular_core.InputSignal<string>;
-    navMenu: _angular_core.InputSignal<NavMenu[]>;
-    profileImg: _angular_core.InputSignal<string>;
-    settingsMenu: _angular_core.InputSignal<SettingsMenu[]>;
-    username: _angular_core.InputSignal<string>;
     companyLogoRoute: _angular_core.InputSignal<string>;
     notifications: _angular_core.InputSignal<Notifications[]>;
+    signOutTitle: _angular_core.InputSignal<string>;
+    placeholder: _angular_core.InputSignal<string>;
+    notificationsTitle: _angular_core.InputSignal<string>;
+    filtersOptions: _angular_core.InputSignal<NotificationsFilter[]>;
+    companyLogo: _angular_core.InputSignal<string>;
+    subTitle: _angular_core.InputSignal<string>;
+    headerMenu: _angular_core.InputSignal<NavMenu[] | undefined>;
+    profileImg: _angular_core.InputSignal<string>;
+    userMenu: _angular_core.InputSignal<DropdownMenu[]>;
+    title: _angular_core.InputSignal<string>;
+    themeMenu: _angular_core.InputSignal<DropdownMenu[]>;
+    langMenu: _angular_core.InputSignal<DropdownMenu[]>;
     notificationsDropdownIsOpen: _angular_core.WritableSignal<boolean>;
     settingsDropdownIsOpen: _angular_core.WritableSignal<boolean>;
     handleSignOut(): void;
@@ -125,8 +139,8 @@ declare class YdNavbar {
     toggleSettings(): void;
     toggleNotifications(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YdNavbar, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YdNavbar, "yd-navbar", never, { "companyLogo": { "alias": "companyLogo"; "required": true; "isSignal": true; }; "fullName": { "alias": "fullName"; "required": true; "isSignal": true; }; "navMenu": { "alias": "navMenu"; "required": true; "isSignal": true; }; "profileImg": { "alias": "profileImg"; "required": true; "isSignal": true; }; "settingsMenu": { "alias": "settingsMenu"; "required": true; "isSignal": true; }; "username": { "alias": "username"; "required": true; "isSignal": true; }; "companyLogoRoute": { "alias": "companyLogoRoute"; "required": false; "isSignal": true; }; "notifications": { "alias": "notifications"; "required": false; "isSignal": true; }; }, { "signOutEmit": "signOutEmit"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YdNavbar, "yd-navbar", never, { "companyLogoRoute": { "alias": "companyLogoRoute"; "required": false; "isSignal": true; }; "notifications": { "alias": "notifications"; "required": false; "isSignal": true; }; "signOutTitle": { "alias": "signOutTitle"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "notificationsTitle": { "alias": "notificationsTitle"; "required": false; "isSignal": true; }; "filtersOptions": { "alias": "filtersOptions"; "required": false; "isSignal": true; }; "companyLogo": { "alias": "companyLogo"; "required": true; "isSignal": true; }; "subTitle": { "alias": "subTitle"; "required": true; "isSignal": true; }; "headerMenu": { "alias": "headerMenu"; "required": false; "isSignal": true; }; "profileImg": { "alias": "profileImg"; "required": true; "isSignal": true; }; "userMenu": { "alias": "userMenu"; "required": true; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "themeMenu": { "alias": "themeMenu"; "required": true; "isSignal": true; }; "langMenu": { "alias": "langMenu"; "required": true; "isSignal": true; }; }, { "signOutEmit": "signOutEmit"; }, never, never, true, never>;
 }
 
 export { LocalStorageStore, Theme, YdButton, YdChip, YdIcon, YdInput, YdNavbar };
-export type { InputType, NavMenu, Notifications, SettingsMenu, YdBtnSize, YdBtnStyle, YdBtnType, YdChipSize, YdIconName, YdIconSize };
+export type { DropdownMenu, InputType, NavMenu, Notifications, NotificationsFilter, YdBtnSize, YdBtnStyle, YdBtnType, YdChipSize, YdIconName, YdIconSize };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yudu-component-kit",
-  "version": "1.0.7",
+  "version": "1.1.8",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -44,6 +44,10 @@
     ".": {
       "types": "./index.d.ts",
       "default": "./fesm2022/yudu-component-kit.mjs"
+    },
+    "./i18n": {
+      "types": "./i18n/index.d.ts",
+      "default": "./fesm2022/yudu-component-kit-i18n.mjs"
     }
   }
 }

package/src/lib/styles/classes/yd-navbar.scss

@@ -13,8 +13,24 @@
         padding: var(--spacing-xs) var(--spacing-sm);
         width: 100%;
 
-        a {
+        .bars__container {
+            position: relative;
             display: flex;
+            align-items: center;
+            justify-content: center;
+            cursor: pointer;
+            width: 2.1875rem;
+            height: 2.1875rem;
+            border-radius: var(--radius-full);
+            border: var(--border-xs) solid var(--yd-color-border-primary);
+
+            &:hover { 
+                background-color: var(--yd-color-surface-quaternary); 
+            }
+
+            &:active { 
+                background-color: var(--yd-color-surface-primary); 
+            }
         }
 
         .right-block {
@@ -53,6 +69,11 @@
                 display: flex;
                 gap: var(--spacing-sm);
 
+                .buttons__container {
+                    display: flex;
+                    gap: var(--spacing-xs);
+                }
+
                 .search__container {
                     display: flex;
                     gap: var(--spacing-sm);
@@ -91,14 +112,13 @@
                 display: flex;
                 justify-content: center;
                 align-items: center;
-                border: var(--border-xs) solid var(--yd-color-border-primary);
                 cursor: pointer;
-                border-radius: var(--radius-full);
                 position: relative;
                 width: 2.1875rem;
                 height: 2.1875rem;
                 
                 img {
+                    border: var(--border-xs) solid var(--yd-color-border-primary);
                     border-radius: var(--radius-full);
                     overflow: hidden;
                 }

package/src/lib/styles/classes/yd-notifications.scss

@@ -1,4 +1,3 @@
-
 .yd-notifications {
     display: flex;
     flex-direction: column;
@@ -8,14 +7,13 @@
     position: absolute;
     top:calc(100% + var(--spacing-sm));
     right: 0;
-    width: 16rem;
     overflow: hidden;
     clip-path: polygon(100% 0, 100% 0, 100% 0, 100% 0);
     padding: var(--spacing-xs);
     border-radius: var(--radius-minimal);
     transition: clip-path, ease-in-out, .3s;
     pointer-events: none;
-    width: 20rem;
+    min-width: 25rem;
     
     &.open {
         clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);

package/src/lib/styles/classes/yd-user-dropdown-menu.scss

@@ -1,4 +1,3 @@
-
 .yd-user-dropdown-menu {
     display: flex;
     flex-direction: column;
@@ -40,7 +39,7 @@
         .dropdown-menu-list {
             display: flex;
             flex-direction: column;
-            gap: var(--spacing-xs);
+            gap: 0;
 
             li {
                 a {
@@ -65,6 +64,43 @@
                 
             }
 
+            .toggle-list {
+                display: grid;
+                overflow: hidden;
+                grid-template-rows: auto 0;
+
+                .sub-menu-list {
+                    background-color: var(--yd-color-surface-tertiary);
+                    padding: var(--spacing-xs);
+                    border-radius: var(--radius-minimal);
+                    margin-left: var(--spacing-sm);
+
+                    .selected {
+                        background-color: var(--yd-color-surface-secondary);
+                    }
+                    li {
+                        display: flex;
+                        gap: var(--spacing-xs);
+                        align-items: center;
+                        padding: var(--spacing-xs);
+                        display: flex;
+                        align-items: center;
+                        border-radius: var(--radius-minimal);
+                        cursor: pointer;
+                        &:hover { 
+                            background-color: var(--yd-color-surface-quaternary); 
+                        }
+                        &:active { 
+                            background-color: var(--yd-color-surface-primary); 
+                        }
+                    }
+                }
+                
+                &.toggle-open {
+                    grid-template-rows:auto 1fr;
+                }
+            }
+
         }
     }