@builder.io/[email protected]

Patch Changes

• d24889d: [angular,stencil] Fix attribute-passing in options

@builder.io/[email protected]

Patch Changes

• Updated dependencies [d24889d]
  • @builder.io/[email protected]

@builder.io/[email protected]

Patch Changes

• 0c493b2: [Builder] Fix null check issue with localized values

@builder.io/[email protected]

Patch Changes

• Updated dependencies [0c493b2]
  • @builder.io/[email protected]

@builder.io/[email protected]

Patch Changes

• 1d74164: adds support to Builder parser and generator for inline localized content

@builder.io/[email protected]

Patch Changes

• Updated dependencies [1d74164]
  • @builder.io/[email protected]

@builder.io/[email protected]

Patch Changes

• b63279f: [angular, stencil]: Add attributePassing to enable passing attributes like data-*, aria-* or class to correct child.

  There is a wired behaviour for Angular and Stencil (without shadow DOM), where attributes are rendered on parent elements like this:

  Input

  <!-- Angular -->
  <my-component class="cool" data-nice="true" aria-label="wow"></my-component>
  

  Output

  <!-- DOM -->
  <my-component class="cool" data-nice="true" aria-label="wow">
    <button class="my-component">My Component</button>
  </my-component>

  In general, we want to pass those attributes down to the rendered child, like this:

  <!-- DOM -->
  <my-component>
    <button class="my-component cool" data-nice="true" aria-label="wow">My Component</button>
  </my-component>

  We provide 2 ways to enable this attribute passing:

  Metadata

  // my-component.lite.tsx
  useMetadata({
    attributePassing: {
      enabled: true,
      // customRef: "_myRef";
    },
  });

  Config

  // mitosis.config.cjs
  module.exports = {
    // ... other settings
    attributePassing: {
      enabled: true,
      // customRef: "_myRef";
    },
  };

  If you enable the attributePassing we add a new ref to the root element named _root to interact with the DOM element. If you wish to control the name of the ref, because you already have a useRef on your root element, you can use the customRef property to select it.

@builder.io/[email protected]

Patch Changes

• Updated dependencies [b63279f]
  • @builder.io/[email protected]

@builder.io/[email protected]

Patch Changes

• 92ad2c6: Misc: stop using fs-extra-promise dependency

@builder.io/[email protected]

Patch Changes

• 57bdffe: [angular] fix issue with definite assignment (!) for props with defaultProps