Issue #3337099 by Andrii Momotov, Panchuk, boddy: Need to implement storage for the styles

config/install/paragraphs_gridstack.optionset.default.yml

@@ -6,3 +6,4 @@ label: Default
 float: true
 allow_custom_class: false
 breakpoints_provider: 'paragraphs_gridstack'
+styles_list: { }

config/schema/paragraphs_gridstack.schema.yml

@@ -27,3 +27,6 @@ paragraphs_gridstack.optionset.*:
     breakpoints_provider:
       type: string
       label: "Breakpoints provider"
+    styles_list:
+      type: string
+      label: "Styles list"

modules/paragraphs_gridstack_demo/config/install/paragraphs_gridstack.optionset.demo.yml

@@ -6,3 +6,4 @@ label: Demo
 float: true
 allow_custom_class: true
 breakpoints_provider: paragraphs_gridstack
+styles_list: { }

src/Entity/ParagraphsGridstack.php

@@ -63,6 +63,7 @@ use Drupal\Core\Entity\Annotation\ConfigEntityType;
  *     "allow_custom_class",
  *     "breakpoints_provider",
  *     "template",
+ *     "styles_list",
  *   }
  * )
  */
@@ -117,4 +118,11 @@ class ParagraphsGridstack extends ConfigEntityBase {
    */
   public $template;
 
+  /**
+   * Allows you to select a css class for an element.
+   *
+   * @var string
+   */
+  public $styles_list;
+
 }

src/Form/ParagraphsGridstackFormBase.php

@@ -127,6 +127,18 @@ class ParagraphsGridstackFormBase extends EntityForm {
       '#default_value' => $paragraphsGridstack->allow_custom_class ?? FALSE,
     ];
 
+    $form['styles_list'] = [
+      '#type' => 'textarea',
+      '#title' => $this->t('Styles list'),
+      '#default_value' => $paragraphsGridstack->styles_list ?? FALSE,
+      '#description' => $this->t('Enter one or more classes on each line in the format: element.classA.classB|Label.'),
+      '#states' => [
+        'visible' => [
+          ':input[name="allow_custom_class"]' => ['checked' => TRUE],
+        ],
+      ],
+    ];
+
     // Load the list of the breakpoints providers.
     // Get the default provider and validate available provider.
     $options = $this->gridstackBreakpointsManager->getBreakpointsProvidersList();