decidim-design 0.28.2 → 0.29.0.rc2

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: decidim-design
 version: !ruby/object:Gem::Version
-  version: 0.28.2
+  version: 0.29.0.rc2
 platform: ruby
 authors:
 - Decidim Team
@@ -16,28 +16,28 @@ dependencies:
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 0.28.2
+        version: 0.29.0.rc2
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 0.28.2
+        version: 0.29.0.rc2
 - !ruby/object:Gem::Dependency
   name: decidim-dev
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 0.28.2
+        version: 0.29.0.rc2
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 0.28.2
+        version: 0.29.0.rc2
 description: The design guide module for Decidim.
 email:
 - hola@decidim.org
@@ -67,19 +67,15 @@ files:
 - app/helpers/decidim/design/tab_panels_helper.rb
 - app/helpers/decidim/design/typography_helper.rb
 - app/packs/entrypoints/decidim_design.js
+- app/packs/stylesheets/_datepicker.scss
 - app/packs/stylesheets/design.scss
 - app/views/decidim/design/components/accordions.html.erb
 - app/views/decidim/design/components/activities.html.erb
 - app/views/decidim/design/components/activities/_static-activities.html.erb
 - app/views/decidim/design/components/activities/_static-activity.html.erb
 - app/views/decidim/design/components/address.html.erb
-- app/views/decidim/design/components/address/_static-address-online.html.erb
-- app/views/decidim/design/components/address/_static-address-person.html.erb
 - app/views/decidim/design/components/announcement.html.erb
 - app/views/decidim/design/components/author.html.erb
-- app/views/decidim/design/components/author/_static-avatar.html.erb
-- app/views/decidim/design/components/author/_static-compact.html.erb
-- app/views/decidim/design/components/author/_static-default.html.erb
 - app/views/decidim/design/components/buttons.html.erb
 - app/views/decidim/design/components/cards.html.erb
 - app/views/decidim/design/components/cards/_static-card-g-highlight.html.erb
@@ -96,13 +92,11 @@ files:
 - app/views/decidim/design/components/dialogs.html.erb
 - app/views/decidim/design/components/dropdowns.html.erb
 - app/views/decidim/design/components/follow.html.erb
-- app/views/decidim/design/components/follow/_static-follow-default.html.erb
-- app/views/decidim/design/components/follow/_static-follow-unfollow.html.erb
 - app/views/decidim/design/components/forms.html.erb
 - app/views/decidim/design/components/report.html.erb
-- app/views/decidim/design/components/report/_static-report.html.erb
 - app/views/decidim/design/components/share.html.erb
 - app/views/decidim/design/components/tab_panels.html.erb
+- app/views/decidim/design/components/tooltips.html.erb
 - app/views/decidim/design/foundations/accessibility.html.erb
 - app/views/decidim/design/foundations/color.html.erb
 - app/views/decidim/design/foundations/color/_table.html.erb
@@ -112,13 +106,78 @@ files:
 - app/views/decidim/design/foundations/typography.html.erb
 - app/views/decidim/design/home/index.html.erb
 - app/views/decidim/design/shared/_card_grid.html.erb
+- app/views/decidim/design/shared/_cell_call_textarea.html.erb
 - app/views/decidim/design/shared/_cell_snippet.html.erb
+- app/views/decidim/design/shared/_cell_table.html.erb
 - app/views/decidim/design/shared/_sections.html.erb
 - app/views/decidim/design/shared/_table.html.erb
 - app/views/layouts/decidim/design/_head.html.erb
 - app/views/layouts/decidim/design/_layout.html.erb
 - app/views/layouts/decidim/design/application.html.erb
 - config/assets.rb
