@sd-angular/core 19.0.0-beta.79 → 19.0.0-beta.80

package/fesm2022/sd-angular-core-modules.mjs

@@ -2,6 +2,7 @@ export * from '@sd-angular/core/modules/keycloak';
 export * from '@sd-angular/core/modules/permission';
 export * from '@sd-angular/core/modules/auth';
 export * from '@sd-angular/core/modules/layout';
+export * from '@sd-angular/core/modules/authom';
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/sd-angular-core-modules.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sd-angular-core-modules.mjs","sources":["../../../projects/sd-angular/modules/sd-angular-core-modules.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAAA;;AAEG"}
+{"version":3,"file":"sd-angular-core-modules.mjs","sources":["../../../projects/sd-angular/modules/sd-angular-core-modules.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAAA;;AAEG"}

package/modules/authom/authom.configuration.d.ts

@@ -0,0 +1,17 @@
+import { InjectionToken } from '@angular/core';
+export interface SdAuthOmTenantConfig {
+    domain: string;
+    clientId: string;
+    redirectUri?: string;
+    audience?: string;
+    organization?: string;
+    scope?: string;
+    secureRoutes?: string[];
+    silentRefreshRedirectUri?: string;
+    refreshThresholdSeconds?: number;
+    authorizeTimeoutInSeconds?: number;
+}
+export interface ISdAuthOmConfiguration {
+    loadTenantConfig: () => Promise<SdAuthOmTenantConfig>;
+}
+export declare const SD_AUTHOM_CONFIGURATION: InjectionToken<ISdAuthOmConfiguration>;

package/modules/authom/authom.interceptor.d.ts

@@ -0,0 +1,3 @@
+import { HttpInterceptorFn } from '@angular/common/http';
+export declare const matchGlob: (pattern: string, url: string) => boolean;
+export declare const SdAuthOmInterceptor: HttpInterceptorFn;

package/modules/authom/authom.module.d.ts

@@ -0,0 +1,16 @@
+import { ModuleWithProviders, Type, EnvironmentProviders } from '@angular/core';
+import { ISdAuthOmConfiguration } from './authom.configuration';
+import * as i0 from "@angular/core";
+interface ProvideOptions {
+    useClass?: Type<ISdAuthOmConfiguration>;
+    useFactory?: (...args: any[]) => ISdAuthOmConfiguration;
+    deps?: any[];
+}
+export declare function provideSdAuthOm(options: ProvideOptions): EnvironmentProviders;
+export declare class SdAuthOmModule {
+    static forRoot(options: ProvideOptions): ModuleWithProviders<SdAuthOmModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdAuthOmModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SdAuthOmModule, never, never, never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SdAuthOmModule>;
+}
+export {};

package/modules/authom/authom.service.d.ts

@@ -0,0 +1,32 @@
+import { SdAuthOmTenantConfig } from './authom.configuration';
+import * as i0 from "@angular/core";
+export declare class SdAuthOmService {
+    private readonly platformId;
+    private readonly isBrowser;
+    readonly accessToken: import("@angular/core").WritableSignal<string | null>;
+    readonly idTokenClaims: import("@angular/core").WritableSignal<Record<string, unknown> | null>;
+    readonly isAuthenticated: import("@angular/core").Signal<boolean>;
+    config: SdAuthOmTenantConfig;
+    private refreshTimer;
+    getAccessToken(): string | null;
+    private base64UrlEncode;
+    private generateCodeVerifier;
+    private generateCodeChallenge;
+    private buildAuthorizeUrl;
+    private getDefaultRedirectUri;
+    private getSilentRedirectUri;
+    private decodeJwtPayload;
+    login(options?: {
+        returnTo?: string;
+    }): Promise<void>;
+    logout(options?: {
+        returnTo?: string;
+    }): void;
+    private exchangeCode;
+    private scheduleRefresh;
+    silentRefresh(): Promise<boolean>;
+    handleCallback(): Promise<boolean>;
+    init(config: SdAuthOmTenantConfig): Promise<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdAuthOmService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SdAuthOmService>;
+}

package/modules/authom/index.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Module `authom` — OAuth 2.0 + PKCE authentication client cho AuthOM (Auth0-based).
+ *
+ * Cách dùng (standalone):
+ * ```ts
+ * import { provideHttpClient, withInterceptors } from '@angular/common/http';
+ * import { provideSdAuthOm, SdAuthOmInterceptor } from '@sd-angular/core/modules/authom';
+ *
+ * export const appConfig: ApplicationConfig = {
+ *   providers: [
+ *     provideHttpClient(withInterceptors([SdAuthOmInterceptor])),
+ *     provideSdAuthOm({
+ *       useFactory: () => ({
+ *         loadTenantConfig: () => Promise.resolve({
+ *           domain: 'login.example.com',
+ *           clientId: 'YOUR_CLIENT_ID',
+ *           audience: 'https://api.example.com',
+ *           organization: 'org_xxx',
+ *           scope: 'openid profile email offline_access',
+ *           secureRoutes: ['https://api.example.com/*'],
+ *         }),
+ *       }),
+ *     }),
+ *   ],
+ * };
+ * ```
+ *
+ * Yêu cầu setup thêm:
+ * 1. Copy file `silent-authom.html` từ source module này vào thư mục `public/` của app.
+ * 2. App phải chạy trên HTTPS (hoặc localhost) — Web Crypto API yêu cầu secure context.
+ */
+export * from './authom.configuration';
+export * from './authom.service';
+export * from './authom.interceptor';
+export * from './authom.module';

package/modules/index.d.ts

@@ -2,3 +2,4 @@ export * from '@sd-angular/core/modules/keycloak';
 export * from '@sd-angular/core/modules/permission';
 export * from '@sd-angular/core/modules/auth';
 export * from '@sd-angular/core/modules/layout';
+export * from '@sd-angular/core/modules/authom';

package/modules/layout/components/index.d.ts

@@ -1,2 +1,4 @@
 export * from './page/page.component';
 export * from './layout-main/layout-main.component';
+export * from './sidebar-mobile-v1/main.component';
+export * from './sidebar-mobile-v1/components/sidebar/sidebar.component';

package/modules/layout/components/layout-main/layout-main.component.d.ts

@@ -6,6 +6,7 @@ export declare class SdLayoutComponent {
     menus: import("@angular/core").Signal<SdLayoutMenu[]>;
     userInfo: import("@angular/core").WritableSignal<import("@sd-angular/core/modules/layout").SdLayoutUserInfo | undefined>;
     sidebar: import("@angular/core").WritableSignal<import("@sd-angular/core/modules/layout").SidebarConfigurationV1 | undefined>;
+    isMobileOrTablet: import("@angular/core").WritableSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdLayoutComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SdLayoutComponent, "sd-layout", never, { "menusInput": { "alias": "menus"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/modules/layout/components/sidebar-mobile-v1/components/sidebar/sidebar.component.d.ts

@@ -0,0 +1,35 @@
+import { Params } from '@angular/router';
+import { SdLayoutUserInfo, SidebarConfigurationV1 } from '../../../../configurations';
+import { SdLayoutMenu } from '../../../../services';
+import * as i0 from "@angular/core";
+export declare class SidebarMobileOverlayComponent {
+    #private;
+    isShowSidebar: import("@angular/core").InputSignal<boolean>;
+    menus: import("@angular/core").InputSignal<SdLayoutMenu[]>;
+    userInfo: import("@angular/core").InputSignal<SdLayoutUserInfo>;
+    sidebar: import("@angular/core").InputSignal<SidebarConfigurationV1>;
+    showSideBar: import("@angular/core").OutputEmitterRef<boolean | null>;
+    expandSideBar: import("@angular/core").OutputEmitterRef<void>;
+    popupUserMenuOpened: import("@angular/core").OutputEmitterRef<void>;
+    popupUserMenuClosed: import("@angular/core").OutputEmitterRef<void>;
+    titleMenuGroupChanged: import("@angular/core").OutputEmitterRef<string | undefined>;
+    titleMenuGroup: import("@angular/core").WritableSignal<string | undefined>;
+    currentPath: import("@angular/core").WritableSignal<string>;
+    expandedMobileGroups: import("@angular/core").WritableSignal<Set<string>>;
+    constructor();
+    toggleMobileGroup(groupId: string | undefined): void;
+    isExpanded(groupId: string | undefined): boolean;
+    navigate(args: {
+        path?: string;
+        queryParams?: Params;
+    }): void;
+    onClose(): void;
+    hasChildren(menu: SdLayoutMenu): boolean;
+    getChildren(menu: SdLayoutMenu): SdLayoutMenu[];
+    getPath(menu: SdLayoutMenu): string | undefined;
+    getQueryParams(menu: SdLayoutMenu): Params;
+    onUserMenuOpened: () => void;
+    onUserMenuClosed: () => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SidebarMobileOverlayComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarMobileOverlayComponent, "sd-sidebar-mobile-overlay", never, { "isShowSidebar": { "alias": "isShowSidebar"; "required": false; "isSignal": true; }; "menus": { "alias": "menus"; "required": true; "isSignal": true; }; "userInfo": { "alias": "userInfo"; "required": true; "isSignal": true; }; "sidebar": { "alias": "sidebar"; "required": true; "isSignal": true; }; }, { "showSideBar": "showSideBar"; "expandSideBar": "expandSideBar"; "popupUserMenuOpened": "popupUserMenuOpened"; "popupUserMenuClosed": "popupUserMenuClosed"; "titleMenuGroupChanged": "titleMenuGroupChanged"; }, never, never, true, never>;
+}

package/modules/layout/components/sidebar-mobile-v1/components/user/user.component.d.ts

@@ -0,0 +1,24 @@
+import { SdLayoutUserInfo } from '../../../../configurations';
+import * as i0 from "@angular/core";
+export declare class LayoutUserComponent {
+    #private;
+    isMobileOrTablet: import("@angular/core").InputSignal<boolean>;
+    isMenuLock: import("@angular/core").InputSignal<boolean>;
+    isShowSidebar: import("@angular/core").InputSignal<boolean>;
+    userInfo: import("@angular/core").InputSignal<SdLayoutUserInfo>;
+    menuClosed: import("@angular/core").OutputEmitterRef<void>;
+    menuOpened: import("@angular/core").OutputEmitterRef<void>;
+    toggleMenuLock: import("@angular/core").OutputEmitterRef<Event>;
+    singoutLayoutConfig: () => void | Promise<void>;
+    changePasswordLayoutConfig: (() => void | Promise<void>) | undefined;
+    isExpanded: import("@angular/core").WritableSignal<boolean>;
+    onMenuOpened: () => void;
+    onMenuClosed: () => void;
+    keepOpenWhenClickInsideMenu: (event: Event) => void;
+    toggleExpanded: () => void;
+    logout: () => void;
+    changePassword: () => void;
+    onToggleMenuLock: (event: Event) => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LayoutUserComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutUserComponent, "lib-layout-user", never, { "isMobileOrTablet": { "alias": "isMobileOrTablet"; "required": false; "isSignal": true; }; "isMenuLock": { "alias": "isMenuLock"; "required": false; "isSignal": true; }; "isShowSidebar": { "alias": "isShowSidebar"; "required": false; "isSignal": true; }; "userInfo": { "alias": "userInfo"; "required": true; "isSignal": true; }; }, { "menuClosed": "menuClosed"; "menuOpened": "menuOpened"; "toggleMenuLock": "toggleMenuLock"; }, never, never, true, never>;
+}

package/modules/layout/components/sidebar-mobile-v1/main.component.d.ts

@@ -0,0 +1,21 @@
+import { SdLayoutUserInfo, SidebarConfigurationV1 } from '../../configurations';
+import { SdLayoutMenu } from '../../services';
+import * as i0 from "@angular/core";
+export declare class SidebarMobileV1Component {
+    #private;
+    menus: import("@angular/core").InputSignal<SdLayoutMenu[]>;
+    userInfo: import("@angular/core").InputSignal<SdLayoutUserInfo>;
+    sidebar: import("@angular/core").InputSignal<SidebarConfigurationV1>;
+    isShowSidebar: import("@angular/core").WritableSignal<boolean>;
+    titleMenuGroup: import("@angular/core").WritableSignal<string | undefined>;
+    constructor();
+    openSidebar: () => void;
+    onToggle: (_data: boolean | null) => void;
+    onPopupOfSideBarOpened: () => void;
+    onPopupOfSideBarClosed: () => void;
+    onExpandSideBar: () => void;
+    onMouseleaveSideBar: () => void;
+    onTitleMenuGroupChanged: (title: string | undefined) => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SidebarMobileV1Component, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarMobileV1Component, "sidebar-mobile-v1", never, { "menus": { "alias": "menus"; "required": false; "isSignal": true; }; "userInfo": { "alias": "userInfo"; "required": true; "isSignal": true; }; "sidebar": { "alias": "sidebar"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/modules/layout/services/menu/menu.model.d.ts

@@ -5,7 +5,7 @@ export interface SdLayoutRootMenu {
     id?: string;
     path: string;
     queryParams?: Params;
-    icon: string;
+    icon?: string;
     iconUrl?: string;
     title: string;
     permissionKey?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sd-angular/core",
-  "version": "19.0.0-beta.79",
+  "version": "19.0.0-beta.80",
   "peerDependencies": {
     "@angular/common": "^19.0.0 || ^20.0.0 || ^21.0.0",
     "@angular/core": "^19.0.0 || ^20.0.0 || ^21.0.0",
@@ -35,26 +35,26 @@
       "types": "./components/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components.mjs"
     },
-    "./configurations": {
-      "types": "./configurations/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-configurations.mjs"
-    },
     "./directives": {
       "types": "./directives/index.d.ts",
       "default": "./fesm2022/sd-angular-core-directives.mjs"
     },
+    "./configurations": {
+      "types": "./configurations/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-configurations.mjs"
+    },
     "./forms": {
       "types": "./forms/index.d.ts",
       "default": "./fesm2022/sd-angular-core-forms.mjs"
     },
-    "./handlers": {
-      "types": "./handlers/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-handlers.mjs"
-    },
     "./interceptors": {
       "types": "./interceptors/index.d.ts",
       "default": "./fesm2022/sd-angular-core-interceptors.mjs"
     },
+    "./handlers": {
+      "types": "./handlers/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-handlers.mjs"
+    },
     "./modules": {
       "types": "./modules/index.d.ts",
       "default": "./fesm2022/sd-angular-core-modules.mjs"
@@ -75,30 +75,30 @@
       "types": "./components/anchor/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-anchor.mjs"
     },
-    "./components/anchor-v2": {
-      "types": "./components/anchor-v2/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-components-anchor-v2.mjs"
-    },
     "./components/avatar": {
       "types": "./components/avatar/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-avatar.mjs"
     },
-    "./components/badge": {
-      "types": "./components/badge/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-components-badge.mjs"
-    },
-    "./components/base": {
-      "types": "./components/base/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-components-base.mjs"
+    "./components/anchor-v2": {
+      "types": "./components/anchor-v2/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-components-anchor-v2.mjs"
     },
     "./components/button": {
       "types": "./components/button/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-button.mjs"
     },
+    "./components/badge": {
+      "types": "./components/badge/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-components-badge.mjs"
+    },
     "./components/chart": {
       "types": "./components/chart/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-chart.mjs"
     },
+    "./components/base": {
+      "types": "./components/base/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-components-base.mjs"
+    },
     "./components/code-editor": {
       "types": "./components/code-editor/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-code-editor.mjs"
@@ -107,6 +107,10 @@
       "types": "./components/document-builder/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-document-builder.mjs"
     },
+    "./components/mini-editor": {
+      "types": "./components/mini-editor/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-components-mini-editor.mjs"
+    },
     "./components/history": {
       "types": "./components/history/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-history.mjs"
@@ -115,10 +119,6 @@
       "types": "./components/import-excel/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-import-excel.mjs"
     },
-    "./components/mini-editor": {
-      "types": "./components/mini-editor/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-components-mini-editor.mjs"
-    },
     "./components/modal": {
       "types": "./components/modal/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-modal.mjs"
@@ -131,14 +131,14 @@
       "types": "./components/query-builder/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-query-builder.mjs"
     },
-    "./components/quick-action": {
-      "types": "./components/quick-action/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-components-quick-action.mjs"
-    },
     "./components/section": {
       "types": "./components/section/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-section.mjs"
     },
+    "./components/quick-action": {
+      "types": "./components/quick-action/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-components-quick-action.mjs"
+    },
     "./components/side-drawer": {
       "types": "./components/side-drawer/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-side-drawer.mjs"
@@ -175,26 +175,26 @@
       "types": "./forms/chip-calendar/index.d.ts",
       "default": "./fesm2022/sd-angular-core-forms-chip-calendar.mjs"
     },
-    "./forms/date": {
-      "types": "./forms/date/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-forms-date.mjs"
-    },
     "./forms/date-range": {
       "types": "./forms/date-range/index.d.ts",
       "default": "./fesm2022/sd-angular-core-forms-date-range.mjs"
     },
+    "./forms/date": {
+      "types": "./forms/date/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-forms-date.mjs"
+    },
     "./forms/datetime": {
       "types": "./forms/datetime/index.d.ts",
       "default": "./fesm2022/sd-angular-core-forms-datetime.mjs"
     },
-    "./forms/directives": {
-      "types": "./forms/directives/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-forms-directives.mjs"
-    },
     "./forms/input": {
       "types": "./forms/input/index.d.ts",
       "default": "./fesm2022/sd-angular-core-forms-input.mjs"
     },
+    "./forms/directives": {
+      "types": "./forms/directives/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-forms-directives.mjs"
+    },
     "./forms/input-number": {
       "types": "./forms/input-number/index.d.ts",
       "default": "./fesm2022/sd-angular-core-forms-input-number.mjs"
@@ -219,13 +219,17 @@
       "types": "./forms/switch/index.d.ts",
       "default": "./fesm2022/sd-angular-core-forms-switch.mjs"
     },
+    "./modules/auth": {
+      "types": "./modules/auth/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-modules-auth.mjs"
+    },
     "./forms/textarea": {
       "types": "./forms/textarea/index.d.ts",
       "default": "./fesm2022/sd-angular-core-forms-textarea.mjs"
     },
-    "./modules/auth": {
-      "types": "./modules/auth/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-modules-auth.mjs"
+    "./modules/authom": {
+      "types": "./modules/authom/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-modules-authom.mjs"
     },
     "./modules/keycloak": {
       "types": "./modules/keycloak/index.d.ts",
@@ -259,14 +263,14 @@
       "types": "./services/excel/index.d.ts",
       "default": "./fesm2022/sd-angular-core-services-excel.mjs"
     },
-    "./services/firebase": {
-      "types": "./services/firebase/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-services-firebase.mjs"
-    },
     "./services/license": {
       "types": "./services/license/index.d.ts",
       "default": "./fesm2022/sd-angular-core-services-license.mjs"
     },
+    "./services/firebase": {
+      "types": "./services/firebase/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-services-firebase.mjs"
+    },
     "./services/loading": {
       "types": "./services/loading/index.d.ts",
       "default": "./fesm2022/sd-angular-core-services-loading.mjs"