@basis-ng/primitives 0.0.1-alpha.86 → 0.0.1-alpha.87

package/fesm2022/basis-ng-primitives.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { signal, inject, RendererFactory2, PLATFORM_ID, Injectable, input, ElementRef, Component, TemplateRef, Directive, computed, output, contentChildren, effect, viewChild, contentChild, linkedSignal, model, forwardRef, HostListener, afterNextRender, afterRenderEffect, ViewEncapsulation, EventEmitter } from '@angular/core';
+import { signal, inject, RendererFactory2, PLATFORM_ID, Injectable, input, ElementRef, Component, TemplateRef, Directive, computed, output, contentChildren, effect, viewChild, contentChild, linkedSignal, model, forwardRef, HostListener, afterNextRender, afterRenderEffect, ViewEncapsulation, EventEmitter, ChangeDetectorRef, Pipe } from '@angular/core';
 import { isPlatformBrowser, NgStyle, NgClass, CommonModule, NgTemplateOutlet } from '@angular/common';
 import { NgModel, NG_VALUE_ACCESSOR, ControlContainer } from '@angular/forms';
 import * as i1 from '@angular/cdk/listbox';
@@ -16,6 +16,7 @@ import * as i1$3 from '@angular/cdk/menu';
 import { CdkMenu, CdkMenuItem, CdkMenuGroup, CdkMenuItemCheckbox, CdkMenuItemRadio, CdkMenuTrigger } from '@angular/cdk/menu';
 import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
 import { CdkDialogContainer, DialogRef, Dialog } from '@angular/cdk/dialog';
+import { HttpClient } from '@angular/common/http';
 
 class ThemeService {
     /**
@@ -3763,6 +3764,117 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
                 }]
         }] });
 
+/**
+ * Service for managing translations and language switching.
+ *
+ * @remarks
+ * - Loads language files via HTTP.
+ * - Provides reactive signals for language and dictionary.
+ * - Use `translate(key)` to get the translated string for the current language.
+ *
+ * @example
+ * ```typescript
+ * translationService.setLanguage('es');
+ * translationService.translate('home.title');
+ * ```
+ */
+class TranslationService {
+    /** Current language code. */
+    _language = signal('en', ...(ngDevMode ? [{ debugName: "_language" }] : []));
+    /** Dictionary of translations. */
+    _dictionary = signal({}, ...(ngDevMode ? [{ debugName: "_dictionary" }] : []));
+    /** Reactive signal for current language. */
+    language = computed(() => this._language(), ...(ngDevMode ? [{ debugName: "language" }] : []));
+    /** Reactive signal for current dictionary. */
+    dictionary = computed(() => this._dictionary(), ...(ngDevMode ? [{ debugName: "dictionary" }] : []));
+    /** HttpClient for loading language files. */
+    http = inject(HttpClient);
+    /**
+     * Sets the current language and loads its dictionary.
+     * @param lang - Language code (e.g., 'en', 'es').
+     */
+    setLanguage(lang) {
+        this._language.set(lang);
+        this.loadLanguage(lang);
+    }
+    /**
+     * Sets the translation dictionary directly.
+     * @param dict - Translation dictionary object.
+     */
+    setDictionary(dict) {
+        this._dictionary.set(dict);
+    }
+    /**
+     * Translates a key using the current language.
+     * @param key - Dot-separated translation key (e.g., 'home.title').
+     * @returns Translated string or the key if not found.
+     */
+    translate(key) {
+        const lang = this._language();
+        const dict = this._dictionary();
+        const value = this.resolveKey(dict[lang], key);
+        return value ?? key;
+    }
+    /**
+     * Resolves a dot-separated key in an object.
+     * @param obj - Object to resolve key in.
+     * @param key - Dot-separated key string.
+     * @returns Value or undefined if not found.
+     */
+    resolveKey(obj, key) {
+        if (!obj)
+            return undefined;
+        return key
+            .split('.')
+            .reduce((acc, part) => (acc && acc[part] !== undefined ? acc[part] : undefined), obj);
+    }
+    /**
+     * Loads a language file via HTTP and updates the dictionary.
+     * @param lang - Language code to load.
+     */
+    loadLanguage(lang) {
+        this.http.get(`/lang/${lang}.json`).subscribe({
+            next: translations => {
+                const dict = { ...this._dictionary() };
+                dict[lang] = translations;
+                this._dictionary.set(dict);
+            },
+            error: () => {
+                // If loading fails, do not update the dictionary
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: TranslationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: TranslationService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: TranslationService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class TranslatePipe {
+    translationService = inject(TranslationService);
+    cdr = inject(ChangeDetectorRef);
+    lastLang;
+    transform(key) {
+        const lang = this.translationService.language();
+        if (lang !== this.lastLang) {
+            this.lastLang = lang;
+            this.cdr.markForCheck();
+        }
+        return this.translationService.translate(key);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: TranslatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.3", ngImport: i0, type: TranslatePipe, isStandalone: true, name: "translate", pure: false });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: TranslatePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'translate',
+                    pure: false,
+                }]
+        }] });
+
 /*
  * Public API Surface of basis-ng
  */
@@ -3772,5 +3884,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AlertComponent, BadgeComponent, ButtonComponent, ButtonGroupComponent, CardComponent, CardContentComponent, CardDescriptionComponent, CardFooterComponent, CardHeaderComponent, CardSubtitleComponent, CardTitleComponent, Checkbox, ColorPickerComponent, ComboboxComponent, CommandComponent, CommandOptionsComponent, DialogDirective, DialogService, DrawerComponent, IconComponent, InViewportDirective, InViewportService, InputComponent, InputGroupComponent, LazyContentDirective, MenuComponent, MenuGroupComponent, MenuItemCheckboxComponent, MenuItemComponent, MenuItemRadioComponent, MenuLabelComponent, MenuTriggerDirective, OptionComponent, OtpComponent, OtpDigitDirective, OverlayDirective, OverlayTriggerDirective, RangeComponent, ResponsiveService, RowComponent, RowItemComponent, SelectComponent, SelectOptionsComponent, SheetComponent, SpinnerComponent, SwitchComponent, TabComponent, TableComponent, TabsComponent, TextareaComponent, ThemeService, TooltipDirective, TreeComponent, TreeNodeComponent };
+export { AlertComponent, BadgeComponent, ButtonComponent, ButtonGroupComponent, CardComponent, CardContentComponent, CardDescriptionComponent, CardFooterComponent, CardHeaderComponent, CardSubtitleComponent, CardTitleComponent, Checkbox, ColorPickerComponent, ComboboxComponent, CommandComponent, CommandOptionsComponent, DialogDirective, DialogService, DrawerComponent, IconComponent, InViewportDirective, InViewportService, InputComponent, InputGroupComponent, LazyContentDirective, MenuComponent, MenuGroupComponent, MenuItemCheckboxComponent, MenuItemComponent, MenuItemRadioComponent, MenuLabelComponent, MenuTriggerDirective, OptionComponent, OtpComponent, OtpDigitDirective, OverlayDirective, OverlayTriggerDirective, RangeComponent, ResponsiveService, RowComponent, RowItemComponent, SelectComponent, SelectOptionsComponent, SheetComponent, SpinnerComponent, SwitchComponent, TabComponent, TableComponent, TabsComponent, TextareaComponent, ThemeService, TooltipDirective, TranslatePipe, TranslationService, TreeComponent, TreeNodeComponent };
 //# sourceMappingURL=basis-ng-primitives.mjs.map