@wavemaker-ai/angular-codegen 1.0.0-next.27766

package/.npmrc

@@ -0,0 +1 @@
+legacy-peer-deps = true

package/angular-app/.npmrc

@@ -0,0 +1 @@
+legacy-peer-deps = true

package/angular-app/angular.json

@@ -0,0 +1,274 @@
+{
+    "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+    "version": 1,
+    "newProjectRoot": "projects",
+    "projects": {
+        "angular-app": {
+            "root": "",
+            "sourceRoot": "src",
+            "projectType": "application",
+            "prefix": "app",
+            "schematics": {},
+            "architect": {
+                "build": {
+                    "builder": "@angular-builders/custom-webpack:browser",
+                    "options": {
+                        "main": "src/main.ts",
+                        "polyfills": "src/polyfills.ts",
+                        "tsConfig": "src/tsconfig.app.json",
+                        "assets": [
+                            "src/favicon.ico",
+                            "src/favicon.png",
+                            "src/assets",
+                            {
+                                "glob": "**/*",
+                                "input": "libraries/locales/moment-timezone",
+                                "output": "/locales/moment-timezone"
+                            },
+                            {
+                                "glob": "**/*",
+                                "input": "node_modules/@wavemaker-ai/app-ng-runtime/locales/moment-timezone",
+                                "output": "/locales/moment-timezone"
+                            },
+                            {
+                                "glob": "**/*",
+                                "input": "src/servicedefs",
+                                "output": "/servicedefs/"
+                            },
+                            {
+                                "glob": "**/*",
+                                "input": "resources",
+                                "output": "/resources/",
+                                "ignore": [
+                                    "**/*.txt"
+                                ]
+                            }
+                        ],
+                        "styles": [
+                            "src/styles.css",
+                            "src/assets/styles/css/wm-style.css",
+                            "src/assets/styles/css/wm-responsive.css",
+                            {
+                                "input": "src/assets/themes/material/style.css",
+                                "inject": false,
+                                "bundleName": "wm-styles"
+                            },
+                            {
+                                "input": "src/assets/app.css",
+                                "inject": false,
+                                "bundleName": "wm-styles"
+                            },
+                            {
+                                "input": "src/assets/print.css",
+                                "inject": false,
+                                "bundleName": "print"
+                            }
+                        ],
+                        "scripts": [
+                            "./node_modules/d3/dist/d3.min.js",
+                            "./node_modules/@wavemaker/nvd3/build/nv.d3.min.js",
+                            "./node_modules/jquery/dist/jquery.min.js",
+                            "./node_modules/lodash/lodash.min.js",
+                            "./node_modules/jquery-ui/ui/disable-selection.js",
+                            "./node_modules/jquery-ui/ui/version.js",
+                            "./node_modules/jquery-ui/ui/widget.js",
+                            "./node_modules/jquery-ui/ui/scroll-parent.js",
+                            "./node_modules/jquery-ui/ui/plugin.js",
+                            "./node_modules/jquery-ui/ui/data.js",
+                            "./node_modules/jquery-ui/ui/widgets/mouse.js",
+                            "./node_modules/jquery-ui/ui/widgets/resizable.js",
+                            "./node_modules/jquery-ui/ui/widgets/sortable.js",
+                            "./node_modules/jquery-ui/ui/widgets/draggable.js",
+                            "./node_modules/jquery-ui/ui/widgets/droppable.js",
+                            "./node_modules/@wavemaker-ai/app-ng-runtime/scripts/datatable/datatable.js",
+                            "./node_modules/@wavemaker-ai/app-ng-runtime/scripts/swipey/swipey.jquery.plugin.js",
+                            "./node_modules/@wavemaker-ai/app-ng-runtime/scripts/jquery.ui.touch-punch/jquery.ui.touch-punch.min.js",
+                            "./node_modules/summernote/dist/summernote-lite.min.js",
+                            "./node_modules/iscroll/build/iscroll.js",
+                            "./node_modules/jssha/dist/sha256.js",
+                            "./node_modules/@ztree/ztree_v3/js/jquery.ztree.all.js",
+                            "./node_modules/@wavemaker-ai/app-ng-runtime/scripts/tree-keyboard-navigation/keyboard-navigation.js"
+                        ],
+                        "allowedCommonJsDependencies": [
+                            "angular2-websocket/angular2-websocket",
+                            "he",
+                            "moment",
+                            "moment-timezone",
+                            "x2js"
+                        ]
+                    },
+                    "configurations": {
+                        "production": {
+                            "customWebpackConfig": {
+                                "path": "./wm-custom-webpack.config.js"
+                            },
+                            "indexTransform": "./build-scripts/index-html-transform.js",
+                            "deployUrl": "ng-bundle/",
+                            "outputPath": "dist/ng-bundle",
+                            "index": {
+                                "input": "src/index.html",
+                                "output": "../../index.html"
+                            },
+                            "fileReplacements": [
+                                {
+                                    "replace": "src/environments/environment.ts",
+                                    "with": "src/environments/environment.prod.ts"
+                                }
+                            ],
+                            "optimization": {
+                                "scripts": true,
+                                "styles": {
+                                    "minify": true,
+                                    "inlineCritical": false
+                                },
+                                "fonts": true
+                            },
+                            "outputHashing": "all",
+                            "sourceMap": false,
+                            "namedChunks": false,
+                            "aot": true,
+                            "extractLicenses": true,
+                            "vendorChunk": false,
+                            "buildOptimizer": true,
+                            "budgets": [
+                                {
+                                    "type": "initial",
+                                    "maximumWarning": "5mb"
+                                }
+                            ]
+                        },
+                        "development": {
+                            "customWebpackConfig": {
+                                "path": "./wm-custom-webpack.config.js"
+                            },
+                            "indexTransform": "./build-scripts/index-html-transform.js",
+                            "deployUrl": "ng-bundle/",
+                            "outputPath": "dist/ng-bundle",
+                            "index": {
+                                "input": "src/index.html",
+                                "output": "../../index.html"
+                            },
+                            "fileReplacements": [
+                                {
+                                    "replace": "src/environments/environment.ts",
+                                    "with": "src/environments/environment.dev.ts"
+                                }
+                            ],
+                            "optimization": false,
+                            "outputHashing": "none",
+                            "sourceMap": true,
+                            "namedChunks": true,
+                            "aot": true,
+                            "extractLicenses": false,
+                            "vendorChunk": true,
+                            "buildOptimizer": false,
+                            "budgets": [
+                                {
+                                    "type": "initial",
+                                    "maximumWarning": "2mb"
+                                }
+                            ]
+                        },
+                        "local": {
+                            "customWebpackConfig": {
+                                "path": "./wm-custom-webpack.config.js"
+                            },
+                            "indexTransform": "./build-scripts/index-html-transform.js",
+                            "deployUrl": "ng-bundle/",
+                            "outputPath": "dist/ng-bundle",
+                            "index": {
+                                "input": "src/index.html",
+                                "output": "../../index.html"
+                            },
+                            "fileReplacements": [
+                                {
+                                    "replace": "src/environments/environment.ts",
+                                    "with": "src/environments/environment.dev.ts"
+                                }
+                            ],
+                            "optimization": {
+                                "scripts": false,
+                                "styles": {
+                                    "minify": false,
+                                    "inlineCritical": false
+                                },
+                                "fonts": true
+                            },
+                            "outputHashing": "none",
+                            "sourceMap": true,
+                            "namedChunks": true,
+                            "aot": true,
+                            "extractLicenses": false,
+                            "vendorChunk": false,
+                            "buildOptimizer": true,
+                            "budgets": [
+                                {
+                                    "type": "initial",
+                                    "maximumWarning": "2mb"
+                                }
+                            ]
+                        },
+                        "ng-serve": {
+                            "indexTransform": "./build-scripts/index-html-transform-ng-serve.ts",
+                            "deployUrl": "ng-bundle/",
+                            "outputPath": "dist/ng-bundle",
+                            "index": "src/index.html",
+                            "fileReplacements": [
+                                {
+                                    "replace": "src/environments/environment.ts",
+                                    "with": "src/environments/environment.dev.ts"
+                                }
+                            ],
+                            "optimization": false,
+                            "outputHashing": "none",
+                            "sourceMap": true,
+                            "namedChunks": true,
+                            "aot": true,
+                            "extractLicenses": false,
+                            "vendorChunk": true,
+                            "buildOptimizer": false,
+                            "budgets": [
+                                {
+                                    "type": "initial",
+                                    "maximumWarning": "2mb"
+                                }
+                            ]
+                        }
+                    },
+                    "defaultConfiguration": "production"
+                },
+                "serve": {
+                    "builder": "@angular-builders/custom-webpack:dev-server",
+                    "configurations": {
+                        "development": {
+                            "buildTarget": "angular-app:build:ng-serve",
+                            "proxyConfig": "proxy.conf.js"
+                        }
+                    },
+                    "defaultConfiguration": "development"
+                },
+                "extract-i18n": {
+                    "builder": "@angular-devkit/build-angular:extract-i18n",
+                    "options": {
+                        "buildTarget": "angular-app:build"
+                    }
+                },
+                "lint": {
+                    "builder": "@angular-eslint/builder:lint",
+                    "options": {
+                        "lintFilePatterns": [
+                            "src/**/*.ts",
+                            "src/**/*.html"
+                        ]
+                    }
+                }
+            }
+        }
+    },
+    "cli": {
+        "analytics": "fe5e8f46-2dff-4044-b3b8-8a1307278ce6",
+        "schematicCollections": [
+            "@angular-eslint/schematics"
+        ]
+    }
+}

