@ethlete/components 1.0.0-next.66 → 1.0.0-next.68

package/generators/generators.json

@@ -55,6 +55,11 @@
       "schema": "./migrate-chart-baseline-y/schema.json",
       "description": "Rename the removed chart-grid baselineY alias to baseline"
     },
+    "migrate-line-chart-stacked-area-mix": {
+      "factory": "./migrate-line-chart-stacked-area-mix/migration",
+      "schema": "./migrate-line-chart-stacked-area-mix/schema.json",
+      "description": "Rename the removed --et-line-chart-stacked-area-opacity token to --et-line-chart-stacked-area-mix"
+    },
     "migrate-grid-engine-internals": {
       "factory": "./migrate-grid-engine-internals/migration",
       "schema": "./migrate-grid-engine-internals/schema.json",
@@ -65,6 +70,36 @@
       "schema": "./migrate-overlay-fullscreen-animation/schema.json",
       "description": "Remove the overlay fullscreen animation internals from @ethlete/components imports and mark their uses"
     },
+    "migrate-cascader-tree-internals": {
+      "factory": "./migrate-cascader-tree-internals/migration",
+      "schema": "./migrate-cascader-tree-internals/schema.json",
+      "description": "Remove the cascader tree helpers from @ethlete/components imports and mark their uses"
+    },
+    "migrate-duration-format-internals": {
+      "factory": "./migrate-duration-format-internals/migration",
+      "schema": "./migrate-duration-format-internals/schema.json",
+      "description": "Remove the duration format helpers from @ethlete/components imports and mark their uses"
+    },
+    "migrate-time-picker-ring": {
+      "factory": "./migrate-time-picker-ring/migration",
+      "schema": "./migrate-time-picker-ring/schema.json",
+      "description": "Replace the removed time picker setActiveSide with activeSide.set and mark the removed column and option directives"
+    },
+    "migrate-error-color-theme-signal": {
+      "factory": "./migrate-error-color-theme-signal/migration",
+      "schema": "./migrate-error-color-theme-signal/schema.json",
+      "description": "Call the errorColorTheme signal of injectFormSupport() and TableComponent where it is read"
+    },
+    "migrate-select-input-renames": {
+      "factory": "./migrate-select-input-renames/migration",
+      "schema": "./migrate-select-input-renames/schema.json",
+      "description": "Rename the select and tag input inputs that changed name in templates"
+    },
+    "migrate-loader-determinate": {
+      "factory": "./migrate-loader-determinate/migration",
+      "schema": "./migrate-loader-determinate/schema.json",
+      "description": "Remove the spinner determinate and progress bar indeterminate inputs in templates"
+    },
     "icons": {
       "factory": "./icons/generator",
       "schema": "./icons/schema.json",

package/generators/migrate-cascader-tree-internals/cascader-tree-internals.js

@@ -0,0 +1,6 @@
+const NAMES = ['toChildrenObservable', 'toSearchObservable', 'toPathObservable', 'nodesEqual', 'indexOfNode'];
+export const CASCADER_TREE_INTERNALS_REMOVALS = NAMES.map((name) => ({
+    name,
+    todo: `${name} is no longer exported; it is a cascader internal. A data source may return an array, a Promise or an Observable as it is, and node equality is the compareWith of the cascader applied to node.value.`,
+}));
+//# sourceMappingURL=cascader-tree-internals.js.map

package/generators/migrate-cascader-tree-internals/migration.js

@@ -0,0 +1,11 @@
+import { runRemovedExportsMigration, } from '../removed-exports/run-removed-exports-migration.js';
+import { CASCADER_TREE_INTERNALS_REMOVALS } from './cascader-tree-internals.js';
+export const CASCADER_TREE_INTERNALS_REPORT_PATH = 'cascader-tree-internals-migration-tasks.md';
+export default async function migrateCascaderTreeInternals(tree, schema) {
+    await runRemovedExportsMigration(tree, schema, {
+        title: 'Removing the cascader tree helpers from @ethlete/components',
+        removed: CASCADER_TREE_INTERNALS_REMOVALS,
+        reportPath: CASCADER_TREE_INTERNALS_REPORT_PATH,
+    });
+}
+//# sourceMappingURL=migration.js.map

package/generators/migrate-cascader-tree-internals/schema.json

@@ -0,0 +1,26 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "migrate-cascader-tree-internals",
+  "title": "Remove the cascader tree helpers from @ethlete/components and mark the uses it cannot remove",
+  "type": "object",
+  "properties": {
+    "projects": {
+      "type": "array",
+      "items": { "type": "string" },
+      "description": "Nx projects to scan. Defaults to every project in the workspace.",
+      "alias": "project"
+    },
+    "include": {
+      "type": "array",
+      "items": { "type": "string" },
+      "description": "Path prefixes to scan, relative to the workspace root (e.g. 'apps/shop'). Unioned with `projects`.",
+      "alias": "includePath"
+    },
+    "skipFormat": {
+      "type": "boolean",
+      "description": "Skip formatting files after migration",
+      "default": false
+    }
+  },
+  "required": []
+}

