1	<?php
2
3	declare(strict_types=1);
4
5	namespace Drupal\display_builder\Plugin\display_builder\Island;
6
7	use Drupal\Core\Extension\ModuleHandlerInterface;
8	use Drupal\Core\Form\FormStateInterface;
9	use Drupal\Core\StringTranslation\TranslatableMarkup;
10	use Drupal\display_builder\Attribute\Island;
11	use Drupal\display_builder\InstanceInterface;
12	use Drupal\display_builder\Island\IslandPluginBase;
13	use Drupal\display_builder\Island\IslandType;
14	use Drupal\display_builder\Island\IslandWithFormInterface;
15	use Drupal\display_builder\Island\IslandWithFormTrait;
16	use Drupal\display_builder\Island\RenderableAltererInterface;
17	use Drupal\ui_skins\CssVariable\CssVariablePluginManagerInterface;
18	use Drupal\ui_skins\UiSkinsUtility;
19	use Symfony\Component\DependencyInjection\ContainerInterface;
20
21	/**
22	* Skins island plugin implementation.
23	*
24	* @todo must move to UI Styles module.
25	*/
26	#[Island(
27	id: 'tokens',
28	label: new TranslatableMarkup('Design tokens (CSS variables)'),
29	description: new TranslatableMarkup('Override CSS variables for the active component or block.'),
30	type: IslandType::Contextual,
31	modules: ['ui_skins'],
32	icon: 'braces',
33	)]
34	class DesignTokensPanel extends IslandPluginBase implements IslandWithFormInterface, RenderableAltererInterface {
35
36	use IslandWithFormTrait;
37
38	/**
39	* The UI Skins CSS variables manager.
40	*/
41	protected CssVariablePluginManagerInterface $cssVariablePluginManager;
42
43	/**
44	* The module handler.
45	*/
46	protected ModuleHandlerInterface $moduleHandler;
47
48	/**
49	* {@inheritdoc}
50	*/
51	public static function create(ContainerInterface $container, array $configuration, $plugin_id, $plugin_definition): static {
52	$instance = parent::create($container, $configuration, $plugin_id, $plugin_definition);
53	$instance->cssVariablePluginManager = $container->get('plugin.manager.ui_skins.css_variable');
54	$instance->moduleHandler = $container->get('module_handler');
55
56	return $instance;
57	}
58
59	/**
60	* {@inheritdoc}
61	*/
62	public function buildForm(array &$form, FormStateInterface $form_state): void {
63	$data = $form_state->getBuildInfo()['args'][0];
64	$instance = $data['instance'] ?? [];
65	$grouped_plugin_definitions = $this->cssVariablePluginManager->getGroupedDefinitions();
66
67	if (empty($grouped_plugin_definitions)) {
68	return;
69	}
70
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
72	$variables = [];
73
74	foreach ($definitions as $definition_id => $definition) {
75	$default = $definition->getDefaultValues();
76
77	if (!isset($default[':root'])) {
78	continue;
79	}
80	$variables[$definition_id] = [
81	'#type' => $definition->getType(),
82	'#title' => $definition->getLabel(),
83	'#default_value' => $instance[$definition_id] ?? $default[':root'] ?? '',
84	];
85	}
86
87	if (!empty($variables)) {
88	$variables['#type'] = 'details';
89	$variables['#title'] = $group;
90	$form[$group] = $variables;
91	}
92	}
93	}
94
95	/**
96	* {@inheritdoc}
97	*/
98	public function validateForm(array &$form, FormStateInterface $form_state): void {
99	$variables = $form_state->getValues();
100	$variables = $this->filterValues($variables);
101	$variables = $form_state->setValues($variables);
102	// Those two lines are necessary to prevent the form from being rebuilt.
103	// if rebuilt, the form state values will have both the computed ones
104	// and the raw ones (wrapper key and values).
105	$form_state->setRebuild(FALSE);
106	$form_state->setExecuted();
107	}
108
109	/**
110	* {@inheritdoc}
111	*/
112	public function alterElement(array $element, array $data = []): array {
113	$inline_css = [];
114
115	foreach ($data as $variable => $value) {
116	$variable = UiSkinsUtility::getCssVariableName($variable);
117	$inline_css[] = "{$variable}: {$value};";
118	}
119	$element['#attributes']['style'] = \implode(' ', $inline_css);
120
121	return $element;
122	}
123
124	/**
125	* {@inheritdoc}
126	*
127	* No-op: a freshly attached node always has a brand-new node_id, so its
128	* own contextual panel can never already be open in the second drawer for
129	* this or any other reload to target.
130	*/
131	public function onAttachToRoot(InstanceInterface $instance, string $node_id): array {
132	return [];
133	}
134
135	/**
136	* {@inheritdoc}
137	*
138	* @see self::onAttachToRoot()
139	*/
140	public function onAttachToSlot(InstanceInterface $instance, string $node_id, string $parent_id): array {
141	return [];
142	}
143
144	/**
145	* {@inheritdoc}
146	*/
147	public function onActive(InstanceInterface $instance, array $data): array {
148	return $this->reloadWithLocalData($instance, $data);
149	}
150
151	/**
152	* {@inheritdoc}
153	*/
154	public function onDelete(InstanceInterface $instance, ?string $parent_id): array {
155	return $this->reloadWithLocalData($instance, []);
156	}
157
158	/**
159	* {@inheritdoc}
160	*/
161	public function isApplicable(): bool {
162	return parent::isApplicable() && $this->moduleHandler->moduleExists('ui_skins');
163	}
164
165	/**
166	* Extract values to save in configuration.
167	*
168	* @param array $variables
169	*   The variables to filter.
170	*
171	* @return array
172	*   An array of filtered variables.
173	*/
174	protected function filterValues(array $variables): array {
175	$cleaned_variables = [];
176
177	foreach ($variables as $variable => $value) {
178	/** @var \Drupal\ui_skins\Definition\CssVariableDefinition $plugin_definition */
179	$plugin_definition = $this->cssVariablePluginManager->getDefinition($variable, FALSE);
180
181	if (!$plugin_definition) {
182	continue;
183	}
184
185	// Remove values that do not differ from the default values of the plugin.
186	if ($plugin_definition->isDefaultScopeValue(':root', $value)) {
187	continue;
188	}
189
190	$cleaned_variables[$variable] = $value;
191	}
192
193	return $cleaned_variables;
194	}
195
196	}

