@nx/angular 17.0.4 → 17.0.6

package/src/generators/component/component.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentGeneratorInternal = exports.componentGenerator = void 0;
 const devkit_1 = require("@nx/devkit");
 const utils_1 = require("../utils");
-const version_utils_1 = require("../utils/version-utils");
 const lib_1 = require("./lib");
 async function componentGenerator(tree, rawOptions) {
     await componentGeneratorInternal(tree, {
@@ -13,8 +12,8 @@ async function componentGenerator(tree, rawOptions) {
 }
 exports.componentGenerator = componentGenerator;
 async function componentGeneratorInternal(tree, rawOptions) {
+    (0, lib_1.validateOptions)(tree, rawOptions);
     const options = await (0, lib_1.normalizeOptions)(tree, rawOptions);
-    const { major: angularMajorVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
     (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, 'files'), options.directory, {
         name: options.name,
         fileName: options.fileName,
@@ -28,7 +27,6 @@ async function componentGeneratorInternal(tree, rawOptions) {
         viewEncapsulation: options.viewEncapsulation,
         displayBlock: options.displayBlock,
         selector: options.selector,
-        angularMajorVersion,
         tpl: '',
     });
     if (options.skipTests) {
@@ -48,7 +46,6 @@ async function componentGeneratorInternal(tree, rawOptions) {
         (0, utils_1.addToNgModule)(tree, options.directory, modulePath, options.name, options.symbolName, options.fileName, 'declarations', true, options.export);
     }
     (0, lib_1.exportComponentInEntryPoint)(tree, options);
-    (0, lib_1.setGeneratorDefaults)(tree, options);
     if (!options.skipFormat) {
         await (0, devkit_1.formatFiles)(tree);
     }

package/src/generators/component/files/__fileName__.spec.ts__tpl__

@@ -7,8 +7,9 @@ describe('<%= symbolName %>', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      <%= standalone ? 'imports' : 'declarations' %>: [<%= symbolName %>]
-    }).compileComponents();
+      <%= standalone ? 'imports' : 'declarations' %>: [ <%= symbolName %> ]
+    })
+    .compileComponents();
 
     fixture = TestBed.createComponent(<%= symbolName %>);
     component = fixture.componentInstance;

package/src/generators/component/files/__fileName__.ts__tpl__

@@ -6,7 +6,7 @@ import { CommonModule } from '@angular/common';<% } %>
   standalone: true,
   imports: [CommonModule],<%}%><% if(inlineTemplate) { %>
   template: `<p><%= name %> works!</p>`<% } else { %>
-  templateUrl: './<%= fileName %>.html'<% } if (angularMajorVersion < 17) { if(inlineStyle) { %>,
+  templateUrl: './<%= fileName %>.html'<% } if(inlineStyle) { %>,
   styles: [<% if(displayBlock){ %>
     `
       :host {
@@ -14,13 +14,7 @@ import { CommonModule } from '@angular/common';<% } %>
       }
     `<% } %>
   ]<% } else if (style !== 'none') { %>,
-  styleUrls: ['./<%= fileName %>.<%= style %>']<% } %><% } else { if(inlineStyle) { %>,
-  styles: `<% if(displayBlock){ %>
-    :host {
-      display: block;
-    }
-  <% } %>`<% } else if (style !== 'none') { %>,
-  styleUrl: './<%= fileName %>.<%= style %>'<% } %><% } %><% if(!!viewEncapsulation) { %>,
+  styleUrls: ['./<%= fileName %>.<%= style %>']<% } %><% if(!!viewEncapsulation) { %>,
   encapsulation: ViewEncapsulation.<%= viewEncapsulation %><% } if (changeDetection !== 'Default') { %>,
   changeDetection: ChangeDetectionStrategy.<%= changeDetection %><% } %>
 })

package/src/generators/component/lib/component.js