package/generators/migrate-duration-format-internals/duration-format-internals.js

@@ -0,0 +1,6 @@
+const NAMES = ['UNIT_MS', 'deriveDurationFormatSpec', 'formatDuration', 'parseDuration'];
+export const DURATION_FORMAT_INTERNALS_REMOVALS = NAMES.map((name) => ({
+    name,
+    todo: `${name} is no longer exported; it is a duration input internal. Bind a duration input with a durationFormat, or format and parse the milliseconds in the app.`,
+}));
+//# sourceMappingURL=duration-format-internals.js.map

package/generators/migrate-duration-format-internals/migration.js

@@ -0,0 +1,11 @@
+import { runRemovedExportsMigration, } from '../removed-exports/run-removed-exports-migration.js';
+import { DURATION_FORMAT_INTERNALS_REMOVALS } from './duration-format-internals.js';
+export const DURATION_FORMAT_INTERNALS_REPORT_PATH = 'duration-format-internals-migration-tasks.md';
+export default async function migrateDurationFormatInternals(tree, schema) {
+    await runRemovedExportsMigration(tree, schema, {
+        title: 'Removing the duration format helpers from @ethlete/components',
+        removed: DURATION_FORMAT_INTERNALS_REMOVALS,
+        reportPath: DURATION_FORMAT_INTERNALS_REPORT_PATH,
+    });
+}
+//# sourceMappingURL=migration.js.map

package/generators/migrate-duration-format-internals/schema.json

@@ -0,0 +1,26 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "migrate-duration-format-internals",
+  "title": "Remove the duration format helpers from @ethlete/components and mark the uses it cannot remove",
+  "type": "object",
+  "properties": {
+    "projects": {
+      "type": "array",
+      "items": { "type": "string" },
+      "description": "Nx projects to scan. Defaults to every project in the workspace.",
+      "alias": "project"
+    },
+    "include": {
+      "type": "array",
+      "items": { "type": "string" },
+      "description": "Path prefixes to scan, relative to the workspace root (e.g. 'apps/shop'). Unioned with `projects`.",
+      "alias": "includePath"
+    },
+    "skipFormat": {
+      "type": "boolean",
+      "description": "Skip formatting files after migration",
+      "default": false
+    }
+  },
+  "required": []
+}

package/generators/migrate-error-color-theme-signal/error-color-theme-signal.js

