@spartan-ng/cli 0.0.1-alpha.614 → 0.0.1-alpha.629

package/package.json

@@ -1,6 +1,10 @@
 {
   "name": "@spartan-ng/cli",
-  "version": "0.0.1-alpha.614",
+  "version": "0.0.1-alpha.629",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/spartan-ng/spartan"
+  },
   "type": "commonjs",
   "dependencies": {
     "@angular/core": ">=19.0.0",

package/src/generators/healthcheck/generator.js

@@ -19,6 +19,7 @@ const helm_imports_1 = require("./healthchecks/helm-imports");
 const hlm_1 = require("./healthchecks/hlm");
 const hlm_date_picker_1 = require("./healthchecks/hlm-date-picker");
 const hlm_dialog_1 = require("./healthchecks/hlm-dialog");
+const hlm_dialog_portal_1 = require("./healthchecks/hlm-dialog-portal");
 const hlm_icon_1 = require("./healthchecks/hlm-icon");
 const hlm_menu_1 = require("./healthchecks/hlm-menu");
 const hlm_progress_1 = require("./healthchecks/hlm-progress");
@@ -56,6 +57,7 @@ async function healthcheckGenerator(tree, options) {
         brn_collapsible_1.brainCollapsibleHealthcheck,
         hlm_menu_1.helmMenuHealthcheck,
         hlm_dialog_1.helmDialogHealthcheck,
+        hlm_dialog_portal_1.helmDialogPortalHealthcheck,
     ];
     const failedReports = [];
     const importAlias = await (0, config_1.getImportAlias)(tree, options.angularCli);

package/src/generators/healthcheck/generator.js.map

@@ -1 +1 @@
-{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/generators/healthcheck/generator.ts"],"names":[],"mappings":";;AA+BA,oDAuDC;AAtFD,uCAA4D;AAC5D,+CAAoD;AACpD,iDAAmH;AACnH,gEAAuE;AACvE,gFAAwF;AACxF,wGAAiG;AACjG,oEAA6E;AAC7E,wDAAiE;AACjE,gEAAyE;AACzE,oGAA6F;AAC7F,0DAAmE;AACnE,sEAA8E;AAC9E,0EAAiF;AACjF,8DAAqE;AACrE,8DAAqE;AACrE,4CAA0D;AAC1D,oEAAuE;AACvE,0DAAkE;AAClE,sDAA8D;AAC9D,sDAA8D;AAC9D,8DAAkE;AAClE,oEAAuE;AACvE,0DAA8D;AAC9D,kEAAyE;AACzE,0EAAgF;AAChF,oDAA4D;AAE5D,2CAA4C;AAC5C,+CAA+C;AAC/C,2CAAgD;AAEzC,KAAK,UAAU,oBAAoB,CAAC,IAAU,EAAE,OAA8D;IACpH,eAAM,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC;IAEvC,MAAM,YAAY,GAAkB;QACnC,4BAAkB;QAClB,uCAAuB;QACvB,qCAAsB;QACtB,8BAAmB;QACnB,uCAAqB;QACrB,iCAAqB;QACrB,8BAAiB;QACjB,8CAA2B;QAC3B,qCAAsB;QACtB,gDAA2B;QAC3B,uCAAqB;QACrB,kCAAmB;QACnB,0BAAoB;QACpB,yCAAyB;QACzB,iEAA6B;QAC7B,6DAA2B;QAC3B,wDAAgC;QAChC,yCAAwB;QACxB,mCAAsB;QACtB,iDAA4B;QAC5B,6CAA2B;QAC3B,8BAAmB;QACnB,kCAAqB;KACrB,CAAC;IAEF,MAAM,aAAa,GAAwB,EAAE,CAAC;IAE9C,MAAM,WAAW,GAAG,MAAM,IAAA,uBAAc,EAAC,IAAI,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAEnE,KAAK,MAAM,WAAW,IAAI,YAAY,EAAE,CAAC;QACxC,MAAM,MAAM,GAAG,MAAM,IAAA,uBAAc,EAAC,IAAI,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;QACpE,IAAA,sBAAW,EAAC,MAAM,CAAC,CAAC;QAEpB,IAAI,MAAM,CAAC,MAAM,KAAK,gCAAiB,CAAC,OAAO,EAAE,CAAC;YACjD,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC5B,CAAC;IACF,CAAC;IAED,KAAK,MAAM,MAAM,IAAI,aAAa,EAAE,CAAC;QACpC,IAAI,MAAM,CAAC,OAAO,IAAI,IAAA,mCAAoB,EAAC,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC;YAChE,MAAM,GAAG,GAAG,OAAO,CAAC,OAAO,IAAI,CAAC,MAAM,IAAA,mBAAU,EAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;YAE7E,IAAI,GAAG,EAAE,CAAC;gBACT,MAAM,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,UAAU,EAAE,OAAO,CAAC,UAAU,EAAE,WAAW,EAAE,CAAC,CAAC;YACrF,CAAC;QACF,CAAC;IACF,CAAC;IAED,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;QACzB,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;IACzB,CAAC;AACF,CAAC;AAED,kBAAe,oBAAoB,CAAC"}
+{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/generators/healthcheck/generator.ts"],"names":[],"mappings":";;AAgCA,oDAwDC;AAxFD,uCAA4D;AAC5D,+CAAoD;AACpD,iDAAmH;AACnH,gEAAuE;AACvE,gFAAwF;AACxF,wGAAiG;AACjG,oEAA6E;AAC7E,wDAAiE;AACjE,gEAAyE;AACzE,oGAA6F;AAC7F,0DAAmE;AACnE,sEAA8E;AAC9E,0EAAiF;AACjF,8DAAqE;AACrE,8DAAqE;AACrE,4CAA0D;AAC1D,oEAAuE;AACvE,0DAAkE;AAClE,wEAA+E;AAC/E,sDAA8D;AAC9D,sDAA8D;AAC9D,8DAAkE;AAClE,oEAAuE;AACvE,0DAA8D;AAC9D,kEAAyE;AACzE,0EAAgF;AAChF,oDAA4D;AAE5D,2CAA4C;AAC5C,+CAA+C;AAC/C,2CAAgD;AAEzC,KAAK,UAAU,oBAAoB,CAAC,IAAU,EAAE,OAA8D;IACpH,eAAM,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC;IAEvC,MAAM,YAAY,GAAkB;QACnC,4BAAkB;QAClB,uCAAuB;QACvB,qCAAsB;QACtB,8BAAmB;QACnB,uCAAqB;QACrB,iCAAqB;QACrB,8BAAiB;QACjB,8CAA2B;QAC3B,qCAAsB;QACtB,gDAA2B;QAC3B,uCAAqB;QACrB,kCAAmB;QACnB,0BAAoB;QACpB,yCAAyB;QACzB,iEAA6B;QAC7B,6DAA2B;QAC3B,wDAAgC;QAChC,yCAAwB;QACxB,mCAAsB;QACtB,iDAA4B;QAC5B,6CAA2B;QAC3B,8BAAmB;QACnB,kCAAqB;QACrB,+CAA2B;KAC3B,CAAC;IAEF,MAAM,aAAa,GAAwB,EAAE,CAAC;IAE9C,MAAM,WAAW,GAAG,MAAM,IAAA,uBAAc,EAAC,IAAI,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAEnE,KAAK,MAAM,WAAW,IAAI,YAAY,EAAE,CAAC;QACxC,MAAM,MAAM,GAAG,MAAM,IAAA,uBAAc,EAAC,IAAI,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;QACpE,IAAA,sBAAW,EAAC,MAAM,CAAC,CAAC;QAEpB,IAAI,MAAM,CAAC,MAAM,KAAK,gCAAiB,CAAC,OAAO,EAAE,CAAC;YACjD,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC5B,CAAC;IACF,CAAC;IAED,KAAK,MAAM,MAAM,IAAI,aAAa,EAAE,CAAC;QACpC,IAAI,MAAM,CAAC,OAAO,IAAI,IAAA,mCAAoB,EAAC,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC;YAChE,MAAM,GAAG,GAAG,OAAO,CAAC,OAAO,IAAI,CAAC,MAAM,IAAA,mBAAU,EAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;YAE7E,IAAI,GAAG,EAAE,CAAC;gBACT,MAAM,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,UAAU,EAAE,OAAO,CAAC,UAAU,EAAE,WAAW,EAAE,CAAC,CAAC;YACrF,CAAC;QACF,CAAC;IACF,CAAC;IAED,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;QACzB,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;IACzB,CAAC;AACF,CAAC;AAED,kBAAe,oBAAoB,CAAC"}

package/src/generators/healthcheck/healthchecks/hlm-dialog-portal.d.ts

@@ -0,0 +1,2 @@
+import { type Healthcheck } from '../healthchecks';
+export declare const helmDialogPortalHealthcheck: Healthcheck;

package/src/generators/healthcheck/healthchecks/hlm-dialog-portal.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.helmDialogPortalHealthcheck = void 0;
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nx/devkit");
+const generator_1 = tslib_1.__importDefault(require("../../migrate-dialog-portal/generator"));
+const healthchecks_1 = require("../healthchecks");
+exports.helmDialogPortalHealthcheck = {
+    name: 'Helm Dialog Portal',
+    async detect(tree, failure) {
+        (0, devkit_1.visitNotIgnoredFiles)(tree, '/', (file) => {
+            // if the file is a .ts or .htlm file, check for helm menu
+            if (!file.endsWith('.ts') && !file.endsWith('.html')) {
+                return;
+            }
+            const contents = tree.read(file, 'utf-8');
+            if (!contents) {
+                return;
+            }
+            if (contents.includes('*brnDialogContent') ||
+                contents.includes('*brnAlertDialogContent') ||
+                contents.includes('*brnPopoverContent') ||
+                contents.includes('*brnSheetContent') ||
+                contents.includes('*brnNavigationMenuContent')) {
+                failure('Please use the new helm directives *hlm*Portal for alert-dialog, dialog, popover, sheet or navigation-menu.', healthchecks_1.HealthcheckSeverity.Error, true);
+            }
+        });
+    },
+    fix: async (tree, { importAlias }) => {
+        await (0, generator_1.default)(tree, { skipFormat: true, importAlias });
+        return true;
+    },
+    prompt: 'Would you like to migrate *brn*Content selectors to *hlm*Portal? You need to regenerate helm components to have *hlm*Portal in your project.',
+};
+//# sourceMappingURL=hlm-dialog-portal.js.map

package/src/generators/healthcheck/healthchecks/hlm-dialog-portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hlm-dialog-portal.js","sourceRoot":"","sources":["../../../../../../../libs/cli/src/generators/healthcheck/healthchecks/hlm-dialog-portal.ts"],"names":[],"mappings":";;;;AAAA,uCAAkD;AAClD,8FAAiF;AACjF,kDAAwE;AAE3D,QAAA,2BAA2B,GAAgB;IACvD,IAAI,EAAE,oBAAoB;IAC1B,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO;QACzB,IAAA,6BAAoB,EAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;YACxC,0DAA0D;YAC1D,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;gBACtD,OAAO;YACR,CAAC;YAED,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YAE1C,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACf,OAAO;YACR,CAAC;YAED,IACC,QAAQ,CAAC,QAAQ,CAAC,mBAAmB,CAAC;gBACtC,QAAQ,CAAC,QAAQ,CAAC,wBAAwB,CAAC;gBAC3C,QAAQ,CAAC,QAAQ,CAAC,oBAAoB,CAAC;gBACvC,QAAQ,CAAC,QAAQ,CAAC,kBAAkB,CAAC;gBACrC,QAAQ,CAAC,QAAQ,CAAC,2BAA2B,CAAC,EAC7C,CAAC;gBACF,OAAO,CACN,6GAA6G,EAC7G,kCAAmB,CAAC,KAAK,EACzB,IAAI,CACJ,CAAC;YACH,CAAC;QACF,CAAC,CAAC,CAAC;IACJ,CAAC;IACD,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE;QACpC,MAAM,IAAA,mBAA4B,EAAC,IAAI,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC;QAC5E,OAAO,IAAI,CAAC;IACb,CAAC;IACD,MAAM,EACL,8IAA8I;CAC/I,CAAC"}

package/src/generators/migrate-dialog-portal/compat.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (generatorOptions: import("./schema").MigrateDialogPortalGeneratorSchema) => (tree: any, context: any) => Promise<any>;
+export default _default;

package/src/generators/migrate-dialog-portal/compat.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nx/devkit");
+const generator_1 = require("./generator");
+exports.default = (0, devkit_1.convertNxGenerator)(generator_1.migrateDialogPortalGenerator);
+//# sourceMappingURL=compat.js.map

package/src/generators/migrate-dialog-portal/compat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compat.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/generators/migrate-dialog-portal/compat.ts"],"names":[],"mappings":";;AAAA,uCAAgD;AAChD,2CAA2D;AAE3D,kBAAe,IAAA,2BAAkB,EAAC,wCAA4B,CAAC,CAAC"}

package/src/generators/migrate-dialog-portal/generator.d.ts

@@ -0,0 +1,4 @@
+import { type Tree } from '@nx/devkit';
+import type { MigrateDialogPortalGeneratorSchema } from './schema';
+export declare function migrateDialogPortalGenerator(tree: Tree, { skipFormat, importAlias }: MigrateDialogPortalGeneratorSchema): Promise<void>;
+export default migrateDialogPortalGenerator;

package/src/generators/migrate-dialog-portal/generator.js

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateDialogPortalGenerator = migrateDialogPortalGenerator;
+const devkit_1 = require("@nx/devkit");
+const import_alias_1 = require("../../utils/import-alias");
+const visit_files_1 = require("../../utils/visit-files");
+async function migrateDialogPortalGenerator(tree, { skipFormat, importAlias }) {
+    updateImports(tree, importAlias);
+    replaceSelector(tree);
+    if (!skipFormat) {
+        await (0, devkit_1.formatFiles)(tree);
+    }
+}
+/**
+ * Update imports
+ */
+function updateImports(tree, importAlias) {
+    (0, visit_files_1.visitFiles)(tree, '/', (path) => {
+        // if this is not a typescript file then skip
+        if (!path.endsWith('.ts')) {
+            return;
+        }
+        let content = tree.read(path, 'utf-8');
+        if (!content) {
+            return;
+        }
+        if (content.includes('*brnDialogContent')) {
+            content = content
+                .replace("import { BrnDialogImports } from '@spartan-ng/brain/dialog';", '')
+                .replace(/BrnDialogImports,?\s?/, '');
+        }
+        if (content.includes('*brnAlertDialogContent')) {
+            content = content
+                .replace("import { BrnAlertDialogImports } from '@spartan-ng/brain/alert-dialog';", '')
+                .replace(/BrnAlertDialogImports,?\s?/, '');
+        }
+        if (content.includes('*brnPopoverContent')) {
+            const popoverImport = (0, import_alias_1.helmImport)(importAlias, 'popover');
+            content = content
+                .replace("import { BrnPopoverImports } from '@spartan-ng/brain/popover';", '')
+                .replace(/BrnPopoverImports,?\s?/, '')
+                // handle BrnPopoverContent import
+                .replace("import { BrnPopoverContent } from '@spartan-ng/brain/popover';", `import { HlmPopoverImports } from '${popoverImport}';`)
+                .replace(/BrnPopoverContent?\s?/, 'HlmPopoverImports');
+        }
+        if (content.includes('*brnSheetContent')) {
+            content = content
+                .replace("import { BrnSheetImports } from '@spartan-ng/brain/sheet';", '')
+                .replace(/BrnSheetImports,?\s?/, '');
+        }
+        if (content.includes('*brnNavigationMenuContent')) {
+            content = content
+                .replace("import { BrnNavigationMenuImports } from '@spartan-ng/brain/navigation-menu';", '')
+                .replace(/BrnNavigationMenuImports,?\s?/, '');
+        }
+        tree.write(path, content);
+    });
+}
+function replaceSelector(tree) {
+    (0, visit_files_1.visitFiles)(tree, '.', (path) => {
+        // if this is not an html file or typescript file (inline templates) then skip
+        if (!path.endsWith('.html') && !path.endsWith('.ts')) {
+            return;
+        }
+        let content = tree.read(path, 'utf-8');
+        if (!content) {
+            return;
+        }
+        // dialog content
+        if (content.includes('*brnDialogContent')) {
+            content = content.replace(/\*brnDialogContent/g, '*hlmDialogPortal');
+        }
+        // alert dialog content
+        if (content.includes('*brnAlertDialogContent')) {
+            content = content.replace(/\*brnAlertDialogContent/g, '*hlmAlertDialogPortal');
+        }
+        // popover content
+        if (content.includes('*brnPopoverContent')) {
+            content = content.replace(/\*brnPopoverContent/g, '*hlmPopoverPortal');
+        }
+        // sheet content
+        if (content.includes('*brnSheetContent')) {
+            content = content.replace(/\*brnSheetContent/g, '*hlmSheetPortal');
+        }
+        // navigation-menu content
+        if (content.includes('*brnNavigationMenuContent')) {
+            content = content.replace(/\*brnNavigationMenuContent/g, '*hlmNavigationMenuPortal');
+        }
+        tree.write(path, content);
+    });
+}
+exports.default = migrateDialogPortalGenerator;
+//# sourceMappingURL=generator.js.map

package/src/generators/migrate-dialog-portal/generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/generators/migrate-dialog-portal/generator.ts"],"names":[],"mappings":"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"}

package/src/generators/migrate-dialog-portal/schema.d.ts

@@ -0,0 +1,4 @@
+export interface MigrateDialogPortalGeneratorSchema {
+	skipFormat?: boolean;
+	importAlias: string;
+}

package/src/generators/migrate-dialog-portal/schema.json

@@ -0,0 +1,19 @@
+{
+	"$schema": "http://json-schema.org/draft-07/schema",
+	"$id": "MigrateDialogPortal",
+	"title": "",
+	"type": "object",
+	"properties": {
+		"skipFormat": {
+			"type": "boolean",
+			"default": false,
+			"description": "Skip formatting files"
+		},
+		"importAlias": {
+			"type": "string",
+			"default": "@spartan-ui/helm",
+			"description": "The prefix to use for helm imports"
+		}
+	},
+	"required": []
+}

package/src/generators/ui/libs/alert-dialog/files/index.ts.template

@@ -6,6 +6,7 @@ import { HlmAlertDialogDescription } from './lib/hlm-alert-dialog-description';
 import { HlmAlertDialogFooter } from './lib/hlm-alert-dialog-footer';
 import { HlmAlertDialogHeader } from './lib/hlm-alert-dialog-header';
 import { HlmAlertDialogOverlay } from './lib/hlm-alert-dialog-overlay';
+import { HlmAlertDialogPortal } from './lib/hlm-alert-dialog-portal';
 import { HlmAlertDialogTitle } from './lib/hlm-alert-dialog-title';
 import { HlmAlertDialogTrigger } from './lib/hlm-alert-dialog-trigger';
 
@@ -17,18 +18,20 @@ export * from './lib/hlm-alert-dialog-description';
 export * from './lib/hlm-alert-dialog-footer';
 export * from './lib/hlm-alert-dialog-header';
 export * from './lib/hlm-alert-dialog-overlay';
+export * from './lib/hlm-alert-dialog-portal';
 export * from './lib/hlm-alert-dialog-title';
 export * from './lib/hlm-alert-dialog-trigger';
 
 export const HlmAlertDialogImports = [
 	HlmAlertDialog,
+	HlmAlertDialogAction,
+	HlmAlertDialogCancel,
 	HlmAlertDialogContent,
 	HlmAlertDialogDescription,
 	HlmAlertDialogFooter,
 	HlmAlertDialogHeader,
 	HlmAlertDialogOverlay,
+	HlmAlertDialogPortal,
 	HlmAlertDialogTitle,
-	HlmAlertDialogAction,
-	HlmAlertDialogCancel,
 	HlmAlertDialogTrigger,
 ] as const;

package/src/generators/ui/libs/alert-dialog/files/lib/hlm-alert-dialog-portal.ts.template

@@ -0,0 +1,8 @@
+import { Directive } from '@angular/core';
+import { BrnAlertDialogContent } from '@spartan-ng/brain/alert-dialog';
+
+@Directive({
+	selector: '[hlmAlertDialogPortal]',
+	hostDirectives: [{ directive: BrnAlertDialogContent, inputs: ['context', 'class'] }],
+})
+export class HlmAlertDialogPortal {}

package/src/generators/ui/libs/autocomplete/files/index.ts.template

@@ -6,6 +6,7 @@ import { HlmAutocompleteInput } from './lib/hlm-autocomplete-input';
 import { HlmAutocompleteItem } from './lib/hlm-autocomplete-item';
 import { HlmAutocompleteLabel } from './lib/hlm-autocomplete-label';
 import { HlmAutocompleteList } from './lib/hlm-autocomplete-list';
+import { HlmAutocompletePortal } from './lib/hlm-autocomplete-portal';
 import { HlmAutocompleteSearch } from './lib/hlm-autocomplete-search';
 import { HlmAutocompleteSeparator } from './lib/hlm-autocomplete-separator';
 import { HlmAutocompleteStatus } from './lib/hlm-autocomplete-status';
@@ -18,6 +19,7 @@ export * from './lib/hlm-autocomplete-input';
 export * from './lib/hlm-autocomplete-item';
 export * from './lib/hlm-autocomplete-label';
 export * from './lib/hlm-autocomplete-list';
+export * from './lib/hlm-autocomplete-portal';
 export * from './lib/hlm-autocomplete-search';
 export * from './lib/hlm-autocomplete-separator';
 export * from './lib/hlm-autocomplete-status';
@@ -31,6 +33,7 @@ export const HlmAutocompleteImports = [
 	HlmAutocompleteItem,
 	HlmAutocompleteLabel,
 	HlmAutocompleteList,
+	HlmAutocompletePortal,
 	HlmAutocompleteSearch,
 	HlmAutocompleteSeparator,
 	HlmAutocompleteStatus,

package/src/generators/ui/libs/autocomplete/files/lib/hlm-autocomplete-content.ts.template

@@ -3,14 +3,14 @@ import { BrnAutocompleteContent } from '@spartan-ng/brain/autocomplete';
 import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
-	selector: '[hlmAutocompleteContent]',
+	selector: '[hlmAutocompleteContent],hlm-autocomplete-content',
 	hostDirectives: [BrnAutocompleteContent],
 })
 export class HlmAutocompleteContent {
 	constructor() {
 		classes(
 			() =>
-				'group/autocomplete-content bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 max-h-72 w-(--brn-autocomplete-width) min-w-36 overflow-hidden rounded-md p-0 shadow-md ring-1 duration-100',
+				'group/autocomplete-content bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 flex max-h-72 w-(--brn-autocomplete-width) min-w-36 flex-col overflow-hidden rounded-md p-0 shadow-md ring-1 duration-100',
 		);
 	}
 }

package/src/generators/ui/libs/autocomplete/files/lib/hlm-autocomplete-portal.ts.template

@@ -0,0 +1,8 @@
+import { Directive } from '@angular/core';
+import { BrnPopoverContent } from '@spartan-ng/brain/popover';
+
+@Directive({
+	selector: '[hlmAutocompletePortal]',
+	hostDirectives: [{ directive: BrnPopoverContent, inputs: ['context', 'class'] }],
+})
+export class HlmAutocompletePortal {}

package/src/generators/ui/libs/combobox/files/index.ts.template

@@ -10,6 +10,7 @@ import { HlmComboboxItem } from './lib/hlm-combobox-item';
 import { HlmComboboxLabel } from './lib/hlm-combobox-label';
 import { HlmComboboxList } from './lib/hlm-combobox-list';
 import { HlmComboboxMultiple } from './lib/hlm-combobox-multiple';
+import { HlmComboboxPortal } from './lib/hlm-combobox-portal';
 import { HlmComboboxSeparator } from './lib/hlm-combobox-separator';
 import { HlmComboboxStatus } from './lib/hlm-combobox-status';
 import { HlmComboboxTrigger } from './lib/hlm-combobox-trigger';
@@ -28,6 +29,7 @@ export * from './lib/hlm-combobox-item';
 export * from './lib/hlm-combobox-label';
 export * from './lib/hlm-combobox-list';
 export * from './lib/hlm-combobox-multiple';
+export * from './lib/hlm-combobox-portal';
 export * from './lib/hlm-combobox-separator';
 export * from './lib/hlm-combobox-status';
 export * from './lib/hlm-combobox-trigger';
@@ -47,6 +49,7 @@ export const HlmComboboxImports = [
 	HlmComboboxLabel,
 	HlmComboboxList,
 	HlmComboboxMultiple,
+	HlmComboboxPortal,
 	HlmComboboxSeparator,
 	HlmComboboxStatus,
 	HlmComboboxTrigger,

package/src/generators/ui/libs/combobox/files/lib/hlm-combobox-content.ts.template

@@ -3,13 +3,13 @@ import { BrnComboboxContent } from '@spartan-ng/brain/combobox';
 import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
-	selector: '[hlmComboboxContent]',
+	selector: '[hlmComboboxContent],hlm-combobox-content',
 	hostDirectives: [BrnComboboxContent],
 })
 export class HlmComboboxContent {
 	constructor() {
 		classes(() => [
-			'group/combobox-content bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 max-h-72 w-(--brn-combobox-width) min-w-36 overflow-hidden rounded-md p-0 shadow-md ring-1 duration-100',
+			'group/combobox-content bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 flex max-h-72 w-(--brn-combobox-width) min-w-36 flex-col overflow-hidden rounded-md p-0 shadow-md ring-1 duration-100',
 			// change input group styles in the content
 			'**:data-[slot=input-group]:bg-input **:data-[slot=input-group]:border-input/30 **:has-[[data-slot=input-group-control]:focus-visible]:border-input **:has-[[data-slot=input-group-control]:focus-visible]:ring-0 **:data-[slot=input-group]:m-1 **:data-[slot=input-group]:mb-0 **:data-[slot=input-group]:h-8 **:data-[slot=input-group]:shadow-none',
 		]);

package/src/generators/ui/libs/combobox/files/lib/hlm-combobox-portal.ts.template

@@ -0,0 +1,8 @@
+import { Directive } from '@angular/core';
+import { BrnPopoverContent } from '@spartan-ng/brain/popover';
+
+@Directive({
+	selector: '[hlmComboboxPortal]',
+	hostDirectives: [{ directive: BrnPopoverContent, inputs: ['context', 'class'] }],
+})
+export class HlmComboboxPortal {}

package/src/generators/ui/libs/command/files/lib/hlm-command-dialog.ts.template

@@ -20,7 +20,7 @@ import { ClassValue } from 'clsx';
 	template: `
 		<hlm-dialog [state]="_state()" (stateChanged)="stateChanged($event)">
 			<hlm-dialog-content
-				*brnDialogContent="let ctx"
+				*hlmDialogPortal="let ctx"
 				[class]="_computedDialogContentClass()"
 				[showCloseButton]="showCloseButton()"
 			>

package/src/generators/ui/libs/date-picker/files/lib/hlm-date-picker-multi.ts.template

@@ -16,7 +16,7 @@ import { provideIcons } from '@ng-icons/core';
 import { lucideChevronDown } from '@ng-icons/lucide';
 import type { BrnDialogState } from '@spartan-ng/brain/dialog';
 import type { ChangeFn, TouchFn } from '@spartan-ng/brain/forms';
-import { BrnPopoverImports } from '@spartan-ng/brain/popover';
+
 import { HlmCalendarMulti } from '<%- importAlias %>/calendar';
 import { HlmIconImports } from '<%- importAlias %>/icon';
 import { HlmPopoverImports } from '<%- importAlias %>/popover';
@@ -34,7 +34,7 @@ let nextId = 0;
 
 @Component({
 	selector: 'hlm-date-picker-multi',
-	imports: [HlmIconImports, BrnPopoverImports, HlmPopoverImports, HlmCalendarMulti],
+	imports: [HlmIconImports, HlmPopoverImports, HlmCalendarMulti],
 	providers: [HLM_DATE_PICKER_MUTLI_VALUE_ACCESSOR, provideIcons({ lucideChevronDown })],
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	host: {
@@ -60,7 +60,7 @@ let nextId = 0;
 				<ng-icon hlm size="sm" name="lucideChevronDown" />
 			</button>
 
-			<div hlmPopoverContent class="w-auto p-0" *brnPopoverContent="let ctx">
+			<hlm-popover-content class="w-auto p-0" *hlmPopoverPortal="let ctx">
 				<hlm-calendar-multi
 					calendarClass="border-0 rounded-none"
 					[date]="_mutableDate()"
@@ -72,7 +72,7 @@ let nextId = 0;
 					[disabled]="_mutableDisabled()"
 					(dateChange)="_handleChange($event)"
 				/>
-			</div>
+			</hlm-popover-content>
 		</hlm-popover>
 	`,
 })

package/src/generators/ui/libs/date-picker/files/lib/hlm-date-picker.ts.template

@@ -15,7 +15,6 @@ import { provideIcons } from '@ng-icons/core';
 import { lucideChevronDown } from '@ng-icons/lucide';
 import type { BrnDialogState } from '@spartan-ng/brain/dialog';
 import type { ChangeFn, TouchFn } from '@spartan-ng/brain/forms';
-import { BrnPopoverImports } from '@spartan-ng/brain/popover';
 import { HlmCalendar } from '<%- importAlias %>/calendar';
 import { HlmIconImports } from '<%- importAlias %>/icon';
 import { HlmPopoverImports } from '<%- importAlias %>/popover';
@@ -33,7 +32,7 @@ let nextId = 0;
 
 @Component({
 	selector: 'hlm-date-picker',
-	imports: [HlmIconImports, BrnPopoverImports, HlmPopoverImports, HlmCalendar],
+	imports: [HlmIconImports, HlmPopoverImports, HlmCalendar],
 	providers: [HLM_DATE_PICKER_VALUE_ACCESSOR, provideIcons({ lucideChevronDown })],
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	host: {
@@ -59,7 +58,7 @@ let nextId = 0;
 				<ng-icon hlm size="sm" name="lucideChevronDown" />
 			</button>
 
-			<div hlmPopoverContent class="w-auto p-0" *brnPopoverContent="let ctx">
+			<hlm-popover-content class="w-auto p-0" *hlmPopoverPortal="let ctx">
 				<hlm-calendar
 					calendarClass="border-0 rounded-none"
 					[captionLayout]="captionLayout()"
@@ -69,7 +68,7 @@ let nextId = 0;
 					[disabled]="_mutableDisabled()"
 					(dateChange)="_handleChange($event)"
 				/>
-			</div>
+			</hlm-popover-content>
 		</hlm-popover>
 	`,
 })

package/src/generators/ui/libs/date-picker/files/lib/hlm-date-range-picker.ts.template

@@ -16,7 +16,6 @@ import { provideIcons } from '@ng-icons/core';
 import { lucideChevronDown } from '@ng-icons/lucide';
 import type { BrnDialogState } from '@spartan-ng/brain/dialog';
 import type { ChangeFn, TouchFn } from '@spartan-ng/brain/forms';
-import { BrnPopoverImports } from '@spartan-ng/brain/popover';
 import { HlmCalendarRange } from '<%- importAlias %>/calendar';
 import { HlmIconImports } from '<%- importAlias %>/icon';
 import { HlmPopoverImports } from '<%- importAlias %>/popover';
@@ -34,7 +33,7 @@ let nextId = 0;
 
 @Component({
 	selector: 'hlm-date-range-picker',
-	imports: [HlmIconImports, BrnPopoverImports, HlmPopoverImports, HlmCalendarRange],
+	imports: [HlmIconImports, HlmPopoverImports, HlmCalendarRange],
 	providers: [HLM_DATE_RANGE_PICKER_VALUE_ACCESSOR, provideIcons({ lucideChevronDown })],
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	host: {
@@ -65,7 +64,7 @@ let nextId = 0;
 				<ng-icon hlm size="sm" name="lucideChevronDown" />
 			</button>
 
-			<div hlmPopoverContent class="w-auto p-0" *brnPopoverContent="let ctx">
+			<hlm-popover-content class="w-auto p-0" *hlmPopoverPortal="let ctx">
 				<hlm-calendar-range
 					calendarClass="border-0 rounded-none"
 					[startDate]="_start()"
@@ -77,7 +76,7 @@ let nextId = 0;
 					(startDateChange)="_handleStartDayChange($event)"
 					(endDateChange)="_handleEndDateChange($event)"
 				/>
-			</div>
+			</hlm-popover-content>
 		</hlm-popover>
 	`,
 })

package/src/generators/ui/libs/dialog/files/index.ts.template

@@ -5,6 +5,7 @@ import { HlmDialogDescription } from './lib/hlm-dialog-description';
 import { HlmDialogFooter } from './lib/hlm-dialog-footer';
 import { HlmDialogHeader } from './lib/hlm-dialog-header';
 import { HlmDialogOverlay } from './lib/hlm-dialog-overlay';
+import { HlmDialogPortal } from './lib/hlm-dialog-portal';
 import { HlmDialogTitle } from './lib/hlm-dialog-title';
 import { HlmDialogTrigger } from './lib/hlm-dialog-trigger';
 
@@ -15,6 +16,7 @@ export * from './lib/hlm-dialog-description';
 export * from './lib/hlm-dialog-footer';
 export * from './lib/hlm-dialog-header';
 export * from './lib/hlm-dialog-overlay';
+export * from './lib/hlm-dialog-portal';
 export * from './lib/hlm-dialog-title';
 export * from './lib/hlm-dialog-trigger';
 export * from './lib/hlm-dialog.service';
@@ -27,6 +29,7 @@ export const HlmDialogImports = [
 	HlmDialogFooter,
 	HlmDialogHeader,
 	HlmDialogOverlay,
+	HlmDialogPortal,
 	HlmDialogTitle,
 	HlmDialogTrigger,
 ] as const;

package/src/generators/ui/libs/dialog/files/lib/hlm-dialog-portal.ts.template

@@ -0,0 +1,8 @@
+import { Directive } from '@angular/core';
+import { BrnDialogContent } from '@spartan-ng/brain/dialog';
+
+@Directive({
+	selector: '[hlmDialogPortal]',
+	hostDirectives: [{ directive: BrnDialogContent, inputs: ['context', 'class'] }],
+})
+export class HlmDialogPortal {}

package/src/generators/ui/libs/hover-card/files/index.ts.template

@@ -1,5 +1,16 @@
+import { HlmHoverCard } from './lib/hlm-hover-card';
 import { HlmHoverCardContent } from './lib/hlm-hover-card-content';
+import { HlmHoverCardPortal } from './lib/hlm-hover-card-portal';
+import { HlmHoverCardTrigger } from './lib/hlm-hover-card-trigger';
 
+export { HlmHoverCard } from './lib/hlm-hover-card';
 export { HlmHoverCardContent } from './lib/hlm-hover-card-content';
+export { HlmHoverCardPortal } from './lib/hlm-hover-card-portal';
+export { HlmHoverCardTrigger } from './lib/hlm-hover-card-trigger';
 
-export const HlmHoverCardImports = [HlmHoverCardContent] as const;
+export const HlmHoverCardImports = [
+	HlmHoverCardContent,
+	HlmHoverCardPortal,
+	HlmHoverCard,
+	HlmHoverCardTrigger,
+] as const;

package/src/generators/ui/libs/hover-card/files/lib/hlm-hover-card-portal.ts.template

@@ -0,0 +1,8 @@
+import { Directive } from '@angular/core';
+import { BrnHoverCardContent } from '@spartan-ng/brain/hover-card';
+
+@Directive({
+	selector: '[hlmHoverCardPortal],hlm-hover-card-portal',
+	hostDirectives: [BrnHoverCardContent],
+})
+export class HlmHoverCardPortal {}

package/src/generators/ui/libs/hover-card/files/lib/hlm-hover-card-trigger.ts.template

@@ -0,0 +1,23 @@
+import { Directive } from '@angular/core';
+import { BrnHoverCardTrigger } from '@spartan-ng/brain/hover-card';
+
+@Directive({
+	selector: '[hlmHoverCardTrigger]',
+	hostDirectives: [
+		{
+			directive: BrnHoverCardTrigger,
+			inputs: [
+				'showDelay',
+				'hideDelay',
+				'animationDelay',
+				'sideOffset',
+				'align',
+				'brnHoverCardTriggerFor: hlmHoverCardTriggerFor',
+			],
+		},
+	],
+	host: {
+		'data-slot': 'hover-card-trigger',
+	},
+})
+export class HlmHoverCardTrigger {}

package/src/generators/ui/libs/hover-card/files/lib/hlm-hover-card.ts.template

@@ -0,0 +1,11 @@
+import { Directive } from '@angular/core';
+import { BrnHoverCard } from '@spartan-ng/brain/hover-card';
+
+@Directive({
+	selector: '[hlmHoverCard],hlm-hover-card',
+	hostDirectives: [BrnHoverCard],
+	host: {
+		'data-slot': 'hover-card',
+	},
+})
+export class HlmHoverCard {}

package/src/generators/ui/libs/navigation-menu/files/hlm-navigation-menu-content.ts.template

@@ -2,7 +2,7 @@ import { Directive } from '@angular/core';
 import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
-	selector: '[hlmNavigationMenuContent]',
+	selector: '[hlmNavigationMenuContent],hlm-navigation-menu-content',
 	host: { 'data-slot': 'navigation-menu-content' },
 })
 export class HlmNavigationMenuContent {

package/src/generators/ui/libs/navigation-menu/files/hlm-navigation-menu-portal.ts.template

@@ -0,0 +1,8 @@
+import { Directive } from '@angular/core';
+import { BrnNavigationMenuContent } from '@spartan-ng/brain/navigation-menu';
+
+@Directive({
+	selector: '[hlmNavigationMenuPortal]',
+	hostDirectives: [BrnNavigationMenuContent],
+})
+export class HlmNavigationMenuPortal {}