Customizer JS API получает значение поля настройщика

Question

Я хочу использовать плагин javascript на моем веб-сайте, который должен быть инициализирован значениями, установленными в настройщике wordpress.

Kirki::add_field( 'artist_theme_config', array(
  'type'        => 'select',
  'settings'    => 'gallery_lightgallery_transition',
  'label'       => __( 'Select the transition type of your lightgalleries', 'site-name' ),
  'section'     => 'artist_theme_gallery_style',
  'default'     => 'lg-slide',
  'priority'    => 10,
  'choices'     => array(
    'lg-slide' => esc_attr__( 'Slide', 'site-name' ),
    'lg-fade' => esc_attr__( 'Fade', 'site-name' ),
    'lg-zoom-in' => esc_attr__( 'Zoom In', 'site-name' ),
  ),
) );

Моя цель - запустить логику инициализации с параметрами, установленными в настройщике.Поэтому мне нужно получить значение настройки в пользовательском JavaScript.Я обнаружил, что один из способов (это правильно?) Получить значение:

wp.customize.instance( 'gallery_lightgallery_transition' ).get();

Однако это работает, только если настройщик открыт.Как правильно получить значение поля настройщика в javascript?Нужно ли ставить скрипт в правильную зависимость, как в

wp_enqueue_script('sage/customizer_controls.js', asset_path('scripts/customizer_controls.js'), [ 'customize-controls' ], null, true);

?Однако я не хочу помещать логику в customizer_controls.js, а в файл с именем plugins.js.Существует долгое обсуждение , как передавать переменные из php в javascript в wordpress , однако должен быть способ с новым настройщиком API, я думаю, просто не могу найти никаких примеров или документации.