@raintonic/formaui 0.4.0 → 0.9.0

package/types/raintonic-formaui-components-sidebar.d.ts

@@ -1,185 +0,0 @@
-import * as i0 from '@angular/core';
-import { InputSignal, OutputEmitterRef, WritableSignal, Signal } from '@angular/core';
-import { FuiIntlBase } from '@raintonic/formaui/core';
-
-declare class FuiSidebarIntl extends FuiIntlBase {
-    rootAriaLabel: string;
-    navAriaLabel: string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FuiSidebarIntl, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<FuiSidebarIntl>;
-}
-
-/**
- * Sidebar mode type
- */
-type FuiSidebarMode = 'side' | 'over' | 'push';
-/**
- * Sidebar position type
- */
-type FuiSidebarPosition = 'start' | 'end';
-/**
- * Sidebar navigation item interface
- */
-interface FuiSidebarNavItem {
-    id: string;
-    label: string;
-    icon?: string;
-    route?: string;
-    active?: boolean;
-    disabled?: boolean;
-    children?: FuiSidebarNavItem[];
-    expanded?: boolean;
-}
-/**
- * # FuiSidebar Component
- *
- * A flexible sidebar component following Carbon Design System principles.
- * Provides navigation with Angular Material-like APIs and responsive behavior.
- *
- * ## Features
- * - Multiple modes: side, over, push
- * - Collapsible with toggle functionality
- * - Hierarchical navigation support
- * - Responsive behavior
- * - Theme integration
- * - Accessibility support
- * - Custom content projection
- *
- * ## Usage
- *
- * ### Basic Sidebar
- * ```html
- * <fui-sidebar
- *   [opened]="sidebarOpen"
- *   [mode]="'side'"
- *   [navItems]="navigationItems"
- *   (openedChange)="onSidebarToggle($event)"
- *   (navItemClick)="onNavItemClick($event)">
- *
- *   <div header>
- *     <h3>Navigation</h3>
- *   </div>
- *
- *   <div footer>
- *     <p>Version 1.0.0</p>
- *   </div>
- * </fui-sidebar>
- * ```
- *
- * ### Responsive Sidebar
- * ```html
- * <fui-sidebar
- *   [opened]="sidebarOpen"
- *   [mode]="isDesktop ? 'side' : 'over'"
- *   [backdrop]="!isDesktop"
- *   [navItems]="navigationItems">
- * </fui-sidebar>
- * ```
- *
- * @example
- * ```typescript
- * import { FuiSidebarComponent, FuiSidebarNavItem } from '@raintonic/formaui/components/sidebar';
- *
- * @Component({
- *   standalone: true,
- *   imports: [FuiSidebarComponent],
- *   template: `
- *     <fui-sidebar
- *       [opened]="sidebarOpen"
- *       [mode]="sidebarMode"
- *       [navItems]="navItems"
- *       (openedChange)="onSidebarToggle($event)"
- *       (navItemClick)="onNavItemClick($event)">
- *
- *       <div header class="sidebar-header">
- *         <h3>Holiday ERP</h3>
- *       </div>
- *     </fui-sidebar>
- *   `
- * })
- * export class AppLayoutComponent {
- *   sidebarOpen = true;
- *   sidebarMode: FuiSidebarMode = 'side';
- *
- *   navItems: FuiSidebarNavItem[] = [
- *     { id: 'dashboard', label: 'Dashboard', icon: 'house', route: '/dashboard' },
- *     {
- *       id: 'sales',
- *       label: 'Sales',
- *       icon: 'shopping-cart',
- *       children: [
- *         { id: 'orders', label: 'Orders', route: '/sales/orders' },
- *         { id: 'invoices', label: 'Invoices', route: '/sales/invoices' },
- *       ]
- *     },
- *     { id: 'products', label: 'Products', icon: 'package', route: '/products' },
- *   ];
- *
- *   onSidebarToggle(opened: boolean): void {
- *     this.sidebarOpen = opened;
- *   }
- *
- *   onNavItemClick(item: FuiSidebarNavItem): void {
- *     console.log('Navigation item clicked:', item.id);
- *   }
- * }
- * ```
- */
-declare class FuiSidebarComponent {
-    readonly intl: FuiSidebarIntl;
-    private readonly _cdr;
-    constructor();
-    readonly opened: InputSignal<boolean>;
-    readonly mode: InputSignal<FuiSidebarMode>;
-    readonly position: InputSignal<FuiSidebarPosition>;
-    readonly backdrop: InputSignal<boolean>;
-    readonly width: InputSignal<string>;
-    readonly navItems: InputSignal<FuiSidebarNavItem[]>;
-    readonly collapsible: InputSignal<boolean>;
-    readonly openedChange: OutputEmitterRef<boolean>;
-    readonly navItemClick: OutputEmitterRef<FuiSidebarNavItem>;
-    readonly backdropClick: OutputEmitterRef<void>;
-    readonly expandedItems: WritableSignal<Set<string>>;
-    readonly sidebarClasses: Signal<string>;
-    readonly backdropClasses: Signal<string>;
-    readonly sidebarStyles: Signal<Record<string, string>>;
-    /**
-     * Toggle sidebar open/closed state
-     */
-    toggle(): void;
-    /**
-     * Open the sidebar
-     */
-    open(): void;
-    /**
-     * Close the sidebar
-     */
-    close(): void;
-    /**
-     * Handle navigation item click
-     */
-    onNavItemClick(item: FuiSidebarNavItem): void;
-    /**
-     * Toggle expansion state of a navigation item
-     */
-    toggleItemExpansion(itemId: string): void;
-    /**
-     * Check if item is expanded
-     */
-    isItemExpanded(itemId: string): boolean;
-    /**
-     * Handle backdrop click
-     */
-    onBackdropClick(): void;
-    /**
-     * Get navigation item classes
-     */
-    getNavItemClasses(item: FuiSidebarNavItem, level?: number): string;
-    onEsc(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FuiSidebarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FuiSidebarComponent, "fui-sidebar", never, { "opened": { "alias": "opened"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "backdrop": { "alias": "backdrop"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "navItems": { "alias": "navItems"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; }, { "openedChange": "openedChange"; "navItemClick": "navItemClick"; "backdropClick": "backdropClick"; }, never, ["[header]", "*", "[footer]"], true, never>;
-}
-
-export { FuiSidebarComponent, FuiSidebarIntl };
-export type { FuiSidebarMode, FuiSidebarNavItem, FuiSidebarPosition };
-//# sourceMappingURL=raintonic-formaui-components-sidebar.d.ts.map

package/types/raintonic-formaui-components-sidebar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"raintonic-formaui-components-sidebar.d.ts","sources":["../../../lib/components/sidebar/sidebar.intl.ts","../../../lib/components/sidebar/sidebar.component.ts"],"mappings":";;;;AAGA,cACa,cAAe,SAAQ,WAAW;AAC7C;AACA;yCAFW,cAAc;6CAAd,cAAc;AAG1B;;ACcD;;AAEG;AACG,KAAM,cAAc;AAE1B;;AAEG;KACS,kBAAkB;AAE9B;;AAEG;UACc,iBAAiB;;;;;;;AAOhC,eAAW,iBAAiB;;AAE7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8FG;AACH,cAkBa,mBAAmB;mBACjB,cAAA;AACb;;AAOA,qBAAiB,WAAW;AAC5B,mBAAe,WAAW,CAAC,cAAc;AACzC,uBAAmB,WAAW,CAAC,kBAAkB;AACjD,uBAAmB,WAAW;AAC9B,oBAAgB,WAAW;uBACR,WAAW,CAAC,iBAAiB;AAChD,0BAAsB,WAAW;AAGjC,2BAAuB,gBAAgB;AACvC,2BAAuB,gBAAgB,CAAC,iBAAiB;AACzD,4BAAwB,gBAAgB;4BAGhB,cAAc,CAAC,GAAG;AAG1C,6BAAyB,MAAM;AAa/B,8BAA0B,MAAM;AAUhC,4BAAwB,MAAM,CAAC,MAAM;AAMrC;;AAEG;AACH;AAKA;;AAEG;AACH;AAMA;;AAEG;AACH;AAMA;;AAEG;AACH,yBAAqB,iBAAiB;AAkBtC;;AAEG;AACH;AAaA;;AAEG;AACH;AAIA;;AAEG;AACH;AAKA;;AAEG;4BACqB,iBAAiB;AA2BzC;yCAnKW,mBAAmB;2CAAnB,mBAAmB;AAwK/B;;;;","names":[]}

package/types/raintonic-formaui-components-tag.d.ts

@@ -1,43 +0,0 @@
-import * as _angular_core from '@angular/core';
-import { FuiIntlBase } from '@raintonic/formaui/core';
-
-type FuiTagVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info';
-type FuiTagSize = 'sm' | 'md';
-declare const FUI_TAG_VARIANTS: readonly FuiTagVariant[];
-declare const FUI_TAG_SIZES: readonly FuiTagSize[];
-interface FuiTagRemoveEvent {
-    tag: unknown;
-}
-
-declare class FuiTagIntl extends FuiIntlBase {
-    removeAriaLabel(label: string): string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FuiTagIntl, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<FuiTagIntl>;
-}
-
-declare class FuiTagComponent {
-    readonly intl: FuiTagIntl;
-    private readonly _cdr;
-    readonly label: _angular_core.InputSignal<string>;
-    readonly variant: _angular_core.InputSignalWithTransform<FuiTagVariant, string>;
-    readonly size: _angular_core.InputSignal<FuiTagSize>;
-    readonly icon: _angular_core.InputSignal<string | null>;
-    readonly removable: _angular_core.InputSignal<boolean>;
-    readonly selectable: _angular_core.InputSignal<boolean>;
-    readonly selected: _angular_core.InputSignal<boolean>;
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly removed: _angular_core.OutputEmitterRef<FuiTagRemoveEvent>;
-    readonly selectedChange: _angular_core.OutputEmitterRef<boolean>;
-    readonly _selected: _angular_core.WritableSignal<boolean>;
-    readonly computedClasses: _angular_core.Signal<string>;
-    constructor();
-    onClick(): void;
-    onSpace(event: Event): void;
-    onRemove(event: Event): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FuiTagComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FuiTagComponent, "fui-tag", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "removed": "removed"; "selectedChange": "selectedChange"; }, never, never, true, never>;
-}
-
-export { FUI_TAG_SIZES, FUI_TAG_VARIANTS, FuiTagComponent, FuiTagIntl };
-export type { FuiTagRemoveEvent, FuiTagSize, FuiTagVariant };
-//# sourceMappingURL=raintonic-formaui-components-tag.d.ts.map

package/types/raintonic-formaui-components-tag.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"raintonic-formaui-components-tag.d.ts","sources":["../../../lib/components/tag/tag.types.ts","../../../lib/components/tag/tag.intl.ts","../../../lib/components/tag/tag.component.ts"],"mappings":";;;AAAM,KAAM,aAAa;KACb,UAAU;AAEtB,cAAa,gBAAgB,WAAW,aAAa;AAQrD,cAAa,aAAa,WAAW,UAAU;UAE9B,iBAAiB;;AAEjC;;ACZD,cACa,UAAW,SAAQ,WAAW;AACzC;oDADW,UAAU;wDAAV,UAAU;AAItB;;ACUD,cAsBa,eAAe;mBACb,UAAA;AACb;oBAEc,aAAA,CAAA,WAAA;sBACE,aAAA,CAAA,wBAAA,CAAA,aAAA;mBAGH,aAAA,CAAA,WAAA,CAAA,UAAA;mBACA,aAAA,CAAA,WAAA;wBACK,aAAA,CAAA,WAAA;yBACC,aAAA,CAAA,WAAA;uBACF,aAAA,CAAA,WAAA;uBACA,aAAA,CAAA,wBAAA;sBAED,aAAA,CAAA,gBAAA,CAAA,iBAAA;6BACO,aAAA,CAAA,gBAAA;wBAEL,aAAA,CAAA,cAAA;8BAEM,aAAA,CAAA,MAAA;;AAWxB;AAQA,mBAAe,KAAK;AAKpB,oBAAgB,KAAK;oDA5CV,eAAe;sDAAf,eAAe;AAkD3B;;;;","names":[]}