@eduboxpro/studio 0.1.34 → 0.1.36

package/index.d.ts

@@ -5,6 +5,7 @@ import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors } fr
 import { icons } from 'lucide-angular';
 import { Placement } from '@floating-ui/dom';
 import * as _eduboxpro_studio from '@eduboxpro/studio';
+import { SafeResourceUrl } from '@angular/platform-browser';
 
 /**
  * Theme mode: light or dark
@@ -2906,6 +2907,39 @@ declare class ButtonToggleGroupComponent implements ControlValueAccessor {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonToggleGroupComponent, "studio-button-toggle-group", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "allowEmpty": { "alias": "allowEmpty"; "required": false; "isSignal": true; }; "orientationInput": { "alias": "orientation"; "required": false; "isSignal": true; }; "sizeInput": { "alias": "size"; "required": false; "isSignal": true; }; "variantInput": { "alias": "variant"; "required": false; "isSignal": true; }; "colorInput": { "alias": "color"; "required": false; "isSignal": true; }; "radiusInput": { "alias": "radius"; "required": false; "isSignal": true; }; "shadowInput": { "alias": "shadow"; "required": false; "isSignal": true; }; "attached": { "alias": "attached"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "showIcons": { "alias": "showIcons"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "valueChange": "valueChange"; }, never, never, true, never>;
 }
 
+/**
+ * FileViewer configuration types
+ */
+interface FileViewerLabels {
+    videoLabel?: string;
+    audioLabel?: string;
+    browserNotSupported?: string;
+}
+declare const defaultFileViewerLabels: FileViewerLabels;
+
+declare class FileViewerComponent {
+    private sanitizer;
+    visible: _angular_core.InputSignal<boolean>;
+    fileUrl: _angular_core.InputSignal<string>;
+    fileName: _angular_core.InputSignal<string>;
+    fileType: _angular_core.InputSignal<string>;
+    labels: _angular_core.InputSignal<FileViewerLabels>;
+    close: _angular_core.OutputEmitterRef<void>;
+    resolvedLabels: _angular_core.Signal<{
+        videoLabel?: string;
+        audioLabel?: string;
+        browserNotSupported?: string;
+    }>;
+    isPdf: _angular_core.Signal<boolean>;
+    isImage: _angular_core.Signal<boolean>;
+    isAudio: _angular_core.Signal<boolean>;
+    isVideo: _angular_core.Signal<boolean>;
+    fileIcon: _angular_core.Signal<"file-text" | "image" | "music" | "video" | "table" | "presentation" | "file">;
+    safeUrl: _angular_core.Signal<SafeResourceUrl | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FileViewerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileViewerComponent, "studio-file-viewer", never, { "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "fileUrl": { "alias": "fileUrl"; "required": false; "isSignal": true; }; "fileName": { "alias": "fileName"; "required": false; "isSignal": true; }; "fileType": { "alias": "fileType"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, ["[pdfViewer]"], true, never>;
+}
+
 interface InspectorData {
     sections: InspectorSection[];
 }
@@ -3014,6 +3048,24 @@ declare class InspectorComponent implements ControlValueAccessor {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<InspectorComponent, "studio-inspector", never, { "componentSize": { "alias": "componentSize"; "required": false; "isSignal": true; }; "componentVariant": { "alias": "componentVariant"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "showIcons": { "alias": "showIcons"; "required": false; "isSignal": true; }; "showDefaultIndicator": { "alias": "showDefaultIndicator"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "expandedByDefault": { "alias": "expandedByDefault"; "required": false; "isSignal": true; }; "expandedSectionsInput": { "alias": "expandedSections"; "required": false; "isSignal": true; }; "showGroupLabels": { "alias": "showGroupLabels"; "required": false; "isSignal": true; }; "groupDivider": { "alias": "groupDivider"; "required": false; "isSignal": true; }; "groupDividerSpacing": { "alias": "groupDividerSpacing"; "required": false; "isSignal": true; }; "labelWidth": { "alias": "labelWidth"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "sectionTemplate": { "alias": "sectionTemplate"; "required": false; "isSignal": true; }; "parameterTemplates": { "alias": "parameterTemplates"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; }, { "sectionToggled": "sectionToggled"; "parameterFocused": "parameterFocused"; "parameterBlurred": "parameterBlurred"; }, never, never, true, never>;
 }
 
+type LogoSize = 'sm' | 'md' | 'lg';
+declare class LogoComponent {
+    /** URL to navigate when logo is clicked */
+    link: _angular_core.InputSignal<string>;
+    /** Path to logo image */
+    logoSrc: _angular_core.InputSignal<string>;
+    /** Text to display next to logo */
+    logoText: _angular_core.InputSignal<string>;
+    /** Size variant */
+    size: _angular_core.InputSignal<LogoSize>;
+    /** Whether to show text */
+    showText: _angular_core.InputSignal<boolean>;
+    /** Whether to show text on mobile devices */
+    showTextOnMobile: _angular_core.InputSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogoComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogoComponent, "ui-logo", never, { "link": { "alias": "link"; "required": false; "isSignal": true; }; "logoSrc": { "alias": "logoSrc"; "required": true; "isSignal": true; }; "logoText": { "alias": "logoText"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showText": { "alias": "showText"; "required": false; "isSignal": true; }; "showTextOnMobile": { "alias": "showTextOnMobile"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 /**
  * Theme toggle switch with sun/moon icons
  *
@@ -3516,5 +3568,5 @@ declare function hasChildren(block: Block): block is Block & {
     children: Block[];
 };
 
-export { BadgeComponent, BadgeWrapperComponent, BottomNavigationComponent, ButtonComponent, ButtonGroupComponent, ButtonToggleGroupComponent, COUNTRY_OPTIONS, CardComponent, ChatComponent, ChatInputComponent, ChatMessageComponent, CheckboxComponent, ColorPickerCompactComponent, ColorPickerComponent, ConfirmDialogComponent, ConfirmDialogService, DEFAULT_COLOR_PRESETS, DrawerComponent, DrawerService, DropdownComponent, IconComponent, InputComponent, InspectorComponent, MASK_PRESETS, MaskDirective, MaskEngine, MenuComponent, ModalComponent, NavbarComponent, PaginationComponent, PhoneInputComponent, PopoverComponent, RadioButtonComponent, STUDIO_CONFIG, SelectComponent, SidebarComponent, SignalStore, StudioConfigService, SwitchComponent, TableColumnDirective, TableComponent, TabsComponent, TextareaComponent, ThemeSwitchComponent, ToastComponent, ToastService, TooltipComponent, classNames, hasChildren, isContentBlock, isFormBlock, isInteractiveBlock, isLayoutBlock, isSafeUrl, isStudioBlock, loadGoogleFont, loadGoogleFonts, provideStudioConfig, provideStudioIcons, sanitizeUrl, withConfigDefault };
-export type { AccordionBlock, AlertBlock, AnimationType, BadgeBlock, BadgeColor, BadgeDefaultsConfig, BadgeIconPosition, BadgeRadius, BadgeSize, BadgeVariant, BadgeWrapperPosition, BadgeWrapperSize, BaseBlock, Block, BlockAction, BlockAnimation, BlockType, BottomNavigationDefaultsConfig, BottomNavigationFabPosition, BottomNavigationItem, BottomNavigationLabelMode, BottomNavigationSize, BottomNavigationVariant, ButtonBlock, ButtonDefaultsConfig, ButtonGroupDefaultsConfig, ButtonToggleGroupDefaultsConfig, ButtonToggleGroupOption, ButtonToggleGroupValue, CardBlock, CardColor, CardDefaultsConfig, CardImagePosition, CardOrientation, CardPadding, CardRadius, CardShadow, CardSize, CardVariant, ChatMessage, ChatSize, ChatUser, ChatVariant, CheckboxBlock, CheckboxColor, CheckboxDefaultsConfig, CheckboxRadius, CheckboxSize, CheckboxVariant, CodeBlock, ColorConfig, ColorFormat, ColorPickerDefaultsConfig, ColorPickerSize, ColorPickerVariant, ColorPreset, ColorSwatchGroup, ColorValue, ComponentsConfig, ConfirmDialogConfig, ConfirmDialogVariant, CountryOption, CustomAction, DivBlock, DrawerAnimationEasing, DrawerCloseButtonPosition, DrawerConfig, DrawerDefaultsConfig, DrawerPosition, DrawerRadius, DrawerRole, DrawerShadowSize, DrawerSize, DropdownDefaultsConfig, DropdownItem, DropdownPosition, EmptyStateConfig, ExternalLinkAction, FlexContainerBlock, FooterBlock, FormBlock, GridContainerBlock, HSL, HtmlBlock, ImageBlock, InputBlock, InputDefaultsConfig, InputMode, InputType, InspectorComponentSize, InspectorComponentVariant, InspectorData, InspectorGroup, InspectorGroupDivider, InspectorOption, InspectorParameter, InspectorParameterType, InspectorSection, InspectorSpacing, LinkBlock, ListBlock, MaskConfig, MaskPreset, MaskResult, MaskToken, MenuColor, MenuExpandEvent, MenuExpandIconPosition, MenuItem, MenuItemBadgeColor, MenuItemClickEvent, MenuItemCommandEvent, MenuItemIconPosition, MenuItemTarget, MenuItemTooltipPosition, MenuMode, MenuOrientation, MenuRadius, MenuSize, MenuSpacing, MenuVariant, ModalAnimation, ModalDefaultsConfig, ModalPosition, ModalSize, ModalVariant, NavbarBlock, NavbarColor, NavbarShadow, NavbarSize, NavbarVariant, NavigateAction, PageData, PageMeta, PaginationPageChangeEvent, PaginationPageSizeChangeEvent, PaginationSize, PaginationVariant, PhoneCountry, PopoverAnimation, PopoverBoundary, PopoverConfig, PopoverDefaultsConfig, PopoverPosition, PopoverSize, PopoverTrigger, PopoverVariant, PopoverWidth, RGB, RadioButtonColor, RadioButtonDefaultsConfig, RadioButtonRadius, RadioButtonSize, RadioButtonVariant, RowAction, RowExpansion, ScrollToAction, SectionBlock, SelectBlock, SelectDefaultsConfig, SelectDisplayContext, SelectOption, SelectOptionGroup, SelectPosition, SelectSize, SelectVariant, SelectionEvent, SelectionMode, SidebarConfig, SidebarDefaultsConfig, SidebarPosition, SidebarSize, SidebarVariant, SliderBlock, SortDirection, SortEvent, StudioComponentBlock, StudioConfig, StudioThemeConfig, SubmitFormAction, SubmitLeadAction, SwitchDefaultsConfig, TabItem, TableCellContext, TableColumn, TableDefaultsConfig, TableDensity, TableHeaderContext, TableSort, TableState, TableVariant, TabsBlock, TabsDefaultsConfig, TabsOrientation, TabsSize, TabsVariant, TextBlock, TextareaBlock, TextareaColor, TextareaDefaultsConfig, TextareaRadius, TextareaSize, TextareaVariant, ThemeMode, ToastConfig, ToastMessage, ToastPosition, ToastSeverity, TooltipDefaultsConfig, VideoBlock };
+export { BadgeComponent, BadgeWrapperComponent, BottomNavigationComponent, ButtonComponent, ButtonGroupComponent, ButtonToggleGroupComponent, COUNTRY_OPTIONS, CardComponent, ChatComponent, ChatInputComponent, ChatMessageComponent, CheckboxComponent, ColorPickerCompactComponent, ColorPickerComponent, ConfirmDialogComponent, ConfirmDialogService, DEFAULT_COLOR_PRESETS, DrawerComponent, DrawerService, DropdownComponent, FileViewerComponent, IconComponent, InputComponent, InspectorComponent, LogoComponent, MASK_PRESETS, MaskDirective, MaskEngine, MenuComponent, ModalComponent, NavbarComponent, PaginationComponent, PhoneInputComponent, PopoverComponent, RadioButtonComponent, STUDIO_CONFIG, SelectComponent, SidebarComponent, SignalStore, StudioConfigService, SwitchComponent, TableColumnDirective, TableComponent, TabsComponent, TextareaComponent, ThemeSwitchComponent, ToastComponent, ToastService, TooltipComponent, classNames, defaultFileViewerLabels, hasChildren, isContentBlock, isFormBlock, isInteractiveBlock, isLayoutBlock, isSafeUrl, isStudioBlock, loadGoogleFont, loadGoogleFonts, provideStudioConfig, provideStudioIcons, sanitizeUrl, withConfigDefault };
+export type { AccordionBlock, AlertBlock, AnimationType, BadgeBlock, BadgeColor, BadgeDefaultsConfig, BadgeIconPosition, BadgeRadius, BadgeSize, BadgeVariant, BadgeWrapperPosition, BadgeWrapperSize, BaseBlock, Block, BlockAction, BlockAnimation, BlockType, BottomNavigationDefaultsConfig, BottomNavigationFabPosition, BottomNavigationItem, BottomNavigationLabelMode, BottomNavigationSize, BottomNavigationVariant, ButtonBlock, ButtonDefaultsConfig, ButtonGroupDefaultsConfig, ButtonToggleGroupDefaultsConfig, ButtonToggleGroupOption, ButtonToggleGroupValue, CardBlock, CardColor, CardDefaultsConfig, CardImagePosition, CardOrientation, CardPadding, CardRadius, CardShadow, CardSize, CardVariant, ChatMessage, ChatSize, ChatUser, ChatVariant, CheckboxBlock, CheckboxColor, CheckboxDefaultsConfig, CheckboxRadius, CheckboxSize, CheckboxVariant, CodeBlock, ColorConfig, ColorFormat, ColorPickerDefaultsConfig, ColorPickerSize, ColorPickerVariant, ColorPreset, ColorSwatchGroup, ColorValue, ComponentsConfig, ConfirmDialogConfig, ConfirmDialogVariant, CountryOption, CustomAction, DivBlock, DrawerAnimationEasing, DrawerCloseButtonPosition, DrawerConfig, DrawerDefaultsConfig, DrawerPosition, DrawerRadius, DrawerRole, DrawerShadowSize, DrawerSize, DropdownDefaultsConfig, DropdownItem, DropdownPosition, EmptyStateConfig, ExternalLinkAction, FileViewerLabels, FlexContainerBlock, FooterBlock, FormBlock, GridContainerBlock, HSL, HtmlBlock, ImageBlock, InputBlock, InputDefaultsConfig, InputMode, InputType, InspectorComponentSize, InspectorComponentVariant, InspectorData, InspectorGroup, InspectorGroupDivider, InspectorOption, InspectorParameter, InspectorParameterType, InspectorSection, InspectorSpacing, LinkBlock, ListBlock, LogoSize, MaskConfig, MaskPreset, MaskResult, MaskToken, MenuColor, MenuExpandEvent, MenuExpandIconPosition, MenuItem, MenuItemBadgeColor, MenuItemClickEvent, MenuItemCommandEvent, MenuItemIconPosition, MenuItemTarget, MenuItemTooltipPosition, MenuMode, MenuOrientation, MenuRadius, MenuSize, MenuSpacing, MenuVariant, ModalAnimation, ModalDefaultsConfig, ModalPosition, ModalSize, ModalVariant, NavbarBlock, NavbarColor, NavbarShadow, NavbarSize, NavbarVariant, NavigateAction, PageData, PageMeta, PaginationPageChangeEvent, PaginationPageSizeChangeEvent, PaginationSize, PaginationVariant, PhoneCountry, PopoverAnimation, PopoverBoundary, PopoverConfig, PopoverDefaultsConfig, PopoverPosition, PopoverSize, PopoverTrigger, PopoverVariant, PopoverWidth, RGB, RadioButtonColor, RadioButtonDefaultsConfig, RadioButtonRadius, RadioButtonSize, RadioButtonVariant, RowAction, RowExpansion, ScrollToAction, SectionBlock, SelectBlock, SelectDefaultsConfig, SelectDisplayContext, SelectOption, SelectOptionGroup, SelectPosition, SelectSize, SelectVariant, SelectionEvent, SelectionMode, SidebarConfig, SidebarDefaultsConfig, SidebarPosition, SidebarSize, SidebarVariant, SliderBlock, SortDirection, SortEvent, StudioComponentBlock, StudioConfig, StudioThemeConfig, SubmitFormAction, SubmitLeadAction, SwitchDefaultsConfig, TabItem, TableCellContext, TableColumn, TableDefaultsConfig, TableDensity, TableHeaderContext, TableSort, TableState, TableVariant, TabsBlock, TabsDefaultsConfig, TabsOrientation, TabsSize, TabsVariant, TextBlock, TextareaBlock, TextareaColor, TextareaDefaultsConfig, TextareaRadius, TextareaSize, TextareaVariant, ThemeMode, ToastConfig, ToastMessage, ToastPosition, ToastSeverity, TooltipDefaultsConfig, VideoBlock };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eduboxpro/studio",
-  "version": "0.1.34",
+  "version": "0.1.36",
   "description": "Modern Angular UI library for educational platforms with customizable design system",
   "keywords": [
     "angular",