+- config/locales/am-ET.yml
+- config/locales/ar.yml
+- config/locales/bg.yml
+- config/locales/ca.yml
+- config/locales/cs.yml
+- config/locales/da.yml
+- config/locales/de.yml
+- config/locales/el.yml
+- config/locales/en.yml
+- config/locales/eo.yml
+- config/locales/es-MX.yml
+- config/locales/es-PY.yml
+- config/locales/es.yml
+- config/locales/et.yml
+- config/locales/eu.yml
+- config/locales/fa-IR.yml
+- config/locales/fi-plain.yml
+- config/locales/fi.yml
+- config/locales/fr-CA.yml
+- config/locales/fr.yml
+- config/locales/ga-IE.yml
+- config/locales/gl.yml
+- config/locales/gn-PY.yml
+- config/locales/he-IL.yml
+- config/locales/hr.yml
+- config/locales/hu.yml
+- config/locales/id-ID.yml
+- config/locales/is-IS.yml
+- config/locales/it.yml
+- config/locales/ja.yml
+- config/locales/ka-GE.yml
+- config/locales/kaa.yml
+- config/locales/ko.yml
+- config/locales/lb.yml
+- config/locales/lo-LA.yml
+- config/locales/lt.yml
+- config/locales/lv.yml
+- config/locales/mt.yml
+- config/locales/nl.yml
+- config/locales/no.yml
+- config/locales/oc-FR.yml
+- config/locales/om-ET.yml
+- config/locales/pl.yml
+- config/locales/pt-BR.yml
+- config/locales/pt.yml
+- config/locales/ro-RO.yml
+- config/locales/ru.yml
+- config/locales/si-LK.yml
+- config/locales/sk.yml
+- config/locales/sl.yml
+- config/locales/so-SO.yml
+- config/locales/sq-AL.yml
+- config/locales/sr-CS.yml
+- config/locales/sv.yml
+- config/locales/sw-KE.yml
+- config/locales/th-TH.yml
+- config/locales/ti-ER.yml
+- config/locales/tr-TR.yml
+- config/locales/uk.yml
+- config/locales/val-ES.yml
+- config/locales/vi.yml
+- config/locales/zh-CN.yml
+- config/locales/zh-TW.yml
 - config/routes.rb
 - decidim-design.gemspec
 - lib/decidim/design.rb
@@ -141,14 +200,14 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - "~>"
     - !ruby/object:Gem::Version
-      version: 3.1.0
+      version: 3.2.0
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - ">"
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
-rubygems_version: 3.3.7
+rubygems_version: 3.4.10
 signing_key:
 specification_version: 4
 summary: Decidim Design Guide (DDG) module

data/app/views/decidim/design/components/address/_static-address-online.html.erb

@@ -1,26 +0,0 @@
-<ul>
-  <li class="mb-4">
-    <div class="address__container">
-      <%= icon("map-pin-line") %>
-      <div class="address">
-        <div class="address__location">Online</div>
-        <a href="#" target="_blank" rel="noopener noreferrer" class="address__hints underline break-all" data-remote="true">
-          https://meet.jit.si/DecidimTry
-          <span data-external-link="true" class="inline-block mx-0.5"><%= icon("external-link-line") %><span class="sr-only">(External link)</span></span></a>
-      </div>
-    </div>
-  </li>
-  <li>
-    <div class="address__container">
-      <%= icon("time-line") %>
-      <div class="address">
-        <div class="address__location">
-          <span data-tooltip="<div class=&quot;bottom&quot; role=&quot;tooltip&quot; aria-hidden=&quot;true&quot;>01-05-2024 05:50 AM UTC (GMT +00:00)</div>" aria-describedby="tooltip-xjs7lj" data-yeti-box="y8v0j8-tooltip" data-toggle="y8v0j8-tooltip" data-resize="y8v0j8-tooltip" class="has-tip" id="toggle-8tnxyk" aria-controls="y8v0j8-tooltip">05:50 AM</span>
-          -
-          <span data-tooltip="<div class=&quot;bottom&quot; role=&quot;tooltip&quot; aria-hidden=&quot;true&quot;>01-05-2024 09:50 AM UTC (GMT +00:00)</div>" aria-describedby="zktr2d-tooltip" data-yeti-box="zktr2d-tooltip" data-toggle="zktr2d-tooltip" data-resize="zktr2d-tooltip" class="has-tip" id="toggle-qtv3fa" aria-controls="zktr2d-tooltip">09:50 AM UTC</span>
-
-        </div>
-      </div>
-    </div>
-  </li>
-</ul>

data/app/views/decidim/design/components/address/_static-address-person.html.erb

