@ojiepermana/angular 21.0.8 → 21.1.2

package/fesm2022/ojiepermana-angular.mjs

@@ -7,6 +7,7 @@
  *   - `@ojiepermana/angular/layout`     — layout primitives (WIP)
  *   - `@ojiepermana/angular/navigation` — navigation primitives (WIP)
  *   - `@ojiepermana/angular/chart`      — chart primitives (WIP)
+ *   - `@ojiepermana/angular/etos`       — Etos brand umbrella (theme/layout/navigation composition)
  *   - `@ojiepermana/angular/generator/api` — OpenAPI → Angular SDK generator (schematics + config types)
  *
  * Consumers should import from the subpaths directly.

package/fesm2022/ojiepermana-angular.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ojiepermana-angular.mjs","sources":["../../../projects/angular/public-api.ts","../../../projects/angular/ojiepermana-angular.ts"],"sourcesContent":["/*\n * Public API Surface of @ojiepermana/angular (primary entry)\n *\n * Components and utilities are shipped via subpath entries:\n *   - `@ojiepermana/angular/theme`      — design tokens, CSS variables, `ThemeService`, `provideMaterialTheme`\n *   - `@ojiepermana/angular/component`     — shadcn/ui primitives on top of Material M3\n *   - `@ojiepermana/angular/layout`     — layout primitives (WIP)\n *   - `@ojiepermana/angular/navigation` — navigation primitives (WIP)\n *   - `@ojiepermana/angular/chart`      — chart primitives (WIP)\n *   - `@ojiepermana/angular/generator/api` — OpenAPI → Angular SDK generator (schematics + config types)\n *\n * Consumers should import from the subpaths directly.\n */\n\nexport const MATERIAL_VERSION = '0.0.1';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAA;;;;;;;;;;;;AAYG;AAEI,MAAM,gBAAgB,GAAG;;ACdhC;;AAEG;;;;"}
+{"version":3,"file":"ojiepermana-angular.mjs","sources":["../../../projects/angular/public-api.ts","../../../projects/angular/ojiepermana-angular.ts"],"sourcesContent":["/*\n * Public API Surface of @ojiepermana/angular (primary entry)\n *\n * Components and utilities are shipped via subpath entries:\n *   - `@ojiepermana/angular/theme`      — design tokens, CSS variables, `ThemeService`, `provideMaterialTheme`\n *   - `@ojiepermana/angular/component`     — shadcn/ui primitives on top of Material M3\n *   - `@ojiepermana/angular/layout`     — layout primitives (WIP)\n *   - `@ojiepermana/angular/navigation` — navigation primitives (WIP)\n *   - `@ojiepermana/angular/chart`      — chart primitives (WIP)\n *   - `@ojiepermana/angular/etos`       — Etos brand umbrella (theme/layout/navigation composition)\n *   - `@ojiepermana/angular/generator/api` — OpenAPI → Angular SDK generator (schematics + config types)\n *\n * Consumers should import from the subpaths directly.\n */\n\nexport const MATERIAL_VERSION = '0.0.1';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;AAaG;AAEI,MAAM,gBAAgB,GAAG;;ACfhC;;AAEG;;;;"}

package/generator/api/schematics/init/schema.json

@@ -1,19 +1,19 @@
 {
-    "$schema": "http://json-schema.org/draft-07/schema",
-    "$id": "SdkInitSchema",
-    "title": "Initialize SDK generator config",
-    "type": "object",
-    "properties": {
-        "path": {
-            "type": "string",
-            "description": "Path (relative to workspace root) where the config file will be created.",
-            "default": "config/sdk.config.json"
-        },
-        "force": {
-            "type": "boolean",
-            "description": "Overwrite the file if it already exists.",
-            "default": false
-        }
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "$id": "SdkInitSchema",
+  "title": "Initialize SDK generator config",
+  "type": "object",
+  "properties": {
+    "path": {
+      "type": "string",
+      "description": "Path (relative to workspace root) where the config file will be created.",
+      "default": "config/sdk.config.json"
     },
-    "required": []
-}
+    "force": {
+      "type": "boolean",
+      "description": "Overwrite the file if it already exists.",
+      "default": false
+    }
+  },
+  "required": []
+}

package/generator/api/schematics/ng-add/schema.json

@@ -1,14 +1,14 @@
 {
-    "$schema": "http://json-schema.org/schema",
-    "$id": "NgAddSchema",
-    "title": "@ojiepermana/angular ng-add options",
-    "type": "object",
-    "properties": {
-        "skipInstall": {
-            "type": "boolean",
-            "default": false,
-            "description": "Skip installing dependencies after updating package.json."
-        }
-    },
-    "additionalProperties": false
-}
+  "$schema": "http://json-schema.org/schema",
+  "$id": "NgAddSchema",
+  "title": "@ojiepermana/angular ng-add options",
+  "type": "object",
+  "properties": {
+    "skipInstall": {
+      "type": "boolean",
+      "default": false,
+      "description": "Skip installing dependencies after updating package.json."
+    }
+  },
+  "additionalProperties": false
+}