@@ -0,0 +1,37 @@
+const IDENTIFIER = '[A-Za-z_$][\\w$]*';
+const ASSIGNED = `\\s*[!?]?\\s*(?::[^=;\\n]*)?=\\s*`;
+const RECEIVER_PATTERNS = [
+    new RegExp(`(${IDENTIFIER})${ASSIGNED}injectFormSupport\\s*\\(`, 'g'),
+    new RegExp(`(${IDENTIFIER})\\s*[!?]?\\s*:\\s*(?:Readonly\\s*<\\s*)?FormSupport\\b`, 'g'),
+    new RegExp(`(${IDENTIFIER})\\s*[!?]?\\s*:\\s*TableComponent\\b`, 'g'),
+    new RegExp(`(${IDENTIFIER})${ASSIGNED}(?:viewChild|contentChild|inject)(?:\\s*\\.\\s*required)?\\s*(?:<[^>]*>)?\\s*\\(\\s*TableComponent\\b`, 'g'),
+    new RegExp(`<et-table\\b[^>]*?\\s#(${IDENTIFIER})`, 'g'),
+];
+const NOT_CALLED_OR_ASSIGNED = '(?![\\w$])(?!\\s*(?:\\(|=(?!=)))';
+const MEMBER_ACCESS = '(?:\\s*\\(\\s*\\))?\\s*!?\\s*(?:\\?\\.|\\.)\\s*';
+const DIRECT_READ = new RegExp(`(injectFormSupport\\s*\\(\\s*\\)${MEMBER_ACCESS})errorColorTheme${NOT_CALLED_OR_ASSIGNED}`, 'g');
+const ANY_READ = new RegExp(`\\.\\s*errorColorTheme${NOT_CALLED_OR_ASSIGNED}`);
+const escape = (value) => value.replace(/[$]/g, '\\$&');
+/** Returns the names a file binds to an `injectFormSupport()` result or a `TableComponent` instance, including `<et-table #ref>` template refs. */
+export const collectErrorColorThemeReceivers = (content) => {
+    const names = new Set();
+    for (const pattern of RECEIVER_PATTERNS) {
+        for (const match of content.matchAll(pattern)) {
+            if (match[1])
+                names.add(match[1]);
+        }
+    }
+    return names;
+};
+/** Returns the source or template with every read of `errorColorTheme` on a known receiver turned into a call, or `null` when there is none. */
+export const callErrorColorTheme = (content, receivers) => {
+    let next = content.replace(DIRECT_READ, '$1errorColorTheme()');
+    for (const name of receivers) {
+        const read = new RegExp(`(?<![\\w$.])((?:this\\s*\\.\\s*)?${escape(name)}${MEMBER_ACCESS})errorColorTheme${NOT_CALLED_OR_ASSIGNED}`, 'g');
+        next = next.replace(read, '$1errorColorTheme()');
+    }
+    return next === content ? null : next;
+};
+/** Whether the content still reads an `errorColorTheme` member without calling it. */
+export const hasUncalledErrorColorTheme = (content) => ANY_READ.test(content);
+//# sourceMappingURL=error-color-theme-signal.js.map

package/generators/migrate-error-color-theme-signal/migration.js

@@ -0,0 +1,55 @@
+import { formatFiles, joinPathFragments } from '@nx/devkit';
+import { createMigrationScope } from '../migrate-query-error-labels/migration-scope.js';
+import { callErrorColorTheme, collectErrorColorThemeReceivers, hasUncalledErrorColorTheme, } from './error-color-theme-signal.js';
+const componentSourcesOf = (tree, templatePath) => {
+    const separator = templatePath.lastIndexOf('/');
+    const directory = separator === -1 ? '' : templatePath.slice(0, separator);
+    const templateName = templatePath.slice(separator + 1);
+    return tree
+        .children(directory)
+        .filter((name) => name.endsWith('.ts') && !name.endsWith('.d.ts'))
+        .map((name) => tree.read(joinPathFragments(directory, name), 'utf-8') ?? '')
+        .filter((source) => source.includes(templateName));
+};
+const receiversFor = (tree, filePath, content) => {
+    const receivers = collectErrorColorThemeReceivers(content);
+    if (filePath.endsWith('.html')) {
+        for (const source of componentSourcesOf(tree, filePath)) {
+            for (const name of collectErrorColorThemeReceivers(source))
+                receivers.add(name);
+        }
+    }
+    return receivers;
+};
+export default async function migrateErrorColorThemeSignal(tree, schema) {
+    console.log('\n🔎 Calling the errorColorTheme signal of injectFormSupport() and TableComponent...');
+    const scope = createMigrationScope(tree, schema);
+    console.log(`   Scope: ${scope.describe()}`);
+    const changed = [];
+    scope.visit(tree, (filePath) => {
+        if (!/\.(ts|html)$/.test(filePath) || filePath.endsWith('.d.ts'))
+            return;
+        const content = tree.read(filePath, 'utf-8');
+        if (!content?.includes('errorColorTheme'))
+            return;
+        const receivers = receiversFor(tree, filePath, content);
+        const next = callErrorColorTheme(content, receivers);
+        if (next !== null) {
+            tree.write(filePath, next);
+            changed.push(filePath);
+        }
+        if (receivers.size > 0 && hasUncalledErrorColorTheme(next ?? content)) {
+            console.warn(`\n⚠️  ${filePath} still reads an errorColorTheme it could not tie to injectFormSupport() or a TableComponent. If it is one of those, call it: errorColorTheme().`);
+        }
+    });
+    if (!schema.skipFormat) {
+        await formatFiles(tree);
+    }
+    if (changed.length > 0) {
+        console.log(`\n✅ Called errorColorTheme in ${changed.length} file(s).`);
+    }
+    else {
+        console.log('\n✅ Nothing to do.');
+    }
+}
+//# sourceMappingURL=migration.js.map