@@ -1,25 +0,0 @@
-<ul>
-  <li class="mb-4">
-    <div class="address__container">
-      <%= icon("map-pin-line") %>
-      <div class="address">
-        <div class="address__location">Barcelona</div>
-        <div class="address__address">Carrer Aragó 200, Barcelona </div>
-        <div class="address__hints"></div>
-      </div>
-    </div>
-  </li>
-  <li>
-    <div class="address__container">
-      <%= icon("time-line") %>
-      <div class="address">
-        <div class="address__location">
-          <span data-tooltip="<div class=&quot;bottom&quot; role=&quot;tooltip&quot; aria-hidden=&quot;true&quot;>01-05-2024 05:50 AM UTC (GMT +00:00)</div>" aria-describedby="tooltip-xjs7lj" data-yeti-box="y8v0j8-tooltip" data-toggle="y8v0j8-tooltip" data-resize="y8v0j8-tooltip" class="has-tip" id="toggle-8tnxyk" aria-controls="y8v0j8-tooltip">05:50 AM</span>
-          -
-          <span data-tooltip="<div class=&quot;bottom&quot; role=&quot;tooltip&quot; aria-hidden=&quot;true&quot;>01-05-2024 09:50 AM UTC (GMT +00:00)</div>" aria-describedby="zktr2d-tooltip" data-yeti-box="zktr2d-tooltip" data-toggle="zktr2d-tooltip" data-resize="zktr2d-tooltip" class="has-tip" id="toggle-qtv3fa" aria-controls="zktr2d-tooltip">09:50 AM UTC</span>
-
-        </div>
-      </div>
-    </div>
-  </li>
-</ul>

data/app/views/decidim/design/components/author/_static-avatar.html.erb

@@ -1,38 +0,0 @@
-<div class="author" data-author="">
-  <div class="author__container has-tip" data-tooltip="<div class=&quot;author__tooltip bottom&quot; role=&quot;tooltip&quot;>
-    <div class=&quot;author__container&quot;>
-    <span class=&quot;author__avatar-container&quot;>
-    <a href=&quot;#&quot;>
-    <img alt=&quot;Avatar: Ettie Hickle&quot; class=&quot;author__avatar&quot; src=&quot;<%= asset_pack_path("media/images/default-avatar.svg") %>&quot; />
-    </a>
-    </span>
-    <div>
-    <a class=&quot;author__name underline&quot; href=&quot;#&quot;>Ettie Hickle</a>
-    <span class=&quot;text-md&quot;>@jarred_vandervort</span>
-    </div>
-    </div>
-    <div class=&quot;author__tooltip-links&quot;>
-    <a href=&quot;#&quot;>
-    <span id=&quot;followers_count_user_1&quot;>0</span> Seguidoras
-    </a>
-    <a href=&quot;#&quot;>
-    4 Siguiendo
-    </a>
-    </div>
-    <a class=&quot;button button__sm button__transparent&quot; href=&quot;/users/sign_in&quot;>
-    <span>Envia mensaje privado</span>
-    <svg width=&quot;1em&quot; height=&quot;1em&quot; role=&quot;img&quot; aria-hidden=&quot;true&quot;><use href=&quot;<%= "#{asset_pack_path("media/images/remixicon.symbol.svg")}#ri-mail-send-line" %>&quot; tabindex=&quot;-1&quot;></use></svg>
-    </a>
-    <form class=&quot;button_to&quot; method=&quot;post&quot; action=&quot;#&quot;><button class=&quot;button button__sm button__transparent&quot; title=&quot;Pro favor, inicia sesión antes de realizar esta acción&quot; aria-haspopup=&quot;true&quot; id=&quot;follow_user_1&quot; data-dialog-open=&quot;loginModal&quot; type=&quot;submit&quot;>
-    <span class=&quot;&quot;>Seguir</span>
-    <svg width=&quot;1em&quot; height=&quot;1em&quot; role=&quot;img&quot; aria-hidden=&quot;true&quot;><use href=&quot;<%= "#{asset_pack_path("media/images/remixicon.symbol.svg")}#ri-notification-3-line" %>&quot; tabindex=&quot;-1&quot;></use></svg>
-    </button><input type=&quot;hidden&quot; name=&quot;authenticity_token&quot; value=&quot;0tc00Idqu62KnwJ8Jt2TkvxtdXn4Y1719QeR5jI-J_JC-F3DGwPDOyQJGvv7FHfIg83tAiQdRmXe63Nv4miWKw&quot; autocomplete=&quot;off&quot; /><input type=&quot;hidden&quot; name=&quot;follow[button_classes]&quot; value=&quot;button button__sm button__transparent&quot; autocomplete=&quot;off&quot; /><input type=&quot;hidden&quot; name=&quot;follow[followable_gid]&quot; value=&quot;BAh7CEkiCGdpZAY6BkVUSSIyZ2lkOi8vZGVjaWRpbS1kZXZlbG9wbWVudC1hcHAvRGVjaWRpbTo6VXNlci8xBjsAVEkiDHB1cnBvc2UGOwBUSSIMZGVmYXVsdAY7AFRJIg9leHBpcmVzX2F0BjsAVEkiHTIwMjMtMTItMDhUMTE6MDg6MjQuODMzWgY7AFQ=--3d47942fb13084110877f3470e21f67c7649c114&quot; autocomplete=&quot;off&quot; /></form>
-    </div>
-    " aria-describedby="60onjg-tooltip" data-yeti-box="60onjg-tooltip" data-toggle="60onjg-tooltip" data-resize="60onjg-tooltip" id="toggle-36j4hx" aria-controls="60onjg-tooltip">
-    <span class="author__avatar-container">
-    <a href="#">
-    <img alt="Avatar: Ettie Hickle" class="author__avatar" src="<%= asset_pack_path("media/images/default-avatar.svg") %>">
-    </a>
-    </span>
-  </div>
-</div>