package/generator/api/schematics/sdk/schema.json

@@ -1,19 +1,19 @@
 {
-    "$schema": "http://json-schema.org/draft-07/schema",
-    "$id": "SdkGeneratorSchema",
-    "title": "Generate an Angular SDK from an OpenAPI spec",
-    "type": "object",
-    "properties": {
-        "config": {
-            "type": "string",
-            "description": "Path to sdk.config.json (defaults to ./config/sdk.config.json at workspace root).",
-            "default": "config/sdk.config.json"
-        },
-        "target": {
-            "type": "string",
-            "description": "Optional name/index of a specific target in the config to generate."
-        }
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "$id": "SdkGeneratorSchema",
+  "title": "Generate an Angular SDK from an OpenAPI spec",
+  "type": "object",
+  "properties": {
+    "config": {
+      "type": "string",
+      "description": "Path to sdk.config.json (defaults to ./config/sdk.config.json at workspace root).",
+      "default": "config/sdk.config.json"
     },
-    "required": [],
-    "additionalProperties": false
-}
+    "target": {
+      "type": "string",
+      "description": "Optional name/index of a specific target in the config to generate."
+    }
+  },
+  "required": [],
+  "additionalProperties": false
+}

package/generator/api/sdk.config.example.json

@@ -1,22 +1,22 @@
 {
-    "$schema": "./node_modules/@ojiepermana/angular/generator/api/schematics/sdk/schema.json",
-    "targets": [
-        {
-            "input": "./openapi.yaml",
-            "output": "./sdk",
-            "mode": "standalone",
-            "clientName": "Api",
-            "rootUrl": "",
-            "splitByDomain": false,
-            "splitDepth": "service",
-            "features": {
-                "models": true,
-                "operations": true,
-                "services": true,
-                "client": true,
-                "metadata": true,
-                "navigation": true
-            }
-        }
-    ]
-}
+  "$schema": "./node_modules/@ojiepermana/angular/generator/api/schematics/sdk/schema.json",
+  "targets": [
+    {
+      "input": "./openapi.yaml",
+      "output": "./sdk",
+      "mode": "standalone",
+      "clientName": "Api",
+      "rootUrl": "",
+      "splitByDomain": false,
+      "splitDepth": "service",
+      "features": {
+        "models": true,
+        "operations": true,
+        "services": true,
+        "client": true,
+        "metadata": true,
+        "navigation": true
+      }
+    }
+  ]
+}

package/generator/guide/guide.config.example.json

@@ -1,9 +1,9 @@
 {
-    "$schema": "./node_modules/@ojiepermana/angular/generator/guide/schematics/build/schema.json",
-    "sourceDir": "./docs",
-    "outputDir": "./projects/demo/library/src/app/docs",
-    "routeFile": "doc.routes.ts",
-    "componentPrefix": "Doc",
-    "componentStyle": "none",
-    "routeExportName": "DOC_ROUTES"
-}
+  "$schema": "./node_modules/@ojiepermana/angular/generator/guide/schematics/build/schema.json",
+  "sourceDir": "./docs",
+  "outputDir": "./projects/demo/library/src/app/docs",
+  "routeFile": "doc.routes.ts",
+  "componentPrefix": "Doc",
+  "componentStyle": "none",
+  "routeExportName": "DOC_ROUTES"
+}

package/generator/guide/schematics/build/schema.json