@@ -28,7 +28,7 @@ function exportComponentInEntryPoint(tree, schema) {
     }
     const relativePathFromEntryPoint = (0, path_1.getRelativeImportToFile)(entryPointPath, schema.filePath);
     const updateEntryPointContent = (0, devkit_1.stripIndents) `${tree.read(entryPointPath, 'utf-8')}
-    export * from '${relativePathFromEntryPoint}';`;
+    export * from "${relativePathFromEntryPoint}";`;
     tree.write(entryPointPath, updateEntryPointContent);
 }
 exports.exportComponentInEntryPoint = exportComponentInEntryPoint;

package/src/generators/component/lib/index.d.ts

@@ -1,4 +1,4 @@
 export * from './component';
 export * from './module';
 export * from './normalize-options';
-export * from './set-generator-defaults';
+export * from './validate-options';

package/src/generators/component/lib/index.js

@@ -4,4 +4,4 @@ const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./component"), exports);
 tslib_1.__exportStar(require("./module"), exports);
 tslib_1.__exportStar(require("./normalize-options"), exports);
-tslib_1.__exportStar(require("./set-generator-defaults"), exports);
+tslib_1.__exportStar(require("./validate-options"), exports);

package/src/generators/component/lib/normalize-options.js

@@ -20,15 +20,14 @@ async function normalizeOptions(tree, options) {
     const { className: suffixClassName } = (0, devkit_1.names)(options.type);
     const symbolName = `${className}${suffixClassName}`;
     const { prefix, root, sourceRoot } = (0, devkit_1.readProjectConfiguration)(tree, projectName);
-    const selector = options.selector ?? (0, selector_1.buildSelector)(name, options.prefix, prefix, 'fileName');
-    (0, selector_1.validateHtmlSelector)(selector);
+    const selector = options.selector ??
+        (0, selector_1.buildSelector)(tree, name, options.prefix, prefix, 'fileName');
     return {
         ...options,
         name,
         projectName,
         changeDetection: options.changeDetection ?? 'Default',
         style: options.style ?? 'css',
-        standalone: options.standalone ?? true,
         directory,
         fileName,
         filePath,

package/src/generators/{setup-mf/lib/update-tsconfig.d.ts → component/lib/validate-options.d.ts}

@@ -1,3 +1,3 @@
 import type { Tree } from '@nx/devkit';
 import type { Schema } from '../schema';
-export declare function updateTsConfig(tree: Tree, schema: Schema): void;
+export declare function validateOptions(tree: Tree, options: Schema): void;

package/src/generators/component/lib/validate-options.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateOptions = void 0;
+const validations_1 = require("../../utils/validations");
+function validateOptions(tree, options) {
+    (0, validations_1.validateStandaloneOption)(tree, options.standalone);
+}
+exports.validateOptions = validateOptions;

package/src/generators/component/schema.d.ts

@@ -22,15 +22,15 @@ export interface Schema {
   skipFormat?: boolean;
 
   /**
-   * @deprecated Provide the `directory` option instead and use the `as-provided` format. It will be removed in Nx v19.
+   * @deprecated Provide the `directory` option instead and use the `as-provided` format. It will be removed in Nx v18.
    */
   flat?: boolean;
   /**
-   * @deprecated Provide the `directory` option instead. It will be removed in Nx v19.
+   * @deprecated Provide the `directory` option instead. It will be removed in Nx v18.
    */
   path?: string;
   /**
-   * @deprecated Provide the `directory` option instead. The project will be determined from the directory provided. It will be removed in Nx v19.
+   * @deprecated Provide the `directory` option instead. The project will be determined from the directory provided. It will be removed in Nx v18.
    */
   project?: string;
 }

package/src/generators/component/schema.json

@@ -34,7 +34,7 @@
         "$source": "projectName"
       },
       "x-dropdown": "projects",
-      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. The project will be determined from the directory provided. It will be removed in Nx v19."
+      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. The project will be determined from the directory provided. It will be removed in Nx v18."
     },
     "prefix": {
       "type": "string",
@@ -60,9 +60,9 @@
       "alias": "t"
     },
     "standalone": {
-      "description": "Whether the generated component is standalone.",
+      "description": "Whether the generated component is standalone. _Note: This is only supported in Angular versions >= 14.1.0_.",
       "type": "boolean",
-      "default": true,
+      "default": false,
       "x-priority": "important"
     },
     "viewEncapsulation": {
@@ -98,7 +98,7 @@
       "type": "boolean",
       "description": "Create the new files at the top level of the current project.",
       "default": false,
-      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. It will be removed in Nx v19."
+      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. It will be removed in Nx v18."
     },
     "skipImport": {
       "type": "boolean",

package/src/generators/component-cypress-spec/files/__componentFileName__.__fileExt__

@@ -1,17 +1,12 @@
 describe('<%=projectName%>', () => {
-  beforeEach(() =>
-    cy.visit(
-      '/iframe.html?id=<%= componentName.toLowerCase() %>--primary<% if ( props && props.length > 0 ) { %>&args=<% } %><%
-      for(let prop of props) {
-        %><%=prop.name%><%
-        if(prop.defaultValue !== undefined && (prop.defaultValue || prop.defaultValue === false)) {
-          %>:<%=prop.defaultValue%><%
-        } %>;<%
-      }%>'
-    )
-  );
-
+  beforeEach(() => cy.visit('/iframe.html?id=<%= componentName.toLowerCase() %>--primary<% if ( props && props.length > 0 ) { %>&args=<% } %><%
+    for(let prop of props) {
+      %><%=prop.name%><%
+      if(prop.defaultValue !== undefined && (prop.defaultValue || prop.defaultValue === false)) {
+        %>:<%=prop.defaultValue%><%
+      } %>;<%
+    }%>'));
   it('should render the component', () => {
     cy.get('<%=componentSelector%>').should('exist');
   });
-});
+});

package/src/generators/component-cypress-spec/schema.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "https://json-schema.org/schema",
+  "$schema": "http://json-schema.org/schema",
   "$id": "NxAngularComponentCypressSpecGenerator",
   "type": "object",
   "cli": "nx",

package/src/generators/component-story/files/__componentFileName__.stories.ts__tmpl__

@@ -14,14 +14,14 @@ type Story = StoryObj<<%=componentName%>>;
 
 export const Primary: Story = {
   args: {<% for (let prop of props) { %>
-    <%= prop.name %>: <%- prop.defaultValue %>,<% } %>
+    <%= prop.name %>:  <%- prop.defaultValue %>,<% } %>
   },
 };
 
 <% if ( interactionTests ) { %>
 export const Heading: Story = {
   args: {<% for (let prop of props) { %>
-    <%= prop.name %>: <%- prop.defaultValue %>,<% } %>
+    <%= prop.name %>:  <%- prop.defaultValue %>,<% } %>
   },
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);

package/src/generators/component-test/component-test.d.ts

@@ -1,4 +1,4 @@
 import { Tree } from '@nx/devkit';
 import { ComponentTestSchema } from './schema';
-export declare function componentTestGenerator(tree: Tree, options: ComponentTestSchema): Promise<void>;
+export declare function componentTestGenerator(tree: Tree, options: ComponentTestSchema): void;
 export default componentTestGenerator;

package/src/generators/component-test/component-test.js

@@ -1,13 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentTestGenerator = void 0;
+const cypress_version_1 = require("@nx/cypress/src/utils/cypress-version");
 const devkit_1 = require("@nx/devkit");
-const versions_1 = require("../../utils/versions");
 const storybook_inputs_1 = require("../utils/storybook-ast/storybook-inputs");
-async function componentTestGenerator(tree, options) {
-    (0, devkit_1.ensurePackage)('@nx/cypress', versions_1.nxVersion);
-    const { assertMinimumCypressVersion } = await Promise.resolve().then(() => require('@nx/cypress/src/utils/cypress-version'));
-    assertMinimumCypressVersion(10);
+function componentTestGenerator(tree, options) {
+    (0, cypress_version_1.assertMinimumCypressVersion)(10);
     const { root } = (0, devkit_1.readProjectConfiguration)(tree, options.project);
     const componentDirPath = (0, devkit_1.joinPathFragments)(root, options.componentDir);
     const componentFilePath = (0, devkit_1.joinPathFragments)(componentDirPath, `${options.componentFileName}.ts`);
@@ -23,9 +21,6 @@ async function componentTestGenerator(tree, options) {
             tpl: '',
         });
     }
-    if (!options.skipFormat) {
-        await (0, devkit_1.formatFiles)(tree);
-    }
 }
 exports.componentTestGenerator = componentTestGenerator;
 exports.default = componentTestGenerator;

package/src/generators/component-test/files/__componentFileName__.cy.ts__tpl__

@@ -2,20 +2,22 @@ import { TestBed } from '@angular/core/testing';
 import { <%= componentName %> } from './<%= componentFileName %>';
 
 describe(<%= componentName %>.name, () => {
+
   beforeEach(() => {
     TestBed.overrideComponent(<%= componentName %>, {
       add: {
         imports: [],
         providers: []
       }
-    });
-  });
+    })
+  })
 
   it('renders', () => {
-    cy.mount(<%= componentName %><% if(props.length > 0) { %>, {
-      componentProperties: {<% for (let prop of props) { %>
-        <%= prop.name %>: <%- prop.defaultValue %>,<% } %>
-      }
-    }<% } %>);
-  });
-});
+     cy.mount(<%= componentName %>,<% if(props.length > 0) { %> {
+           componentProperties: {<% for (let prop of props) { %>
+               <%= prop.name %>:  <%- prop.defaultValue %>,<% } %>
+          }
+       }<% } %>);
+  })
+
+})

package/src/generators/component-test/schema.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "https://json-schema.org/schema",
+  "$schema": "http://json-schema.org/schema",
   "$id": "NxAngularComponentTestGenerator",
   "type": "object",
   "cli": "nx",

package/src/generators/convert-to-with-mf/convert-to-with-mf.js

@@ -24,9 +24,7 @@ async function convertToWithMF(tree, schema) {
     const [updatedWebpackConfig, mfConfig] = (0, lib_1.writeNewWebpackConfig)(webpackAst, (0, lib_1.isHostRemoteConfig)(webpackAst), schema.project);
     tree.write(pathToWebpackConfig, updatedWebpackConfig);
     tree.write((0, devkit_1.joinPathFragments)(project.root, 'module-federation.config.js'), mfConfig);
-    if (!schema.skipFormat) {
-        await (0, devkit_1.formatFiles)(tree);
-    }
+    await (0, devkit_1.formatFiles)(tree);
 }
 exports.convertToWithMF = convertToWithMF;
 exports.default = convertToWithMF;

package/src/generators/convert-to-with-mf/lib/write-new-webpack-config.js

@@ -4,9 +4,8 @@ exports.writeNewWebpackConfig = void 0;
 const is_host_remote_config_1 = require("./is-host-remote-config");
 function writeNewWebpackConfig(ast, mfType, projectName) {
     const webpackConfig = `const { withModuleFederation } = require('@nx/angular/module-federation');
