feat(ivy): properly apply class="", [class], [class.foo] and [attr.class] bindings (#24822)

PR Close #24822

packages/core/test/bundling/hello_world/bundle.golden_symbols.json

@@ -191,6 +191,9 @@
   {
     "name": "namespaceHTML"
   },
+  {
+    "name": "readElementValue"
+  },
   {
     "name": "refreshChildComponents"
   },

packages/core/test/bundling/todo/bundle.golden_symbols.json

@@ -119,6 +119,9 @@
   {
     "name": "RecordViewTuple"
   },
+  {
+    "name": "RendererStyleFlags3"
+  },
   {
     "name": "SANITIZER"
   },
@@ -206,6 +209,15 @@
   {
     "name": "_c16"
   },
+  {
+    "name": "_c17"
+  },
+  {
+    "name": "_c18"
+  },
+  {
+    "name": "_c19"
+  },
   {
     "name": "_c2"
   },
@@ -260,6 +272,9 @@
   {
     "name": "addToViewTree"
   },
+  {
+    "name": "allocStylingContext"
+  },
   {
     "name": "appendChild"
   },
@@ -332,6 +347,9 @@
   {
     "name": "createRootContext"
   },
+  {
+    "name": "createStylingContextTemplate"
+  },
   {
     "name": "createTNode"
   },
@@ -344,6 +362,9 @@
   {
     "name": "createViewQuery"
   },
+  {
+    "name": "currentElementNode"
+  },
   {
     "name": "defineComponent"
   },
@@ -378,7 +399,7 @@
     "name": "domRendererFactory3"
   },
   {
-    "name": "elementClassNamed"
+    "name": "elementClassProp"
   },
   {
     "name": "elementEnd"
@@ -389,6 +410,12 @@
   {
     "name": "elementStart"
   },
+  {
+    "name": "elementStyling"
+  },
+  {
+    "name": "elementStylingApply"
+  },
   {
     "name": "enterView"
   },
@@ -446,9 +473,21 @@
   {
     "name": "getCurrentSanitizer"
   },
+  {
+    "name": "getInitialIndex"
+  },
+  {
+    "name": "getInitialValue"
+  },
   {
     "name": "getLViewChild"
   },
+  {
+    "name": "getMultiOrSingleIndex"
+  },
+  {
+    "name": "getMultiStartIndex"
+  },
   {
     "name": "getNextLNode"
   },
@@ -479,12 +518,18 @@
   {
     "name": "getParentState"
   },
+  {
+    "name": "getPointers"
+  },
   {
     "name": "getPreviousIndex"
   },
   {
     "name": "getPreviousOrParentNode"
   },
+  {
+    "name": "getProp"
+  },
   {
     "name": "getRenderFlags"
   },
@@ -494,6 +539,9 @@
   {
     "name": "getRootView"
   },
+  {
+    "name": "getStylingContext"
+  },
   {
     "name": "getSymbolIterator"
   },
@@ -506,6 +554,9 @@
   {
     "name": "getTypeNameForDebugging$1"
   },
+  {
+    "name": "getValue"
+  },
   {
     "name": "hostElement"
   },
@@ -536,6 +587,9 @@
   {
     "name": "invertObject"
   },
+  {
+    "name": "isContextDirty"
+  },
   {
     "name": "isCssClassMatching"
   },
@@ -545,6 +599,9 @@
   {
     "name": "isDifferent"
   },
+  {
+    "name": "isDirty"
+  },
   {
     "name": "isJsObject"
   },
@@ -575,6 +632,12 @@
   {
     "name": "load"
   },
+  {
+    "name": "loadElement"
+  },
+  {
+    "name": "loadElementInternal"
+  },
   {
     "name": "loadInternal"
   },
@@ -602,6 +665,9 @@
   {
     "name": "notImplemented"
   },
+  {
+    "name": "pointers"
+  },
   {
     "name": "projectionNodeStack"
   },
@@ -626,6 +692,9 @@
   {
     "name": "queueViewHooks"
   },
+  {
+    "name": "readElementValue"
+  },
   {
     "name": "refreshChildComponents"
   },
@@ -653,6 +722,9 @@
   {
     "name": "renderEmbeddedTemplate"
   },
+  {
+    "name": "renderStyling"
+  },
   {
     "name": "resetApplicationState"
   },
@@ -677,9 +749,21 @@
   {
     "name": "searchMatchesQueuedForCreation"
   },
+  {
+    "name": "setClass"
+  },
+  {
+    "name": "setContextDirty"
+  },
   {
     "name": "setCurrentInjector"
   },
+  {
+    "name": "setDirty"
+  },
+  {
+    "name": "setFlag"
+  },
   {
     "name": "setHostBindings"
   },
@@ -689,9 +773,18 @@
   {
     "name": "setInputsFromAttrs"
   },
+  {
+    "name": "setProp"
+  },
+  {
+    "name": "setStyle"
+  },
   {
     "name": "setUpAttributes"
   },
+  {
+    "name": "setValue"
+  },
   {
     "name": "storeCleanupFn"
   },
@@ -725,9 +818,18 @@
   {
     "name": "trackByIdentity"
   },
+  {
+    "name": "updateClassProp"
+  },
+  {
+    "name": "updateStyleProp"
+  },
   {
     "name": "updateViewQuery"
   },
+  {
+    "name": "valueExists"
+  },
   {
     "name": "viewAttached"
   },