@ojiepermana/angular 21.3.4 → 22.0.27

package/generator/guide/bin/src/engine/walk.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.collectMarkdown = collectMarkdown;
-const node_fs_1 = require("node:fs");
-const node_path_1 = require("node:path");
-function collectMarkdown(sourceDir) {
-    const out = [];
-    walk(sourceDir, sourceDir, out);
-    return out.sort((a, b) => a.relativePath.localeCompare(b.relativePath));
-}
-function walk(root, dir, out) {
-    const entries = (0, node_fs_1.readdirSync)(dir, { withFileTypes: true });
-    for (const entry of entries) {
-        const abs = (0, node_path_1.join)(dir, entry.name);
-        if (entry.isDirectory()) {
-            walk(root, abs, out);
-            continue;
-        }
-        if (!entry.isFile() || !entry.name.toLowerCase().endsWith('.md'))
-            continue;
-        const st = (0, node_fs_1.statSync)(abs);
-        if (!st.isFile())
-            continue;
-        const rel = (0, node_path_1.relative)(root, abs)
-            .split(/[\\/]+/)
-            .join('/');
-        const segments = rel.replace(/\.md$/i, '').split('/');
-        out.push({
-            absolutePath: abs,
-            relativePath: rel,
-            segments,
-            content: (0, node_fs_1.readFileSync)(abs, 'utf8'),
-        });
-    }
-}

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