@@ -1,14 +1,14 @@
 {
-    "$schema": "http://json-schema.org/draft-07/schema",
-    "$id": "GuideBuildSchema",
-    "title": "Guide · build",
-    "type": "object",
-    "additionalProperties": false,
-    "properties": {
-        "config": {
-            "type": "string",
-            "description": "Path to the guide config file, relative to the workspace root.",
-            "default": "config/guide.config.json"
-        }
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "$id": "GuideBuildSchema",
+  "title": "Guide · build",
+  "type": "object",
+  "additionalProperties": false,
+  "properties": {
+    "config": {
+      "type": "string",
+      "description": "Path to the guide config file, relative to the workspace root.",
+      "default": "config/guide.config.json"
     }
-}
+  }
+}

package/generator/guide/schematics/init/schema.json

@@ -1,19 +1,19 @@
 {
-    "$schema": "http://json-schema.org/draft-07/schema",
-    "$id": "GuideInitSchema",
-    "title": "Guide · init",
-    "type": "object",
-    "additionalProperties": false,
-    "properties": {
-        "path": {
-            "type": "string",
-            "description": "Destination path for the generated guide.config.json, relative to the workspace root.",
-            "default": "config/guide.config.json"
-        },
-        "force": {
-            "type": "boolean",
-            "description": "Overwrite an existing guide.config.json.",
-            "default": false
-        }
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "$id": "GuideInitSchema",
+  "title": "Guide · init",
+  "type": "object",
+  "additionalProperties": false,
+  "properties": {
+    "path": {
+      "type": "string",
+      "description": "Destination path for the generated guide.config.json, relative to the workspace root.",
+      "default": "config/guide.config.json"
+    },
+    "force": {
+      "type": "boolean",
+      "description": "Overwrite an existing guide.config.json.",
+      "default": false
     }
-}
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ojiepermana/angular",
-  "version": "21.0.8",
+  "version": "21.1.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ojiepermana/angular.git"
@@ -65,6 +65,10 @@
   "sideEffects": false,
   "schematics": "./collection.json",
   "exports": {
+    "./etos/styles": "./etos/styles/index.css",
+    "./etos/styles/*": "./etos/styles/*",
+    "./brand/etos/styles": "./brand/etos/styles/index.css",
+    "./brand/etos/styles/*": "./brand/etos/styles/*",
     "./theme/styles": "./theme/styles/index.css",
     "./theme/styles/*": "./theme/styles/*",
     "./theme/tailwind/theme.css": "./theme/styles/themes/taildwind.css",
@@ -75,6 +79,10 @@
       "types": "./types/ojiepermana-angular.d.ts",
       "default": "./fesm2022/ojiepermana-angular.mjs"
     },
+    "./brand/etos": {
+      "types": "./types/ojiepermana-angular-brand-etos.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-brand-etos.mjs"
+    },
     "./chart": {
       "types": "./types/ojiepermana-angular-chart.d.ts",
       "default": "./fesm2022/ojiepermana-angular-chart.mjs"
@@ -83,6 +91,10 @@
       "types": "./types/ojiepermana-angular-component.d.ts",
       "default": "./fesm2022/ojiepermana-angular-component.mjs"
     },
+    "./etos": {
+      "types": "./types/ojiepermana-angular-etos.d.ts",
+      "default": "./fesm2022/ojiepermana-angular-etos.mjs"
+    },
     "./generator/api": {
       "types": "./types/ojiepermana-angular-generator-api.d.ts",
       "default": "./fesm2022/ojiepermana-angular-generator-api.mjs"

package/theme/styles/etos.css

@@ -1,38 +1,6 @@
 /**
- * @ojiepermana/angular/theme — Etos brand stylesheet.
+ * Compatibility entry for the Etos brand stylesheet.
  *
- * Usage — import once in the consumer app, **before** Tailwind:
- *
- *   @import '@ojiepermana/angular/theme/etos.css';
- *   @import 'tailwindcss';
- *   @import '@ojiepermana/angular/theme/tailwind/theme.css';
- *
- * Includes the shared cascade layers, mode tokens, default library color/style
- * fallbacks, Etos brand overrides, shared semantic tokens, and Angular
- * Material bridge styles.
+ * The Etos implementation now lives under the brand umbrella package.
  */
-@import './themes/library/_layers.css';
-
-/* Layer 1: mode variants. */
-@import './themes/mode/index.css';
-
-/* Layer 2: default library color fallbacks. */
-@import './themes/library/color/index.css';
-
-/* Layer 3: default library style fallbacks. */
-@import './themes/library/style/index.css';
-
-/* Brand override: Etos color variant. */
-@import './themes/brand/etos/color.css';
-
-/* Brand override: Etos style variant. */
-@import './themes/brand/etos/style.css';
-
-/* Shared semantic and library tokens. */
-@import './themes/library/_tokens.css';
-
-/* Angular Material M3 bridge. */
-@import './themes/library/_material-overrides.css';
-
-/* Global component-facing styles. */
-@import './themes/library/_components.css';
+@import '@ojiepermana/angular/etos/styles';

package/theme/styles/themes/library/style/brutal.css

@@ -43,5 +43,6 @@
     --nav-badge-weight: 700;
     --letter-spacing: -0.01em;
     --space-unit: 0.25rem;
+    --layout-topbar-height: 3.5rem;
   }
 }

package/theme/styles/themes/library/style/default.css

@@ -47,5 +47,6 @@
     --nav-badge-weight: 500;
     --letter-spacing: 0;
     --space-unit: 0.25rem;
+    --layout-topbar-height: 3rem;
   }
 }