package/generators/migrate-error-color-theme-signal/schema.json

@@ -0,0 +1,26 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "migrate-error-color-theme-signal",
+  "title": "Call the errorColorTheme signal of injectFormSupport() and TableComponent where it is read",
+  "type": "object",
+  "properties": {
+    "projects": {
+      "type": "array",
+      "items": { "type": "string" },
+      "description": "Nx projects to scan. Defaults to every project in the workspace.",
+      "alias": "project"
+    },
+    "include": {
+      "type": "array",
+      "items": { "type": "string" },
+      "description": "Path prefixes to scan, relative to the workspace root (e.g. 'apps/shop'). Unioned with `projects`.",
+      "alias": "includePath"
+    },
+    "skipFormat": {
+      "type": "boolean",
+      "description": "Skip formatting files after migration",
+      "default": false
+    }
+  },
+  "required": []
+}

package/generators/migrate-line-chart-stacked-area-mix/line-chart-stacked-area-mix.js

@@ -0,0 +1,48 @@
+const OLD_TOKEN = '--et-line-chart-stacked-area-opacity';
+const NEW_TOKEN = '--et-line-chart-stacked-area-mix';
+const OCCURRENCE = new RegExp([
+    `var\\(\\s*${OLD_TOKEN}\\s*(?:(?<fallbackLead>,\\s*)(?<fallback>[^()]*?)(?<fallbackTail>\\s*))?\\)`,
+    `${OLD_TOKEN}(?<colon>\\s*:\\s*)(?<value>[^;}\\n"'\`]*)`,
+    OLD_TOKEN,
+].join('|'), 'g');
+const NUMBER = /^[+-]?(?:\d+\.?\d*|\.\d+)$/;
+const PERCENTAGE = /^[+-]?(?:\d+\.?\d*|\.\d+)%$/;
+export const opacityToMix = (value) => {
+    const trimmed = value.trim();
+    if (NUMBER.test(trimmed))
+        return `${Math.round(Number(trimmed) * 100)}%`;
+    if (PERCENTAGE.test(trimmed))
+        return trimmed;
+    return null;
+};
+const lineAt = (content, index) => content.slice(0, index).split('\n').length;
+/** Renames every `--et-line-chart-stacked-area-opacity` to `--et-line-chart-stacked-area-mix` and maps its values, or returns `null` when there is none. */
+export const migrateStackedAreaMix = (content) => {
+    if (!content.includes(OLD_TOKEN))
+        return null;
+    const unmapped = [];
+    const next = content.replace(OCCURRENCE, (match, ...args) => {
+        const index = args.at(-3);
+        const groups = args.at(-1);
+        if (match.startsWith('var(')) {
+            if (groups['fallback'] === undefined)
+                return `var(${NEW_TOKEN})`;
+            const mapped = opacityToMix(groups['fallback']);
+            if (mapped === null)
+                unmapped.push(lineAt(content, index));
+            return `var(${NEW_TOKEN}${groups['fallbackLead']}${mapped ?? groups['fallback']}${groups['fallbackTail']})`;
+        }
+        if (groups['colon'] !== undefined) {
+            const value = groups['value'] ?? '';
+            const trimmed = value.trimEnd();
+            const mapped = opacityToMix(trimmed);
+            if (mapped === null)
+                unmapped.push(lineAt(content, index));
+            return `${NEW_TOKEN}${groups['colon']}${mapped ?? trimmed}${value.slice(trimmed.length)}`;
+        }
+        unmapped.push(lineAt(content, index));
+        return NEW_TOKEN;
+    });
+    return { content: next, unmapped };
+};
+//# sourceMappingURL=line-chart-stacked-area-mix.js.map

