add popout blocks

shared/blocks/__init__.py

 from .children import *  # noqa
 from .parents import *  # noqa
+from wagtail.contrib.table_block.blocks import TableBlock
+
 
 DEFAULT_CONTENT_BLOCKS = [
     (
@@ -43,4 +45,5 @@ DEFAULT_CONTENT_BLOCKS = [
     ("map_collection", MapFeatureCollectionBlock(label="Mapová kolekce")),
     ("button", ButtonBlock()),
     ("button_group", ButtonGroupBlock()),
+    ("popout_point", PopoutPoint())
 ]

shared/blocks/parents/__init__.py

@@ -8,3 +8,4 @@ from .programs import *  # noqa
 from .struct import *  # noqa
 from .text import *  # noqa
 from .video import *  # noqa
+from .popout import *  # noqa
\ No newline at end of file

shared/blocks/parents/popout.py

+from wagtail import blocks
+from wagtail.contrib.table_block.blocks import TableBlock
+from .text import HeadlineBlock, RICH_TEXT_DEFAULT_FEATURES
+
+
+class PopoutPoint(blocks.StructBlock):
+    name = blocks.CharBlock(
+        label="Název",
+        required=True,
+    )
+
+    content = blocks.StreamBlock(
+        [
+            (
+                "text",
+                blocks.RichTextBlock(
+                    label="Textový editor",
+                    group="1. Text",
+                    features=RICH_TEXT_DEFAULT_FEATURES,
+                    template="styleguide2/includes/atoms/text/prose_richtext.html",
+                ),
+            ),
+            ("headline", HeadlineBlock()),
+            (
+                "table",
+                TableBlock(
+                    template="styleguide2/includes/atoms/table/table.html",
+                    group="3. Ostatní",
+                    label="Tabulka",
+                ),
+            ),
+        ],
+        label="Obsah"
+    )
+
+    class Meta:
+        label = "Rozbalovací blok"
+        group = "3. Ostatní"
+        template = "styleguide2/includes/molecules/popouts/popout_point.html"
\ No newline at end of file

shared/templates/styleguide2/includes/molecules/popouts/popout_point.html

 {% load wagtailcore_tags wagtailimages_tags shared_filters %}
 
+{% if block %}
+  <div
+    class="
+      {% if not page.root_page.content_is_full_width %}
+        max-w-[100ch]
+      {% else %}
+        max-w-[100%]
+      {% endif %}
+
+      {% if page.root_page.content_is_centered %}
+        mx-auto
+      {% endif %}
+    "
+  >
+{% endif %}
+
     <div class="__js-root">
       <ui-popout>
         <template slot="toggler">
-      {{ name }}
+          {% if name %}{{ name }}{% else %}{{ self.name }}{% endif %}
         </template>
         <ui-popout-content>
           <div>
@@ -34,10 +50,20 @@
               </div>
             {% endif %}
 
+            {% if content %}
               <div class="prose max-w-screen-lg">
                 {{ content|richtext }}
               </div>
+            {% else %}
+              {% for block in self.content %}
+                {% include_block block %}
+              {% endfor %}
+            {% endif %}
           </div>
         </ui-popout-content>
       </ui-popout>
     </div>
+
+{% if block %}
+  </div>
+{% endif %}
\ No newline at end of file