@nucleus-suite-pe/core 2.2.0 → 2.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nucleus-suite-pe/core",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "description": "Capa compartida de la suite Nucleus: sesión única, permisos, tema y marco de aplicación para Angular.",
   "keywords": [
     "angular",

package/styles/tokens.css

@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&display=swap');
+
 :root {
   --ac-bg: #050508;
   --ac-surface: #0d0d15;
@@ -8,12 +10,12 @@
   --ac-accent: #7c6cf5;
   --ac-on-accent: #ffffff;
 
-  --ns-frame-bg: #16132b;
-  --ns-frame-raised: #241f42;
+  --ns-frame-bg: #1f1646;
+  --ns-frame-raised: #2c2160;
   --ns-frame-ink: #ece9fb;
-  --ns-frame-muted: #9d95c6;
-  --ns-frame-line: #302a54;
-  --ns-frame-glow: #8c7ff0;
+  --ns-frame-muted: #9690af;
+  --ns-frame-line: #403863;
+  --ns-frame-glow: #a78bfa;
   --ns-frame-on-glow: #101014;
 
   --ns-success: #5bd98a;
@@ -37,7 +39,10 @@
   --ns-form-gap-y: calc(18px * var(--ns-density));
   --ns-control-y: calc(0.55rem * var(--ns-density));
 
-  --ac-font: 'IBM Plex Sans', 'Segoe UI', system-ui, sans-serif;
+  --ac-font: 'Figtree', 'Segoe UI', system-ui, sans-serif;
+  --ns-weight-text: 400;
+  --ns-weight-emphasis: 500;
+  --ns-weight-heading: 600;
   --ac-radius-pill: 999px;
   --ac-radius-box: 4px;
 }
@@ -197,7 +202,7 @@ input {
   background: var(--ns-header-bg);
   color: var(--ns-header-ink);
   font-size: 11px;
-  font-weight: 600;
+  font-weight: var(--ns-weight-heading);
   letter-spacing: 0.07em;
   text-transform: uppercase;
 }
@@ -253,7 +258,7 @@ input {
 .ns-crumbs .p-breadcrumb-item:last-child .p-breadcrumb-item-label {
   color: var(--ac-text);
   font-size: 15px;
-  font-weight: 600;
+  font-weight: var(--ns-weight-emphasis);
 }
 
 .ns-crumbs .p-breadcrumb-separator {
@@ -478,7 +483,7 @@ nucleus-chart {
   background: color-mix(in srgb, var(--ns-status) 13%, transparent);
   color: var(--ns-status);
   font-size: 12px;
-  font-weight: 600;
+  font-weight: var(--ns-weight-emphasis);
   line-height: 1.5;
   white-space: nowrap;
 }

package/types/nucleus-suite-pe-core.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { InjectionToken, EnvironmentProviders, Signal, TemplateRef, OnDestroy, ElementRef } from '@angular/core';
+import { InjectionToken, EnvironmentProviders, Signal, PipeTransform, TemplateRef, OnDestroy, ElementRef } from '@angular/core';
 import { HttpContextToken, HttpInterceptorFn } from '@angular/common/http';
 import { CanActivateFn } from '@angular/router';
 import * as _nucleus_suite_pe_core from '@nucleus-suite-pe/core';
@@ -133,6 +133,7 @@ interface CompanySummary {
     readonly countryName: string | null;
     readonly logoPath: string | null;
     readonly status: number;
+    readonly isActive: boolean;
     readonly isOwner: boolean;
     readonly ownerUserId: string;
     readonly siteCount: number;
@@ -349,6 +350,25 @@ declare function isOnOrBeforeToday(value: string | null | undefined): boolean;
 declare function startOfDayUtc(value: string): string;
 declare function endOfDayUtc(value: string): string;
 
+declare function compactNumber(value: number): string;
+declare function compactBytes(value: number): string;
+declare function compactMegabytes(value: number): string;
+declare class NucleusCompact implements PipeTransform {
+    transform(value: number | string | null | undefined, fallback?: string): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NucleusCompact, never>;
+    static ɵpipe: _angular_core.ɵɵPipeDeclaration<NucleusCompact, "nucleusCompact", true>;
+}
+declare class NucleusBytes implements PipeTransform {
+    transform(value: number | string | null | undefined, fallback?: string): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NucleusBytes, never>;
+    static ɵpipe: _angular_core.ɵɵPipeDeclaration<NucleusBytes, "nucleusBytes", true>;
+}
+declare class NucleusMegabytes implements PipeTransform {
+    transform(value: number | string | null | undefined, fallback?: string): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NucleusMegabytes, never>;
+    static ɵpipe: _angular_core.ɵɵPipeDeclaration<NucleusMegabytes, "nucleusMegabytes", true>;
+}
+
 declare const FIELD_TARGETS: string;
 declare function isReachable(element: HTMLElement): boolean;
 declare function fieldsIn(root: HTMLElement): HTMLElement[];
@@ -503,10 +523,10 @@ declare function mixHex(foreground: string, background: string, ratio: number):
 declare function meetsContrast(foreground: string, background: string, required: number): boolean;
 declare function contrastIssue(scope: string, pair: string, foreground: string, background: string, required: number): ContrastIssue | null;
 
-type FrameId = 'nucleus' | 'ember' | 'forest' | 'plum' | 'midnight' | 'slate' | 'ocean' | 'sand' | 'ink' | 'graphite' | 'paper' | 'mist' | 'studio';
+type FrameId = 'nucleus' | 'ember' | 'forest' | 'plum' | 'midnight' | 'slate' | 'ocean' | 'sand' | 'ink' | 'graphite' | 'paper' | 'mist' | 'studio' | 'sage' | 'sky' | 'lavender';
 type CanvasId = 'light' | 'soft' | 'dim' | 'dark';
 type CanvasPreference = CanvasId | 'system';
-type AccentId = 'violet' | 'blue' | 'cyan' | 'green' | 'lime' | 'amber' | 'orange' | 'rose' | 'red';
+type AccentId = 'violet' | 'blue' | 'cyan' | 'green' | 'lime' | 'amber' | 'orange' | 'rose' | 'red' | 'indigo' | 'teal' | 'plum' | 'slate' | 'graphite';
 type AccentPreference = AccentId | 'auto';
 type DensityId = 'comfortable' | 'compact';
 interface FrameTokens {
@@ -684,10 +704,12 @@ declare class NucleusMetric {
     readonly hint: _angular_core.InputSignal<string>;
     readonly link: _angular_core.InputSignal<string | unknown[]>;
     readonly tone: _angular_core.InputSignal<MetricTone>;
+    readonly progress: _angular_core.InputSignal<number | null>;
+    protected readonly bar: _angular_core.Signal<number | null>;
     readonly loading: _angular_core.InputSignal<boolean | null>;
     protected readonly busy: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NucleusMetric, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NucleusMetric, "nucleus-metric", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NucleusMetric, "nucleus-metric", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "progress": { "alias": "progress"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 interface TabItem {
@@ -1051,6 +1073,7 @@ declare class NucleusViewport {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<NucleusViewport>;
 }
 
+type MenuLayout = 'list' | 'grid';
 interface MenuTile {
     readonly label: string;
     readonly icon: string | null;
@@ -1087,9 +1110,14 @@ declare class NucleusMenu {
     readonly emptyText: _angular_core.InputSignal<string>;
     readonly keyboardHint: _angular_core.InputSignal<string>;
     readonly width: _angular_core.InputSignal<number>;
+    readonly layout: _angular_core.InputSignal<MenuLayout>;
+    readonly columns: _angular_core.InputSignal<number>;
     readonly select: _angular_core.OutputEmitterRef<MenuRow>;
     readonly dismiss: _angular_core.OutputEmitterRef<void>;
     protected readonly term: _angular_core.WritableSignal<string>;
+    protected readonly grid: _angular_core.Signal<boolean>;
+    private readonly keyed;
+    private readonly pointed;
     private readonly searchBox;
     private readonly root;
     protected readonly visible: _angular_core.Signal<readonly MenuSection[]>;
@@ -1103,11 +1131,13 @@ declare class NucleusMenu {
     protected onTerm(value: string): void;
     protected choose(row: MenuRow): void;
     protected onKeydown(event: KeyboardEvent): void;
+    private moveOf;
     private step;
+    private landing;
     private scrollIntoView;
     private focusEntry;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NucleusMenu, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NucleusMenu, "nucleus-menu", never, { "sections": { "alias": "sections"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "keyboardHint": { "alias": "keyboardHint"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "select": "select"; "dismiss": "dismiss"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NucleusMenu, "nucleus-menu", never, { "sections": { "alias": "sections"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "keyboardHint": { "alias": "keyboardHint"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; }, { "select": "select"; "dismiss": "dismiss"; }, never, never, true, never>;
 }
 
 declare class NucleusRecentApps {
@@ -1146,9 +1176,8 @@ interface ShellCopy {
     readonly appsSwitch: string;
     readonly appsSearch: string;
     readonly appsNoMatch: string;
-    readonly appsRecent: string;
-    readonly appsAll: string;
     readonly appsAvailable: string;
+    readonly appsUpcoming: string;
     readonly appsHere: string;
     readonly keyboardHint: string;
     readonly accountSwitchHint: string;
@@ -1250,7 +1279,6 @@ declare class NucleusShell {
     protected readonly words: _angular_core.Signal<_nucleus_suite_pe_core.CommonCopy>;
     protected readonly hasSiteContext: _angular_core.Signal<boolean>;
     protected readonly launcherRich: _angular_core.Signal<boolean>;
-    protected readonly launcherCount: _angular_core.Signal<string | null>;
     protected readonly launcherSections: _angular_core.Signal<MenuSection[]>;
     protected readonly accountSections: _angular_core.Signal<MenuSection[]>;
     protected readonly accountContext: _angular_core.Signal<string>;
@@ -1286,5 +1314,5 @@ declare class NucleusShell {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<NucleusShell, "nucleus-shell", never, { "brand": { "alias": "brand"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "navItems": { "alias": "navItems"; "required": false; "isSignal": true; }; "activeNavId": { "alias": "activeNavId"; "required": false; "isSignal": true; }; "selectedMenuId": { "alias": "selectedMenuId"; "required": false; "isSignal": true; }; }, { "navSelect": "navSelect"; "menuSelect": "menuSelect"; }, never, ["[nucleusTop]", "*"], true, never>;
 }
 
-export { ACCENTS, CANVASES, COMMON_COPY, CONTROL_CONTRAST, DEFAULT_APPEARANCE, DENSITIES, EMPTY_GEO_VALUE, FIELD_TARGETS, FRAMES, GEO_COPY, LEGACY_THEMES, NO_PERMISSIONS, NUCLEUS_ACCENTS, NUCLEUS_CONFIG, NUCLEUS_DARK_SELECTOR, NUCLEUS_FORCE_BEARER, NUCLEUS_HOME, NUCLEUS_ICONS, NUCLEUS_ICON_CATALOG, NUCLEUS_LANGS, NUCLEUS_LOGOUT_PARAM, NUCLEUS_NARROW_QUERY, NUCLEUS_SKIP_AUTH, NucleusAppearance, NucleusAuth, NucleusCache, NucleusCard, NucleusCell, NucleusColorPicker, NucleusEnterAdvance, NucleusFeedback, NucleusForm, NucleusGeo, NucleusGeoSelect, NucleusIconPicker, NucleusLanguage, NucleusLink, NucleusList, NucleusLordicon, NucleusMark, NucleusMenu, NucleusMetric, NucleusMetrics, NucleusPage, NucleusPageActions, NucleusPreset, NucleusRecentApps, NucleusSessionAuth, NucleusShell, NucleusShortcut, NucleusShortcuts, NucleusStarfield, NucleusTabs, NucleusViewport, SHELL_COPY, SessionService, TEXT_CONTRAST, THEME_COPY, ThemeService, UserSyncService, accentById, accentLabelOf, accentOn, ariaKeysOf, auditAppearance, canvasById, clock, comboOf, commonCopyOf, consumeNucleusLogout, contrastIssue, contrastRatio, day, densityById, endOfDayUtc, fieldsIn, findMenuByRoute, flagOf, foldText, frameById, geoCopyOf, hasChildren, hasModifier, iconClassOf, iconNameOf, integer, isAccentPreference, isApplePlatform, isBeforeToday, isCanvasPreference, isDarkCanvas, isDensityId, isFieldSearchable, isFrameId, isHomeRoute, isNucleusConfigured, isOnOrBeforeToday, isReachable, isToday, isTypingTarget, isUnderRoute, isoDay, levelLabel, loadLordicon, loadNucleusConfig, matchMenuByRoute, matchesRow, meetsContrast, menuGlyph, menuTile, minutesAsClock, mixHex, money, moveTo, normalizeHomeRoute, normalizeKeys, nucleusAccessGuard, nucleusAuthInterceptor, nucleusErrorMessage, nucleusLang, nucleusLogoutUrl, nucleusParseDate, ownsUrl, percent, permissionsOf, provideNucleus, provideNucleusFeedback, provideNucleusHome, provideNucleusTheme, qty, readableOn, relativeLuminance, resolveAccent, resolveFieldSize, routePath, searchIcons, selectableRows, shiftDay, shortcutHint, signedMoney, stamp, startOfDayUtc, themeCopyOf, toNumber, toggleCollapsed, visibleTreeRows };
-export type { Accent, AccentId, AccentOption, AccentPreference, AccessScope, AppSummary, AppUser, Appearance, AuthSyncRequest, Canvas, CanvasEffects, CanvasId, CanvasPreference, CanvasTokens, CardSize, CommonCopy, CommonCopySet, CompanyOption, CompanyRelation, CompanySummary, ConfirmRequest, ContrastIssue, Crumb, Density, DensityId, FieldKind, FieldOption, FieldSize, FieldSpan, FormField, FormValue, Frame, FrameId, FrameTokens, GeoCopy, GeoCopySet, GeoCountry, GeoDivision, GeoLevel, GeoPlace, GeoValue, GlobalAccess, LauncherApp, ListAction, ListActionEvent, ListAlign, ListColumn, ListColumnKind, ListColumnRole, ListTag, ListToggleEvent, MeResponse, MenuNode, MenuPermissions, MenuRow, MenuSection, MenuTile, MetricTone, NucleusConfig, NucleusIdentity, NucleusLang, NucleusLinkTarget, SessionTicket, ShellCopy, ShellNavItem, ShortcutBinding, Site, SiteAccess, Subscription, TabItem, ThemeCopy, TreeRow, UserProfile };
+export { ACCENTS, CANVASES, COMMON_COPY, CONTROL_CONTRAST, DEFAULT_APPEARANCE, DENSITIES, EMPTY_GEO_VALUE, FIELD_TARGETS, FRAMES, GEO_COPY, LEGACY_THEMES, NO_PERMISSIONS, NUCLEUS_ACCENTS, NUCLEUS_CONFIG, NUCLEUS_DARK_SELECTOR, NUCLEUS_FORCE_BEARER, NUCLEUS_HOME, NUCLEUS_ICONS, NUCLEUS_ICON_CATALOG, NUCLEUS_LANGS, NUCLEUS_LOGOUT_PARAM, NUCLEUS_NARROW_QUERY, NUCLEUS_SKIP_AUTH, NucleusAppearance, NucleusAuth, NucleusBytes, NucleusCache, NucleusCard, NucleusCell, NucleusColorPicker, NucleusCompact, NucleusEnterAdvance, NucleusFeedback, NucleusForm, NucleusGeo, NucleusGeoSelect, NucleusIconPicker, NucleusLanguage, NucleusLink, NucleusList, NucleusLordicon, NucleusMark, NucleusMegabytes, NucleusMenu, NucleusMetric, NucleusMetrics, NucleusPage, NucleusPageActions, NucleusPreset, NucleusRecentApps, NucleusSessionAuth, NucleusShell, NucleusShortcut, NucleusShortcuts, NucleusStarfield, NucleusTabs, NucleusViewport, SHELL_COPY, SessionService, TEXT_CONTRAST, THEME_COPY, ThemeService, UserSyncService, accentById, accentLabelOf, accentOn, ariaKeysOf, auditAppearance, canvasById, clock, comboOf, commonCopyOf, compactBytes, compactMegabytes, compactNumber, consumeNucleusLogout, contrastIssue, contrastRatio, day, densityById, endOfDayUtc, fieldsIn, findMenuByRoute, flagOf, foldText, frameById, geoCopyOf, hasChildren, hasModifier, iconClassOf, iconNameOf, integer, isAccentPreference, isApplePlatform, isBeforeToday, isCanvasPreference, isDarkCanvas, isDensityId, isFieldSearchable, isFrameId, isHomeRoute, isNucleusConfigured, isOnOrBeforeToday, isReachable, isToday, isTypingTarget, isUnderRoute, isoDay, levelLabel, loadLordicon, loadNucleusConfig, matchMenuByRoute, matchesRow, meetsContrast, menuGlyph, menuTile, minutesAsClock, mixHex, money, moveTo, normalizeHomeRoute, normalizeKeys, nucleusAccessGuard, nucleusAuthInterceptor, nucleusErrorMessage, nucleusLang, nucleusLogoutUrl, nucleusParseDate, ownsUrl, percent, permissionsOf, provideNucleus, provideNucleusFeedback, provideNucleusHome, provideNucleusTheme, qty, readableOn, relativeLuminance, resolveAccent, resolveFieldSize, routePath, searchIcons, selectableRows, shiftDay, shortcutHint, signedMoney, stamp, startOfDayUtc, themeCopyOf, toNumber, toggleCollapsed, visibleTreeRows };
+export type { Accent, AccentId, AccentOption, AccentPreference, AccessScope, AppSummary, AppUser, Appearance, AuthSyncRequest, Canvas, CanvasEffects, CanvasId, CanvasPreference, CanvasTokens, CardSize, CommonCopy, CommonCopySet, CompanyOption, CompanyRelation, CompanySummary, ConfirmRequest, ContrastIssue, Crumb, Density, DensityId, FieldKind, FieldOption, FieldSize, FieldSpan, FormField, FormValue, Frame, FrameId, FrameTokens, GeoCopy, GeoCopySet, GeoCountry, GeoDivision, GeoLevel, GeoPlace, GeoValue, GlobalAccess, LauncherApp, ListAction, ListActionEvent, ListAlign, ListColumn, ListColumnKind, ListColumnRole, ListTag, ListToggleEvent, MeResponse, MenuLayout, MenuNode, MenuPermissions, MenuRow, MenuSection, MenuTile, MetricTone, NucleusConfig, NucleusIdentity, NucleusLang, NucleusLinkTarget, SessionTicket, ShellCopy, ShellNavItem, ShortcutBinding, Site, SiteAccess, Subscription, TabItem, ThemeCopy, TreeRow, UserProfile };