@builder.io/mitosis 0.11.2 → 0.11.3

package/dist/src/generators/angular/classic/blocks.js

@@ -393,7 +393,7 @@ const blockToAngular = ({ root, json, options = {}, blockOptions = {
             // Add ref for passing attributes
             str += `#${rootRef}`;
         }
-        if (html_tags_1.SELF_CLOSING_HTML_TAGS.has(json.name)) {
+        if (html_tags_1.SELF_CLOSING_HTML_TAGS.has(element)) {
             return str + ' />';
         }
         str += '>';

package/dist/src/generators/angular/signals/blocks.js

@@ -10,6 +10,7 @@ const parse_selector_1 = require("../../../generators/angular/helpers/parse-sele
 const babel_transform_1 = require("../../../helpers/babel-transform");
 const bindings_1 = require("../../../helpers/bindings");
 const event_handlers_1 = require("../../../helpers/event-handlers");
+const get_tag_name_1 = require("../../../helpers/get-tag-name");
 const is_children_1 = __importDefault(require("../../../helpers/is-children"));
 const is_mitosis_node_1 = require("../../../helpers/is-mitosis-node");
 const slots_1 = require("../../../helpers/slots");
@@ -268,22 +269,23 @@ const getElementTag = (json, blockOptions) => {
     const childComponents = (blockOptions === null || blockOptions === void 0 ? void 0 : blockOptions.childComponents) || [];
     let element, classNames = [], attributes;
     const isComponent = childComponents.find((impName) => impName === json.name);
-    if (isComponent) {
-        const selector = json.meta.selector;
-        if (selector) {
-            try {
-                ({ element, classNames, attributes } = (0, parse_selector_1.parseSelector)(`${selector}`));
-            }
-            catch (_a) {
-                element = (0, lodash_1.kebabCase)(json.name);
-            }
+    const tagName = (0, get_tag_name_1.getBuilderTagName)(json);
+    const selector = json.meta.selector || (blockOptions === null || blockOptions === void 0 ? void 0 : blockOptions.selector);
+    if (selector) {
+        try {
+            ({ element, classNames, attributes } = (0, parse_selector_1.parseSelector)(`${selector}`));
         }
-        else {
-            element = (0, lodash_1.kebabCase)(json.name);
+        catch (_a) {
+            element = tagName !== null && tagName !== void 0 ? tagName : (0, lodash_1.kebabCase)(json.name);
         }
     }
-    else {
-        element = json.name;
+    if (!element) {
+        if (isComponent) {
+            element = tagName !== null && tagName !== void 0 ? tagName : (0, lodash_1.kebabCase)(json.name);
+        }
+        else {
+            element = tagName !== null && tagName !== void 0 ? tagName : json.name;
+        }
     }
     let additionalString = '';
     // TODO: merge with existing classes/bindings
@@ -362,7 +364,7 @@ const blockToAngularSignals = ({ root, json, options = {}, blockOptions = {
         // Add ref for passing attributes
         str += `#${rootRef}`;
     }
-    if (html_tags_1.SELF_CLOSING_HTML_TAGS.has(json.name)) {
+    if (html_tags_1.SELF_CLOSING_HTML_TAGS.has(element)) {
         return str + ' />';
     }
     str += '>';

package/package.json

@@ -22,7 +22,7 @@
     "name": "Builder.io",
     "url": "https://www.builder.io"
   },
-  "version": "0.11.2",
+  "version": "0.11.3",
   "homepage": "https://github.com/BuilderIO/mitosis",
   "main": "./dist/src/index.js",
   "exports": {