npm - @builder.io/mitosis - Versions diffs - 0.2.10 → 0.3.0 - Mend

@builder.io/mitosis 0.2.10 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/src/generators/angular/index.js +4 -2
package/dist/src/generators/angular/types.d.ts +1 -0
package/dist/src/generators/angular/types.js +1 -0
package/package.json +1 -1

package/dist/src/generators/angular/index.js CHANGED Viewed

@@ -543,10 +543,12 @@ var componentToAngular = function (userOptions) {
             childComponents: childComponents,
             nativeAttributes: (_f = (_e = useMetadata === null || useMetadata === void 0 ? void 0 : useMetadata.angular) === null || _e === void 0 ? void 0 : _e.nativeAttributes) !== null && _f !== void 0 ? _f : [],
         }), dynamicComponents = _o.components, dynamicTemplate = _o.dynamicTemplate;
+        var hostDisplayCss = options.visuallyIgnoreHostElement ? ':host { display: contents; }' : '';
+        var styles = css.length ? [hostDisplayCss, css].join('\n') : hostDisplayCss;
         // Preparing built in component metadata parameters
-        var componentMetadata = __assign(__assign({ selector: "'".concat((0, lodash_1.kebabCase)(json.name || 'my-component'), ", ").concat(json.name, "'"), template: "`\n        ".concat((0, indent_1.indent)(dynamicTemplate, 8).replace(/`/g, '\\`').replace(/\$\{/g, '\\${'), "\n        ").concat((0, indent_1.indent)(template, 8).replace(/`/g, '\\`').replace(/\$\{/g, '\\${'), "\n        `") }, (css.length
+        var componentMetadata = __assign(__assign({ selector: "'".concat((0, lodash_1.kebabCase)(json.name || 'my-component'), ", ").concat(json.name, "'"), template: "`\n        ".concat((0, indent_1.indent)(dynamicTemplate, 8).replace(/`/g, '\\`').replace(/\$\{/g, '\\${'), "\n        ").concat((0, indent_1.indent)(template, 8).replace(/`/g, '\\`').replace(/\$\{/g, '\\${'), "\n        `") }, (styles
             ? {
-                styles: "[`".concat((0, indent_1.indent)(css, 8), "`]"),
+                styles: "[`".concat((0, indent_1.indent)(styles, 8), "`]"),
             }
             : {})), (options.standalone
             ? // TODO: also add child component imports here as well

package/dist/src/generators/angular/types.d.ts CHANGED Viewed

@@ -6,6 +6,7 @@ export interface ToAngularOptions extends BaseTranspilerOptions {
     preserveFileExtensions?: boolean;
     importMapper?: Function;
     bootstrapMapper?: Function;
+    visuallyIgnoreHostElement?: boolean;
 }
 export declare const DEFAULT_ANGULAR_OPTIONS: ToAngularOptions;
 export interface AngularBlockOptions {

package/dist/src/generators/angular/types.js CHANGED Viewed

@@ -5,4 +5,5 @@ exports.BUILT_IN_COMPONENTS = new Set(['Show', 'For', 'Fragment', 'Slot']);
 exports.DEFAULT_ANGULAR_OPTIONS = {
     preserveImports: false,
     preserveFileExtensions: false,
+    visuallyIgnoreHostElement: true,
 };

package/package.json CHANGED Viewed

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