package/angular-app/build-scripts/build.js

@@ -0,0 +1,53 @@
+const { spawnSync } = require('child_process');
+const fs = require('fs');
+const path = require('path');
+
+let processArgs = process.argv;
+if (processArgs.findIndex(arg => arg.startsWith('--max-old-space-size')) !== -1) {
+    process.env.NODE_OPTIONS = processArgs.pop();
+    console.log("Setting node options: ", process.env.NODE_OPTIONS);
+}
+
+// Patch lives only in build-scripts/ (next to this file), shipped in @wavemaker-ai/angular-app.
+const patchPath = path.join(__dirname, 'ngx-bootstrap-patch.mjs');
+if (!fs.existsSync(patchPath)) {
+    console.error('Cannot find ngx-bootstrap-patch.mjs at', patchPath);
+    process.exit(1);
+}
+console.log('Using ngx-bootstrap patch at:', patchPath);
+console.log("\x1b[36m", "Patching ngx-bootstrap ESM files...\x1b[0m");
+const patchProcess = spawnSync('node', [patchPath], { stdio: 'inherit' });
+
+if (patchProcess.status !== 0) {
+    console.error('Error patching ngx-bootstrap:', patchProcess.error || patchProcess.stderr);
+    process.exit(1);
+}
+
+const args = processArgs.slice(2);
+const ngBuildArgs = ['build', ...args];
+console.log("\x1b[33m", "Angular build params: ", ngBuildArgs);
+
+//Trigger angular build with the passed params
+const ngPath = path.resolve(process.cwd(), 'node_modules', '.bin', "ng");
+const ngBuildProcess = spawnSync(ngPath, ngBuildArgs, { stdio: 'inherit', shell: true });
+
+if (ngBuildProcess.status === 0) {
+    console.log('ng build completed successfully!');
+} else {
+    // TODO: JS heap out of memory error handling
+    console.error('Error during ng build:', ngBuildProcess.error || ngBuildProcess.stderr);
+    process.exit(1);
+}
+
+const postBuildPath = path.join(__dirname, 'post-build.js');
+const ngPostBuildArgs = [postBuildPath, ...args];
+console.log("Post build params - ", ngPostBuildArgs);
+
+const ngPostBuildProcess = spawnSync('node', ngPostBuildArgs, { stdio: 'inherit' });
+
+if (ngPostBuildProcess.status === 0) {
+    console.log('ng post build completed successfully!');
+} else {
+    console.error('Error during ng build:', ngPostBuildProcess.error || ngPostBuildProcess.stderr);
+    process.exit(1);
+}

