@foxeltech/angular-ui 0.7.106 → 0.7.124
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components.css +201 -0
- package/fesm2022/foxeltech-angular-ui-chart.mjs +117 -44
- package/fesm2022/foxeltech-angular-ui-chart.mjs.map +1 -1
- package/fesm2022/foxeltech-angular-ui.mjs +73 -21
- package/fesm2022/foxeltech-angular-ui.mjs.map +1 -1
- package/package.json +3 -2
- package/src/lib/styles/components.css +201 -0
- package/src/lib/styles/tokens.css +3 -0
- package/src/lib/ui/components/bar-list/bar-list.component.html +19 -18
- package/src/lib/ui/components/bar-list/bar-list.component.scss +63 -0
- package/src/lib/ui/components/breadcrumb/breadcrumb.component.css +31 -0
- package/src/lib/ui/components/breadcrumb/breadcrumb.component.html +6 -1
- package/src/lib/ui/components/drawer/drawer.component.html +34 -9
- package/src/lib/ui/components/drawer/drawer.component.scss +158 -41
- package/src/lib/ui/components/filter-pills/filter-pills.component.html +4 -1
- package/src/lib/ui/components/filter-pills/filter-pills.component.scss +23 -0
- package/src/lib/ui/components/section-card/section-card.component.html +10 -5
- package/src/lib/ui/components/section-card/section-card.component.scss +28 -0
- package/src/lib/ui/components/stat-cards/stat-cards.component.css +48 -0
- package/src/lib/ui/components/stat-cards/stat-cards.component.html +16 -7
- package/tokens.css +3 -0
- package/types/foxeltech-angular-ui-chart.d.ts +22 -2
- package/types/foxeltech-angular-ui.d.ts +70 -2
|
@@ -16,6 +16,8 @@ import * as i1 from '@ngx-translate/core';
|
|
|
16
16
|
import { TranslateService } from '@ngx-translate/core';
|
|
17
17
|
import { ComponentType } from '@angular/cdk/portal';
|
|
18
18
|
import { CdkDragDrop } from '@angular/cdk/drag-drop';
|
|
19
|
+
import * as lucide_angular from 'lucide-angular';
|
|
20
|
+
import { LucideIconData } from 'lucide-angular';
|
|
19
21
|
|
|
20
22
|
declare abstract class BaseComponent implements OnDestroy {
|
|
21
23
|
protected injector: Injector;
|
|
@@ -1050,6 +1052,12 @@ interface Breadcrumb {
|
|
|
1050
1052
|
mono?: boolean;
|
|
1051
1053
|
/** Dropdown to switch the entity this crumb names. */
|
|
1052
1054
|
switcher?: BreadcrumbSwitcher;
|
|
1055
|
+
/**
|
|
1056
|
+
* Renders the crumb as an accent CTA pill instead of a link or a chip — the
|
|
1057
|
+
* reference's "+ Create project" closing the Project Management trail.
|
|
1058
|
+
* Navigates to `url`; `icon` is the leading mark and defaults to `plus`.
|
|
1059
|
+
*/
|
|
1060
|
+
cta?: boolean;
|
|
1053
1061
|
}
|
|
1054
1062
|
declare class BreadcrumbService {
|
|
1055
1063
|
private breadcrumbs$;
|
|
@@ -1703,6 +1711,14 @@ interface DrawerItem {
|
|
|
1703
1711
|
id: string;
|
|
1704
1712
|
label: string;
|
|
1705
1713
|
icon: string;
|
|
1714
|
+
/**
|
|
1715
|
+
* Lucide icon DATA (from `FX_LUCIDE_ICONS`), drawn instead of the HeroIcon
|
|
1716
|
+
* sprite when given. Data, not a name: the LUCIDE_ICONS provider does not
|
|
1717
|
+
* reach a federated remote's components — see FxLucideModule.
|
|
1718
|
+
*/
|
|
1719
|
+
iconData?: unknown;
|
|
1720
|
+
/** Fill the lucide mark instead of outlining it (the reference's ❖ is solid). */
|
|
1721
|
+
iconSolid?: boolean;
|
|
1706
1722
|
/** V2: renders as a non-interactive section caption (flat nav, no accordion). */
|
|
1707
1723
|
heading?: boolean;
|
|
1708
1724
|
route?: string;
|
|
@@ -1732,6 +1748,13 @@ declare class DrawerComponent implements OnInit, OnDestroy {
|
|
|
1732
1748
|
constructor(router: Router);
|
|
1733
1749
|
ngOnInit(): void;
|
|
1734
1750
|
ngOnDestroy(): void;
|
|
1751
|
+
/**
|
|
1752
|
+
* Ignores presses while the 300ms width animation is still running. The
|
|
1753
|
+
* button rides the drawer's edge, travelling ~190px as it animates, so a
|
|
1754
|
+
* second press lands on whatever the button has just slid away from — and a
|
|
1755
|
+
* mid-flight toggle leaves the animation and `isExpanded` out of step.
|
|
1756
|
+
*/
|
|
1757
|
+
private toggleLocked;
|
|
1735
1758
|
toggleDrawer(): void;
|
|
1736
1759
|
toggleAccordion(itemId: string): void;
|
|
1737
1760
|
isAccordionExpanded(itemId: string): boolean;
|
|
@@ -1858,6 +1881,12 @@ interface FxFilterPillOption {
|
|
|
1858
1881
|
label: string;
|
|
1859
1882
|
/** Shown muted beside the label; null/undefined renders no count. */
|
|
1860
1883
|
count?: number | null;
|
|
1884
|
+
/**
|
|
1885
|
+
* Optional lucide icon DATA (from `FX_LUCIDE_ICONS`), drawn before the label.
|
|
1886
|
+
* Passed as data rather than by name because the LUCIDE_ICONS provider does
|
|
1887
|
+
* not reach a federated remote's components — see FxLucideModule.
|
|
1888
|
+
*/
|
|
1889
|
+
icon?: LucideIconData;
|
|
1861
1890
|
}
|
|
1862
1891
|
/**
|
|
1863
1892
|
* V2 filter pills — the quick-filter row above ranked lists (design refs 02,
|
|
@@ -2471,7 +2500,6 @@ declare class BarListComponent {
|
|
|
2471
2500
|
readonly select: _angular_core.OutputEmitterRef<FxBarListItem>;
|
|
2472
2501
|
readonly max: _angular_core.Signal<number>;
|
|
2473
2502
|
widthOf(item: FxBarListItem): number;
|
|
2474
|
-
barClass(item: FxBarListItem): string;
|
|
2475
2503
|
onSelect(item: FxBarListItem): void;
|
|
2476
2504
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BarListComponent, never>;
|
|
2477
2505
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BarListComponent, "fx-ui-bar-list", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; }, { "select": "select"; }, never, never, true, never>;
|
|
@@ -2769,6 +2797,46 @@ declare class UiModule {
|
|
|
2769
2797
|
static ɵinj: _angular_core.ɵɵInjectorDeclaration<UiModule>;
|
|
2770
2798
|
}
|
|
2771
2799
|
|
|
2800
|
+
/**
|
|
2801
|
+
* The lucide marks this design system draws, PICKED rather than pulled in whole:
|
|
2802
|
+
* `lucide-angular` ships ~2,100 icons and `pick()` is the only thing keeping the
|
|
2803
|
+
* bundle to the ones actually rendered.
|
|
2804
|
+
*
|
|
2805
|
+
* Heroicons remain the general-purpose set — `fx-ui-hero-icon` serves them from
|
|
2806
|
+
* the self-hosted sprite with no runtime icon library, and that does not change.
|
|
2807
|
+
* Lucide is here for the two marks the Binary Intelligence reference draws as
|
|
2808
|
+
* inline SVG of its own, which the sprite has no equivalent of:
|
|
2809
|
+
*
|
|
2810
|
+
* - `star` the GitHub star beside a PoC's star count
|
|
2811
|
+
* - `radiation` the proprietary-exploit mark (identified by matching the
|
|
2812
|
+
* reference's path data against lucide-static, 16/09)
|
|
2813
|
+
* - `download` the Download PoC action in the exploit detail footer
|
|
2814
|
+
*
|
|
2815
|
+
* And the four sidebar marks, chosen to match the reference's nav GLYPHS shape
|
|
2816
|
+
* for shape rather than by meaning (16/09):
|
|
2817
|
+
* `▦` → `grid-2x2` a square split by a cross
|
|
2818
|
+
* `⊞` → `square-plus` a square with a plus inside
|
|
2819
|
+
* `▤` → `rows-3` a square split into three bands
|
|
2820
|
+
* `❖` → `diamond` a diamond outline
|
|
2821
|
+
*
|
|
2822
|
+
* Usage: import `FxLucideModule`, then `<lucide-icon name="star" [size]="12" />`.
|
|
2823
|
+
* Names are kebab-case; the component pascal-cases them to look the icon up.
|
|
2824
|
+
*/
|
|
2825
|
+
declare const FX_LUCIDE_ICONS: {
|
|
2826
|
+
Star: lucide_angular.LucideIconData;
|
|
2827
|
+
Radiation: lucide_angular.LucideIconData;
|
|
2828
|
+
Download: lucide_angular.LucideIconData;
|
|
2829
|
+
Grid2x2: lucide_angular.LucideIconData;
|
|
2830
|
+
SquarePlus: lucide_angular.LucideIconData;
|
|
2831
|
+
Rows3: lucide_angular.LucideIconData;
|
|
2832
|
+
Diamond: lucide_angular.LucideIconData;
|
|
2833
|
+
};
|
|
2834
|
+
declare class FxLucideModule {
|
|
2835
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FxLucideModule, never>;
|
|
2836
|
+
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<FxLucideModule, never, [typeof lucide_angular.LucideAngularModule], [typeof lucide_angular.LucideAngularModule]>;
|
|
2837
|
+
static ɵinj: _angular_core.ɵɵInjectorDeclaration<FxLucideModule>;
|
|
2838
|
+
}
|
|
2839
|
+
|
|
2772
2840
|
/** Users who asked the OS for reduced motion get instant state changes. */
|
|
2773
2841
|
declare function fxMotionAllowed(): boolean;
|
|
2774
2842
|
/** Shared timing so every screen moves the same way. */
|
|
@@ -2785,5 +2853,5 @@ declare const FX_MOTION: {
|
|
|
2785
2853
|
/** Motion directives exported by UiModule (GSAP-based, reduced-motion aware). */
|
|
2786
2854
|
declare const FX_MOTION_DIRECTIVES: readonly [typeof FxRevealDirective, typeof FxRevealGroupDirective, typeof FxCountUpDirective];
|
|
2787
2855
|
|
|
2788
|
-
export { AuthInterceptor, AuthStateService, BarListComponent, BaseComponent, BaseDialogComponent, BaseMasterDetailComponent, BaseTableComponent, BreadcrumbComponent, BreadcrumbService, ButtonComponent, CheckboxComponent, CircleProgressBar, CodeBlockComponent, ConfirmationDialogComponent, DatetimePicker, DndUploadComponent, DrawerComponent, EmptyStateComponent, FX_ICON_SPRITE_URL, FX_MOTION, FX_MOTION_DIRECTIVES, FX_SKELETON_DATA_KEY, FacetsRailComponent, FilterChipsComponent, FilterPillsComponent, FxComponent, FxCountUpDirective, FxDialogService, FxLoadStatusService, FxLoadingService, FxRevealDirective, FxRevealGroupDirective, FxRouteSkeletonService, FxStorageService, FxToastrService, FxUtils, FxValidators, HasPermissionDirective, HeroIconComponent, HttpLoaderFactory, HttpWrapper, InfoFieldComponent, InputComponent, KanbanBoardComponent, ListRowComponent, LoadStatusComponent, LoadingPanel, MasterDetailComponent, MenuComponent, MeterComponent, NotificationService, OG_LIGHT_THEMES, OG_PICKER_THEMES, OG_PICKER_THEME_META, OG_THEMES, OG_THEME_META, PendingBadgeComponent, PermissionGuard, PermissionService, PipelineStepperComponent, ProjectCardComponent, RadioButtonComponent, RadioButtonToggleComponent, RealtimeTableSync, RouteSkeletonComponent, SampleFrameComponent, ScoreBadgeComponent, ScreenshotFrameComponent, SearchBarComponent, SectionCardComponent, SegmentedComponent, SelectComponent, SeverityBadgesComponent, SkeletonDashboardComponent, SkeletonDetailComponent, SkeletonFacetsComponent, SkeletonFrameComponent, SkeletonListComponent, SliderComponent, SparkbarComponent, StageDotsComponent, StatCardsComponent, StatusDotComponent, SwitchComponent, TabComponent, TabGroupComponent, TableCell, TagComponent, ThemePickerComponent, ThemeService, ToastComponent, ToastContainerComponent, TranslationModule, TranslationService, TreeDiagram, TrimOnBlurDirective, UiModule, anyFeatureEnabled, countTone, createApi, featureEnabled, fxListResolver, fxMotionAllowed, fxRevealElement, scoreTone, severityTone, toneBadge, toneBadgeSolid, toneBg, toneBorder, toneColor, toneDot, toneDotChart, toneFg, toneScale, toneText, toneTint };
|
|
2856
|
+
export { AuthInterceptor, AuthStateService, BarListComponent, BaseComponent, BaseDialogComponent, BaseMasterDetailComponent, BaseTableComponent, BreadcrumbComponent, BreadcrumbService, ButtonComponent, CheckboxComponent, CircleProgressBar, CodeBlockComponent, ConfirmationDialogComponent, DatetimePicker, DndUploadComponent, DrawerComponent, EmptyStateComponent, FX_ICON_SPRITE_URL, FX_LUCIDE_ICONS, FX_MOTION, FX_MOTION_DIRECTIVES, FX_SKELETON_DATA_KEY, FacetsRailComponent, FilterChipsComponent, FilterPillsComponent, FxComponent, FxCountUpDirective, FxDialogService, FxLoadStatusService, FxLoadingService, FxLucideModule, FxRevealDirective, FxRevealGroupDirective, FxRouteSkeletonService, FxStorageService, FxToastrService, FxUtils, FxValidators, HasPermissionDirective, HeroIconComponent, HttpLoaderFactory, HttpWrapper, InfoFieldComponent, InputComponent, KanbanBoardComponent, ListRowComponent, LoadStatusComponent, LoadingPanel, MasterDetailComponent, MenuComponent, MeterComponent, NotificationService, OG_LIGHT_THEMES, OG_PICKER_THEMES, OG_PICKER_THEME_META, OG_THEMES, OG_THEME_META, PendingBadgeComponent, PermissionGuard, PermissionService, PipelineStepperComponent, ProjectCardComponent, RadioButtonComponent, RadioButtonToggleComponent, RealtimeTableSync, RouteSkeletonComponent, SampleFrameComponent, ScoreBadgeComponent, ScreenshotFrameComponent, SearchBarComponent, SectionCardComponent, SegmentedComponent, SelectComponent, SeverityBadgesComponent, SkeletonDashboardComponent, SkeletonDetailComponent, SkeletonFacetsComponent, SkeletonFrameComponent, SkeletonListComponent, SliderComponent, SparkbarComponent, StageDotsComponent, StatCardsComponent, StatusDotComponent, SwitchComponent, TabComponent, TabGroupComponent, TableCell, TagComponent, ThemePickerComponent, ThemeService, ToastComponent, ToastContainerComponent, TranslationModule, TranslationService, TreeDiagram, TrimOnBlurDirective, UiModule, anyFeatureEnabled, countTone, createApi, featureEnabled, fxListResolver, fxMotionAllowed, fxRevealElement, scoreTone, severityTone, toneBadge, toneBadgeSolid, toneBg, toneBorder, toneColor, toneDot, toneDotChart, toneFg, toneScale, toneText, toneTint };
|
|
2789
2857
|
export type { Breadcrumb, BreadcrumbOption, BreadcrumbSwitcher, ColumnChangedEvent, DrawerItem, ErrorMessages, FxApiClass, FxBarListItem, FxConfirmOptions, FxFacetGroup, FxFacetOption, FxFacetSelection, FxFeatureFlags, FxFilterChipOption, FxFilterPillOption, FxListRequest, FxListResolverContext, FxListRowBadge, FxLoadJob, FxMenuItem, FxPipelineStage, FxPipelineStageState, FxProjectCard, FxProjectCardChip, FxProjectCardMetric, FxSegmentedOption, FxSeverityBadge, FxSkeletonBlock, FxSkeletonBlockKind, FxSkeletonBlockSpec, FxSkeletonHint, FxStatCard, FxStatCardDelta, FxTableFilters, IRadioButton, KanbanColumn, NotificationCallback, NotificationConnectOptions, OgTheme, OgThemeMeta, RealtimeTableEvent, RealtimeTableSyncOptions, TableResult, TagType, ToastData, Tone, TreeNode, UploadResult };
|