@spartan-ng/cli 0.0.1-alpha.654 → 0.0.1-alpha.656

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spartan-ng/cli",
-  "version": "0.0.1-alpha.654",
+  "version": "0.0.1-alpha.656",
   "repository": {
     "type": "git",
     "url": "https://github.com/spartan-ng/spartan"

package/src/generators/base/lib/styles/index.d.ts

@@ -0,0 +1,3 @@
+export * from './create-style-map';
+export * from './transform';
+export * from './transform-style-map';

package/src/generators/base/lib/styles/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./create-style-map"), exports);
+tslib_1.__exportStar(require("./transform"), exports);
+tslib_1.__exportStar(require("./transform-style-map"), exports);
+//# sourceMappingURL=index.js.map

package/src/generators/base/lib/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../libs/cli/src/generators/base/lib/styles/index.ts"],"names":[],"mappings":";;;AAAA,6DAAmC;AACnC,sDAA4B;AAC5B,gEAAsC"}

package/src/generators/healthcheck/generator.js

@@ -9,6 +9,7 @@ const brn_accordion_trigger_1 = require("./healthchecks/brn-accordion-trigger");
 const brn_checkbox_changed_event_rename_1 = require("./healthchecks/brn-checkbox-changed-event-rename");
 const brn_collapsible_1 = require("./healthchecks/brn-collapsible");
 const brn_radio_1 = require("./healthchecks/brn-radio");
+const brn_select_1 = require("./healthchecks/brn-select");
 const brn_separator_1 = require("./healthchecks/brn-separator");
 const brn_switch_changed_event_rename_1 = require("./healthchecks/brn-switch-changed-event-rename");
 const brn_toggle_1 = require("./healthchecks/brn-toggle");
@@ -60,6 +61,7 @@ async function healthcheckGenerator(tree, options) {
         hlm_dialog_1.helmDialogHealthcheck,
         hlm_dialog_portal_1.helmDialogPortalHealthcheck,
         sonner_1.sonnerHealthcheck,
+        brn_select_1.brnSelectHealthcheck,
     ];
     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":";;AAiCA,oDAyDC;AA1FD,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,kDAA0D;AAC1D,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;QAC3B,0BAAiB;KACjB,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":";;AAkCA,oDA0DC;AA5FD,uCAA4D;AAC5D,+CAAoD;AACpD,iDAAmH;AACnH,gEAAuE;AACvE,gFAAwF;AACxF,wGAAiG;AACjG,oEAA6E;AAC7E,wDAAiE;AACjE,0DAAiE;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,kDAA0D;AAC1D,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;QAC3B,0BAAiB;QACjB,iCAAoB;KACpB,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/brn-select.d.ts

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

package/src/generators/healthcheck/healthchecks/brn-select.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.brnSelectHealthcheck = void 0;
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nx/devkit");
+const generator_1 = tslib_1.__importDefault(require("../../migrate-brn-select/generator"));
+const healthchecks_1 = require("../healthchecks");
+exports.brnSelectHealthcheck = {
+    name: 'Brain Select',
+    async detect(tree, failure, _, { importAlias }) {
+        (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;
+            }
+            // skip hlm select files itself
+            if (file.match(/hlm-select(-.*)?\.ts$/)) {
+                return;
+            }
+            const contents = tree.read(file, 'utf-8');
+            if (!contents) {
+                return;
+            }
+            if (contents.includes("'@spartan-ng/brain/select'")) {
+                failure(`The select package (@spartan-ng/brain/select) is deprecated. Please use ${importAlias}/select instead.`, healthchecks_1.HealthcheckSeverity.Error, true);
+            }
+        });
+    },
+    fix: async (tree) => {
+        await (0, generator_1.default)(tree, { skipFormat: true });
+        return true;
+    },
+    prompt: 'Would you like to migrate @spartan-ng/brain/select imports and selectors? Regenerate the helm select package.',
+};
+//# sourceMappingURL=brn-select.js.map