package/angular-app/build-scripts/index-html-transform-ng-serve.ts

@@ -0,0 +1,20 @@
+import {TargetOptions} from '@angular-builders/custom-webpack';
+
+export default function indexHtmlTransformNgServe(
+    targetOptions: TargetOptions,
+    indexHtml: string
+): string {
+    const deployUrl = 'ng-bundle/';
+    const wmStylesHref = `${deployUrl}wm-styles.css`;
+
+    const metaDeployUrl = `<meta name="deployUrl" content="${deployUrl}">`;
+    const linkWmStyles = `<link rel="stylesheet" type="text/css" href="${wmStylesHref}">`;
+
+    const injectHtml = `${metaDeployUrl}
+                        ${linkWmStyles}`;
+    const headCloseIndex = indexHtml.indexOf('</head>');
+
+    return `${indexHtml.slice(0, headCloseIndex)}
+            ${injectHtml}
+            ${indexHtml.slice(headCloseIndex)}`;
+}

package/angular-app/build-scripts/index-html-transform.js

@@ -0,0 +1,28 @@
+
+const fs = require('fs');
+const node_path = require('path');
+
+const validScript = (path,indexHtml)=>{
+    return !indexHtml.includes(path);
+}
+const getScriptTag = (path)=>{
+    return `<script src="ng-bundle/${path}"></script>`
+}
+module.exports = (targetOptions, indexHtml) =>{
+    const vendor_path = node_path.resolve(__dirname+`/../dist/ng-bundle`);
+    let vendorScripts = ``;
+    fs.readdirSync(vendor_path).forEach((file)=>{
+        if(file.indexOf('vendor-')===0){
+            if(!file.includes('.br.js') && !file.includes('.gzip.js') && validScript(file,indexHtml)){
+                vendorScripts+=getScriptTag(file);
+            }
+        }
+    });
+
+    const mainScriptStr = `<script src="ng-bundle/main`;
+    const mainIndex = indexHtml.indexOf(mainScriptStr);
+    
+    return `${indexHtml.slice(0,mainIndex)}
+            ${vendorScripts}
+            ${indexHtml.slice(mainIndex)}`;
+}