data/app/views/decidim/design/components/author/_static-compact.html.erb

@@ -1,46 +0,0 @@
-<div class="author" data-author="">
-  <div class="author__container is-compact has-tip" data-tooltip="<div class=&quot;author__tooltip bottom&quot; role=&quot;tooltip&quot;>
-    <div class=&quot;author__container&quot;>
-    <span class=&quot;author__avatar-container&quot;>
-    <a href=&quot;#&quot;>
-    <img alt=&quot;Avatar: Rolande Jacobi 1 2 endr1&quot; class=&quot;author__avatar&quot; src=&quot;<%= asset_pack_path("media/images/default-avatar.svg") %>&quot; />
-    </a>
-    </span>
-    <div>
-    <a class=&quot;author__name underline&quot; href=&quot;#&quot;>Rolande Jacobi 1 2 endr1</a>
-    <span class=&quot;text-md&quot;>@fausto_kassulke</span>
-    </div>
-    </div>
-    <div class=&quot;author__tooltip-links&quot;>
-    <a href=&quot;#&quot;>
-    <span id=&quot;followers_count_user_107&quot;>0</span> Seguidoras
-    </a>
-    <a href=&quot;#&quot;>
-    0 Siguiendo
-    </a>
-    </div>
-    <a class=&quot;button button__sm button__transparent&quot; href=&quot;/users/sign_in&quot;>
-    <span>Envia mensaje privado</span>
-    <svg width=&quot;1em&quot; height=&quot;1em&quot; role=&quot;img&quot; aria-hidden=&quot;true&quot;><use href=&quot;<%= "#{asset_pack_path("media/images/remixicon.symbol.svg")}#ri-mail-send-line" %>&quot; tabindex=&quot;-1&quot;></use></svg>
-    </a>
-    <form class=&quot;button_to&quot; method=&quot;post&quot; action=&quot;#&quot;><button class=&quot;button button__sm button__transparent&quot; title=&quot;Pro favor, inicia sesión antes de realizar esta acción&quot; aria-haspopup=&quot;true&quot; id=&quot;follow_user_107&quot; data-dialog-open=&quot;loginModal&quot; type=&quot;submit&quot;>
-    <span class=&quot;&quot;>Seguir</span>
-    <svg width=&quot;1em&quot; height=&quot;1em&quot; role=&quot;img&quot; aria-hidden=&quot;true&quot;><use href=&quot;<%= "#{asset_pack_path("media/images/remixicon.symbol.svg")}#ri-notification-3-line" %>&quot; tabindex=&quot;-1&quot;></use></svg>
-    </button><input type=&quot;hidden&quot; name=&quot;authenticity_token&quot; value=&quot;mPVFPECIb-iR5Aw7rIVzmwi8j7F_fHW9MizYAWFLyvwI2iwv3OEXfj9yFLxxTJfBdxwXyqMCbS0ZwDqIsR17JQ&quot; autocomplete=&quot;off&quot; /><input type=&quot;hidden&quot; name=&quot;follow[button_classes]&quot; value=&quot;button button__sm button__transparent&quot; autocomplete=&quot;off&quot; /><input type=&quot;hidden&quot; name=&quot;follow[followable_gid]&quot; value=&quot;BAh7CEkiCGdpZAY6BkVUSSI0Z2lkOi8vZGVjaWRpbS1kZXZlbG9wbWVudC1hcHAvRGVjaWRpbTo6VXNlci8xMDcGOwBUSSIMcHVycG9zZQY7AFRJIgxkZWZhdWx0BjsAVEkiD2V4cGlyZXNfYXQGOwBUSSIdMjAyMy0xMi0wOFQxMDo1NDozNC42OTBaBjsAVA==--757a138d9c782a459354bce8e4849567be436ea6&quot; autocomplete=&quot;off&quot; /></form>
-    </div>
-    " aria-describedby="tooltip-d98lre" data-yeti-box="3gjzgq-tooltip" data-toggle="3gjzgq-tooltip"
-    data-resize="3gjzgq-tooltip" id="toggle-oe62o" aria-controls="3gjzgq-tooltip">
-    <span class="author__avatar-container">
-    <a href="#">
-    <img alt="Avatar: Rolande Jacobi 1 2 endr1" class="author__avatar"
-      src="<%= asset_pack_path("media/images/default-avatar.svg") %>">
-    </a>
-    </span>
-    <div>
-      <a class="author__name underline" href="#">Rolande Jacobi 1 2 endr1</a>
-      <span class="author__metadata">
-      25/10/2023 12:50
-      </span>
-    </div>
-  </div>
-</div>