-const config = require('./module-federation.config');
-module.exports = withModuleFederation(config);
-`;
+  const config = require('./module-federation.config');
+  module.exports = withModuleFederation(config);`;
     let mfeConfig = '';
     if (!mfType) {
         mfeConfig = `

package/src/generators/convert-to-with-mf/schema.d.ts

@@ -1,4 +1,3 @@
 export interface Schema {
   project: string;
-  skipFormat?: boolean;
 }

package/src/generators/convert-to-with-mf/schema.json

@@ -22,12 +22,6 @@
       },
       "x-prompt": "What micro frontend project would you like to migrate?",
       "x-priority": "important"
-    },
-    "skipFormat": {
-      "description": "Skip formatting files.",
-      "type": "boolean",
-      "default": false,
-      "x-priority": "internal"
     }
   }
 }

package/src/generators/cypress-component-configuration/cypress-component-configuration.d.ts

@@ -1,9 +1,8 @@
 import { Tree } from '@nx/devkit';
 import { CypressComponentConfigSchema } from './schema';
-export declare function cypressComponentConfiguration(tree: Tree, options: CypressComponentConfigSchema): Promise<import("@nx/devkit").GeneratorCallback>;
 /**
  * This is for cypress built in component testing, if you want to test with
  * storybook + cypress then use the componentCypressGenerator instead.
  */
-export declare function cypressComponentConfigurationInternal(tree: Tree, options: CypressComponentConfigSchema): Promise<import("@nx/devkit").GeneratorCallback>;
+export declare function cypressComponentConfiguration(tree: Tree, options: CypressComponentConfigSchema): Promise<() => void>;
 export default cypressComponentConfiguration;

package/src/generators/cypress-component-configuration/cypress-component-configuration.js

@@ -1,48 +1,41 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.cypressComponentConfigurationInternal = exports.cypressComponentConfiguration = void 0;
+exports.cypressComponentConfiguration = void 0;
+const cypress_1 = require("@nx/cypress");
+const config_1 = require("@nx/cypress/src/utils/config");
+const find_target_options_1 = require("@nx/cypress/src/utils/find-target-options");
 const devkit_1 = require("@nx/devkit");
 const path_1 = require("path");
-const versions_1 = require("../../utils/versions");
 const component_test_1 = require("../component-test/component-test");
 const component_info_1 = require("../utils/storybook-ast/component-info");
 const entry_point_1 = require("../utils/storybook-ast/entry-point");
 const module_info_1 = require("../utils/storybook-ast/module-info");
-const update_app_editor_tsconfig_excluded_files_1 = require("../utils/update-app-editor-tsconfig-excluded-files");
-function cypressComponentConfiguration(tree, options) {
-    return cypressComponentConfigurationInternal(tree, {
-        ...options,
-    });
-}
-exports.cypressComponentConfiguration = cypressComponentConfiguration;
 /**
  * This is for cypress built in component testing, if you want to test with
  * storybook + cypress then use the componentCypressGenerator instead.
  */
-async function cypressComponentConfigurationInternal(tree, options) {
+async function cypressComponentConfiguration(tree, options) {
     const projectConfig = (0, devkit_1.readProjectConfiguration)(tree, options.project);
-    const { componentConfigurationGenerator: baseCyCTConfig } = (0, devkit_1.ensurePackage)('@nx/cypress', versions_1.nxVersion);
-    const installTask = await baseCyCTConfig(tree, {
+    const installTask = await (0, cypress_1.componentConfigurationGenerator)(tree, {
         project: options.project,
         skipFormat: true,
-        addPlugin: false,
-        addExplicitTargets: true,
     });
-    await configureCypressCT(tree, options);
+    await updateProjectConfig(tree, options);
     await addFiles(tree, projectConfig, options);
-    if (projectConfig.projectType === 'application') {
-        (0, update_app_editor_tsconfig_excluded_files_1.updateAppEditorTsConfigExcludedFiles)(tree, projectConfig);
-    }
     if (!options.skipFormat) {
         await (0, devkit_1.formatFiles)(tree);
     }
-    return installTask;
+    return () => {
+        installTask();
+    };
 }
-exports.cypressComponentConfigurationInternal = cypressComponentConfigurationInternal;
+exports.cypressComponentConfiguration = cypressComponentConfiguration;
 async function addFiles(tree, projectConfig, options) {
+    const cyConfigFile = (0, devkit_1.joinPathFragments)(projectConfig.root, 'cypress.config.ts');
+    const updatedCyConfig = await (0, config_1.addDefaultCTConfig)(tree.read(cyConfigFile, 'utf-8'));
+    tree.write(cyConfigFile, `import { nxComponentTestingPreset } from '@nx/angular/plugins/component-testing';\n${updatedCyConfig}`);
     const componentFile = (0, devkit_1.joinPathFragments)(projectConfig.root, 'cypress', 'support', 'component.ts');
-    const { addMountDefinition } = await Promise.resolve().then(() => require('@nx/cypress/src/utils/config'));
-    const updatedCmpContents = await addMountDefinition(tree.read(componentFile, 'utf-8'));
+    const updatedCmpContents = await (0, config_1.addMountDefinition)(tree.read(componentFile, 'utf-8'));
     tree.write(componentFile, `import { mount } from 'cypress/angular';\n${updatedCmpContents}`);
     if (options.generateTests) {
         const entryPoints = (0, entry_point_1.getProjectEntryPoints)(tree, options.project);
@@ -56,7 +49,7 @@ async function addFiles(tree, projectConfig, options) {
                 continue;
             }
             const componentDirFromProjectRoot = (0, path_1.relative)(projectConfig.root, (0, devkit_1.joinPathFragments)(info.moduleFolderPath, info.path));
-            await (0, component_test_1.componentTestGenerator)(tree, {
+            (0, component_test_1.componentTestGenerator)(tree, {
                 project: options.project,
                 componentName: info.name,
                 componentDir: componentDirFromProjectRoot,
@@ -66,11 +59,10 @@ async function addFiles(tree, projectConfig, options) {
         }
     }
 }
-async function configureCypressCT(tree, options) {
+async function updateProjectConfig(tree, options) {
     let found = { target: options.buildTarget, config: undefined };
     if (!options.buildTarget) {
-        const { findBuildConfig } = await Promise.resolve().then(() => require('@nx/cypress/src/utils/find-target-options'));
-        found = await findBuildConfig(tree, {
+        found = await (0, find_target_options_1.findBuildConfig)(tree, {
             project: options.project,
             buildTarget: options.buildTarget,
             validExecutorNames: new Set([
@@ -81,24 +73,13 @@ async function configureCypressCT(tree, options) {
         });
         assertValidConfig(found?.config);
     }
-    const ctConfigOptions = {};
     const projectConfig = (0, devkit_1.readProjectConfiguration)(tree, options.project);
-    if (projectConfig.targets?.['component-test']?.executor ===
-        '@nx/cypress:cypress') {
-        projectConfig.targets['component-test'].options = {
-            ...projectConfig.targets['component-test'].options,
-            skipServe: true,
-            devServerTarget: found.target,
-        };
-        (0, devkit_1.updateProjectConfiguration)(tree, options.project, projectConfig);
-    }
-    else {
-        ctConfigOptions.buildTarget = found.target;
-    }
-    const { addDefaultCTConfig, getProjectCypressConfigPath } = await Promise.resolve().then(() => require('@nx/cypress/src/utils/config'));
-    const cypressConfigPath = getProjectCypressConfigPath(tree, projectConfig.root);
-    const updatedCyConfig = await addDefaultCTConfig(tree.read(cypressConfigPath, 'utf-8'), ctConfigOptions);
-    tree.write(cypressConfigPath, `import { nxComponentTestingPreset } from '@nx/angular/plugins/component-testing';\n${updatedCyConfig}`);
+    projectConfig.targets['component-test'].options = {
+        ...projectConfig.targets['component-test'].options,
+        skipServe: true,
+        devServerTarget: found.target,
+    };
+    (0, devkit_1.updateProjectConfiguration)(tree, options.project, projectConfig);
 }
 function assertValidConfig(config) {
     if (!config) {

package/src/generators/directive/directive.js

@@ -5,6 +5,7 @@ const devkit_1 = require("@nx/devkit");
 const utils_1 = require("../utils");
 const lib_1 = require("./lib");
 async function directiveGenerator(tree, schema) {
+    (0, lib_1.validateOptions)(tree, schema);
     const options = await (0, lib_1.normalizeOptions)(tree, schema);
     (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, 'files'), options.directory, {
         selector: options.selector,

package/src/generators/directive/files/__fileName__.ts__tpl__

@@ -5,5 +5,7 @@ import { Directive } from '@angular/core';
   standalone: true<%}%>
 })
 export class <%= symbolName %> {
-  constructor() {}
+
+  constructor() { }
+
 }

package/src/generators/directive/lib/index.d.ts

@@ -1 +1,2 @@
 export * from './normalize-options';
+export * from './validate-options';

package/src/generators/directive/lib/index.js

@@ -2,3 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./normalize-options"), exports);
+tslib_1.__exportStar(require("./validate-options"), exports);

package/src/generators/directive/lib/normalize-options.js

@@ -20,8 +20,7 @@ async function normalizeOptions(tree, options) {
     const symbolName = `${className}${suffixClassName}`;
     const { prefix } = (0, devkit_1.readProjectConfiguration)(tree, projectName);
     const selector = options.selector ??
-        (0, selector_1.buildSelector)(name, options.prefix, prefix, 'propertyName');
-    (0, selector_1.validateHtmlSelector)(selector);
+        (0, selector_1.buildSelector)(tree, name, options.prefix, prefix, 'propertyName');
     return {
         ...options,
         projectName,
@@ -31,7 +30,6 @@ async function normalizeOptions(tree, options) {
         filePath,
         symbolName,
         selector,
-        standalone: options.standalone ?? true,
     };
 }
 exports.normalizeOptions = normalizeOptions;

package/src/generators/directive/lib/validate-options.d.ts

@@ -0,0 +1,3 @@
+import type { Tree } from '@nx/devkit';
+import type { Schema } from '../schema';
+export declare function validateOptions(tree: Tree, options: Schema): void;

package/src/generators/directive/lib/validate-options.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateOptions = void 0;
+const validations_1 = require("../../utils/validations");
+function validateOptions(tree, options) {
+    (0, validations_1.validateStandaloneOption)(tree, options.standalone);
+}
+exports.validateOptions = validateOptions;

package/src/generators/directive/schema.d.ts

@@ -13,15 +13,15 @@ export interface Schema {
   export?: boolean;
   skipFormat?: boolean;
   /**
-   * @deprecated Provide the `directory` option instead and use the `as-provided` format. It will be removed in Nx v19.
+   * @deprecated Provide the `directory` option instead and use the `as-provided` format. It will be removed in Nx v18.
    */
   flat?: boolean;
   /**
-   * @deprecated Provide the `directory` option instead. It will be removed in Nx v19.
+   * @deprecated Provide the `directory` option instead. It will be removed in Nx v18.
    */
   path?: string;
   /**
-   * @deprecated Provide the `directory` option instead. The project will be determined from the directory provided. It will be removed in Nx v19.
+   * @deprecated Provide the `directory` option instead. The project will be determined from the directory provided. It will be removed in Nx v18.
    */
   project?: string;
 }

package/src/generators/directive/schema.json

@@ -34,7 +34,7 @@
         "$source": "projectName"
       },
       "x-dropdown": "projects",
-      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. The project will be determined from the directory provided. It will be removed in Nx v19."
+      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. The project will be determined from the directory provided. It will be removed in Nx v18."
     },
     "prefix": {
       "type": "string",
@@ -66,15 +66,15 @@
       "description": "The HTML selector to use for this directive."
     },
     "standalone": {
-      "description": "Whether the generated directive is standalone.",
+      "description": "Whether the generated directive is standalone. _Note: This is only supported in Angular versions >= 14.1.0_.",
       "type": "boolean",
-      "default": true
+      "default": false
     },
     "flat": {
       "type": "boolean",
       "description": "When true (the default), creates the new files at the top level of the current project.",
       "default": true,
-      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. It will be removed in Nx v19."
+      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. It will be removed in Nx v18."
     },
     "module": {
       "type": "string",

package/src/generators/federate-module/federate-module.js

@@ -9,7 +9,6 @@ async function federateModuleGenerator(tree, schema) {
     
     Path: ${schema.path}`);
     }
-    schema.standalone = schema.standalone ?? true;
     const { tasks, projectRoot, remoteName } = await (0, lib_1.addRemote)(tree, schema);
     (0, lib_1.addFileToRemoteTsconfig)(tree, remoteName, schema.path);
     (0, lib_1.addPathToExposes)(tree, {

package/src/generators/federate-module/lib/add-remote.d.ts

@@ -1,4 +1,4 @@
-import type { GeneratorCallback, Tree } from '@nx/devkit';
+import { GeneratorCallback, type Tree } from '@nx/devkit';
 import { type Schema } from '../schema';
 export declare function addRemote(tree: Tree, schema: Schema): Promise<{
     tasks: GeneratorCallback[];