@nucleus-suite-pe/core 0.6.1 → 0.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nucleus-suite-pe/core",
-  "version": "0.6.1",
+  "version": "0.7.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

@@ -122,3 +122,113 @@ input {
 .ns-crumbs .p-breadcrumb-separator {
   color: color-mix(in srgb, var(--ac-text-muted) 60%, transparent);
 }
+
+.ns-form-grid {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 18px 20px;
+}
+
+.ns-form-grid .ns-field {
+  display: flex;
+  min-width: 0;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.ns-form-grid .ns-field > label {
+  color: var(--ac-text-muted);
+  font-size: 12px;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+}
+
+.ns-form-grid .ns-hint {
+  margin: 0;
+  max-width: 52ch;
+  color: var(--ac-text-muted);
+  font-size: 12px;
+  line-height: 1.45;
+}
+
+.ns-form-grid .ns-inline {
+  display: flex;
+  min-height: 38px;
+  align-items: center;
+  gap: 10px;
+}
+
+.ns-form-grid .ns-inline-label {
+  color: var(--ac-text);
+  font-size: 13px;
+  letter-spacing: normal;
+  text-transform: none;
+}
+
+.ns-form-grid .is-size-xs :is(input, textarea, .p-select, .p-inputtext) {
+  max-width: 6rem;
+}
+
+.ns-form-grid .is-size-sm :is(input, textarea, .p-select, .p-inputtext) {
+  max-width: 11rem;
+}
+
+.ns-form-grid .is-size-md :is(input, textarea, .p-select, .p-inputtext) {
+  max-width: 17rem;
+}
+
+.ns-form-grid .is-size-lg :is(input, textarea, .p-select, .p-inputtext) {
+  max-width: 26rem;
+}
+
+.ns-form-grid .is-span-full {
+  grid-column: 1 / -1;
+}
+
+@media (min-width: 640px) {
+  .ns-form-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .ns-form-grid .is-span-2,
+  .ns-form-grid .is-span-3,
+  .ns-form-grid .is-span-4 {
+    grid-column: span 2;
+  }
+}
+
+@media (min-width: 1080px) {
+  .ns-form-grid:not(.is-cap-1):not(.is-cap-2) {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .ns-form-grid:not(.is-cap-1):not(.is-cap-2) .is-span-2 {
+    grid-column: span 2;
+  }
+
+  .ns-form-grid:not(.is-cap-1):not(.is-cap-2) :is(.is-span-3, .is-span-4) {
+    grid-column: span 3;
+  }
+}
+
+@media (min-width: 1500px) {
+  .ns-form-grid:not(.is-cap-1):not(.is-cap-2):not(.is-cap-3) {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .ns-form-grid:not(.is-cap-1):not(.is-cap-2):not(.is-cap-3) .is-span-3 {
+    grid-column: span 3;
+  }
+
+  .ns-form-grid:not(.is-cap-1):not(.is-cap-2):not(.is-cap-3) .is-span-4 {
+    grid-column: span 4;
+  }
+}
+
+.ns-form-grid.is-cap-1 {
+  grid-template-columns: 1fr;
+}
+
+.ns-form-grid.is-cap-1 .ns-field {
+  grid-column: 1 / -1;
+}

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

@@ -1,9 +1,9 @@
 import * as _angular_core from '@angular/core';
 import { InjectionToken, EnvironmentProviders, Signal, TemplateRef } from '@angular/core';
 import { HttpContextToken, HttpInterceptorFn } from '@angular/common/http';
+import * as _nucleus_suite_pe_core from '@nucleus-suite-pe/core';
 import * as _primeuix_themes from '@primeuix/themes';
 import * as _primeuix_themes_types_base from '@primeuix/themes/types/base';
-import * as _nucleus_suite_pe_core from '@nucleus-suite-pe/core';
 import { MenuItem } from 'primeng/api';
 
 interface NucleusConfig {
@@ -115,7 +115,8 @@ interface CompanySummary {
     readonly legalName: string;
     readonly tradeName: string | null;
     readonly taxId: string;
-    readonly countryCode: string | null;
+    readonly countryId: string | null;
+    readonly countryName: string | null;
     readonly logoPath: string | null;
     readonly status: number;
     readonly isOwner: boolean;
@@ -139,7 +140,11 @@ interface Site {
     readonly companyId: string;
     readonly name: string;
     readonly address: string | null;
-    readonly city: string | null;
+    readonly countryId: string | null;
+    readonly countryName: string | null;
+    readonly divisionId: string | null;
+    readonly divisionLabel: string | null;
+    readonly postalCode: string | null;
     readonly phone: string | null;
     readonly isMain: boolean;
     readonly isActive: boolean;
@@ -253,6 +258,93 @@ declare class NucleusLanguage {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<NucleusLanguage>;
 }
 
+interface GeoCountry {
+    readonly id: string;
+    readonly code: string;
+    readonly phoneCode: string | null;
+    readonly name: string;
+}
+interface GeoDivision {
+    readonly id: string;
+    readonly countryId: string;
+    readonly parentId: string | null;
+    readonly level: number;
+    readonly code: string;
+    readonly name: string;
+    readonly kind: string | null;
+}
+interface GeoLevel {
+    readonly level: number;
+    readonly kind: string | null;
+    readonly items: readonly GeoDivision[];
+}
+interface GeoPlace {
+    readonly countryId: string;
+    readonly countryCode: string;
+    readonly countryName: string;
+    readonly trail: readonly GeoDivision[];
+}
+interface GeoValue {
+    readonly countryId: string | null;
+    readonly divisionId: string | null;
+}
+declare const EMPTY_GEO_VALUE: GeoValue;
+declare function flagOf(code: string): string;
+
+interface GeoCopy {
+    readonly country: string;
+    readonly choose: string;
+    readonly search: string;
+    readonly levels: readonly [string, string, string, string];
+    readonly kinds: Readonly<Record<string, string>>;
+}
+interface GeoCopySet {
+    readonly es: GeoCopy;
+    readonly en: GeoCopy;
+}
+declare const GEO_COPY: GeoCopySet;
+declare function geoCopyOf(lang: string): GeoCopy;
+declare function levelLabel(copy: GeoCopy, level: number, kind: string | null): string;
+
+declare class NucleusGeo {
+    private readonly http;
+    private readonly config;
+    private readonly cache;
+    countries(language: string): Promise<readonly GeoCountry[]>;
+    divisions(countryId: string, parentId: string | null, language: string): Promise<GeoLevel>;
+    place(divisionId: string, language: string): Promise<GeoPlace>;
+    levelOf(countryId: string, parentId: string | null, language: string): Promise<GeoLevel>;
+    private once;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NucleusGeo, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<NucleusGeo>;
+}
+
+interface GeoStep {
+    readonly level: number;
+    readonly kind: string | null;
+    readonly items: GeoDivision[];
+    readonly selectedId: string | null;
+}
+declare class NucleusGeoSelect {
+    private readonly geo;
+    private readonly language;
+    readonly value: _angular_core.ModelSignal<GeoValue>;
+    readonly readonly: _angular_core.InputSignal<boolean>;
+    readonly columns: _angular_core.InputSignal<number | null>;
+    protected readonly countries: _angular_core.WritableSignal<GeoCountry[]>;
+    protected readonly steps: _angular_core.WritableSignal<GeoStep[]>;
+    protected readonly labels: _angular_core.Signal<_nucleus_suite_pe_core.GeoCopy>;
+    private syncedKey;
+    constructor();
+    protected gridClass(): string;
+    protected nameOf(step: GeoStep): string;
+    protected pickCountry(countryId: string | null): Promise<void>;
+    protected pick(index: number, divisionId: string | null): Promise<void>;
+    private sync;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NucleusGeoSelect, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NucleusGeoSelect, "nucleus-geo-select", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
 type ThemeId = 'nucleus' | 'light' | 'dark' | 'bubblegum' | 'cool-breeze' | 'cool-slate' | 'icy-mint' | 'juicy-plum' | 'mango-paradise' | 'moonlight-glow' | 'mystical-forest' | 'silky-pink' | 'spicy-red' | 'sunny-day';
 type ThemePreference = ThemeId | 'system';
 interface ThemeTokens {
@@ -643,5 +735,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; }; "lead": { "alias": "lead"; "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 { DEFAULT_THEME, NO_PERMISSIONS, NUCLEUS_CONFIG, NUCLEUS_DARK_SELECTOR, NUCLEUS_FORCE_BEARER, NUCLEUS_ICONS, NUCLEUS_LANGS, NUCLEUS_LOGOUT_PARAM, NUCLEUS_SKIP_AUTH, NucleusAuth, NucleusCard, NucleusCell, NucleusFeedback, NucleusForm, NucleusLanguage, NucleusList, NucleusLordicon, NucleusMark, NucleusPage, NucleusPreset, NucleusSessionAuth, NucleusShell, NucleusStarfield, NucleusTabs, SHELL_COPY, SessionService, THEMES, THEME_LABELS, ThemeService, UserSyncService, consumeNucleusLogout, findMenuByRoute, isNucleusConfigured, isThemePreference, loadLordicon, loadNucleusConfig, nucleusAuthInterceptor, nucleusLogoutUrl, ownsUrl, permissionsOf, provideNucleus, provideNucleusFeedback, provideNucleusTheme, resolveFieldSize, themeById };
-export type { AccessScope, AppSummary, AppUser, AuthSyncRequest, CardSize, CompanyOption, CompanyRelation, CompanySummary, ConfirmRequest, Crumb, FieldKind, FieldOption, FieldSize, FieldSpan, FormField, FormValue, LauncherApp, ListAction, ListActionEvent, ListAlign, ListColumn, ListColumnKind, ListTag, ListToggleEvent, MeResponse, MenuNode, MenuPermissions, NucleusConfig, NucleusIdentity, NucleusLang, SessionTicket, ShellCopy, ShellNavItem, Site, SiteAccess, Subscription, TabItem, Theme, ThemeId, ThemePreference, ThemeTokens, UserProfile };
+export { DEFAULT_THEME, EMPTY_GEO_VALUE, GEO_COPY, NO_PERMISSIONS, NUCLEUS_CONFIG, NUCLEUS_DARK_SELECTOR, NUCLEUS_FORCE_BEARER, NUCLEUS_ICONS, NUCLEUS_LANGS, NUCLEUS_LOGOUT_PARAM, NUCLEUS_SKIP_AUTH, NucleusAuth, NucleusCard, NucleusCell, NucleusFeedback, NucleusForm, NucleusGeo, NucleusGeoSelect, NucleusLanguage, NucleusList, NucleusLordicon, NucleusMark, NucleusPage, NucleusPreset, NucleusSessionAuth, NucleusShell, NucleusStarfield, NucleusTabs, SHELL_COPY, SessionService, THEMES, THEME_LABELS, ThemeService, UserSyncService, consumeNucleusLogout, findMenuByRoute, flagOf, geoCopyOf, isNucleusConfigured, isThemePreference, levelLabel, loadLordicon, loadNucleusConfig, nucleusAuthInterceptor, nucleusLogoutUrl, ownsUrl, permissionsOf, provideNucleus, provideNucleusFeedback, provideNucleusTheme, resolveFieldSize, themeById };
+export type { AccessScope, AppSummary, AppUser, AuthSyncRequest, CardSize, CompanyOption, CompanyRelation, CompanySummary, ConfirmRequest, Crumb, FieldKind, FieldOption, FieldSize, FieldSpan, FormField, FormValue, GeoCopy, GeoCopySet, GeoCountry, GeoDivision, GeoLevel, GeoPlace, GeoValue, LauncherApp, ListAction, ListActionEvent, ListAlign, ListColumn, ListColumnKind, ListTag, ListToggleEvent, MeResponse, MenuNode, MenuPermissions, NucleusConfig, NucleusIdentity, NucleusLang, SessionTicket, ShellCopy, ShellNavItem, Site, SiteAccess, Subscription, TabItem, Theme, ThemeId, ThemePreference, ThemeTokens, UserProfile };