@@ -1,9 +0,0 @@
-{
-  "$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 +0,0 @@
-{
-  "$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 +0,0 @@
-{
-  "$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/layout/component/package.json

@@ -1,4 +0,0 @@
-{
-  "module": "../../fesm2022/ojiepermana-angular-layout-component.mjs",
-  "typings": "../../types/ojiepermana-angular-layout-component.d.ts"
-}

package/layout/empty/package.json

@@ -1,4 +0,0 @@
-{
-  "module": "../../fesm2022/ojiepermana-angular-layout-empty.mjs",
-  "typings": "../../types/ojiepermana-angular-layout-empty.d.ts"
-}

package/layout/horizontal/package.json

@@ -1,4 +0,0 @@
-{
-  "module": "../../fesm2022/ojiepermana-angular-layout-horizontal.mjs",
-  "typings": "../../types/ojiepermana-angular-layout-horizontal.d.ts"
-}

package/layout/package.json

@@ -1,4 +0,0 @@
-{
-  "module": "../fesm2022/ojiepermana-angular-layout.mjs",
-  "typings": "../types/ojiepermana-angular-layout.d.ts"
-}

package/layout/provider/package.json

@@ -1,4 +0,0 @@
-{
-  "module": "../../fesm2022/ojiepermana-angular-layout-provider.mjs",
-  "typings": "../../types/ojiepermana-angular-layout-provider.d.ts"
-}

package/layout/services/package.json

@@ -1,4 +0,0 @@
-{
-  "module": "../../fesm2022/ojiepermana-angular-layout-services.mjs",
-  "typings": "../../types/ojiepermana-angular-layout-services.d.ts"
-}

package/layout/shell/package.json

@@ -1,4 +0,0 @@
-{
-  "module": "../../fesm2022/ojiepermana-angular-layout-shell.mjs",
-  "typings": "../../types/ojiepermana-angular-layout-shell.d.ts"
-}

package/layout/token/directive/package.json

@@ -1,4 +0,0 @@
-{
-  "module": "../../../fesm2022/ojiepermana-angular-layout-token-directive.mjs",
-  "typings": "../../../types/ojiepermana-angular-layout-token-directive.d.ts"
-}

package/layout/token/package.json

@@ -1,4 +0,0 @@
-{
-  "module": "../../fesm2022/ojiepermana-angular-layout-token.mjs",
-  "typings": "../../types/ojiepermana-angular-layout-token.d.ts"
-}

package/layout/vertical/package.json

@@ -1,4 +0,0 @@
-{
-  "module": "../../fesm2022/ojiepermana-angular-layout-vertical.mjs",
-  "typings": "../../types/ojiepermana-angular-layout-vertical.d.ts"
-}

package/navigation/demo-data/package.json

@@ -1,4 +0,0 @@
-{
-  "module": "../../fesm2022/ojiepermana-angular-navigation-demo-data.mjs",
-  "typings": "../../types/ojiepermana-angular-navigation-demo-data.d.ts"
-}

package/navigation/icon/package.json

@@ -1,4 +0,0 @@
-{
-  "module": "../../fesm2022/ojiepermana-angular-navigation-icon.mjs",
-  "typings": "../../types/ojiepermana-angular-navigation-icon.d.ts"
-}

package/navigation/item/package.json

@@ -1,4 +0,0 @@
-{
-  "module": "../../fesm2022/ojiepermana-angular-navigation-item.mjs",
-  "typings": "../../types/ojiepermana-angular-navigation-item.d.ts"
-}

package/navigation/service/package.json

@@ -1,4 +0,0 @@
-{
-  "module": "../../fesm2022/ojiepermana-angular-navigation-service.mjs",
-  "typings": "../../types/ojiepermana-angular-navigation-service.d.ts"
-}

package/navigation/sidebar/package.json

@@ -1,4 +0,0 @@
-{
-  "module": "../../fesm2022/ojiepermana-angular-navigation-sidebar.mjs",
-  "typings": "../../types/ojiepermana-angular-navigation-sidebar.d.ts"
-}

package/navigation/topbar/package.json

@@ -1,4 +0,0 @@
-{
-  "module": "../../fesm2022/ojiepermana-angular-navigation-topbar.mjs",
-  "typings": "../../types/ojiepermana-angular-navigation-topbar.d.ts"
-}

package/navigation/types/package.json

@@ -1,4 +0,0 @@
-{
-  "module": "../../fesm2022/ojiepermana-angular-navigation-types.mjs",
-  "typings": "../../types/ojiepermana-angular-navigation-types.d.ts"
-}

package/theme/README.md

@@ -1,67 +0,0 @@
-# Theme
-
-Shared runtime theme engine and CSS asset surface for `@ojiepermana/angular`.
-
-This secondary entrypoint provides:
-
-- `@ojiepermana/angular/theme` for `provideMaterialTheme`, `withMaterialDefaults`, `ThemeService`, and theme token types.
-- `@ojiepermana/angular/theme/services` for `ThemeService`.
-- `@ojiepermana/angular/theme/provider` for `provideMaterialTheme` and `withMaterialDefaults`.
-- `@ojiepermana/angular/theme/token` for config types, guards, constants, and `MATERIAL_THEME_CONFIG`.
-- `@ojiepermana/angular/theme/styles` for the root stylesheet that composes the active mode, color, and style layers.
-- `@ojiepermana/angular/theme/tailwind/theme.css` for the Tailwind v4 token bridge.
-
-## Consumer usage
-
-```ts
-import { provideMaterialTheme, withMaterialDefaults } from '@ojiepermana/angular/theme';
-
-export const appConfig = {
-  providers: [
-    provideMaterialTheme(
-      {
-        mode: 'system',
-        color: 'base',
-        style: 'default',
-      },
-      withMaterialDefaults(),
-    ),
-  ],
-};
-```
-
-```css
-@import '@ojiepermana/angular/theme/styles';
-@import 'tailwindcss';
-@import '@ojiepermana/angular/theme/tailwind/theme.css';
-```
-
-The public import contract stays stable even if the source files inside this
-entrypoint move.
-
-## Source layout
-
-- `public-api.ts` aggregates the granular runtime entrypoints for `@ojiepermana/angular/theme`.
-- `services/src/lib` owns `ThemeService` plus its runtime tests.
-- `provider/src/lib` owns DI provider helpers plus provider-focused tests.
-- `token/src/lib` owns config types, guards, constants, and token-focused tests.
-- `css/foundation` contains the cascade layer registration, shared semantic tokens, and component-facing global helpers.
-- `css/variants/mode` contains light and dark mode layers.
-- `css/variants/color` contains named color themes.
-- `css/variants/style` contains style personality layers such as `default`, `sharp`, `brutal`, and `soft`.
-- `css/integrations/material.css` maps theme tokens into Angular Material and MDC tokens.
-- `css/integrations/tailwind.css` maps theme tokens into Tailwind v4 theme tokens.
-
-## Local development
-
-From the workspace root:
-
-```bash
-bun run test:theme
-bun run build
-```
-
-`bun run test:theme` runs the isolated theme specs.
-
-`bun run build` validates that the full library still packages the theme
-entrypoint and exports the CSS assets correctly.

package/theme/package.json

@@ -1,4 +0,0 @@
-{
-  "module": "../fesm2022/ojiepermana-angular-theme.mjs",
-  "typings": "../types/ojiepermana-angular-theme.d.ts"
-}

package/theme/provider/package.json

@@ -1,4 +0,0 @@
-{
-  "module": "../../fesm2022/ojiepermana-angular-theme-provider.mjs",
-  "typings": "../../types/ojiepermana-angular-theme-provider.d.ts"
-}

package/theme/services/package.json

@@ -1,4 +0,0 @@
-{
-  "module": "../../fesm2022/ojiepermana-angular-theme-services.mjs",
-  "typings": "../../types/ojiepermana-angular-theme-services.d.ts"
-}

package/theme/styles/foundation/components.css

@@ -1,81 +0,0 @@
-/**
- * Global component-facing styles that should react to the active theme.
- */
-@layer base {
-  html,
-  body {
-    min-height: 100%;
-  }
-
-  html {
-    background: hsl(var(--background));
-  }
-
-  body {
-    background: hsl(var(--background));
-    color: hsl(var(--foreground));
-    font-family: var(--font-sans);
-    font-size: var(--text-base);
-    line-height: var(--text-base--line-height);
-    letter-spacing: var(--letter-spacing);
-    transition:
-      background-color 0.2s ease,
-      color 0.2s ease,
-      border-color 0.2s ease,
-      box-shadow 0.2s ease;
-  }
-
-  button,
-  input,
-  select,
-  textarea {
-    font: inherit;
-  }
-
-  ::selection {
-    background: hsl(var(--primary) / 0.24);
-    color: hsl(var(--foreground));
-  }
-}
-
-@layer components {
-  .ui-nav-text {
-    font-family: var(--nav-font-family, var(--font-sans));
-    font-size: var(--nav-text-size, var(--text-base));
-    line-height: var(--nav-text-line-height, var(--text-base--line-height));
-  }
-
-  .ui-nav-hover-surface {
-    @apply relative isolate hover:text-accent-foreground;
-  }
-
-  .ui-nav-hover-surface::before {
-    content: '';
-    border-radius: inherit;
-    @apply pointer-events-none absolute inset-y-0 left-2 right-2 z-0 bg-transparent transition-colors;
-  }
-
-  .ui-nav-hover-surface:hover::before {
-    @apply bg-accent;
-  }
-
-  .ui-nav-hover-surface > * {
-    @apply relative z-10;
-  }
-
-  .ui-nav-heading {
-    font-family: var(--nav-heading-font-family, var(--nav-font-family, var(--font-sans)));
-    font-size: var(--nav-heading-size, var(--text-sm));
-    line-height: var(--nav-heading-line-height, var(--text-sm--line-height));
-    font-weight: var(--nav-heading-weight, 600);
-    letter-spacing: var(--nav-heading-letter-spacing, 0.12em);
-    text-transform: uppercase;
-  }
-
-  .ui-nav-badge {
-    font-family: var(--nav-badge-font-family, var(--nav-font-family, var(--font-sans)));
-    font-size: var(--nav-badge-size, var(--text-sm));
-    line-height: var(--nav-badge-line-height, var(--text-sm--line-height));
-    font-weight: var(--nav-badge-weight, 500);
-  }
-}

package/theme/styles/foundation/layers.css

@@ -1,15 +0,0 @@
-/**
- * @ojiepermana/angular cascade layers.
- *
- * Order (low → high precedence):
- *   reset      – normalize defaults
- *   base       – foundational library styles
- *   mat-mdc    – Angular Material auto-injects here
- *   tokens     – shadcn CSS variables (must override mat-mdc)
- *   components – component-specific overrides (overlay panelClass, etc.)
- *   utilities  – Tailwind utility classes (always wins)
- *
- * Consumers MUST import this file at the very top of their global stylesheet
- * so every rule authored later inherits the correct order.
- */
-@layer reset, base, mat-mdc, tokens, components, utilities;

package/theme/styles/foundation/tokens.css

@@ -1,55 +0,0 @@
-/**
- * Semantic and shared tokens.
- * Feedback colors stay independent from the color layer.
- */
-@layer tokens {
-  :root {
-    --destructive: 0 72% 51%;
-    --destructive-foreground: 0 0% 100%;
-
-    --success: 142 71% 45%;
-    --success-foreground: 0 0% 100%;
-
-    --warning: 38 92% 50%;
-    --warning-foreground: 0 0% 10%;
-
-    --info: 217 91% 60%;
-    --info-foreground: 0 0% 100%;
-
-    /* Chart slots resolve from the active color theme first, with shared fallbacks. */
-    --chart-1: var(--theme-chart-1, var(--primary));
-    --chart-2: var(--theme-chart-2, var(--accent-foreground));
-    --chart-3: var(--theme-chart-3, 271 81% 56%);
-    --chart-4: var(--theme-chart-4, 38 92% 50%);
-    --chart-5: var(--theme-chart-5, 355 78% 56%);
-
-    --sidebar-background: var(--card);
-    --sidebar-foreground: var(--foreground);
-    --sidebar-primary: var(--primary);
-    --sidebar-primary-foreground: var(--primary-foreground);
-    --sidebar-accent: var(--accent);
-    --sidebar-accent-foreground: var(--accent-foreground);
-    --sidebar-border: var(--border);
-    --sidebar-ring: var(--ring);
-  }
-
-  [data-mode='dark'] {
-    --destructive: 0 62% 45%;
-    --destructive-foreground: 0 0% 95%;
-
-    --success: 142 60% 40%;
-    --success-foreground: 0 0% 95%;
-
-    --warning: 38 80% 45%;
-    --warning-foreground: 0 0% 10%;
-
-    --info: 217 80% 55%;
-    --info-foreground: 0 0% 95%;
-
-    --chart-1: var(--theme-chart-1, var(--primary));
-    --chart-2: var(--theme-chart-2, var(--accent-foreground));
-    --chart-3: var(--theme-chart-3, 271 85% 70%);
-    --chart-4: var(--theme-chart-4, 38 96% 62%);
-    --chart-5: var(--theme-chart-5, 355 82% 68%);
-  }
-}

package/theme/styles/index.css

@@ -1,37 +0,0 @@
-/**
- * @ojiepermana/angular/theme — root stylesheet.
- *
- * Usage — import once in the consumer app, **before** Tailwind:
- *
- *   @import '@ojiepermana/angular/theme/styles';
- *   @import 'tailwindcss';
- *   @import '@ojiepermana/angular/theme/tailwind/theme.css';
- *
- * Includes cascade layers, independent mode/color/style tokens, shared
- * semantic tokens, and an Angular Material bridge so `mat-*` components
- * inherit the active theme automatically.
- *
- * Source layout:
- *   foundation   – shared layers, semantic tokens, and component helpers
- *   variants     – mode, color, and style theme axes
- *   integrations – Angular Material and Tailwind bridges
- */
-@import './foundation/layers.css';
-
-/* Layer 1: mode variants. */
-@import './variants/mode/index.css';
-
-/* Layer 2: color variants. */
-@import './variants/color/index.css';
-
-/* Layer 3: style variants. */
-@import './variants/style/index.css';
-
-/* Shared semantic and library tokens. */
-@import './foundation/tokens.css';
-
-/* Angular Material M3 bridge. */
-@import './integrations/material.css';
-
-/* Global component-facing styles. */
-@import './foundation/components.css';