@atlasauth/angular 0.1.3 → 0.2.1

package/dist/lib/atlas.service.d.ts

@@ -1,8 +1,8 @@
 import { OnDestroy, Signal } from '@angular/core';
 import { Observable } from 'rxjs';
-import { FapiClient, type ProviderToken } from '@atlasauth/js';
+import { FapiClient, type ProviderToken, type SignOutOptions } from '@atlasauth/js';
 import { type ProtectCondition } from '@atlasauth/authz';
-import { type Appearance } from './appearance';
+import { type Appearance, type AppearanceRender, type InstanceDesign } from './appearance';
 import { type Catalog } from './i18n';
 import type { AtlasOrganizationMembership, AtlasSession, AtlasUser, AuthStatus, SessionClaims } from './types';
 import * as i0 from "@angular/core";
@@ -80,6 +80,19 @@ export declare class AtlasService implements OnDestroy {
     get frontendApi(): string;
     /** Tokens as CSS custom properties, for a host element to inherit. */
     appearanceVariables(): Record<string, string>;
+    /**
+     * The full appearance render for a root element: inline variables, the
+     * `data-atlas-*` attributes and the design stylesheet. Pass the dashboard
+     * design (from {@link loadInstanceDesign}) to layer code overrides on it —
+     * the same semantics as `@atlasauth/react`.
+     */
+    appearanceRender(instanceDesign?: InstanceDesign | null): AppearanceRender;
+    /**
+     * The design configured in the Atlas dashboard (`GET /v1/appearance`), or null
+     * when there is none, it cannot be read, or the app opted out with
+     * `appearance.instanceDesign: false`.
+     */
+    loadInstanceDesign(): Promise<InstanceDesign | null>;
     /** A fresh {@link FapiClient} for driving a sign-in/sign-up flow. */
     createFapiClient(): FapiClient;
     /**
@@ -98,7 +111,7 @@ export declare class AtlasService implements OnDestroy {
     /** Imperative `has()` — the same evaluation `*atlasProtect` renders on. */
     has(condition: ProtectCondition): boolean;
     /** Revoke the current session server-side and drop all local auth state. */
-    signOut(): Promise<void>;
+    signOut(options?: SignOutOptions): Promise<void>;
     /**
      * Switch the active organization (or `null` for the personal account). The
      * new token carries the new org claims, so the app's permission checks update

package/dist/lib/directives/atlas-root.directive.d.ts

@@ -15,11 +15,17 @@ import * as i0 from "@angular/core";
  *   <router-outlet></router-outlet>
  * </div>
  * ```
+ *
+ * With a design (a code-level `appearance.preset` / `appearance.design`, or
+ * the dashboard design, fetched in the browser) the host also gets the stable
+ * `data-atlas-*` attributes and the design stylesheet is added to `<head>` once.
  */
 export declare class AtlasRootDirective implements OnInit {
     private readonly atlas;
     private readonly el;
     private readonly renderer;
+    private readonly document;
+    private readonly platformId;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AtlasRootDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<AtlasRootDirective, "[atlasRoot]", never, {}, {}, never, never, true, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlasauth/angular",
-  "version": "0.1.3",
+  "version": "0.2.1",
   "description": "Official Angular SDK for Atlas — the Angular peer of @atlasauth/react.",
   "license": "MIT",
   "module": "./dist/fesm2022/atlas-angular.mjs",
@@ -19,7 +19,8 @@
   "sideEffects": false,
   "dependencies": {
     "tslib": "^2.6.3",
-    "@atlasauth/js": "0.1.9",
+    "@atlasauth/design": "0.1.0",
+    "@atlasauth/js": "0.5.0",
     "@atlasauth/authz": "0.1.1"
   },
   "peerDependencies": {