data/app/views/decidim/design/components/author/_static-default.html.erb

@@ -1,35 +0,0 @@
-<div class="author" data-author="">
-  <div class="author__container has-tip" data-tooltip="<div class=&quot;author__tooltip bottom&quot; role=&quot;tooltip&quot;>
-    <div class=&quot;author__container&quot;>
-    <span class=&quot;author__avatar-container&quot;>
-    <img alt=&quot;Avatar: Clint Runolfsdottir 2 2 0&quot; class=&quot;author__avatar&quot; src=&quot;<%= asset_pack_path("media/images/default-avatar.svg") %>&quot; />
-    </span>
-    <div>
-    <span class=&quot;author__name&quot;>Clint Runolfsdottir 2 2 0</span>
-    <span class=&quot;text-md&quot;>@macie</span>
-    </div>
-    </div>
-    <div class=&quot;author__tooltip-links&quot;>
-    <a href=&quot;#&quot;>
-    <span id=&quot;followers_count_user_66&quot;>0</span> Seguidoras
-    </a>
-    <a href=&quot;#&quot;>
-    0 Siguiendo
-    </a>
-    </div>
-    <a class=&quot;button button__sm button__transparent&quot; href=&quot;/users/sign_in&quot;>
-    <span>Envia mensaje privado</span>
-    <svg width=&quot;1em&quot; height=&quot;1em&quot; role=&quot;img&quot; aria-hidden=&quot;true&quot;><use href=&quot;<%= "#{asset_pack_path("media/images/remixicon.symbol.svg")}#ri-mail-send-line" %>&quot; tabindex=&quot;-1&quot;></use></svg>
-    </a>
-    <form class=&quot;button_to&quot; method=&quot;post&quot; action=&quot;#&quot;><button class=&quot;button button__sm button__transparent&quot; title=&quot;Pro favor, inicia sesión antes de realizar esta acción&quot; aria-haspopup=&quot;true&quot; id=&quot;follow_user_66&quot; data-dialog-open=&quot;loginModal&quot; type=&quot;submit&quot;>
-    <span class=&quot;&quot;>Seguir</span>
-    <svg width=&quot;1em&quot; height=&quot;1em&quot; role=&quot;img&quot; aria-hidden=&quot;true&quot;><use href=&quot;<%= "#{asset_pack_path("media/images/remixicon.symbol.svg")}#ri-notification-3-line" %>&quot; tabindex=&quot;-1&quot;></use></svg>
-    </button><input type=&quot;hidden&quot; name=&quot;authenticity_token&quot; value=&quot;prDEaQztVBlA3g5I6jFlPpN8SZXJfsqBsfxqfPmEaa42n616kIQsj-5IFs83-IFk7NzR7hUA0hGaEIj1KdLYdw&quot; autocomplete=&quot;off&quot; /><input type=&quot;hidden&quot; name=&quot;follow[button_classes]&quot; value=&quot;button button__sm button__transparent&quot; autocomplete=&quot;off&quot; /><input type=&quot;hidden&quot; name=&quot;follow[followable_gid]&quot; value=&quot;BAh7CEkiCGdpZAY6BkVUSSIzZ2lkOi8vZGVjaWRpbS1kZXZlbG9wbWVudC1hcHAvRGVjaWRpbTo6VXNlci82NgY7AFRJIgxwdXJwb3NlBjsAVEkiDGRlZmF1bHQGOwBUSSIPZXhwaXJlc19hdAY7AFRJIh0yMDIzLTEyLTA4VDExOjA1OjQwLjc5M1oGOwBU--3e2a9169f4eca80b74b92866053e11182b15c059&quot; autocomplete=&quot;off&quot; /></form>
-    </div>
-    " aria-describedby="tooltip-6kqmd" data-yeti-box="f8ufax-tooltip" data-toggle="f8ufax-tooltip" data-resize="f8ufax-tooltip" id="toggle-bce33" aria-controls="f8ufax-tooltip">
-    <span class="author__avatar-container">
-    <img alt="Avatar: Clint Runolfsdottir 2 2 0" class="author__avatar" src="<%= asset_pack_path("media/images/default-avatar.svg") %>">
-    </span>
-    <span class="author__name">Clint Runolfsdottir 2 2 0</span>
-  </div>
-</div>

