@builder.io/mitosis 0.0.56-96 → 0.0.56-97

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 (5) hide show
  1. package/dist/src/generators/lit/generate.d.ts +1 -0
  2. package/dist/src/generators/lit/generate.js +5 -3
  3. package/dist/tsconfig.build.tsbuildinfo +1 -1
  4. package/dist/tsconfig.tsbuildinfo +1 -1
  5. package/package.json +2 -2
package/dist/src/generators/lit/generate.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { BaseTranspilerOptions, Transpiler } from '../../types/transpiler';
2
2
  export interface ToLitOptions extends BaseTranspilerOptions {
3
+ useShadowDom?: boolean;
3
4
  }
4
5
  export declare const componentToLit: (options?: ToLitOptions) => Transpiler;
package/dist/src/generators/lit/generate.js CHANGED
@@ -175,9 +175,11 @@ var componentToLit = function (options) {
175
175
  html = html.replace(/\n{3,}/g, '\n\n');
176
176
  }
177
177
  }
178
- var str = (0, dedent_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n import { LitElement, html, css } from 'lit';\n import { customElement, property, state, query } from 'lit/decorators.js';\n\n ", "\n ", "\n\n @customElement('", "')\n export default class ", " extends LitElement {\n // Do not use Shadow DOM\n createRenderRoot() {\n return this;\n }\n\n ", "\n\n ", "\n \n \n ", "\n\n ", "\n ", "\n \n ", "\n ", "\n ", "\n \n render() {\n return html`\n ", "\n `\n }\n }\n "], ["\n ", "\n import { LitElement, html, css } from 'lit';\n import { customElement, property, state, query } from 'lit/decorators.js';\n\n ", "\n ", "\n\n @customElement('", "')\n export default class ", " extends LitElement {\n // Do not use Shadow DOM\n createRenderRoot() {\n return this;\n }\n\n ", "\n\n ", "\n \n \n ", "\n\n ", "\n ", "\n \n ", "\n ", "\n ", "\n \n render() {\n return html\\`\n ", "\n \\`\n }\n }\n "])), (0, render_imports_1.renderPreComponent)({ component: json, target: 'lit' }), json.types ? json.types.join('\n') : '', hasSpread
178
+ var str = (0, dedent_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n import { LitElement, html, css } from 'lit';\n import { customElement, property, state, query } from 'lit/decorators.js';\n\n ", "\n ", "\n\n @customElement('", "')\n export default class ", " extends LitElement {\n ", "\n\n ", "\n\n ", "\n \n \n ", "\n\n ", "\n ", "\n \n ", "\n ", "\n ", "\n \n render() {\n return html`\n ", "\n }\n ", "\n `\n }\n }\n "], ["\n ", "\n import { LitElement, html, css } from 'lit';\n import { customElement, property, state, query } from 'lit/decorators.js';\n\n ", "\n ", "\n\n @customElement('", "')\n export default class ", " extends LitElement {\n ", "\n\n ", "\n\n ", "\n \n \n ", "\n\n ", "\n ", "\n \n ", "\n ", "\n ", "\n \n render() {\n return html\\`\n ", "\n }\n ", "\n \\`\n }\n }\n "])), (0, render_imports_1.renderPreComponent)({ component: json, target: 'lit' }), json.types ? json.types.join('\n') : '', hasSpread
179
179
  ? "\n const spread = (properties) =>\n directive((part) => {\n for (const property in properties) {\n const value = properties[attr];\n part.element[property] = value;\n }\n });\n "
180
- : '', ((_b = json.meta.useMetadata) === null || _b === void 0 ? void 0 : _b.tagName) || getCustomTagName(json.name, options), json.name, css.length
180
+ : '', ((_b = json.meta.useMetadata) === null || _b === void 0 ? void 0 : _b.tagName) || getCustomTagName(json.name, options), json.name, options.useShadowDom
181
+ ? ''
182
+ : "\n createRenderRoot() {\n return this;\n }\n ", options.useShadowDom && css.length
181
183
  ? "static styles = css`\n ".concat((0, indent_1.indent)(css, 8), "`;")
182
184
  : '', Array.from(domRefs)
183
185
  .map(function (refName) { return "\n @query('[ref=\"".concat(refName, "\"]')\n ").concat((0, lodash_1.camelCase)(refName), "!: HTMLElement;\n "); })
@@ -189,7 +191,7 @@ var componentToLit = function (options) {
189
191
  ? ''
190
192
  : "disconnectedCallback() { ".concat(processBinding(json.hooks.onUnMount.code), " }"), !((_e = json.hooks.onUpdate) === null || _e === void 0 ? void 0 : _e.length)
191
193
  ? ''
192
- : "updated() { \n ".concat(json.hooks.onUpdate.map(function (hook) { return processBinding(hook.code); }).join('\n\n'), " \n }"), (0, indent_1.indent)(html, 8));
194
+ : "updated() { \n ".concat(json.hooks.onUpdate.map(function (hook) { return processBinding(hook.code); }).join('\n\n'), " \n }"), options.useShadowDom || !css.length ? '' : "<style>".concat(css, "</style>"), (0, indent_1.indent)(html, 8));
193
195
  if (options.plugins) {
194
196
  str = (0, plugins_1.runPreCodePlugins)(str, options.plugins);
195
197
  }