package/generators/migrate-line-chart-stacked-area-mix/migration.js

@@ -0,0 +1,35 @@
+import { formatFiles } from '@nx/devkit';
+import { createMigrationScope } from '../migrate-query-error-labels/migration-scope.js';
+import { migrateStackedAreaMix } from './line-chart-stacked-area-mix.js';
+const EXTENSIONS = ['.css', '.scss', '.html', '.ts'];
+export default async function migrateLineChartStackedAreaMix(tree, schema) {
+    console.log('\n🔎 Renaming --et-line-chart-stacked-area-opacity to --et-line-chart-stacked-area-mix...');
+    const scope = createMigrationScope(tree, schema);
+    console.log(`   Scope: ${scope.describe()}`);
+    const changed = [];
+    scope.visit(tree, (filePath) => {
+        if (!EXTENSIONS.some((extension) => filePath.endsWith(extension)) || filePath.endsWith('.d.ts'))
+            return;
+        const content = tree.read(filePath, 'utf-8');
+        if (!content)
+            return;
+        const result = migrateStackedAreaMix(content);
+        if (result === null)
+            return;
+        tree.write(filePath, result.content);
+        changed.push(filePath);
+        for (const line of result.unmapped) {
+            console.warn(`\n⚠️  ${filePath}:${line} now reads --et-line-chart-stacked-area-mix, but its value could not be mapped and was left as is. The token is a percentage (default 45%), the share of the series color in a mix with the surface: an opacity v becomes v * 100%. See the line chart guide: /components/line-chart.`);
+        }
+    });
+    if (!schema.skipFormat) {
+        await formatFiles(tree);
+    }
+    if (changed.length > 0) {
+        console.log(`\n✅ Renamed the stacked area token in ${changed.length} file(s).`);
+    }
+    else {
+        console.log('\n✅ Nothing to do.');
+    }
+}
+//# sourceMappingURL=migration.js.map

package/generators/migrate-line-chart-stacked-area-mix/schema.json

@@ -0,0 +1,26 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "migrate-line-chart-stacked-area-mix",
+  "title": "Rename the removed --et-line-chart-stacked-area-opacity token to --et-line-chart-stacked-area-mix",
+  "type": "object",
+  "properties": {
+    "projects": {
+      "type": "array",
+      "items": { "type": "string" },
+      "description": "Nx projects to scan. Defaults to every project in the workspace.",
+      "alias": "project"
+    },
+    "include": {
+      "type": "array",
+      "items": { "type": "string" },
+      "description": "Path prefixes to scan, relative to the workspace root (e.g. 'apps/shop'). Unioned with `projects`.",
+      "alias": "includePath"
+    },
+    "skipFormat": {
+      "type": "boolean",
+      "description": "Skip formatting files after migration",
+      "default": false
+    }
+  },
+  "required": []
+}

package/generators/migrate-loader-determinate/loader-determinate.js