data/app/views/decidim/design/components/follow/_static-follow-default.html.erb

@@ -1,4 +0,0 @@
-<a class="button button__sm button__text-secondary only:m-auto" title="Seguir" id="follow_meeting_1821" data-remote="true" rel="nofollow" data-method="post" href="#">
-  <span class="">Follow</span>
-  <%= icon("notification-3-line") %>
-</a>

data/app/views/decidim/design/components/follow/_static-follow-unfollow.html.erb

@@ -1,4 +0,0 @@
-<a class="button button__sm button__text-secondary only:m-auto" title="Stop following" id="follow_meeting_1821" data-remote="true" rel="nofollow" data-method="delete" href="#">
-  <span class="">Stop following</span>
-  <%= icon("notification-3-fill") %>
-</a>

data/app/views/decidim/design/components/report/_static-report.html.erb

@@ -1,34 +0,0 @@
-<button class="button button__sm button__text button__text-secondary" title="Report" data-dialog-open="flagModal" aria-haspopup="dialog">
-  <span>Report</span>
-  <%= icon("flag-line") %>
-</button>
-
-<div id="flagModal" data-dialog="flagModal" role="dialog" tabindex="-1" aria-hidden="false" aria-labelledby="dialog-title-flagModal" aria-describedby="dialog-desc-flagModal" aria-modal="true">
-  <div id="flagModal-content" class="flag-modal">
-    <button type="button" data-dialog-close="flagModal" data-dialog-closable="" aria-label="Close modal">×</button>
-    <form class="new_report" action="#" accept-charset="UTF-8" method="post">
-      <input type="hidden" name="authenticity_token" value="Cw1tZf21dYDKeZ7MWIfUDHYzVeEYdaMhHAyPq4VcDeuqS-WbBQWx0srwBGXqlnq3kDAmSMFSTHrcDTxM0rq_Ig" autocomplete="off">
-      <div data-dialog-container="">
-        <%= icon("flag-line") %>
-        <h2 id="dialog-title-flagModal" tabindex="-1" data-dialog-title="">Report inappropriate content</h2>
-        <div>
-          <div class="form__wrapper flag-modal__form">
-            <p id="dialog-desc-flagModal" class="flag-modal__form-description">Is this content inappropriate?</p>
-            <p class="flag-modal__form-reason">Reason:</p>
-            <input type="hidden" name="report[reason]" value="" autocomplete="off"><label class="form__wrapper-checkbox-label"><input type="radio" value="spam" checked="checked" name="report[reason]">Contains clickbait, advertising, scams or script bots.</label><label class="form__wrapper-checkbox-label"><input type="radio" value="offensive" name="report[reason]">Contains racism, sexism, slurs, personal attacks, death threats, suicide requests or any form of hate speech.</label><label class="form__wrapper-checkbox-label"><input type="radio" value="does_not_belong" name="report[reason]">Contains illegal activity, suicide threats, personal information, or something else you think does not belong on Metadecidim.</label>
-            <label class="flag-modal__form-textarea-label">Additional comments<textarea rows="4" name="report[details]"></textarea></label>
-          </div>
-        </div>
-      </div>
-      <div data-dialog-actions="">
-        <button type="button" class="button button__lg button__transparent-secondary" data-dialog-close="flagModal">
-        Cancel
-        </button>
-        <button type="submit" class="button button__lg button__secondary">
-          <span>Report</span>
-          <%= icon("arrow-right-line") %>
-        </button>
-      </div>
-    </form>
-  </div>
-</div>