@spartan-ng/cli 0.0.1-alpha.613 → 0.0.1-alpha.628

package/package.json

@@ -1,6 +1,10 @@
 {
   "name": "@spartan-ng/cli",
-  "version": "0.0.1-alpha.613",
+  "version": "0.0.1-alpha.628",
+  "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/autocomplete/files/lib/hlm-autocomplete-search.ts.template

@@ -18,12 +18,21 @@ import { classes } from '<%- importAlias %>/utils';
 	hostDirectives: [
 		{
 			directive: BrnAutocompleteSearch,
-			inputs: ['disabled', 'value', 'search', 'itemToString'],
+			inputs: ['autoHighlight', 'disabled', 'value', 'search', 'itemToString'],
 			outputs: ['valueChange', 'searchChange'],
 		},
 		{
 			directive: BrnPopover,
-			inputs: ['align', 'autoFocus', 'closeDelay', 'closeOnOutsidePointerEvents', 'sideOffset', 'state', 'offsetX'],
+			inputs: [
+				'align',
+				'autoFocus',
+				'closeDelay',
+				'closeOnOutsidePointerEvents',
+				'sideOffset',
+				'state',
+				'offsetX',
+				'restoreFocus',
+			],
 			outputs: ['stateChanged', 'closed'],
 		},
 	],

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

@@ -18,12 +18,21 @@ import { classes } from '<%- importAlias %>/utils';
 	hostDirectives: [
 		{
 			directive: BrnAutocomplete,
-			inputs: ['disabled', 'value', 'search', 'itemToString', 'isItemEqualToValue'],
+			inputs: ['autoHighlight', 'disabled', 'value', 'search', 'itemToString', 'isItemEqualToValue'],
 			outputs: ['valueChange', 'searchChange'],
 		},
 		{
 			directive: BrnPopover,
-			inputs: ['align', 'autoFocus', 'closeDelay', 'closeOnOutsidePointerEvents', 'sideOffset', 'state', 'offsetX'],
+			inputs: [
+				'align',
+				'autoFocus',
+				'closeDelay',
+				'closeOnOutsidePointerEvents',
+				'sideOffset',
+				'state',
+				'offsetX',
+				'restoreFocus',
+			],
 			outputs: ['stateChanged', 'closed'],
 		},
 	],

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-multiple.ts.template

@@ -18,12 +18,30 @@ import { classes } from '<%- importAlias %>/utils';
 	hostDirectives: [
 		{
 			directive: BrnComboboxMultiple,
-			inputs: ['disabled', 'filter', 'search', 'value', 'itemToString', 'filterOptions', 'isItemEqualToValue'],
+			inputs: [
+				'autoHighlight',
+				'disabled',
+				'filter',
+				'search',
+				'value',
+				'itemToString',
+				'filterOptions',
+				'isItemEqualToValue',
+			],
 			outputs: ['searchChange', 'valueChange'],
 		},
 		{
 			directive: BrnPopover,
-			inputs: ['align', 'autoFocus', 'closeDelay', 'closeOnOutsidePointerEvents', 'sideOffset', 'state', 'offsetX'],
+			inputs: [
+				'align',
+				'autoFocus',
+				'closeDelay',
+				'closeOnOutsidePointerEvents',
+				'sideOffset',
+				'state',
+				'offsetX',
+				'restoreFocus',
+			],
 			outputs: ['stateChanged', 'closed'],
 		},
 	],

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/combobox/files/lib/hlm-combobox.ts.template

@@ -18,12 +18,30 @@ import { classes } from '<%- importAlias %>/utils';
 	hostDirectives: [
 		{
 			directive: BrnCombobox,
-			inputs: ['disabled', 'filter', 'search', 'value', 'itemToString', 'filterOptions', 'isItemEqualToValue'],
+			inputs: [
+				'autoHighlight',
+				'disabled',
+				'filter',
+				'search',
+				'value',
+				'itemToString',
+				'filterOptions',
+				'isItemEqualToValue',
+			],
 			outputs: ['searchChange', 'valueChange'],
 		},
 		{
 			directive: BrnPopover,
-			inputs: ['align', 'autoFocus', 'closeDelay', 'closeOnOutsidePointerEvents', 'sideOffset', 'state', 'offsetX'],
+			inputs: [
+				'align',
+				'autoFocus',
+				'closeDelay',
+				'closeOnOutsidePointerEvents',
+				'sideOffset',
+				'state',
+				'offsetX',
+				'restoreFocus',
+			],
 			outputs: ['stateChanged', 'closed'],
 		},
 	],

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

@@ -4,10 +4,9 @@ import { HlmCommandEmpty } from './lib/hlm-command-empty';
 import { HlmCommandEmptyState } from './lib/hlm-command-empty-state';
 import { HlmCommandGroup } from './lib/hlm-command-group';
 import { HlmCommandGroupLabel } from './lib/hlm-command-group-label';
+import { HlmCommandInput } from './lib/hlm-command-input';
 import { HlmCommandItem } from './lib/hlm-command-item';
 import { HlmCommandList } from './lib/hlm-command-list';
-import { HlmCommandSearch } from './lib/hlm-command-search';
-import { HlmCommandSearchInput } from './lib/hlm-command-search-input';
 import { HlmCommandSeparator } from './lib/hlm-command-separator';
 import { HlmCommandShortcut } from './lib/hlm-command-shortcut';
 
@@ -17,10 +16,9 @@ export * from './lib/hlm-command-empty';
 export * from './lib/hlm-command-empty-state';
 export * from './lib/hlm-command-group';
 export * from './lib/hlm-command-group-label';
+export * from './lib/hlm-command-input';
 export * from './lib/hlm-command-item';
 export * from './lib/hlm-command-list';
-export * from './lib/hlm-command-search';
-export * from './lib/hlm-command-search-input';
 export * from './lib/hlm-command-separator';
 export * from './lib/hlm-command-shortcut';
 
@@ -31,10 +29,9 @@ export const HlmCommandImports = [
 	HlmCommandEmptyState,
 	HlmCommandGroup,
 	HlmCommandGroupLabel,
+	HlmCommandInput,
 	HlmCommandItem,
 	HlmCommandList,
-	HlmCommandSearchInput,
-	HlmCommandSearch,
 	HlmCommandSeparator,
 	HlmCommandShortcut,
 ] as const;

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

@@ -1,26 +1,54 @@
-import { Directive, ElementRef, afterNextRender, contentChild } from '@angular/core';
-import { BrnCommandSearchInputToken } from '@spartan-ng/brain/command';
-import { classes } from '<%- importAlias %>/utils';
+import { BooleanInput } from '@angular/cdk/coercion';
+import {
+	booleanAttribute,
+	ChangeDetectionStrategy,
+	Component,
+	computed,
+	input,
+	linkedSignal,
+	output,
+} from '@angular/core';
+import { BrnDialogContent, BrnDialogState } from '@spartan-ng/brain/dialog';
+import { HlmDialogImports } from '<%- importAlias %>/dialog';
+import { hlm } from '<%- importAlias %>/utils';
+import { ClassValue } from 'clsx';
 
-@Directive({
-	selector: '[hlmCommandDialog]',
-	host: {
-		'data-slot': 'command-dialog',
-	},
+@Component({
+	selector: 'hlm-command-dialog',
+	imports: [HlmDialogImports, BrnDialogContent],
+	changeDetection: ChangeDetectionStrategy.OnPush,
+	template: `
+		<hlm-dialog [state]="_state()" (stateChanged)="stateChanged($event)">
+			<hlm-dialog-content
+				*hlmDialogPortal="let ctx"
+				[class]="_computedDialogContentClass()"
+				[showCloseButton]="showCloseButton()"
+			>
+				<hlm-dialog-header class="sr-only">
+					<h2 hlmDialogTitle>{{ title() }}</h2>
+					<p hlmDialogDescription>{{ description() }}</p>
+				</hlm-dialog-header>
+				<ng-content />
+			</hlm-dialog-content>
+		</hlm-dialog>
+	`,
 })
 export class HlmCommandDialog {
-	/** Access the search field */
-	private readonly _searchInput = contentChild(BrnCommandSearchInputToken, { read: ElementRef });
+	public readonly title = input<string>('Command Palette');
+	public readonly description = input<string>('Search for a command to run...');
 
-	constructor() {
-		classes(() => '**:data-[slot=command-search]:h-12 **:data-[slot=command-search-input]:h-12');
+	public readonly state = input<BrnDialogState>('closed');
+	protected readonly _state = linkedSignal(this.state);
 
-		afterNextRender(() => {
-			const searchInput = this._searchInput();
+	public readonly showCloseButton = input<boolean, BooleanInput>(false, { transform: booleanAttribute });
 
-			if (searchInput) {
-				searchInput.nativeElement.focus();
-			}
-		});
+	public readonly dialogContentClass = input<ClassValue>('');
+	protected readonly _computedDialogContentClass = computed(() => hlm('w-96 p-0', this.dialogContentClass()));
+
+	public readonly stateChange = output<BrnDialogState>();
+
+	protected stateChanged(state: BrnDialogState) {
+		this.stateChange.emit(state);
+		this._state.set(state);
 	}
 }