package/src/generators/healthcheck/healthchecks/brn-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"brn-select.js","sourceRoot":"","sources":["../../../../../../../libs/cli/src/generators/healthcheck/healthchecks/brn-select.ts"],"names":[],"mappings":";;;;AAAA,uCAAkD;AAClD,2FAA2E;AAC3E,kDAAwE;AAE3D,QAAA,oBAAoB,GAAgB;IAChD,IAAI,EAAE,cAAc;IACpB,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,WAAW,EAAE;QAC7C,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,+BAA+B;YAC/B,IAAI,IAAI,CAAC,KAAK,CAAC,uBAAuB,CAAC,EAAE,CAAC;gBACzC,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,IAAI,QAAQ,CAAC,QAAQ,CAAC,4BAA4B,CAAC,EAAE,CAAC;gBACrD,OAAO,CACN,2EAA2E,WAAW,kBAAkB,EACxG,kCAAmB,CAAC,KAAK,EACzB,IAAI,CACJ,CAAC;YACH,CAAC;QACF,CAAC,CAAC,CAAC;IACJ,CAAC;IACD,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;QACnB,MAAM,IAAA,mBAAyB,EAAC,IAAI,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;QAC5D,OAAO,IAAI,CAAC;IACb,CAAC;IACD,MAAM,EACL,+GAA+G;CAChH,CAAC"}

package/src/generators/migrate-brn-select/compat.d.ts

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

package/src/generators/migrate-brn-select/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.migrateBrnSelectGenerator);
+//# sourceMappingURL=compat.js.map

package/src/generators/migrate-brn-select/compat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compat.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/generators/migrate-brn-select/compat.ts"],"names":[],"mappings":";;AAAA,uCAAgD;AAChD,2CAAwD;AAExD,kBAAe,IAAA,2BAAkB,EAAC,qCAAyB,CAAC,CAAC"}

package/src/generators/migrate-brn-select/generator.d.ts

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

package/src/generators/migrate-brn-select/generator.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateBrnSelectGenerator = migrateBrnSelectGenerator;
+const devkit_1 = require("@nx/devkit");
+const visit_files_1 = require("../../utils/visit-files");
+async function migrateBrnSelectGenerator(tree, { skipFormat }) {
+    updateImports(tree);
+    replaceSelector(tree);
+    if (!skipFormat) {
+        await (0, devkit_1.formatFiles)(tree);
+    }
+}
+/**
+ * Update imports
+ */
+function updateImports(tree) {
+    (0, visit_files_1.visitFiles)(tree, '/', (path) => {
+        // if this is not a typescript file then skip
+        if (!path.endsWith('.ts')) {
+            return;
+        }
+        // skip hlm select files itself
+        if (path.match(/hlm-select(-.*)?\.ts$/)) {
+            return;
+        }
+        let content = tree.read(path, 'utf-8');
+        if (!content) {
+            return;
+        }
+        if (content.includes('@spartan-ng/brain/select')) {
+            content = content
+                .replace(`import { BrnSelectImports } from '@spartan-ng/brain/select';`, '')
+                .replace(/BrnSelectImports,?\s?/g, '');
+        }
+        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;
+        }
+        // skip hlm select files itself
+        if (path.match(/hlm-select(-.*)?\.ts$/)) {
+            return;
+        }
+        let content = tree.read(path, 'utf-8');
+        if (!content) {
+            return;
+        }
+        if (content.includes('<brn-select')) {
+            content = content.replace(/<brn-select([^>]*)>(.*?)<\/brn-select>/gs, (match, attributes, innerContent) => {
+                const placeholderMatch = attributes.match(/placeholder="([^"]*)"/);
+                const placeholder = placeholderMatch?.[1];
+                const newAttributes = attributes.replace(/\s+placeholder="[^"]*"/, '');
+                let newInnerContent = innerContent;
+                if (placeholder) {
+                    newInnerContent = newInnerContent
+                        .replace(/<hlm-select-value\s*\/>/g, `<hlm-select-value placeholder="${placeholder}" />`)
+                        .replace(/<hlm-select-value\s*>/g, `<hlm-select-value placeholder="${placeholder}">`);
+                }
+                return `<hlm-select${newAttributes}>${newInnerContent}</hlm-select>`;
+            });
+            content = content
+                .replace(/<hlm-select-content/g, `<hlm-select-content *hlmSelectPortal`)
+                .replace(/<hlm-select-content([^>]*)>/g, `<hlm-select-content$1>\n<hlm-select-group>`)
+                .replace(/<\/hlm-select-content>/g, `</hlm-select-group>\n</hlm-select-content>`)
+                .replace(/<hlm-option/g, `<hlm-select-item`)
+                .replace(/<\/hlm-option>/g, `</hlm-select-item>`)
+                .replace(/<hlm-select-scroll-up \/>/g, '')
+                .replace(/<hlm-select-scroll-down \/>/g, '');
+        }
+        tree.write(path, content);
+    });
+}
+exports.default = migrateBrnSelectGenerator;
+//# sourceMappingURL=generator.js.map

package/src/generators/migrate-brn-select/generator.js.map

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

package/src/generators/migrate-brn-select/schema.d.ts

