Fields under tabs don't appear correctly with 'active_callback'

[artkrsk]

Issue description:

Hello, guys! Recently I've bought from you several extensions from Kirki Pro and would like to report a bug I've discovered while developing a new theme with a help of Kirki panels. This is related to "Tabs" extension.

When we have a registered field with active_callback under a tab, it doesn't appear correctly on the initial panels load. Consider the following example I've prepared for debugging:

Version used:

4.1.1

Code to reproduce the issue (config + field(s))

<?php

add_action( 'after_setup_theme', 'test_register_customizer_panels' );
function test_register_customizer_panels() {
  new \Kirki\Section(
    'section_id',
    array(
      'title' => esc_html__( 'Site Structure', 'kirki-pro' ),
      'tabs'  => array(
        'general' => array(
          'label' => esc_html__( 'General', 'kirki-pro' ),
        ),
        'design'  => array(
          'label' => esc_html__( 'Design', 'kirki-pro' ),
        ),
        'layout'  => array(
          'label' => esc_html__( 'Layout', 'kirki-pro' ),
        ),
      ),
    )
  );

  new \Kirki\Pro\Field\HeadlineToggle(
    array(
      'settings' => 'toggle_enabled',
      'section'  => 'section_id',
      'tab'      => 'general',
      'label'    => esc_html__( 'Test toggle', 'kirki-pro' ),
      'default'  => false,
    )
  );

  new \Kirki\Field\Slider(
    array(
      'settings'        => 'slider_control',
      'label'           => esc_html__( 'This one should be visible when "Test toggle" is ENABLED', 'kirki-pro' ),
      'section'         => 'section_id',
      'tab'             => 'design',
      'default'         => 1.5,
      'choices'         => array(
        'min'  => 0,
        'max'  => 3,
        'step' => 0.5,
      ),
      'active_callback' => array(
        array(
          'setting' => 'toggle_enabled',
          'value'   => true,
        ),
      ),
    )
  );

  new \Kirki\Field\Checkbox(
    array(
      'settings'        => 'test_checkbox_enabled',
      'section'         => 'section_id',
      'tab'             => 'layout',
      'label'           => esc_html__( 'This one should be visible only when "HeadlineToggle" is DISABLED.', 'kirki-pro' ),
      'default'         => false,
      'active_callback' => array(
        array(
          'setting' => 'toggle_enabled',
          'value'   => false,
        ),
      ),
    )
  );
}

I've recorded 2 short screencasts to better illustrate the problem:

1. "Test toggle" is initially DISABLED:

2. "Test toggle" is initially ENABLED:

In addition, the problem is gone when I do "Enable -> Disable -> Enable" on the toggle. After doing that the fields conditions in the other tabs refreshes and appear as expected.

Thank you.

[artkrsk]

Is this project still alive?