@builder.io/mitosis 0.11.1 → 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/dist/src/generators/builder/generator.js

@@ -583,6 +583,12 @@ const blockToBuilder = (json, options = {}, _internalOptions = {}) => {
             responsiveStyles,
         }),
         layerName: json.properties.$name,
+        ...(json.properties['data-builder-layerLocked'] !== undefined && {
+            layerLocked: json.properties['data-builder-layerLocked'] === 'true',
+        }),
+        ...(json.properties['data-builder-groupLocked'] !== undefined && {
+            groupLocked: json.properties['data-builder-groupLocked'] === 'true',
+        }),
         ...(thisIsComponent && {
             component: {
                 name: mapComponentName(json.name),

package/dist/src/parsers/builder/builder.js

@@ -498,6 +498,14 @@ const componentMappers = {
         if (block.layerName) {
             properties.$name = block.layerName;
         }
+        // Add data attributes for Builder layer properties
+        const dataAttributes = {};
+        if (block.layerLocked !== undefined) {
+            dataAttributes['data-builder-layerLocked'] = String(block.layerLocked);
+        }
+        if (block.groupLocked !== undefined) {
+            dataAttributes['data-builder-groupLocked'] = String(block.groupLocked);
+        }
         const innerBindings = {};
         const componentOptionsText = blockBindings['component.options.text'];
         if (componentOptionsText) {
@@ -522,7 +530,10 @@ const componentMappers = {
             return (0, create_mitosis_node_1.createMitosisNode)({
                 name: block.tagName || 'div',
                 bindings,
-                properties,
+                properties: {
+                    ...properties,
+                    ...dataAttributes,
+                },
                 meta: (0, exports.getMetaFromBlock)(block, options),
                 ...(Object.keys(localizedValues).length && { localizedValues }),
                 children: [
@@ -546,6 +557,7 @@ const componentMappers = {
                 }
                 : {}),
             ...properties,
+            ...dataAttributes,
         };
         const finalTagname = block.tagName || (assumeLink ? 'a' : 'div');
         if ((block.tagName && block.tagName !== 'div') ||
@@ -817,6 +829,14 @@ const builderElementToMitosisNode = (block, options, _internalOptions = {}) => {
             bindings[useKey] = (0, bindings_1.createSingleBinding)({ code: value });
         }
     }
+    // Add data attributes for Builder layer properties
+    const dataAttributes = {};
+    if (block.layerLocked !== undefined) {
+        dataAttributes['data-builder-layerLocked'] = String(block.layerLocked);
+    }
+    if (block.groupLocked !== undefined) {
+        dataAttributes['data-builder-groupLocked'] = String(block.groupLocked);
+    }
     const node = (0, create_mitosis_node_1.createMitosisNode)({
         name: ((_r = (_q = block.component) === null || _q === void 0 ? void 0 : _q.name) === null || _r === void 0 ? void 0 : _r.replace(/[^a-z0-9]/gi, '')) ||
             block.tagName ||
@@ -825,6 +845,7 @@ const builderElementToMitosisNode = (block, options, _internalOptions = {}) => {
             ...(block.component && includeSpecialBindings && { $tagName: block.tagName }),
             ...(block.class && { class: block.class }),
             ...properties,
+            ...dataAttributes,
         },
         bindings: {
             ...bindings,

package/package.json

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