---

Paths

Below are the source code lines that represent each code path as identified by Xdebug. Please note a path is not necessarily coterminous with a line, a line may contain multiple paths and therefore show up more than once. Please also be aware that some paths may include implicit rather than explicit branches, e.g. an if statement always has an else as part of its logical flow even if you didn't write one.

DesignTokensPanel->alterElement

112	public function alterElement(array $element, array $data = []): array {
113	$inline_css = [];
114
115	foreach ($data as $variable => $value) {
115	foreach ($data as $variable => $value) {
115	foreach ($data as $variable => $value) {
115	foreach ($data as $variable => $value) {
115	foreach ($data as $variable => $value) {
116	$variable = UiSkinsUtility::getCssVariableName($variable);
117	$inline_css[] = "{$variable}: {$value};";
118	}
119	$element['#attributes']['style'] = \implode(' ', $inline_css);
120
121	return $element;
122	}

112	public function alterElement(array $element, array $data = []): array {
113	$inline_css = [];
114
115	foreach ($data as $variable => $value) {
115	foreach ($data as $variable => $value) {
115	foreach ($data as $variable => $value) {
116	$variable = UiSkinsUtility::getCssVariableName($variable);
117	$inline_css[] = "{$variable}: {$value};";
118	}
119	$element['#attributes']['style'] = \implode(' ', $inline_css);
120
121	return $element;
122	}

112	public function alterElement(array $element, array $data = []): array {
113	$inline_css = [];
114
115	foreach ($data as $variable => $value) {
115	foreach ($data as $variable => $value) {
116	$variable = UiSkinsUtility::getCssVariableName($variable);
117	$inline_css[] = "{$variable}: {$value};";
118	}
119	$element['#attributes']['style'] = \implode(' ', $inline_css);
120
121	return $element;
122	}

DesignTokensPanel->buildForm

62	public function buildForm(array &$form, FormStateInterface $form_state): void {
63	$data = $form_state->getBuildInfo()['args'][0];
64	$instance = $data['instance'] ?? [];
65	$grouped_plugin_definitions = $this->cssVariablePluginManager->getGroupedDefinitions();
66
67	if (empty($grouped_plugin_definitions)) {
68	return;

62	public function buildForm(array &$form, FormStateInterface $form_state): void {
63	$data = $form_state->getBuildInfo()['args'][0];
64	$instance = $data['instance'] ?? [];
65	$grouped_plugin_definitions = $this->cssVariablePluginManager->getGroupedDefinitions();
66
67	if (empty($grouped_plugin_definitions)) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
72	$variables = [];
73
74	foreach ($definitions as $definition_id => $definition) {
74	foreach ($definitions as $definition_id => $definition) {
74	foreach ($definitions as $definition_id => $definition) {
75	$default = $definition->getDefaultValues();
76
77	if (!isset($default[':root'])) {
78	continue;
74	foreach ($definitions as $definition_id => $definition) {
74	foreach ($definitions as $definition_id => $definition) {
75	$default = $definition->getDefaultValues();
76
77	if (!isset($default[':root'])) {
78	continue;
79	}
80	$variables[$definition_id] = [
81	'#type' => $definition->getType(),
82	'#title' => $definition->getLabel(),
83	'#default_value' => $instance[$definition_id] ?? $default[':root'] ?? '',
84	];
85	}
86
87	if (!empty($variables)) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
72	$variables = [];
73
74	foreach ($definitions as $definition_id => $definition) {
75	$default = $definition->getDefaultValues();
76
77	if (!isset($default[':root'])) {
78	continue;
79	}
80	$variables[$definition_id] = [
81	'#type' => $definition->getType(),
82	'#title' => $definition->getLabel(),
83	'#default_value' => $instance[$definition_id] ?? $default[':root'] ?? '',
84	];
85	}
86
87	if (!empty($variables)) {
88	$variables['#type'] = 'details';
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
72	$variables = [];
73
74	foreach ($definitions as $definition_id => $definition) {
75	$default = $definition->getDefaultValues();
76
77	if (!isset($default[':root'])) {
78	continue;
79	}
80	$variables[$definition_id] = [
81	'#type' => $definition->getType(),
82	'#title' => $definition->getLabel(),
83	'#default_value' => $instance[$definition_id] ?? $default[':root'] ?? '',
84	];
85	}
86
87	if (!empty($variables)) {
88	$variables['#type'] = 'details';
89	$variables['#title'] = $group;
90	$form[$group] = $variables;
91	}
92	}
93	}

62	public function buildForm(array &$form, FormStateInterface $form_state): void {
63	$data = $form_state->getBuildInfo()['args'][0];
64	$instance = $data['instance'] ?? [];
65	$grouped_plugin_definitions = $this->cssVariablePluginManager->getGroupedDefinitions();
66
67	if (empty($grouped_plugin_definitions)) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
72	$variables = [];
73
74	foreach ($definitions as $definition_id => $definition) {
74	foreach ($definitions as $definition_id => $definition) {
74	foreach ($definitions as $definition_id => $definition) {
75	$default = $definition->getDefaultValues();
76
77	if (!isset($default[':root'])) {
78	continue;
74	foreach ($definitions as $definition_id => $definition) {
74	foreach ($definitions as $definition_id => $definition) {
75	$default = $definition->getDefaultValues();
76
77	if (!isset($default[':root'])) {
78	continue;
79	}
80	$variables[$definition_id] = [
81	'#type' => $definition->getType(),
82	'#title' => $definition->getLabel(),
83	'#default_value' => $instance[$definition_id] ?? $default[':root'] ?? '',
84	];
85	}
86
87	if (!empty($variables)) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
72	$variables = [];
73
74	foreach ($definitions as $definition_id => $definition) {
75	$default = $definition->getDefaultValues();
76
77	if (!isset($default[':root'])) {
78	continue;
79	}
80	$variables[$definition_id] = [
81	'#type' => $definition->getType(),
82	'#title' => $definition->getLabel(),
83	'#default_value' => $instance[$definition_id] ?? $default[':root'] ?? '',
84	];
85	}
86
87	if (!empty($variables)) {
88	$variables['#type'] = 'details';
89	$variables['#title'] = $group;
90	$form[$group] = $variables;
91	}
92	}
93	}

62	public function buildForm(array &$form, FormStateInterface $form_state): void {
63	$data = $form_state->getBuildInfo()['args'][0];
64	$instance = $data['instance'] ?? [];
65	$grouped_plugin_definitions = $this->cssVariablePluginManager->getGroupedDefinitions();
66
67	if (empty($grouped_plugin_definitions)) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
72	$variables = [];
73
74	foreach ($definitions as $definition_id => $definition) {
74	foreach ($definitions as $definition_id => $definition) {
74	foreach ($definitions as $definition_id => $definition) {
75	$default = $definition->getDefaultValues();
76
77	if (!isset($default[':root'])) {
74	foreach ($definitions as $definition_id => $definition) {
75	$default = $definition->getDefaultValues();
76
77	if (!isset($default[':root'])) {
78	continue;
79	}
80	$variables[$definition_id] = [
81	'#type' => $definition->getType(),
74	foreach ($definitions as $definition_id => $definition) {
74	foreach ($definitions as $definition_id => $definition) {
75	$default = $definition->getDefaultValues();
76
77	if (!isset($default[':root'])) {
78	continue;
79	}
80	$variables[$definition_id] = [
81	'#type' => $definition->getType(),
82	'#title' => $definition->getLabel(),
83	'#default_value' => $instance[$definition_id] ?? $default[':root'] ?? '',
84	];
85	}
86
87	if (!empty($variables)) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
72	$variables = [];
73
74	foreach ($definitions as $definition_id => $definition) {
75	$default = $definition->getDefaultValues();
76
77	if (!isset($default[':root'])) {
78	continue;
79	}
80	$variables[$definition_id] = [
81	'#type' => $definition->getType(),
82	'#title' => $definition->getLabel(),
83	'#default_value' => $instance[$definition_id] ?? $default[':root'] ?? '',
84	];
85	}
86
87	if (!empty($variables)) {
88	$variables['#type'] = 'details';
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
72	$variables = [];
73
74	foreach ($definitions as $definition_id => $definition) {
75	$default = $definition->getDefaultValues();
76
77	if (!isset($default[':root'])) {
78	continue;
79	}
80	$variables[$definition_id] = [
81	'#type' => $definition->getType(),
82	'#title' => $definition->getLabel(),
83	'#default_value' => $instance[$definition_id] ?? $default[':root'] ?? '',
84	];
85	}
86
87	if (!empty($variables)) {
88	$variables['#type'] = 'details';
89	$variables['#title'] = $group;
90	$form[$group] = $variables;
91	}
92	}
93	}

62	public function buildForm(array &$form, FormStateInterface $form_state): void {
63	$data = $form_state->getBuildInfo()['args'][0];
64	$instance = $data['instance'] ?? [];
65	$grouped_plugin_definitions = $this->cssVariablePluginManager->getGroupedDefinitions();
66
67	if (empty($grouped_plugin_definitions)) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
72	$variables = [];
73
74	foreach ($definitions as $definition_id => $definition) {
74	foreach ($definitions as $definition_id => $definition) {
74	foreach ($definitions as $definition_id => $definition) {
75	$default = $definition->getDefaultValues();
76
77	if (!isset($default[':root'])) {
74	foreach ($definitions as $definition_id => $definition) {
75	$default = $definition->getDefaultValues();
76
77	if (!isset($default[':root'])) {
78	continue;
79	}
80	$variables[$definition_id] = [
81	'#type' => $definition->getType(),
74	foreach ($definitions as $definition_id => $definition) {
74	foreach ($definitions as $definition_id => $definition) {
75	$default = $definition->getDefaultValues();
76
77	if (!isset($default[':root'])) {
78	continue;
79	}
80	$variables[$definition_id] = [
81	'#type' => $definition->getType(),
82	'#title' => $definition->getLabel(),
83	'#default_value' => $instance[$definition_id] ?? $default[':root'] ?? '',
84	];
85	}
86
87	if (!empty($variables)) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
72	$variables = [];
73
74	foreach ($definitions as $definition_id => $definition) {
75	$default = $definition->getDefaultValues();
76
77	if (!isset($default[':root'])) {
78	continue;
79	}
80	$variables[$definition_id] = [
81	'#type' => $definition->getType(),
82	'#title' => $definition->getLabel(),
83	'#default_value' => $instance[$definition_id] ?? $default[':root'] ?? '',
84	];
85	}
86
87	if (!empty($variables)) {
88	$variables['#type'] = 'details';
89	$variables['#title'] = $group;
90	$form[$group] = $variables;
91	}
92	}
93	}

62	public function buildForm(array &$form, FormStateInterface $form_state): void {
63	$data = $form_state->getBuildInfo()['args'][0];
64	$instance = $data['instance'] ?? [];
65	$grouped_plugin_definitions = $this->cssVariablePluginManager->getGroupedDefinitions();
66
67	if (empty($grouped_plugin_definitions)) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
72	$variables = [];
73
74	foreach ($definitions as $definition_id => $definition) {
74	foreach ($definitions as $definition_id => $definition) {
74	foreach ($definitions as $definition_id => $definition) {
75	$default = $definition->getDefaultValues();
76
77	if (!isset($default[':root'])) {
78	continue;
79	}
80	$variables[$definition_id] = [
81	'#type' => $definition->getType(),
82	'#title' => $definition->getLabel(),
83	'#default_value' => $instance[$definition_id] ?? $default[':root'] ?? '',
84	];
85	}
86
87	if (!empty($variables)) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
72	$variables = [];
73
74	foreach ($definitions as $definition_id => $definition) {
75	$default = $definition->getDefaultValues();
76
77	if (!isset($default[':root'])) {
78	continue;
79	}
80	$variables[$definition_id] = [
81	'#type' => $definition->getType(),
82	'#title' => $definition->getLabel(),
83	'#default_value' => $instance[$definition_id] ?? $default[':root'] ?? '',
84	];
85	}
86
87	if (!empty($variables)) {
88	$variables['#type'] = 'details';
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
72	$variables = [];
73
74	foreach ($definitions as $definition_id => $definition) {
75	$default = $definition->getDefaultValues();
76
77	if (!isset($default[':root'])) {
78	continue;
79	}
80	$variables[$definition_id] = [
81	'#type' => $definition->getType(),
82	'#title' => $definition->getLabel(),
83	'#default_value' => $instance[$definition_id] ?? $default[':root'] ?? '',
84	];
85	}
86
87	if (!empty($variables)) {
88	$variables['#type'] = 'details';
89	$variables['#title'] = $group;
90	$form[$group] = $variables;
91	}
92	}
93	}

62	public function buildForm(array &$form, FormStateInterface $form_state): void {
63	$data = $form_state->getBuildInfo()['args'][0];
64	$instance = $data['instance'] ?? [];
65	$grouped_plugin_definitions = $this->cssVariablePluginManager->getGroupedDefinitions();
66
67	if (empty($grouped_plugin_definitions)) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
72	$variables = [];
73
74	foreach ($definitions as $definition_id => $definition) {
74	foreach ($definitions as $definition_id => $definition) {
74	foreach ($definitions as $definition_id => $definition) {
75	$default = $definition->getDefaultValues();
76
77	if (!isset($default[':root'])) {
78	continue;
79	}
80	$variables[$definition_id] = [
81	'#type' => $definition->getType(),
82	'#title' => $definition->getLabel(),
83	'#default_value' => $instance[$definition_id] ?? $default[':root'] ?? '',
84	];
85	}
86
87	if (!empty($variables)) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
72	$variables = [];
73
74	foreach ($definitions as $definition_id => $definition) {
75	$default = $definition->getDefaultValues();
76
77	if (!isset($default[':root'])) {
78	continue;
79	}
80	$variables[$definition_id] = [
81	'#type' => $definition->getType(),
82	'#title' => $definition->getLabel(),
83	'#default_value' => $instance[$definition_id] ?? $default[':root'] ?? '',
84	];
85	}
86
87	if (!empty($variables)) {
88	$variables['#type'] = 'details';
89	$variables['#title'] = $group;
90	$form[$group] = $variables;
91	}
92	}
93	}

62	public function buildForm(array &$form, FormStateInterface $form_state): void {
63	$data = $form_state->getBuildInfo()['args'][0];
64	$instance = $data['instance'] ?? [];
65	$grouped_plugin_definitions = $this->cssVariablePluginManager->getGroupedDefinitions();
66
67	if (empty($grouped_plugin_definitions)) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
72	$variables = [];
73
74	foreach ($definitions as $definition_id => $definition) {
74	foreach ($definitions as $definition_id => $definition) {
75	$default = $definition->getDefaultValues();
76
77	if (!isset($default[':root'])) {
78	continue;
79	}
80	$variables[$definition_id] = [
81	'#type' => $definition->getType(),
82	'#title' => $definition->getLabel(),
83	'#default_value' => $instance[$definition_id] ?? $default[':root'] ?? '',
84	];
85	}
86
87	if (!empty($variables)) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
72	$variables = [];
73
74	foreach ($definitions as $definition_id => $definition) {
75	$default = $definition->getDefaultValues();
76
77	if (!isset($default[':root'])) {
78	continue;
79	}
80	$variables[$definition_id] = [
81	'#type' => $definition->getType(),
82	'#title' => $definition->getLabel(),
83	'#default_value' => $instance[$definition_id] ?? $default[':root'] ?? '',
84	];
85	}
86
87	if (!empty($variables)) {
88	$variables['#type'] = 'details';
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
72	$variables = [];
73
74	foreach ($definitions as $definition_id => $definition) {
75	$default = $definition->getDefaultValues();
76
77	if (!isset($default[':root'])) {
78	continue;
79	}
80	$variables[$definition_id] = [
81	'#type' => $definition->getType(),
82	'#title' => $definition->getLabel(),
83	'#default_value' => $instance[$definition_id] ?? $default[':root'] ?? '',
84	];
85	}
86
87	if (!empty($variables)) {
88	$variables['#type'] = 'details';
89	$variables['#title'] = $group;
90	$form[$group] = $variables;
91	}
92	}
93	}

62	public function buildForm(array &$form, FormStateInterface $form_state): void {
63	$data = $form_state->getBuildInfo()['args'][0];
64	$instance = $data['instance'] ?? [];
65	$grouped_plugin_definitions = $this->cssVariablePluginManager->getGroupedDefinitions();
66
67	if (empty($grouped_plugin_definitions)) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
72	$variables = [];
73
74	foreach ($definitions as $definition_id => $definition) {
74	foreach ($definitions as $definition_id => $definition) {
75	$default = $definition->getDefaultValues();
76
77	if (!isset($default[':root'])) {
78	continue;
79	}
80	$variables[$definition_id] = [
81	'#type' => $definition->getType(),
82	'#title' => $definition->getLabel(),
83	'#default_value' => $instance[$definition_id] ?? $default[':root'] ?? '',
84	];
85	}
86
87	if (!empty($variables)) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
72	$variables = [];
73
74	foreach ($definitions as $definition_id => $definition) {
75	$default = $definition->getDefaultValues();
76
77	if (!isset($default[':root'])) {
78	continue;
79	}
80	$variables[$definition_id] = [
81	'#type' => $definition->getType(),
82	'#title' => $definition->getLabel(),
83	'#default_value' => $instance[$definition_id] ?? $default[':root'] ?? '',
84	];
85	}
86
87	if (!empty($variables)) {
88	$variables['#type'] = 'details';
89	$variables['#title'] = $group;
90	$form[$group] = $variables;
91	}
92	}
93	}

62	public function buildForm(array &$form, FormStateInterface $form_state): void {
63	$data = $form_state->getBuildInfo()['args'][0];
64	$instance = $data['instance'] ?? [];
65	$grouped_plugin_definitions = $this->cssVariablePluginManager->getGroupedDefinitions();
66
67	if (empty($grouped_plugin_definitions)) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
72	$variables = [];
73
74	foreach ($definitions as $definition_id => $definition) {
75	$default = $definition->getDefaultValues();
76
77	if (!isset($default[':root'])) {
78	continue;
79	}
80	$variables[$definition_id] = [
81	'#type' => $definition->getType(),
82	'#title' => $definition->getLabel(),
83	'#default_value' => $instance[$definition_id] ?? $default[':root'] ?? '',
84	];
85	}
86
87	if (!empty($variables)) {
88	$variables['#type'] = 'details';
89	$variables['#title'] = $group;
90	$form[$group] = $variables;
91	}
92	}
93	}

62	public function buildForm(array &$form, FormStateInterface $form_state): void {
63	$data = $form_state->getBuildInfo()['args'][0];
64	$instance = $data['instance'] ?? [];
65	$grouped_plugin_definitions = $this->cssVariablePluginManager->getGroupedDefinitions();
66
67	if (empty($grouped_plugin_definitions)) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
71	foreach ($grouped_plugin_definitions as $group => $definitions) {
72	$variables = [];
73
74	foreach ($definitions as $definition_id => $definition) {
75	$default = $definition->getDefaultValues();
76
77	if (!isset($default[':root'])) {
78	continue;
79	}
80	$variables[$definition_id] = [
81	'#type' => $definition->getType(),
82	'#title' => $definition->getLabel(),
83	'#default_value' => $instance[$definition_id] ?? $default[':root'] ?? '',
84	];
85	}
86
87	if (!empty($variables)) {
88	$variables['#type'] = 'details';
89	$variables['#title'] = $group;
90	$form[$group] = $variables;
91	}
92	}
93	}

DesignTokensPanel->create

51	public static function create(ContainerInterface $container, array $configuration, $plugin_id, $plugin_definition): static {
52	$instance = parent::create($container, $configuration, $plugin_id, $plugin_definition);
53	$instance->cssVariablePluginManager = $container->get('plugin.manager.ui_skins.css_variable');
54	$instance->moduleHandler = $container->get('module_handler');
55
56	return $instance;
57	}

DesignTokensPanel->filterValues

174	protected function filterValues(array $variables): array {
175	$cleaned_variables = [];
176
177	foreach ($variables as $variable => $value) {
177	foreach ($variables as $variable => $value) {
177	foreach ($variables as $variable => $value) {
178	/** @var \Drupal\ui_skins\Definition\CssVariableDefinition $plugin_definition */
179	$plugin_definition = $this->cssVariablePluginManager->getDefinition($variable, FALSE);
180
181	if (!$plugin_definition) {
182	continue;
177	foreach ($variables as $variable => $value) {
177	foreach ($variables as $variable => $value) {
178	/** @var \Drupal\ui_skins\Definition\CssVariableDefinition $plugin_definition */
179	$plugin_definition = $this->cssVariablePluginManager->getDefinition($variable, FALSE);
180
181	if (!$plugin_definition) {
182	continue;
183	}
184
185	// Remove values that do not differ from the default values of the plugin.
186	if ($plugin_definition->isDefaultScopeValue(':root', $value)) {
187	continue;
188	}
189
190	$cleaned_variables[$variable] = $value;
191	}
192
193	return $cleaned_variables;
194	}

174	protected function filterValues(array $variables): array {
175	$cleaned_variables = [];
176
177	foreach ($variables as $variable => $value) {
177	foreach ($variables as $variable => $value) {
177	foreach ($variables as $variable => $value) {
178	/** @var \Drupal\ui_skins\Definition\CssVariableDefinition $plugin_definition */
179	$plugin_definition = $this->cssVariablePluginManager->getDefinition($variable, FALSE);
180
181	if (!$plugin_definition) {
186	if ($plugin_definition->isDefaultScopeValue(':root', $value)) {
187	continue;
177	foreach ($variables as $variable => $value) {
177	foreach ($variables as $variable => $value) {
178	/** @var \Drupal\ui_skins\Definition\CssVariableDefinition $plugin_definition */
179	$plugin_definition = $this->cssVariablePluginManager->getDefinition($variable, FALSE);
180
181	if (!$plugin_definition) {
182	continue;
183	}
184
185	// Remove values that do not differ from the default values of the plugin.
186	if ($plugin_definition->isDefaultScopeValue(':root', $value)) {
187	continue;
188	}
189
190	$cleaned_variables[$variable] = $value;
191	}
192
193	return $cleaned_variables;
194	}

174	protected function filterValues(array $variables): array {
175	$cleaned_variables = [];
176
177	foreach ($variables as $variable => $value) {
177	foreach ($variables as $variable => $value) {
177	foreach ($variables as $variable => $value) {
178	/** @var \Drupal\ui_skins\Definition\CssVariableDefinition $plugin_definition */
179	$plugin_definition = $this->cssVariablePluginManager->getDefinition($variable, FALSE);
180
181	if (!$plugin_definition) {
186	if ($plugin_definition->isDefaultScopeValue(':root', $value)) {
177	foreach ($variables as $variable => $value) {
178	/** @var \Drupal\ui_skins\Definition\CssVariableDefinition $plugin_definition */
179	$plugin_definition = $this->cssVariablePluginManager->getDefinition($variable, FALSE);
180
181	if (!$plugin_definition) {
182	continue;
183	}
184
185	// Remove values that do not differ from the default values of the plugin.
186	if ($plugin_definition->isDefaultScopeValue(':root', $value)) {
187	continue;
188	}
189
190	$cleaned_variables[$variable] = $value;
177	foreach ($variables as $variable => $value) {
177	foreach ($variables as $variable => $value) {
178	/** @var \Drupal\ui_skins\Definition\CssVariableDefinition $plugin_definition */
179	$plugin_definition = $this->cssVariablePluginManager->getDefinition($variable, FALSE);
180
181	if (!$plugin_definition) {
182	continue;
183	}
184
185	// Remove values that do not differ from the default values of the plugin.
186	if ($plugin_definition->isDefaultScopeValue(':root', $value)) {
187	continue;
188	}
189
190	$cleaned_variables[$variable] = $value;
191	}
192
193	return $cleaned_variables;
194	}

174	protected function filterValues(array $variables): array {
175	$cleaned_variables = [];
176
177	foreach ($variables as $variable => $value) {
177	foreach ($variables as $variable => $value) {
177	foreach ($variables as $variable => $value) {
178	/** @var \Drupal\ui_skins\Definition\CssVariableDefinition $plugin_definition */
179	$plugin_definition = $this->cssVariablePluginManager->getDefinition($variable, FALSE);
180
181	if (!$plugin_definition) {
182	continue;
183	}
184
185	// Remove values that do not differ from the default values of the plugin.
186	if ($plugin_definition->isDefaultScopeValue(':root', $value)) {
187	continue;
188	}
189
190	$cleaned_variables[$variable] = $value;
191	}
192
193	return $cleaned_variables;
194	}

174	protected function filterValues(array $variables): array {
175	$cleaned_variables = [];
176
177	foreach ($variables as $variable => $value) {
177	foreach ($variables as $variable => $value) {
178	/** @var \Drupal\ui_skins\Definition\CssVariableDefinition $plugin_definition */
179	$plugin_definition = $this->cssVariablePluginManager->getDefinition($variable, FALSE);
180
181	if (!$plugin_definition) {
182	continue;
183	}
184
185	// Remove values that do not differ from the default values of the plugin.
186	if ($plugin_definition->isDefaultScopeValue(':root', $value)) {
187	continue;
188	}
189
190	$cleaned_variables[$variable] = $value;
191	}
192
193	return $cleaned_variables;
194	}

DesignTokensPanel->isApplicable

162	return parent::isApplicable() && $this->moduleHandler->moduleExists('ui_skins');
162	return parent::isApplicable() && $this->moduleHandler->moduleExists('ui_skins');
162	return parent::isApplicable() && $this->moduleHandler->moduleExists('ui_skins');
163	}

162	return parent::isApplicable() && $this->moduleHandler->moduleExists('ui_skins');
162	return parent::isApplicable() && $this->moduleHandler->moduleExists('ui_skins');
163	}

DesignTokensPanel->onActive

147	public function onActive(InstanceInterface $instance, array $data): array {
148	return $this->reloadWithLocalData($instance, $data);
149	}

DesignTokensPanel->onAttachToRoot

131	public function onAttachToRoot(InstanceInterface $instance, string $node_id): array {
132	return [];
133	}

DesignTokensPanel->onAttachToSlot

140	public function onAttachToSlot(InstanceInterface $instance, string $node_id, string $parent_id): array {
141	return [];
142	}

DesignTokensPanel->onDelete

154	public function onDelete(InstanceInterface $instance, ?string $parent_id): array {
155	return $this->reloadWithLocalData($instance, []);
156	}

DesignTokensPanel->validateForm

98	public function validateForm(array &$form, FormStateInterface $form_state): void {
99	$variables = $form_state->getValues();
100	$variables = $this->filterValues($variables);
101	$variables = $form_state->setValues($variables);
102	// Those two lines are necessary to prevent the form from being rebuilt.
103	// if rebuilt, the form state values will have both the computed ones
104	// and the raw ones (wrapper key and values).
105	$form_state->setRebuild(FALSE);
106	$form_state->setExecuted();
107	}