@@ -0,0 +1,87 @@
+import { ATTRIBUTE, START_TAG } from '../migrate-select-input-renames/select-input-renames.js';
+const LOADERS = {
+    'et-spinner': { flag: 'determinate', flagMeansDeterminate: true },
+    'et-progress-bar': { flag: 'indeterminate', flagMeansDeterminate: false },
+};
+const SIMPLE_EXPRESSION = /^!?[\w$.]+(\(\))?$/;
+const parseAttributes = (attributes) => [...attributes.matchAll(ATTRIBUTE)].map((match) => {
+    const rawName = match[2] ?? '';
+    const rawValue = (match[3] ?? '').replace(/^\s*=\s*/, '');
+    const expression = /^(["'])([\s\S]*)\1$/.exec(rawValue)?.[2] ?? rawValue;
+    const bracketed = /^\[([^\]]+)\]$/.exec(rawName)?.[1];
+    if (bracketed)
+        return { text: match[0], name: bracketed, bound: true, expression: expression.trim() };
+    if (rawName.startsWith('bind-')) {
+        return { text: match[0], name: rawName.slice(5), bound: true, expression: expression.trim() };
+    }
+    return { text: match[0], name: rawName, bound: false, expression };
+});
+const readFlag = (attribute) => {
+    if (!attribute.bound)
+        return { kind: 'constant', on: attribute.expression !== 'false' };
+    if (attribute.expression === 'true' || attribute.expression === 'false') {
+        return { kind: 'constant', on: attribute.expression === 'true' };
+    }
+    return { kind: 'dynamic', expression: attribute.expression };
+};
+const valueExpression = (attribute) => {
+    if (attribute.bound)
+        return attribute.expression;
+    return /^-?\d+(\.\d+)?$/.test(attribute.expression.trim())
+        ? attribute.expression.trim()
+        : `'${attribute.expression}'`;
+};
+const wrapCondition = (expression) => (SIMPLE_EXPRESSION.test(expression) ? expression : `(${expression})`);
+const wrapBranch = (expression) => (/[?|]/.test(expression) ? `(${expression})` : expression);
+const bindValue = (expression) => expression.includes('"') ? `[value]='${expression}'` : `[value]="${expression}"`;
+export const migrateLoaderDeterminate = (content, options = {}) => {
+    const findings = [];
+    const next = content.replace(START_TAG, (tag, tagName, attributes, offset) => {
+        const loader = LOADERS[tagName];
+        if (!loader || (tagName === 'et-spinner' && options.skipSpinner))
+            return tag;
+        const parsed = parseAttributes(attributes);
+        if (parsed.some((attribute) => attribute.name === 'mode'))
+            return tag;
+        const flagAttribute = parsed.find((attribute) => attribute.name === loader.flag);
+        const valueAttribute = parsed.find((attribute) => attribute.name === 'value');
+        const line = content.slice(0, offset).split('\n').length;
+        const report = (message) => findings.push({ line, message: `<${tagName}> ${message}` });
+        let rewritten = attributes;
+        const remove = (attribute) => (rewritten = rewritten.replace(attribute.text, ''));
+        const replace = (attribute, expression) => (rewritten = rewritten.replace(attribute.text, `${/^\s+/.exec(attribute.text)?.[0] ?? ' '}${bindValue(expression)}`));
+        if (!flagAttribute) {
+            if (loader.flagMeansDeterminate && valueAttribute) {
+                report('binds value without determinate. A bound value now makes it determinate; drop it to stay indeterminate.');
+            }
+            if (!loader.flagMeansDeterminate && !valueAttribute) {
+                report('has no value binding, so it now renders indeterminate instead of an empty bar. Bind [value].');
+            }
+        }
+        else {
+            const flag = readFlag(flagAttribute);
+            remove(flagAttribute);
+            if (flag.kind === 'constant') {
+                const determinate = flag.on === loader.flagMeansDeterminate;
+                if (!determinate && valueAttribute)
+                    remove(valueAttribute);
+                if (determinate && !valueAttribute) {
+                    report(`had a constant ${loader.flag} binding but no value, so it now renders indeterminate. Bind [value].`);
+                }
+            }
+            else if (valueAttribute) {
+                const condition = wrapCondition(flag.expression);
+                const value = wrapBranch(valueExpression(valueAttribute));
+                replace(valueAttribute, loader.flagMeansDeterminate ? `${condition} ? ${value} : undefined` : `${condition} ? undefined : ${value}`);
+            }
+            else {
+                report(`had [${loader.flag}]="${flag.expression}" but no value. It is removed; bind [value] to a number while the loader is determinate and to undefined otherwise.`);
+            }
+        }
+        return rewritten === attributes
+            ? tag
+            : `<${tagName}${rewritten}${tag.slice(tagName.length + attributes.length + 1)}`;
+    });
+    return { content: next === content ? null : next, findings };
+};
+//# sourceMappingURL=loader-determinate.js.map

package/generators/migrate-loader-determinate/migration.js

@@ -0,0 +1,49 @@
+import { formatFiles, joinPathFragments } from '@nx/devkit';
+import { dirname } from 'node:path/posix';
+import { createMigrationScope } from '../migrate-query-error-labels/migration-scope.js';
+import { importsEthleteComponents, TEMPLATE_URL } from '../migrate-select-input-renames/select-input-renames.js';
+import { migrateLoaderDeterminate } from './loader-determinate.js';
+const CDK_SPINNER_IMPORT = /\bProgressSpinnerComponent\b[^;]*from\s*['"]@ethlete\/cdk/;
+export default async function migrateLoaderDeterminateInputs(tree, schema) {
+    console.log('\n🔎 Removing the spinner determinate and progress bar indeterminate inputs...');
+    const scope = createMigrationScope(tree, schema);
+    console.log(`   Scope: ${scope.describe()}`);
+    const changed = [];
+    const findings = [];
+    const migrate = (filePath, content, skipSpinner) => {
+        const result = migrateLoaderDeterminate(content, { skipSpinner });
+        findings.push(...result.findings.map((finding) => ({ ...finding, filePath })));
+        if (result.content === null)
+            return;
+        tree.write(filePath, result.content);
+        changed.push(filePath);
+    };
+    scope.visit(tree, (filePath) => {
+        if (!filePath.endsWith('.ts') || filePath.endsWith('.d.ts'))
+            return;
+        const content = tree.read(filePath, 'utf-8');
+        if (!content || !importsEthleteComponents(content))
+            return;
+        const skipSpinner = CDK_SPINNER_IMPORT.test(content);
+        for (const match of content.matchAll(TEMPLATE_URL)) {
+            const templatePath = joinPathFragments(dirname(filePath), match[1] ?? '');
+            const template = tree.read(templatePath, 'utf-8');
+            if (template !== null)
+                migrate(templatePath, template, skipSpinner);
+        }
+        migrate(filePath, content, skipSpinner);
+    });
+    if (!schema.skipFormat) {
+        await formatFiles(tree);
+    }
+    for (const finding of findings) {
+        console.warn(`\n⚠️  ${finding.filePath}:${finding.line} ${finding.message} See /components/loader.`);
+    }
+    if (changed.length > 0) {
+        console.log(`\n✅ Migrated loader bindings in ${changed.length} file(s).`);
+    }
+    else if (findings.length === 0) {
+        console.log('\n✅ Nothing to do.');
+    }
+}
+//# sourceMappingURL=migration.js.map

package/generators/migrate-loader-determinate/schema.json

@@ -0,0 +1,26 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "migrate-loader-determinate",
+  "title": "Remove the spinner determinate and progress bar indeterminate inputs",
+  "type": "object",
+  "properties": {
+    "projects": {
+      "type": "array",
+      "items": { "type": "string" },
+      "description": "Nx projects to scan. Defaults to every project in the workspace.",
+      "alias": "project"
+    },
+    "include": {
+      "type": "array",
+      "items": { "type": "string" },
+      "description": "Path prefixes to scan, relative to the workspace root (e.g. 'apps/shop'). Unioned with `projects`.",
+      "alias": "includePath"
+    },
+    "skipFormat": {
+      "type": "boolean",
+      "description": "Skip formatting files after migration",
+      "default": false
+    }
+  },
+  "required": []
+}

package/generators/migrate-select-input-renames/migration.js

@@ -0,0 +1,41 @@
+import { formatFiles, joinPathFragments } from '@nx/devkit';
+import { dirname } from 'node:path/posix';
+import { createMigrationScope } from '../migrate-query-error-labels/migration-scope.js';
+import { importsEthleteComponents, renameSelectInputs, TEMPLATE_URL } from './select-input-renames.js';
+export default async function migrateSelectInputRenames(tree, schema) {
+    console.log('\n🔎 Renaming the select and tag input inputs that changed name...');
+    const scope = createMigrationScope(tree, schema);
+    console.log(`   Scope: ${scope.describe()}`);
+    const changed = [];
+    const write = (filePath, content) => {
+        const next = renameSelectInputs(content);
+        if (next === null)
+            return;
+        tree.write(filePath, next);
+        changed.push(filePath);
+    };
+    scope.visit(tree, (filePath) => {
+        if (!filePath.endsWith('.ts') || filePath.endsWith('.d.ts'))
+            return;
+        const content = tree.read(filePath, 'utf-8');
+        if (!content || !importsEthleteComponents(content))
+            return;
+        for (const match of content.matchAll(TEMPLATE_URL)) {
+            const templatePath = joinPathFragments(dirname(filePath), match[1] ?? '');
+            const template = tree.read(templatePath, 'utf-8');
+            if (template !== null)
+                write(templatePath, template);
+        }
+        write(filePath, content);
+    });
+    if (!schema.skipFormat) {
+        await formatFiles(tree);
+    }
+    if (changed.length > 0) {
+        console.log(`\n✅ Renamed select and tag input inputs in ${changed.length} file(s).`);
+    }
+    else {
+        console.log('\n✅ Nothing to do.');
+    }
+}
+//# sourceMappingURL=migration.js.map

package/generators/migrate-select-input-renames/schema.json

@@ -0,0 +1,26 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "migrate-select-input-renames",
+  "title": "Rename the select and tag input inputs that changed name",
+  "type": "object",
+  "properties": {
+    "projects": {
+      "type": "array",
+      "items": { "type": "string" },
+      "description": "Nx projects to scan. Defaults to every project in the workspace.",
+      "alias": "project"
+    },
+    "include": {
+      "type": "array",
+      "items": { "type": "string" },
+      "description": "Path prefixes to scan, relative to the workspace root (e.g. 'apps/shop'). Unioned with `projects`.",
+      "alias": "includePath"
+    },
+    "skipFormat": {
+      "type": "boolean",
+      "description": "Skip formatting files after migration",
+      "default": false
+    }
+  },
+  "required": []
+}

