codexly-ui 0.1.11 → 0.1.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codexly-ui",
-  "version": "0.1.11",
+  "version": "0.1.13",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
     "@angular/core": "^21.0.0",

package/types/codexly-ui.d.ts

@@ -679,6 +679,8 @@ interface ClxSelectOption {
     value: string | number;
     label: string;
     disabled?: boolean;
+    /** Renders the option label using this font family, for font-picker selects */
+    previewFontFamily?: string;
 }
 
 type PageItem = {
@@ -1962,6 +1964,8 @@ declare class ClxSelectComponent implements ControlValueAccessor {
     protected readonly _activeColor: Signal<ClxColorInput>;
     private readonly _el;
     private readonly _sso;
+    private readonly _isBrowser;
+    private readonly _loadedFonts;
     readonly _scrollStrategy: _angular_cdk_overlay.RepositionScrollStrategy;
     constructor();
     private _onChange;
@@ -1985,6 +1989,7 @@ declare class ClxSelectComponent implements ControlValueAccessor {
     protected readonly _filteredOptions: Signal<ClxSelectOption[]>;
     protected readonly _showAsyncPlaceholder: Signal<boolean>;
     protected readonly _displayValue: Signal<string>;
+    protected readonly _displayFontFamily: Signal<string | null>;
     protected readonly _overlayWidth: Signal<number>;
     protected readonly _labelClass: Signal<string>;
     protected readonly _hintClass: Signal<string>;
@@ -1998,6 +2003,7 @@ declare class ClxSelectComponent implements ControlValueAccessor {
     protected _optionClass(opt: ClxSelectOption): string;
     protected _togglePanel(): void;
     private _openPanel;
+    private _loadPreviewFont;
     protected _closePanel(): void;
     protected _selectOption(opt: ClxSelectOption): void;
     protected _deselect(value: string | number): void;
@@ -2680,7 +2686,7 @@ declare class ClxCartSummaryDrawer {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxCartSummaryDrawer, "clx-cart-summary-drawer", never, {}, {}, never, never, true, never>;
 }
 
-type ClxFontFamily = 'Roboto' | 'Inter' | 'Poppins' | 'Plus Jakarta Sans' | 'Nunito' | 'DM Sans' | 'Geist' | 'Lato' | 'Montserrat' | 'Open Sans' | 'Work Sans' | 'Manrope' | 'Sora' | 'Outfit' | 'Rubik' | 'Source Sans 3' | 'Space Grotesk' | 'Merriweather' | 'Playfair Display' | 'Lora' | 'PT Serif' | 'Caveat' | 'Dancing Script';
+type ClxFontFamily = 'Roboto' | 'Inter' | 'Poppins' | 'Plus Jakarta Sans' | 'Nunito' | 'DM Sans' | 'Geist' | 'Lato' | 'Montserrat' | 'Open Sans' | 'Work Sans' | 'Manrope' | 'Sora' | 'Outfit' | 'Rubik' | 'Source Sans 3' | 'Space Grotesk' | 'Merriweather' | 'Playfair Display' | 'Lora' | 'PT Serif' | 'Caveat' | 'Dancing Script' | 'Cinzel' | 'Berkshire Swash' | 'JetBrains Mono' | 'Orbitron' | 'UnifrakturMaguntia' | 'Pirata One' | 'Press Start 2P' | 'Bungee';
 interface ClxFontOption {
     label: string;
     value: ClxFontFamily;