package/angular-app/build-scripts/ngx-bootstrap-patch.mjs

@@ -0,0 +1,287 @@
+/**
+ * ngx-bootstrap patching utilities.
+ * Canonical path: build-scripts/ next to build.js only (angular-app tarball → generated-app/build-scripts/).
+ * Do not rely on a separate copy under config/.
+ *
+ * Provides Rollup plugin for bundling and standalone function for patching ESM files.
+ * Patches: PositioningService (DestroyRef, reopen), ComponentLoader (subscriptions),
+ * Dropdown/Modal (ngx-bootstrap v20 compatibility).
+ */
+
+import fs from 'fs';
+import path from 'path';
+
+// ============================================
+// Utilities
+// ============================================
+
+const matchesModule = (id, ...modules) =>
+    modules.some(mod => id.includes(`ngx-bootstrap-${mod}`) || id.includes(`ngx-bootstrap/${mod}`));
+
+const applyReplacement = (code, pattern, replacement, logMsg) => {
+    const patched = code.replace(pattern, replacement);
+    const changed = patched !== code;
+    if (changed && logMsg) console.log(`  ✅ ${logMsg}`);
+    return { code: patched, changed };
+};
+
+// ============================================
+// Patch Definitions
+// ============================================
+
+const PATCHES = {
+    positioning: {
+        matcher: (id) => matchesModule(id, 'positioning'),
+        apply: (code) => {
+            let current = code;
+            let anyChanged = false;
+
+            // DestroyRef injection fix
+            if (current.includes('takeUntilDestroyed()') && !current.includes('const __destroyRef = i0.inject(i0.DestroyRef)')) {
+                const r1 = applyReplacement(
+                    current,
+                    /(constructor\s*\(\s*ngZone\s*,\s*rendererFactory\s*,\s*platformId\s*\)\s*\{)/,
+                    '$1\n        const __destroyRef = i0.inject(i0.DestroyRef);',
+                    null
+                );
+                const r2 = applyReplacement(
+                    r1.code,
+                    /takeUntilDestroyed\(\)/g,
+                    'takeUntilDestroyed(__destroyRef)',
+                    'Patched PositioningService: DestroyRef injection'
+                );
+                current = r2.code;
+                anyChanged = r2.changed || anyChanged;
+            }
+
+            // Repair bad reopen line: a plain replacement string cannot contain literal $$ (see reopen fix below).
+            if (current.includes('this.update$.next')) {
+                const beforeRepair = current;
+                current = current.replace(/this\.update\$\.next\(null\);?/g, () => 'this.update$$.next(null);');
+                if (current !== beforeRepair) {
+                    anyChanged = true;
+                    console.log('  ✅ Patched PositioningService: Repair update$$.next reopen line');
+                }
+            }
+
+            // Reopen fix: pristine addPositionElement only calls set(); gate on that body (not global
+            // this.enable(); / calcPosition’s update$$) so the patch still applies after ngx-bootstrap edits.
+            const needsPositioningReopenFix =
+                /addPositionElement\(options\)\s*\{\s*\n\s*this\.positionElements\.set\(_getHtmlElement\(options\.element\),\s*options\);\s*\n\s*\}/m.test(
+                    current
+                );
+            if (needsPositioningReopenFix) {
+                const result = applyReplacement(
+                    current,
+                    /this\.positionElements\.set\(_getHtmlElement\(options\.element\),\s*options\);/g,
+                    'this.positionElements.set(_getHtmlElement(options.element), options);\n        this.enable();\n        this.update$$$$.next(null);',
+                    'Patched PositioningService: Reopen fix'
+                );
+                current = result.code;
+                anyChanged = result.changed || anyChanged;
+            }
+
+            // BS5: computeAutoPlacement returns hyphenated keys (e.g. bottom-end) not in PlacementForBs5;
+            // lookup is undefined → dataPlacement.split throws during PositioningService Map.forEach (wm-libs).
+            if (!current.includes('PlacementForBs5[data.placement] ?? data.placement')) {
+                const r3 = applyReplacement(
+                    current,
+                    /const dataPlacement = getBsVer\(\)\.isBs5\s*\n\s*\?\s*PlacementForBs5\[data\.placement\]\s*\n\s*:\s*data\.placement;/,
+                    `const dataPlacementRaw = getBsVer().isBs5
+        ? PlacementForBs5[data.placement] ?? data.placement
+        : data.placement;
+    const dataPlacement = dataPlacementRaw ?? '';`,
+                    'Patched updateContainerClass: BS5 placement fallback'
+                );
+                current = r3.code;
+                anyChanged = r3.changed || anyChanged;
+            }
+            if (!current.includes('String(dataPlacement).split(/[\\s-]/)[0]')) {
+                const safeReplaceLine =
+                    'containerClass = containerClass.replace(/left|right|top|bottom|end|start/g, `' +
+                    '${(String(dataPlacement).split(/[\\s-]/)[0] || \'bottom\')}`' +
+                    ');';
+                const r4 = applyReplacement(
+                    current,
+                    /containerClass = containerClass\.replace\(\/left\|right\|top\|bottom\|end\|start\/g, `\$\{dataPlacement\.split\(' '\)\[0\]\}`\);/,
+                    safeReplaceLine,
+                    'Patched updateContainerClass: safe placement primary axis'
+                );
+                current = r4.code;
+                anyChanged = r4.changed || anyChanged;
+            }
+
+            return { code: current, wasPatched: anyChanged };
+        }
+    },
+
+    componentLoader: {
+        matcher: (id) => matchesModule(id, 'component-loader'),
+        apply: (code) => {
+            let current = code;
+            let anyChanged = false;
+
+            const patches = [
+                {
+                    condition: !current.includes('this._onShownSubscription = this.onShown.subscribe'),
+                    pattern: /this\.onShown\.subscribe\(\(\)\s*=>\s*\{/g,
+                    replacement: 'this._onShownSubscription = this.onShown.subscribe(() => {',
+                    msg: 'Patched ComponentLoader: Subscription tracking'
+                },
+                {
+                    condition: !/hide\([^)]*\)\s*\{[\s\S]*?_unsubscribePositioning\(\)[\s\S]*?_posService\.deletePositionElement/.test(current),
+                    pattern: /(hide\([^)]*\)\s*\{\s*\n\s*if\s*\(\s*!this\._componentRef\s*\)\s*\{\s*\n\s*return\s+this;\s*\n\s*\}\s*\n\s*)(this\._posService\.deletePositionElement)/,
+                    replacement: '$1this._unsubscribePositioning();\n        $2',
+                    msg: 'Patched ComponentLoader: Hide cleanup'
+                },
+                {
+                    condition: !current.includes('if (this._onShownSubscription)'),
+                    pattern: /(_unsubscribePositioning\(\)\s*\{\s*\n\s*)(if\s*\(\s*!this\._zoneSubscription\s*\))/,
+                    replacement: `$1if (this._onShownSubscription) {\n            this._onShownSubscription.unsubscribe();\n            this._onShownSubscription = void 0;\n        }\n        $2`,
+                    msg: 'Patched ComponentLoader: Unsubscribe fix'
+                }
+            ];
+
+            for (const { condition, pattern, replacement, msg } of patches) {
+                if (condition) {
+                    const result = applyReplacement(current, pattern, replacement, msg);
+                    current = result.code;
+                    anyChanged = result.changed || anyChanged;
+                }
+            }
+
+            return { code: current, wasPatched: anyChanged };
+        }
+    },
+
+    dropdown: {
+        matcher: (id) => matchesModule(id, 'dropdown'),
+        apply: (code) => {
+            // ngx-bootstrap 20 + Bootstrap 5: host `.show` toggles dropdown visibility. Removing it breaks
+            // datetime timepicker (dropdown menu) and similar `[dropdown]` hosts — restore if stripped.
+            if (
+                code.includes(
+                    'properties: { "class.dropup": "dropup", "class.open": "isOpen", "class.show": "isOpen" }'
+                )
+            ) {
+                return { code, wasPatched: false };
+            }
+            const result = applyReplacement(
+                code,
+                /properties: \{ "class\.dropup": "dropup", "class\.open": "isOpen" \}/,
+                'properties: { "class.dropup": "dropup", "class.open": "isOpen", "class.show": "isOpen" }',
+                'Patched Dropdown: Restore BS5 show class on directive host'
+            );
+            return { code: result.code, wasPatched: result.changed };
+        }
+    },
+
+    modal: {
+        matcher: (id) => matchesModule(id, 'modal'),
+        apply: (code) => {
+            if (!code.includes("SHOW: 'show'")) {
+                return { code, wasPatched: false };
+            }
+            const result = applyReplacement(
+                code,
+                /SHOW: 'show'/g,
+                "SHOW: 'in'",
+                'Patched Modal: SHOW class to in'
+            );
+            return { code: result.code, wasPatched: result.changed };
+        }
+    },
+
+    typeahead: {
+        matcher: (id) => matchesModule(id, 'typeahead'),
+        apply: (code) => {
+            let current = code;
+            let anyChanged = false;
+
+            if (current.includes(':host.dropdown-menu,.dropdown-menu{overflow-y:auto;height:100px}')) {
+                const result = applyReplacement(
+                    current,
+                    /:host\.dropdown-menu,\.dropdown-menu\{overflow-y:auto;height:100px\}/g,
+                    '',
+                    'Patched Typeahead: Remove overflow-y and height styles'
+                );
+                current = result.code;
+                anyChanged = result.changed || anyChanged;
+            }
+
+            return { code: current, wasPatched: anyChanged };
+        }
+    }
+};
+
+// ============================================
+// Rollup Plugin
+// ============================================
+
+export function ngxBootstrapPatchPlugin() {
+    return {
+        name: 'ngx-bootstrap-patch',
+        transform(code, id) {
+            for (const patch of Object.values(PATCHES)) {
+                if (patch.matcher(id)) {
+                    const result = patch.apply(code);
+                    if (result.wasPatched || result.code !== code) {
+                        return { code: result.code, map: null };
+                    }
+                }
+            }
+            return null;
+        }
+    };
+}
+/**
+ * Files to patch in node_modules/ngx-bootstrap (fesm2022 only for Angular 17+)
+ */
+const FILES_TO_PATCH = [
+    { path: 'positioning/fesm2022/ngx-bootstrap-positioning.mjs', patchKey: 'positioning' },
+    { path: 'component-loader/fesm2022/ngx-bootstrap-component-loader.mjs', patchKey: 'componentLoader' },
+    { path: 'dropdown/fesm2022/ngx-bootstrap-dropdown.mjs', patchKey: 'dropdown' },
+    { path: 'modal/fesm2022/ngx-bootstrap-modal.mjs', patchKey: 'modal' },
+    { path: 'typeahead/fesm2022/ngx-bootstrap-typeahead.mjs', patchKey: 'typeahead' }
+];
+
+/**
+ * Patch ngx-bootstrap ESM files directly in node_modules.
+ * Call this from build.js before Angular build.
+ */
+export function patchNgxBootstrapFiles(nodeModulesPath = 'node_modules') {
+    console.log('\n🔧 Patching ngx-bootstrap ESM files...\n');
+
+    const ngxPath = path.join(nodeModulesPath, 'ngx-bootstrap');
+    let totalPatched = 0;
+
+    for (const { path: filePath, patchKey } of FILES_TO_PATCH) {
+        const fullPath = path.join(ngxPath, filePath);
+
+        if (!fs.existsSync(fullPath)) continue;
+
+        const code = fs.readFileSync(fullPath, 'utf-8');
+        const patch = PATCHES[patchKey];
+
+        if (patch) {
+            const result = patch.apply(code);
+            if (result.wasPatched) {
+                fs.writeFileSync(fullPath, result.code, 'utf-8');
+                totalPatched++;
+            }
+        }
+    }
+
+    console.log(
+        totalPatched > 0
+            ? `\n✅ Patched ${totalPatched} ngx-bootstrap file(s)\n`
+            : '\n✓ ngx-bootstrap files already patched or no patches needed\n'
+    );
+
+    return totalPatched;
+}
+
+// CLI entry point
+if (process.argv[1]?.includes('ngx-bootstrap-patch')) {
+    patchNgxBootstrapFiles();
+}