package/generators/migrate-select-input-renames/select-input-renames.js

@@ -0,0 +1,37 @@
+const COMPONENTS_IMPORT = /from\s*['"]@ethlete\/components(?:\/[^'"]*)?['"]/;
+export const START_TAG = /<([a-zA-Z][\w-]*)((?:\s+[^\s"'>/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s"'=<>`]+))?)*)\s*\/?>/g;
+export const ATTRIBUTE = /(\s+)([^\s"'>/=]+)((?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s"'=<>`]+))?)/g;
+export const TEMPLATE_URL = /templateUrl\s*:\s*['"]([^'"]+)['"]/g;
+export const SELECT_INPUT_RENAMES = [
+    { hosts: ['et-select', 'etSelect'], from: 'error', to: 'loadError' },
+    { hosts: ['et-select', 'etSelect'], from: 'customValueSeparators', to: 'separators' },
+    { hosts: ['et-select', 'etSelect'], from: 'normalizeCustomValue', to: 'normalizeValue' },
+    { hosts: ['et-tag-input', 'etTagInput'], from: 'maxTags', to: 'maxSelection' },
+    { hosts: ['et-tag-input', 'etTagInput'], from: 'normalizeTag', to: 'normalizeValue' },
+];
+export const importsEthleteComponents = (content) => COMPONENTS_IMPORT.test(content);
+const unwrapBinding = (name) => {
+    const bracketed = /^\[([^\]]+)\]$/.exec(name);
+    if (bracketed?.[1])
+        return { name: bracketed[1], wrap: (inner) => `[${inner}]` };
+    if (name.startsWith('bind-'))
+        return { name: name.slice(5), wrap: (inner) => `bind-${inner}` };
+    return { name, wrap: (inner) => inner };
+};
+/** Returns the template or source with every renamed input binding rewritten on its host element, or `null` when there is none. */
+export const renameSelectInputs = (content, renames = SELECT_INPUT_RENAMES) => {
+    const next = content.replace(START_TAG, (tag, tagName, attributes) => {
+        const attributeNames = [...attributes.matchAll(ATTRIBUTE)].map((match) => unwrapBinding(match[2] ?? '').name);
+        const applicable = renames.filter((rename) => rename.hosts.some((host) => host === tagName || attributeNames.includes(host)));
+        if (!applicable.length)
+            return tag;
+        const renamed = attributes.replace(ATTRIBUTE, (attribute, space, rawName, value) => {
+            const binding = unwrapBinding(rawName);
+            const rename = applicable.find((candidate) => candidate.from === binding.name);
+            return rename ? `${space}${binding.wrap(rename.to)}${value}` : attribute;
+        });
+        return `<${tagName}${renamed}${tag.slice(tagName.length + attributes.length + 1)}`;
+    });
+    return next === content ? null : next;
+};
+//# sourceMappingURL=select-input-renames.js.map