Nested yield-slot from block-slot

[janmisek]

Should following usecase work ?

  {{#block-slot 'row' as |user|}}

    {{#packages/commons/grid/components/row/grid-row-cmp}}

      {{packages/commons/grid/components/column/string-column-body-cmp value=user.id}}
      {{packages/commons/grid/components/column/user-column-body-cmp user=user}}

      {{#yield-slot 'actions' (block-params user)}}
        {{yield}}
      {{/yield-slot}}

    {{/packages/commons/grid/components/row/grid-row-cmp}}

  {{/block-slot}}

All components in nesting chain has SlotsMixin applied. Yielded slot actions is not propagated upwards.

[andrewfan]

@janmisek does not work out of the box, the simplest solution is to make childViews know the slots of its parents

try to do something like

SlotsMixin.reopen({
    didInsertElement() {
      this._super(...arguments);
      const parentWithSlots = this.nearestOfType(SlotsMixin);

      if (parentWithSlots) {
        get(this, '_slots').addObjects(get(parentWithSlots, '_slots'));
      }
    }
});

[janmisek]

Or what I found out to be working also is to place yield for block-slot itself Is it supported solution ?

  {{#block-slot 'row' as |user|}}
     
    {{!-- extra yield in block-slot --}}
    {{yield}} 

    {{#packages/commons/grid/components/row/grid-row-cmp}}

      {{packages/commons/grid/components/column/string-column-body-cmp value=user.id}}
      {{packages/commons/grid/components/column/user-column-body-cmp user=user}}

      {{#yield-slot 'actions' (block-params user)}}
        {{yield}}
      {{/yield-slot}}

    {{/packages/commons/grid/components/row/grid-row-cmp}}

  {{/block-slot}}