refactor(ivy): move all styling configurations into TNodeFlags (#33540)

This patch gets rid of the configuration settings present in the
`TStylingContext` array that is used within the styling algorithm
for `[style]`, `[style.prop]`, `[class]` and `[class.name]` bindings.
These configurations now all live inside of the `TNodeFlags`.

PR Close #33540

packages/core/src/render3/interfaces/node.ts

@@ -67,19 +67,121 @@ export const enum TNodeFlags {
   /** Bit #6 - This bit is set if the node has any "style" inputs */
   hasStyleInput = 0x20,
 
-  /** Bit #7 - This bit is set if the node has initial styling */
-  hasInitialStyling = 0x40,
-
-  /** Bit #8 - This bit is set if the node has been detached by i18n */
-  isDetached = 0x80,
+  /** Bit #7 This bit is set if the node has been detached by i18n */
+  isDetached = 0x40,
 
   /**
-   * Bit #9 - This bit is set if the node has directives with host bindings.
+   * Bit #8 - This bit is set if the node has directives with host bindings.
    *
    * This flags allows us to guard host-binding logic and invoke it only on nodes
    * that actually have directives with host bindings.
    */
-  hasHostBindings = 0x100,
+  hasHostBindings = 0x80,
+
+  /** Bit #9 - This bit is set if the node has initial styling */
+  hasInitialStyling = 0x100,
+
+  /**
+   * Bit #10 - Whether or not there are class-based map bindings present.
+   *
+   * Examples include:
+   * 1. `<div [class]="x">`
+   * 2. `@HostBinding('class') x`
+   */
+  hasClassMapBindings = 0x200,
+
+  /**
+   * Bit #11 - Whether or not there are any class-based prop bindings present.
+   *
+   * Examples include:
+   * 1. `<div [class.name]="x">`
+   * 2. `@HostBinding('class.name') x`
+   */
+  hasClassPropBindings = 0x400,
+
+  /**
+   * Bit #12 - whether or not there are any active [class] and [class.name] bindings
+   */
+  hasClassPropAndMapBindings = hasClassMapBindings | hasClassPropBindings,
+
+  /**
+   * Bit #13 - Whether or not the context contains one or more class-based template bindings.
+   *
+   * Examples include:
+   * 1. `<div [class]="x">`
+   * 2. `<div [class.name]="x">`
+   */
+  hasTemplateClassBindings = 0x800,
+
+  /**
+   * Bit #14 - Whether or not the context contains one or more class-based host bindings.
+   *
+   * Examples include:
+   * 1. `@HostBinding('class') x`
+   * 2. `@HostBinding('class.name') x`
+   */
+  hasHostClassBindings = 0x1000,
+
+  /**
+   * Bit #15 - Whether or not there are two or more sources for a class property in the context.
+   *
+   * Examples include:
+   * 1. prop + prop: `<div [class.active]="x" dir-that-sets-active-class>`
+   * 2. map + prop: `<div [class]="x" [class.foo]>`
+   * 3. map + map: `<div [class]="x" dir-that-sets-class>`
+   */
+  hasDuplicateClassBindings = 0x2000,
+
+  /**
+   * Bit #16 - Whether or not there are style-based map bindings present.
+   *
+   * Examples include:
+   * 1. `<div [style]="x">`
+   * 2. `@HostBinding('style') x`
+   */
+  hasStyleMapBindings = 0x4000,
+
+  /**
+   * Bit #17 - Whether or not there are any style-based prop bindings present.
+   *
+   * Examples include:
+   * 1. `<div [style.prop]="x">`
+   * 2. `@HostBinding('style.prop') x`
+   */
+  hasStylePropBindings = 0x8000,
+
+  /**
+   * Bit #18 - whether or not there are any active [style] and [style.prop] bindings
+   */
+  hasStylePropAndMapBindings = hasStyleMapBindings | hasStylePropBindings,
+
+  /**
+   * Bit #19 - Whether or not the context contains one or more style-based template bindings.
+   *
+   * Examples include:
+   * 1. `<div [style]="x">`
+   * 2. `<div [style.prop]="x">`
+   */
+  hasTemplateStyleBindings = 0x10000,
+
+  /**
+   * Bit #20 - Whether or not the context contains one or more style-based host bindings.
+   *
+   * Examples include:
+   * 1. `@HostBinding('style') x`
+   * 2. `@HostBinding('style.prop') x`
+   */
+  hasHostStyleBindings = 0x20000,
+
+  /**
+   * Bit #21 - Whether or not there are two or more sources for a style property in the context.
+   *
+   * Examples include:
+   * 1. prop + prop: `<div [style.width]="x" dir-that-sets-width>`
+   * 2. map + prop: `<div [style]="x" [style.prop]>`
+   * 3. map + map: `<div [style]="x" dir-that-sets-style>`
+   */
+  hasDuplicateStyleBindings = 0x40000,
 }
 
 /**