@@ -0,0 +1,3 @@
+export interface MigrateBrnSelectGeneratorSchema {
+	skipFormat?: boolean;
+}

package/src/generators/migrate-brn-select/schema.json

@@ -0,0 +1,14 @@
+{
+	"$schema": "http://json-schema.org/draft-07/schema",
+	"$id": "MigrateBrnSelect",
+	"title": "",
+	"type": "object",
+	"properties": {
+		"skipFormat": {
+			"type": "boolean",
+			"default": false,
+			"description": "Skip formatting files"
+		}
+	},
+	"required": []
+}

package/src/generators/migrate-module-imports/import-map.d.ts

@@ -22,7 +22,6 @@ declare const _default: {
     BrnPopoverModule: string;
     BrnProgressModule: string;
     BrnRadioGroupModule: string;
-    BrnSelectModule: string;
     BrnSeparatorModule: string;
     BrnSheetModule: string;
     BrnSwitchModule: string;

package/src/generators/migrate-module-imports/import-map.js

@@ -24,7 +24,7 @@ exports.default = {
     BrnPopoverModule: 'BrnPopoverImports',
     BrnProgressModule: 'BrnProgressImports',
     BrnRadioGroupModule: 'BrnRadioGroupImports',
-    BrnSelectModule: 'BrnSelectImports',
+    // BrnSelectModule: 'BrnSelectImports',
     BrnSeparatorModule: 'BrnSeparatorImports',
     BrnSheetModule: 'BrnSheetImports',
     BrnSwitchModule: 'BrnSwitchImports',

package/src/generators/migrate-module-imports/import-map.js.map

@@ -1 +1 @@
-{"version":3,"file":"import-map.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/generators/migrate-module-imports/import-map.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACd,kBAAkB,EAAE,qBAAqB;IACzC,oBAAoB,EAAE,uBAAuB;IAC7C,qBAAqB,EAAE,wBAAwB;IAC/C,eAAe,EAAE,kBAAkB;IACnC,eAAe,EAAE,kBAAkB;IACnC,iBAAiB,EAAE,oBAAoB;IACvC,iBAAiB,EAAE,oBAAoB;IACvC,oBAAoB,EAAE,uBAAuB;IAC7C,gBAAgB,EAAE,mBAAmB;IACrC,eAAe,EAAE,kBAAkB;IACnC,kBAAkB,EAAE,qBAAqB;IACzC,iBAAiB,EAAE,oBAAoB;IACvC,cAAc,EAAE,iBAAiB;IACjC,kBAAkB,EAAE,wBAAwB;IAC5C,iBAAiB,EAAE,wBAAwB;IAC3C,qBAAqB,EAAE,wBAAwB;IAC/C,iBAAiB,EAAE,wBAAwB;IAC3C,aAAa,EAAE,wBAAwB;IACvC,gBAAgB,EAAE,wBAAwB;IAC1C,oBAAoB,EAAE,wBAAwB;IAC9C,gBAAgB,EAAE,mBAAmB;IACrC,iBAAiB,EAAE,oBAAoB;IACvC,mBAAmB,EAAE,sBAAsB;IAC3C,eAAe,EAAE,kBAAkB;IACnC,kBAAkB,EAAE,qBAAqB;IACzC,cAAc,EAAE,iBAAiB;IACjC,eAAe,EAAE,kBAAkB;IACnC,aAAa,EAAE,gBAAgB;IAC/B,eAAe,EAAE,kBAAkB;IACnC,oBAAoB,EAAE,uBAAuB;IAC7C,wBAAwB,EAAE,uBAAuB;IACjD,gBAAgB,EAAE,mBAAmB;IACrC,kBAAkB,EAAE,qBAAqB;IACzC,cAAc,EAAE,iBAAiB;IACjC,oBAAoB,EAAE,uBAAuB;IAC7C,oBAAoB,EAAE,uBAAuB;IAC7C,qBAAqB,EAAE,wBAAwB;IAC/C,eAAe,EAAE,kBAAkB;IACnC,cAAc,EAAE,iBAAiB;IACjC,mBAAmB,EAAE,sBAAsB;IAC3C,eAAe,EAAE,kBAAkB;IACnC,iBAAiB,EAAE,oBAAoB;IACvC,aAAa,EAAE,gBAAgB;IAC/B,iBAAiB,EAAE,oBAAoB;IACvC,iBAAiB,EAAE,oBAAoB;IACvC,gBAAgB,EAAE,mBAAmB;IACrC,mBAAmB,EAAE,sBAAsB;IAC3C,eAAe,EAAE,kBAAkB;IACnC,kBAAkB,EAAE,qBAAqB;IACzC,kBAAkB,EAAE,qBAAqB;IACzC,aAAa,EAAE,gBAAgB;IAC/B,cAAc,EAAE,iBAAiB;IACjC,iBAAiB,EAAE,oBAAoB;IACvC,cAAc,EAAE,iBAAiB;IACjC,aAAa,EAAE,wBAAwB;IACvC,iBAAiB,EAAE,wBAAwB;IAC3C,gBAAgB,EAAE,wBAAwB;IAC1C,mBAAmB,EAAE,sBAAsB;IAC3C,gBAAgB,EAAE,mBAAmB;IACrC,iBAAiB,EAAE,oBAAoB;IACvC,mBAAmB,EAAE,sBAAsB;IAC3C,mBAAmB,EAAE,sBAAsB;IAC3C,eAAe,EAAE,kBAAkB;IACnC,kBAAkB,EAAE,qBAAqB;IACzC,cAAc,EAAE,iBAAiB;IACjC,gBAAgB,EAAE,mBAAmB;IACrC,iBAAiB,EAAE,oBAAoB;IACvC,eAAe,EAAE,kBAAkB;IACnC,gBAAgB,EAAE,mBAAmB;IACrC,gBAAgB,EAAE,mBAAmB;IACrC,eAAe,EAAE,kBAAkB;IACnC,cAAc,EAAE,iBAAiB;IACjC,aAAa,EAAE,gBAAgB;IAC/B,eAAe,EAAE,kBAAkB;IACnC,oBAAoB,EAAE,uBAAuB;IAC7C,gBAAgB,EAAE,mBAAmB;CACrC,CAAC"}
+{"version":3,"file":"import-map.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/generators/migrate-module-imports/import-map.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACd,kBAAkB,EAAE,qBAAqB;IACzC,oBAAoB,EAAE,uBAAuB;IAC7C,qBAAqB,EAAE,wBAAwB;IAC/C,eAAe,EAAE,kBAAkB;IACnC,eAAe,EAAE,kBAAkB;IACnC,iBAAiB,EAAE,oBAAoB;IACvC,iBAAiB,EAAE,oBAAoB;IACvC,oBAAoB,EAAE,uBAAuB;IAC7C,gBAAgB,EAAE,mBAAmB;IACrC,eAAe,EAAE,kBAAkB;IACnC,kBAAkB,EAAE,qBAAqB;IACzC,iBAAiB,EAAE,oBAAoB;IACvC,cAAc,EAAE,iBAAiB;IACjC,kBAAkB,EAAE,wBAAwB;IAC5C,iBAAiB,EAAE,wBAAwB;IAC3C,qBAAqB,EAAE,wBAAwB;IAC/C,iBAAiB,EAAE,wBAAwB;IAC3C,aAAa,EAAE,wBAAwB;IACvC,gBAAgB,EAAE,wBAAwB;IAC1C,oBAAoB,EAAE,wBAAwB;IAC9C,gBAAgB,EAAE,mBAAmB;IACrC,iBAAiB,EAAE,oBAAoB;IACvC,mBAAmB,EAAE,sBAAsB;IAC3C,uCAAuC;IACvC,kBAAkB,EAAE,qBAAqB;IACzC,cAAc,EAAE,iBAAiB;IACjC,eAAe,EAAE,kBAAkB;IACnC,aAAa,EAAE,gBAAgB;IAC/B,eAAe,EAAE,kBAAkB;IACnC,oBAAoB,EAAE,uBAAuB;IAC7C,wBAAwB,EAAE,uBAAuB;IACjD,gBAAgB,EAAE,mBAAmB;IACrC,kBAAkB,EAAE,qBAAqB;IACzC,cAAc,EAAE,iBAAiB;IACjC,oBAAoB,EAAE,uBAAuB;IAC7C,oBAAoB,EAAE,uBAAuB;IAC7C,qBAAqB,EAAE,wBAAwB;IAC/C,eAAe,EAAE,kBAAkB;IACnC,cAAc,EAAE,iBAAiB;IACjC,mBAAmB,EAAE,sBAAsB;IAC3C,eAAe,EAAE,kBAAkB;IACnC,iBAAiB,EAAE,oBAAoB;IACvC,aAAa,EAAE,gBAAgB;IAC/B,iBAAiB,EAAE,oBAAoB;IACvC,iBAAiB,EAAE,oBAAoB;IACvC,gBAAgB,EAAE,mBAAmB;IACrC,mBAAmB,EAAE,sBAAsB;IAC3C,eAAe,EAAE,kBAAkB;IACnC,kBAAkB,EAAE,qBAAqB;IACzC,kBAAkB,EAAE,qBAAqB;IACzC,aAAa,EAAE,gBAAgB;IAC/B,cAAc,EAAE,iBAAiB;IACjC,iBAAiB,EAAE,oBAAoB;IACvC,cAAc,EAAE,iBAAiB;IACjC,aAAa,EAAE,wBAAwB;IACvC,iBAAiB,EAAE,wBAAwB;IAC3C,gBAAgB,EAAE,wBAAwB;IAC1C,mBAAmB,EAAE,sBAAsB;IAC3C,gBAAgB,EAAE,mBAAmB;IACrC,iBAAiB,EAAE,oBAAoB;IACvC,mBAAmB,EAAE,sBAAsB;IAC3C,mBAAmB,EAAE,sBAAsB;IAC3C,eAAe,EAAE,kBAAkB;IACnC,kBAAkB,EAAE,qBAAqB;IACzC,cAAc,EAAE,iBAAiB;IACjC,gBAAgB,EAAE,mBAAmB;IACrC,iBAAiB,EAAE,oBAAoB;IACvC,eAAe,EAAE,kBAAkB;IACnC,gBAAgB,EAAE,mBAAmB;IACrC,gBAAgB,EAAE,mBAAmB;IACrC,eAAe,EAAE,kBAAkB;IACnC,cAAc,EAAE,iBAAiB;IACjC,aAAa,EAAE,gBAAgB;IAC/B,eAAe,EAAE,kBAAkB;IACnC,oBAAoB,EAAE,uBAAuB;IAC7C,gBAAgB,EAAE,mBAAmB;CACrC,CAAC"}

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

@@ -6,7 +6,7 @@ import type { ClassValue } from 'clsx';
 import { injectBrnButtonConfig } from './hlm-button.token';
 
 export const buttonVariants = cva(
-	'spartan-button group/button inline-flex shrink-0 items-center justify-center whitespace-nowrap transition-all outline-none select-none disabled:pointer-events-none disabled:opacity-50 [&_ng-icon]:pointer-events-none [&_ng-icon]:shrink-0',
+	'spartan-button group/button inline-flex shrink-0 items-center justify-center whitespace-nowrap transition-all outline-none select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_ng-icon]:pointer-events-none [&_ng-icon]:shrink-0',
 	{
 		variants: {
 			variant: {

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

@@ -14,7 +14,6 @@ import { NgIcon, provideIcons } from '@ng-icons/core';
 import { lucideChevronLeft, lucideChevronRight } from '@ng-icons/lucide';
 import { BrnCalendarImports, BrnCalendarMulti, injectBrnCalendarI18n, type Weekday } from '@spartan-ng/brain/calendar';
 import { injectDateAdapter } from '@spartan-ng/brain/date-time';
-import { BrnSelectImports } from '@spartan-ng/brain/select';
 import { buttonVariants } from '<%- importAlias %>/button';
 import { HlmIcon } from '<%- importAlias %>/icon';
 import { HlmSelectImports } from '<%- importAlias %>/select';
@@ -23,7 +22,7 @@ import type { ClassValue } from 'clsx';
 
 @Component({
 	selector: 'hlm-calendar-multi',
-	imports: [BrnCalendarImports, NgIcon, HlmIcon, NgTemplateOutlet, BrnSelectImports, HlmSelectImports],
+	imports: [BrnCalendarImports, NgIcon, HlmIcon, NgTemplateOutlet, HlmSelectImports],
 	viewProviders: [provideIcons({ lucideChevronLeft, lucideChevronRight })],
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	template: `
@@ -46,28 +45,32 @@ import type { ClassValue } from 'clsx';
 					<div class="relative flex items-center justify-center pt-1">
 						<div class="flex w-full items-center justify-center gap-1.5">
 							<ng-template #month>
-								<brn-select brnCalendarMonthSelect>
+								<hlm-select brnCalendarMonthSelect>
 									<hlm-select-trigger size="sm" [class]="_selectClass">
-										<brn-select-value />
+										<hlm-select-value />
 									</hlm-select-trigger>
-									<hlm-select-content class="max-h-80">
-										@for (month of _i18n.config().months(); track month) {
-											<hlm-option [value]="month">{{ month }}</hlm-option>
-										}
+									<hlm-select-content *hlmSelectPortal class="max-h-80">
+										<hlm-select-group>
+											@for (month of _i18n.config().months(); track month) {
+												<hlm-select-item [value]="month">{{ month }}</hlm-select-item>
+											}
+										</hlm-select-group>
 									</hlm-select-content>
-								</brn-select>
+								</hlm-select>
 							</ng-template>
 							<ng-template #year>
-								<brn-select brnCalendarYearSelect>
+								<hlm-select brnCalendarYearSelect>
 									<hlm-select-trigger size="sm" [class]="_selectClass">
-										<brn-select-value />
+										<hlm-select-value />
 									</hlm-select-trigger>
-									<hlm-select-content class="max-h-80">
-										@for (year of _i18n.config().years(); track year) {
-											<hlm-option [value]="year">{{ year }}</hlm-option>
-										}
+									<hlm-select-content *hlmSelectPortal class="max-h-80">
+										<hlm-select-group>
+											@for (year of _i18n.config().years(); track year) {
+												<hlm-select-item [value]="year">{{ year }}</hlm-select-item>
+											}
+										</hlm-select-group>
 									</hlm-select-content>
-								</brn-select>
+								</hlm-select>
 							</ng-template>
 							@let heading = _heading();
 							@switch (captionLayout()) {

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

@@ -14,7 +14,6 @@ import { NgIcon, provideIcons } from '@ng-icons/core';
 import { lucideChevronLeft, lucideChevronRight } from '@ng-icons/lucide';
 import { BrnCalendarImports, BrnCalendarRange, injectBrnCalendarI18n, type Weekday } from '@spartan-ng/brain/calendar';
 import { injectDateAdapter } from '@spartan-ng/brain/date-time';
-import { BrnSelectImports } from '@spartan-ng/brain/select';
 import { buttonVariants } from '<%- importAlias %>/button';
 import { HlmIcon } from '<%- importAlias %>/icon';
 import { HlmSelectImports } from '<%- importAlias %>/select';
@@ -23,7 +22,7 @@ import type { ClassValue } from 'clsx';
 
 @Component({
 	selector: 'hlm-calendar-range',
-	imports: [BrnCalendarImports, NgIcon, HlmIcon, HlmSelectImports, BrnSelectImports, NgTemplateOutlet],
+	imports: [BrnCalendarImports, NgIcon, HlmIcon, HlmSelectImports, NgTemplateOutlet],
 	viewProviders: [provideIcons({ lucideChevronLeft, lucideChevronRight })],
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	template: `
@@ -45,28 +44,32 @@ import type { ClassValue } from 'clsx';
 					<div class="relative flex items-center justify-center pt-1">
 						<div class="flex w-full items-center justify-center gap-1.5">
 							<ng-template #month>
-								<brn-select brnCalendarMonthSelect>
+								<hlm-select brnCalendarMonthSelect>
 									<hlm-select-trigger size="sm" [class]="_selectClass">
-										<brn-select-value />
+										<hlm-select-value />
 									</hlm-select-trigger>
-									<hlm-select-content class="max-h-80">
-										@for (month of _i18n.config().months(); track month) {
-											<hlm-option [value]="month">{{ month }}</hlm-option>
-										}
+									<hlm-select-content *hlmSelectPortal class="max-h-80">
+										<hlm-select-group>
+											@for (month of _i18n.config().months(); track month) {
+												<hlm-select-item [value]="month">{{ month }}</hlm-select-item>
+											}
+										</hlm-select-group>
 									</hlm-select-content>
-								</brn-select>
+								</hlm-select>
 							</ng-template>
 							<ng-template #year>
-								<brn-select brnCalendarYearSelect>
+								<hlm-select brnCalendarYearSelect>
 									<hlm-select-trigger size="sm" [class]="_selectClass">
-										<brn-select-value />
+										<hlm-select-value />
 									</hlm-select-trigger>
-									<hlm-select-content class="max-h-80">
-										@for (year of _i18n.config().years(); track year) {
-											<hlm-option [value]="year">{{ year }}</hlm-option>
-										}
+									<hlm-select-content *hlmSelectPortal class="max-h-80">
+										<hlm-select-group>
+											@for (year of _i18n.config().years(); track year) {
+												<hlm-select-item [value]="year">{{ year }}</hlm-select-item>
+											}
+										</hlm-select-group>
 									</hlm-select-content>
-								</brn-select>
+								</hlm-select>
 							</ng-template>
 							@let heading = _heading();
 							@switch (captionLayout()) {

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

@@ -14,7 +14,6 @@ import { NgIcon, provideIcons } from '@ng-icons/core';
 import { lucideChevronLeft, lucideChevronRight } from '@ng-icons/lucide';
 import { BrnCalendar, BrnCalendarImports, injectBrnCalendarI18n, type Weekday } from '@spartan-ng/brain/calendar';
 import { injectDateAdapter } from '@spartan-ng/brain/date-time';
-import { BrnSelectImports } from '@spartan-ng/brain/select';
 import { buttonVariants } from '<%- importAlias %>/button';
 import { HlmIcon } from '<%- importAlias %>/icon';
 import { HlmSelectImports } from '<%- importAlias %>/select';
@@ -23,7 +22,7 @@ import type { ClassValue } from 'clsx';
 
 @Component({
 	selector: 'hlm-calendar',
-	imports: [BrnCalendarImports, NgIcon, HlmIcon, BrnSelectImports, HlmSelectImports, NgTemplateOutlet],
+	imports: [BrnCalendarImports, NgIcon, HlmIcon, HlmSelectImports, NgTemplateOutlet],
 	viewProviders: [provideIcons({ lucideChevronLeft, lucideChevronRight })],
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	template: `
@@ -44,28 +43,32 @@ import type { ClassValue } from 'clsx';
 					<div class="relative flex items-center justify-center pt-1">
 						<div class="flex w-full items-center justify-center gap-1.5">
 							<ng-template #month>
-								<brn-select brnCalendarMonthSelect>
+								<hlm-select brnCalendarMonthSelect>
 									<hlm-select-trigger size="sm" [class]="_selectClass">
-										<brn-select-value />
+										<hlm-select-value />
 									</hlm-select-trigger>
-									<hlm-select-content class="max-h-80">
-										@for (month of _i18n.config().months(); track month) {
-											<hlm-option [value]="month">{{ month }}</hlm-option>
-										}
+									<hlm-select-content *hlmSelectPortal class="max-h-80">
+										<hlm-select-group>
+											@for (month of _i18n.config().months(); track month) {
+												<hlm-select-item [value]="month">{{ month }}</hlm-select-item>
+											}
+										</hlm-select-group>
 									</hlm-select-content>
-								</brn-select>
+								</hlm-select>
 							</ng-template>
 							<ng-template #year>
-								<brn-select brnCalendarYearSelect>
+								<hlm-select brnCalendarYearSelect>
 									<hlm-select-trigger size="sm" [class]="_selectClass">
-										<brn-select-value />
+										<hlm-select-value />
 									</hlm-select-trigger>
-									<hlm-select-content class="max-h-80">
-										@for (year of _i18n.config().years(); track year) {
-											<hlm-option [value]="year">{{ year }}</hlm-option>
-										}
+									<hlm-select-content *hlmSelectPortal class="max-h-80">
+										<hlm-select-group>
+											@for (year of _i18n.config().years(); track year) {
+												<hlm-select-item [value]="year">{{ year }}</hlm-select-item>
+											}
+										</hlm-select-group>
 									</hlm-select-content>
-								</brn-select>
+								</hlm-select>
 							</ng-template>
 							@let heading = _heading();
 							@switch (captionLayout()) {

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

@@ -10,11 +10,13 @@ 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 { HlmComboboxPlaceholder } from './lib/hlm-combobox-placeholder';
 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';
 import { HlmComboboxValue } from './lib/hlm-combobox-value';
+import { HlmComboboxValueTemplate } from './lib/hlm-combobox-value-template';
 import { HlmComboboxValues } from './lib/hlm-combobox-values';
 
 export * from './lib/hlm-combobox';
@@ -29,11 +31,13 @@ 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-placeholder';
 export * from './lib/hlm-combobox-portal';
 export * from './lib/hlm-combobox-separator';
 export * from './lib/hlm-combobox-status';
 export * from './lib/hlm-combobox-trigger';
 export * from './lib/hlm-combobox-value';
+export * from './lib/hlm-combobox-value-template';
 export * from './lib/hlm-combobox-values';
 
 export const HlmComboboxImports = [
@@ -49,10 +53,12 @@ export const HlmComboboxImports = [
 	HlmComboboxLabel,
 	HlmComboboxList,
 	HlmComboboxMultiple,
+	HlmComboboxPlaceholder,
 	HlmComboboxPortal,
 	HlmComboboxSeparator,
 	HlmComboboxStatus,
 	HlmComboboxTrigger,
 	HlmComboboxValue,
+	HlmComboboxValueTemplate,
 	HlmComboboxValues,
 ] as const;

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

@@ -0,0 +1,17 @@
+import { Directive } from '@angular/core';
+import { BrnComboboxPlaceholder } from '@spartan-ng/brain/combobox';
+import { classes } from '<%- importAlias %>/utils';
+
+@Directive({
+	selector: '[hlmComboboxPlaceholder],hlm-combobox-placeholder',
+	hostDirectives: [BrnComboboxPlaceholder],
+	host: { 'data-slot': 'combobox-placeholder' },
+})
+export class HlmComboboxPlaceholder {
+	constructor() {
+		classes(
+			() =>
+				"flex items-center gap-2 data-hidden:hidden [&_ng-icon]:pointer-events-none [&_ng-icon]:shrink-0 [&_ng-icon:not([class*='text-'])]:text-base",
+		);
+	}
+}

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

@@ -24,6 +24,7 @@ import type { ClassValue } from 'clsx';
 			brnComboboxPopoverTrigger
 			hlmBtn
 			data-slot="combobox-trigger"
+			[id]="buttonId()"
 			[class]="_computedClass()"
 			[variant]="variant()"
 		>
@@ -33,10 +34,14 @@ import type { ClassValue } from 'clsx';
 	`,
 })
 export class HlmComboboxTrigger {
+	private static _id = 0;
+
 	public readonly userClass = input<ClassValue>('', {
 		alias: 'class',
 	});
-	protected readonly _computedClass = computed(() => hlm(this.userClass()));
+	protected readonly _computedClass = computed(() => hlm('data-placeholder:text-muted-foreground', this.userClass()));
+
+	public readonly buttonId = input<string>(`hlm-combobox-trigger-${HlmComboboxTrigger._id++}`);
 
 	public readonly variant = input<ButtonVariants['variant']>('outline');
 }

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

@@ -0,0 +1,5 @@
+import { Directive } from '@angular/core';
+import { BrnComboboxValueTemplate } from '@spartan-ng/brain/combobox';
+
+@Directive({ selector: '[hlmComboboxValueTemplate]', hostDirectives: [BrnComboboxValueTemplate] })
+export class HlmComboboxValueTemplate {}

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

@@ -1,5 +1,13 @@
 import { Directive } from '@angular/core';
 import { BrnComboboxValue } from '@spartan-ng/brain/combobox';
+import { classes } from '<%- importAlias %>/utils';
 
-@Directive({ selector: '[hlmComboboxValue]', hostDirectives: [BrnComboboxValue] })
-export class HlmComboboxValue {}
+@Directive({
+	selector: '[hlmComboboxValue],hlm-combobox-value',
+	hostDirectives: [{ directive: BrnComboboxValue, inputs: ['placeholder'] }],
+})
+export class HlmComboboxValue {
+	constructor() {
+		classes(() => 'data-hidden:hidden');
+	}
+}

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

@@ -1,18 +1,18 @@
-import { HlmNavigationMenu } from './hlm-navigation-menu';
-import { HlmNavigationMenuContent } from './hlm-navigation-menu-content';
-import { HlmNavigationMenuItem } from './hlm-navigation-menu-item';
-import { HlmNavigationMenuLink } from './hlm-navigation-menu-link';
-import { HlmNavigationMenuList } from './hlm-navigation-menu-list';
-import { HlmNavigationMenuPortal } from './hlm-navigation-menu-portal';
-import { HlmNavigationMenuTrigger } from './hlm-navigation-menu-trigger';
+import { HlmNavigationMenu } from './lib/hlm-navigation-menu';
+import { HlmNavigationMenuContent } from './lib/hlm-navigation-menu-content';
+import { HlmNavigationMenuItem } from './lib/hlm-navigation-menu-item';
+import { HlmNavigationMenuLink } from './lib/hlm-navigation-menu-link';
+import { HlmNavigationMenuList } from './lib/hlm-navigation-menu-list';
+import { HlmNavigationMenuPortal } from './lib/hlm-navigation-menu-portal';
+import { HlmNavigationMenuTrigger } from './lib/hlm-navigation-menu-trigger';
 
-export * from './hlm-navigation-menu';
-export * from './hlm-navigation-menu-content';
-export * from './hlm-navigation-menu-item';
-export * from './hlm-navigation-menu-link';
-export * from './hlm-navigation-menu-list';
-export * from './hlm-navigation-menu-portal';
-export * from './hlm-navigation-menu-trigger';
+export * from './lib/hlm-navigation-menu';
+export * from './lib/hlm-navigation-menu-content';
+export * from './lib/hlm-navigation-menu-item';
+export * from './lib/hlm-navigation-menu-link';
+export * from './lib/hlm-navigation-menu-list';
+export * from './lib/hlm-navigation-menu-portal';
+export * from './lib/hlm-navigation-menu-trigger';
 
 export const HlmNavigationMenuImports = [
 	HlmNavigationMenu,