package/theme/styles/themes/library/style/sharp.css

@@ -43,5 +43,6 @@
     --nav-badge-weight: 500;
     --letter-spacing: 0;
     --space-unit: 0.25rem;
+    --layout-topbar-height: 3rem;
   }
 }

package/theme/styles/themes/library/style/soft.css

@@ -43,5 +43,6 @@
     --nav-badge-weight: 600;
     --letter-spacing: 0;
     --space-unit: 0.25rem;
+    --layout-topbar-height: 3.5rem;
   }
 }

package/types/ojiepermana-angular-brand-etos.d.ts

@@ -0,0 +1,73 @@
+import * as _angular_core from '@angular/core';
+import { EnvironmentProviders } from '@angular/core';
+import { MaterialLayoutConfig } from '@ojiepermana/angular/layout';
+import { NavigationItem, TopbarAppearance, SidebarAppearance, SidebarPosition } from '@ojiepermana/angular/navigation';
+import { MaterialThemeConfig, MaterialThemeFeature } from '@ojiepermana/angular/theme';
+
+declare const ETOS_BRAND_NAME = "etos";
+declare const ETOS_THEME_CONFIG: {
+    mode: "light";
+    brand: "etos";
+};
+declare const ETOS_LAYOUT_CONFIG: {
+    mode: "vertical";
+    width: "fixed";
+};
+
+interface EtosBrandOptions {
+    readonly theme?: MaterialThemeConfig;
+    readonly layout?: MaterialLayoutConfig;
+    readonly navigation?: NavigationItem[];
+    readonly navigationId?: string;
+    readonly materialDefaults?: boolean;
+}
+declare function provideEtosTheme(config?: MaterialThemeConfig, ...features: MaterialThemeFeature[]): EnvironmentProviders;
+declare function provideEtosLayout(config?: MaterialLayoutConfig): EnvironmentProviders;
+declare function provideEtosBrand(options?: EtosBrandOptions): EnvironmentProviders;
+
+declare class EtosEmptyLayoutComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EtosEmptyLayoutComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EtosEmptyLayoutComponent, "etos-empty-layout", never, {}, {}, never, never, true, never>;
+}
+
+declare class EtosHorizontalLayoutComponent {
+    private readonly layout;
+    readonly topbarAppearance: _angular_core.InputSignal<TopbarAppearance>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    protected readonly brandLayout = "etos-horizontal";
+    protected readonly layoutWidth: _angular_core.Signal<"fixed" | "full">;
+    protected readonly dividerBorderWidth: _angular_core.Signal<string>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    protected readonly frameClasses: _angular_core.Signal<string>;
+    protected readonly mainClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EtosHorizontalLayoutComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EtosHorizontalLayoutComponent, "etos-horizontal-layout", never, { "topbarAppearance": { "alias": "topbarAppearance"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["[ui-layout-brand],[ui-topbar-start]", "[ui-layout-profile],[ui-topbar-end]"], true, never>;
+}
+
+declare class EtosLayoutComponent {
+    private readonly layout;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    protected readonly layoutMode: _angular_core.Signal<"vertical" | "horizontal">;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EtosLayoutComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EtosLayoutComponent, "etos-layout", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["[ui-layout-brand],[ui-topbar-start]", "[ui-layout-profile],[ui-topbar-end]"], true, never>;
+}
+
+declare class EtosVerticalLayoutComponent {
+    private readonly layout;
+    readonly sidebarAppearance: _angular_core.InputSignal<SidebarAppearance>;
+    readonly sidebarPosition: _angular_core.InputSignal<SidebarPosition>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    protected readonly brandLayout = "etos-vertical";
+    protected readonly layoutWidth: _angular_core.Signal<"fixed" | "full">;
+    protected readonly dividerBorderWidth: _angular_core.Signal<string>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    protected readonly frameClasses: _angular_core.Signal<string>;
+    protected readonly mainClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EtosVerticalLayoutComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EtosVerticalLayoutComponent, "etos-vertical-layout", never, { "sidebarAppearance": { "alias": "sidebarAppearance"; "required": false; "isSignal": true; }; "sidebarPosition": { "alias": "sidebarPosition"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const ETOS_BRAND_VERSION = "0.0.1";
+
+export { ETOS_BRAND_NAME, ETOS_BRAND_VERSION, ETOS_LAYOUT_CONFIG, ETOS_THEME_CONFIG, EtosEmptyLayoutComponent, EtosHorizontalLayoutComponent, EtosLayoutComponent, EtosVerticalLayoutComponent, provideEtosBrand, provideEtosLayout, provideEtosTheme };
+export type { EtosBrandOptions };

package/types/ojiepermana-angular-etos.d.ts

@@ -0,0 +1 @@
+export * from '@ojiepermana/angular/brand/etos';

package/types/ojiepermana-angular-layout.d.ts

@@ -29,13 +29,13 @@ declare class VerticalLayoutComponent {
     protected readonly dividerBorderWidth: _angular_core.Signal<string>;
     protected readonly hostClasses: _angular_core.Signal<string>;
     protected readonly frameClasses: _angular_core.Signal<string>;
-    protected readonly mainClasses = "min-w-0 flex-1 overflow-auto";
+    protected readonly mainClasses: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<VerticalLayoutComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<VerticalLayoutComponent, "vertical", never, { "sidebarAppearance": { "alias": "sidebarAppearance"; "required": false; "isSignal": true; }; "sidebarPosition": { "alias": "sidebarPosition"; "required": false; "isSignal": true; }; "sidebarMode": { "alias": "sidebarMode"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
- * Horizontal layout — topbar (h-12) + main (scrollable).
+ * Horizontal layout — themed topbar + main (scrollable).
  *
  * Data navigasi diambil dari `NavigationService`.
  * Consumer app dapat memproyeksikan brand kiri dan profile kanan.
@@ -59,6 +59,7 @@ declare class HorizontalLayoutComponent {
     protected readonly dividerBorderWidth: _angular_core.Signal<string>;
     protected readonly hostClasses: _angular_core.Signal<string>;
     protected readonly frameClasses: _angular_core.Signal<string>;
+    protected readonly mainClasses: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<HorizontalLayoutComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<HorizontalLayoutComponent, "horizontal", never, { "topbarAppearance": { "alias": "topbarAppearance"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["[ui-layout-brand],[ui-topbar-start]", "[ui-layout-profile],[ui-topbar-end]"], true, never>;
 }

package/types/ojiepermana-angular-navigation.d.ts

@@ -330,6 +330,7 @@ declare class TopbarComponent {
     /** Tampilkan hamburger di `< md` yang men-toggle mobile drawer sidebar. */
     readonly showHamburger: _angular_core.InputSignal<boolean>;
     readonly hamburgerLabel: _angular_core.InputSignal<string>;
+    protected readonly topbarHeight = "var(--layout-topbar-height)";
     /** Resolved items: input jika disediakan, fallback ke registry NavigationService. */
     protected readonly resolvedItems: _angular_core.Signal<readonly NavigationItem[]>;
     protected readonly openId: _angular_core.WritableSignal<string | null>;
@@ -343,7 +344,7 @@ declare class TopbarComponent {
     protected asGroup(i: NavigationItem): NavigationGroupItem;
     protected asMega(i: NavigationItem): NavigationMegaItem;
     protected isItemActive(id: string | undefined): boolean;
-    protected megaColsClass(columns?: number): string;
+    protected megaGridClasses(columns?: number): string;
     protected toggleDropdown(trigger: HTMLElement, item: NavigationItem): void;
     protected openDropdown(trigger: HTMLElement, item: NavigationItem): void;
     protected toggleMega(trigger: HTMLElement, item: NavigationItem): void;