@taiga-ui/eslint-plugin-experience-next 0.518.0 → 0.519.0

package/index.esm.js

@@ -250598,6 +250598,11 @@ function isInteractiveElement(node) {
 }
 
 const MESSAGE_ID$b = 'noNestedInteractive';
+// Elements that act as DOM portals or isolated list containers:
+// their children are rendered outside the current DOM subtree.
+const PORTAL_ELEMENTS = new Set(['tui-data-list', 'tui-textfield']);
+// Structural directives that portal their host element into an overlay.
+const PORTAL_STRUCTURAL_DIRECTIVES = new Set(['tuiDropdown']);
 function getAvailableLabelParent(stack, node, labelsWithControl) {
     const parent = stack[stack.length - 1];
     return stack.length === 1 &&
@@ -250613,9 +250618,27 @@ const rule$B = createRule({
         create(context) {
             const interactiveStack = [];
             const labelsWithControl = new WeakSet();
+            const savedStackByNode = new WeakMap();
+            function saveAndReset(node) {
+                savedStackByNode.set(node, [...interactiveStack]);
+                interactiveStack.length = 0;
+            }
+            function restore(node) {
+                const saved = savedStackByNode.get(node);
+                if (saved === undefined) {
+                    return;
+                }
+                savedStackByNode.delete(node);
+                interactiveStack.length = 0;
+                interactiveStack.push(...saved);
+            }
             return {
                 Element(rawNode) {
                     const node = rawNode;
+                    if (PORTAL_ELEMENTS.has(node.name.toLowerCase())) {
+                        saveAndReset(node);
+                        return;
+                    }
                     if (!isInteractiveElement(node)) {
                         return;
                     }
@@ -250635,10 +250658,23 @@ const rule$B = createRule({
                 },
                 'Element:exit'(rawNode) {
                     const node = rawNode;
+                    restore(node);
                     if (interactiveStack[interactiveStack.length - 1] === node) {
                         interactiveStack.pop();
                     }
                 },
+                Template(rawNode) {
+                    const node = rawNode;
+                    const isPortalBoundary = node.tagName === 'ng-template' ||
+                        node.templateAttrs.some((attr) => PORTAL_STRUCTURAL_DIRECTIVES.has(attr.name));
+                    if (isPortalBoundary) {
+                        saveAndReset(node);
+                    }
+                },
+                'Template:exit'(rawNode) {
+                    const node = rawNode;
+                    restore(node);
+                },
             };
         },
         meta: {
@@ -250850,6 +250886,7 @@ const rule$A = createRule({
     rule: {
         create(context) {
             const { sourceCode } = context;
+            const boundTextStack = [];
             const conditionalStack = [];
             const containerStack = [];
             const letNames = collectTemplateIdentifiers(sourceCode.ast);
@@ -250858,18 +250895,22 @@ const rule$A = createRule({
             function reportNestedConditional(node, options) {
                 const container = containerStack[containerStack.length - 1];
                 const attribute = getContainingBoundAttribute(container, node);
+                const boundText = boundTextStack[boundTextStack.length - 1];
                 const baseName = attribute?.name;
                 const fixable = options.allowFix &&
                     boundEventDepth === 0 &&
                     letDeclarationDepth === 0 &&
-                    baseName &&
-                    isIdentifier(baseName);
+                    ((baseName !== undefined && isIdentifier(baseName)) ||
+                        boundText !== undefined);
                 context.report({
                     ...(fixable
                         ? {
                             fix(fixer) {
-                                const result = createLetFixes(node, baseName, letNames, sourceCode.text);
-                                const insertOffset = container?.startSourceSpan.start.offset;
+                                const effectiveName = baseName ?? 'text';
+                                const result = createLetFixes(node, effectiveName, letNames, sourceCode.text);
+                                const insertOffset = baseName === undefined
+                                    ? boundText?.sourceSpan.start.offset
+                                    : container?.startSourceSpan.start.offset;
                                 if (insertOffset === undefined) {
                                     return null;
                                 }
@@ -250898,6 +250939,14 @@ const rule$A = createRule({
                 'BoundEvent:exit'() {
                     boundEventDepth--;
                 },
+                BoundText(rawNode) {
+                    boundTextStack.push(rawNode);
+                },
+                'BoundText:exit'(rawNode) {
+                    if (boundTextStack[boundTextStack.length - 1] === rawNode) {
+                        boundTextStack.pop();
+                    }
+                },
                 Conditional(rawNode) {
                     const node = rawNode;
                     if (conditionalStack.length > 0) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/eslint-plugin-experience-next",
-  "version": "0.518.0",
+  "version": "0.519.0",
   "description": "An ESLint plugin to enforce a consistent code styles across taiga-ui projects",
   "homepage": "https://github.com/taiga-family/toolkit#readme",
   "bugs": {