design-comuni-plone-theme 11.30.4 → 11.31.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 
 
+## [11.31.0](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v11.30.4...v11.31.0) (2025-06-17)
+
+
+### Features
+
+* added new feature of volto-form-block, conditions to show or hide fields ([#946](https://github.com/RedTurtle/design-comuni-plone-theme/issues/946)) ([b7c1d37](https://github.com/RedTurtle/design-comuni-plone-theme/commit/b7c1d377d0bb16f2b32cee44704c273084fcef15))
+
+
+### Bug Fixes
+
+* card width of bandi template ([#955](https://github.com/RedTurtle/design-comuni-plone-theme/issues/955)) ([c3ee303](https://github.com/RedTurtle/design-comuni-plone-theme/commit/c3ee303f780924a4e232be53686e1e4427ee42e2))
+
+
+### Maintenance
+
+* **deps:** bump brace-expansion from 1.1.11 to 1.1.12 ([#958](https://github.com/RedTurtle/design-comuni-plone-theme/issues/958)) ([101dac1](https://github.com/RedTurtle/design-comuni-plone-theme/commit/101dac16f2efb0d3eebd17baaf4eabbf218f01ef))
+* lazyloading images in all slick slider ([#959](https://github.com/RedTurtle/design-comuni-plone-theme/issues/959)) ([0df0b28](https://github.com/RedTurtle/design-comuni-plone-theme/commit/0df0b28602606a8a54be40be009ef90e697d2d18))
+
+
+### Documentation
+
+* nuovo logo ([#208](https://github.com/RedTurtle/design-comuni-plone-theme/issues/208)) ([64ba7d4](https://github.com/RedTurtle/design-comuni-plone-theme/commit/64ba7d4ed182b19a7389cd24c07cf729a8ae356d))
+* **publiccode:** update usedBy ([#207](https://github.com/RedTurtle/design-comuni-plone-theme/issues/207)) ([484c174](https://github.com/RedTurtle/design-comuni-plone-theme/commit/484c17409acb76f52fa81d7e847e94d445136118))
+* updated publiccode ([bee5b60](https://github.com/RedTurtle/design-comuni-plone-theme/commit/bee5b60dca1775db94ad4c33b837be040bb58f95))
+* updated publiccode and release log ([6bdbb36](https://github.com/RedTurtle/design-comuni-plone-theme/commit/6bdbb36cf85f21d989c1128849f00ae16152cb64))
+
 ## [11.30.4](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v11.30.3...v11.30.4) (2025-05-22)
 
 

package/RELEASE.md

@@ -41,6 +41,20 @@
 - ...
  -->
 
+## Versione 11.31.0 (17/06/2025)
+
+### Migliorie
+
+- Le immagini negli slider vengono ora caricate in modalità 'lazy', in modo da alleggerire il caricamento iniziale della pagina.
+
+### Novità
+
+- Blocco form aggiornato, ora è possibile rendere visibili i vari campi solo quando vengono soddisfatte determinate condizioni create dal redattore.
+
+### Fix
+
+- Sistemata la dimensione delle card nella variazione Bandi del blocco elenco.
+
 ## Versione 11.30.4 (22/05/2025)
 
 ### Fix

package/locales/de/LC_MESSAGES/volto.po

@@ -1383,6 +1383,56 @@ msgstr ""
 msgid "competenze"
 msgstr ""
 
+#: overrideTranslations
+# defaultMessage: Contiene
+msgid "condition_contains"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: È maggiore o uguale
+msgid "condition_greater_or_equal"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: È maggiore di
+msgid "condition_greater_than"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: È vuoto
+msgid "condition_is_empty"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: È uguale a
+msgid "condition_is_equal_to"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: Non è vuoto
+msgid "condition_is_not_empty"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: Non è uguale a
+msgid "condition_is_not_equal_to"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: È minore o uguale
+msgid "condition_less_or_equal"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: È minore di
+msgid "condition_less_than"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: Non contiene
+msgid "condition_not_contains"
+msgstr ""
+
 #: components/ItaliaTheme/View/PersonaView/PersonaContatti
 # defaultMessage: Contatti
 msgid "contacts"

package/locales/en/LC_MESSAGES/volto.po

@@ -1368,6 +1368,56 @@ msgstr "Remunerations"
 msgid "competenze"
 msgstr "Skills"
 
+#: overrideTranslations
+# defaultMessage: Contiene
+msgid "condition_contains"
+msgstr "Contains"
+
+#: overrideTranslations
+# defaultMessage: È maggiore o uguale
+msgid "condition_greater_or_equal"
+msgstr "Greater or equal"
+
+#: overrideTranslations
+# defaultMessage: È maggiore di
+msgid "condition_greater_than"
+msgstr "Greater than"
+
+#: overrideTranslations
+# defaultMessage: È vuoto
+msgid "condition_is_empty"
+msgstr "Is empty"
+
+#: overrideTranslations
+# defaultMessage: È uguale a
+msgid "condition_is_equal_to"
+msgstr "Is equal to"
+
+#: overrideTranslations
+# defaultMessage: Non è vuoto
+msgid "condition_is_not_empty"
+msgstr "Is not empty"
+
+#: overrideTranslations
+# defaultMessage: Non è uguale a
+msgid "condition_is_not_equal_to"
+msgstr "Is not equal to"
+
+#: overrideTranslations
+# defaultMessage: È minore o uguale
+msgid "condition_less_or_equal"
+msgstr "Less or equal"
+
+#: overrideTranslations
+# defaultMessage: È minore di
+msgid "condition_less_than"
+msgstr "Less than"
+
+#: overrideTranslations
+# defaultMessage: Non contiene
+msgid "condition_not_contains"
+msgstr "Not contains"
+
 #: components/ItaliaTheme/View/PersonaView/PersonaContatti
 # defaultMessage: Contatti
 msgid "contacts"

package/locales/es/LC_MESSAGES/volto.po

@@ -1377,6 +1377,56 @@ msgstr "Compensaciones"
 msgid "competenze"
 msgstr "Habilidades"
 
+#: overrideTranslations
+# defaultMessage: Contiene
+msgid "condition_contains"
+msgstr "Contiene"
+
+#: overrideTranslations
+# defaultMessage: È maggiore o uguale
+msgid "condition_greater_or_equal"
+msgstr "Es mayor o igual a"
+
+#: overrideTranslations
+# defaultMessage: È maggiore di
+msgid "condition_greater_than"
+msgstr "Es mayor que"
+
+#: overrideTranslations
+# defaultMessage: È vuoto
+msgid "condition_is_empty"
+msgstr "Esta vacio"
+
+#: overrideTranslations
+# defaultMessage: È uguale a
+msgid "condition_is_equal_to"
+msgstr "Es lo mismo que"
+
+#: overrideTranslations
+# defaultMessage: Non è vuoto
+msgid "condition_is_not_empty"
+msgstr "No está vacío"
+
+#: overrideTranslations
+# defaultMessage: Non è uguale a
+msgid "condition_is_not_equal_to"
+msgstr "No es lo mismo que"
+
+#: overrideTranslations
+# defaultMessage: È minore o uguale
+msgid "condition_less_or_equal"
+msgstr "Es menor o igual a"
+
+#: overrideTranslations
+# defaultMessage: È minore di
+msgid "condition_less_than"
+msgstr "Es menos que"
+
+#: overrideTranslations
+# defaultMessage: Non contiene
+msgid "condition_not_contains"
+msgstr "No contiene"
+
 #: components/ItaliaTheme/View/PersonaView/PersonaContatti
 # defaultMessage: Contatti
 msgid "contacts"

package/locales/fr/LC_MESSAGES/volto.po

@@ -1385,6 +1385,56 @@ msgstr "Compensations"
 msgid "competenze"
 msgstr "Compétences"
 
+#: overrideTranslations
+# defaultMessage: Contiene
+msgid "condition_contains"
+msgstr "Contient"
+
+#: overrideTranslations
+# defaultMessage: È maggiore o uguale
+msgid "condition_greater_or_equal"
+msgstr "Il est supérieur ou égal à"
+
+#: overrideTranslations
+# defaultMessage: È maggiore di
+msgid "condition_greater_than"
+msgstr "C'est plus grand que"
+
+#: overrideTranslations
+# defaultMessage: È vuoto
+msgid "condition_is_empty"
+msgstr "C'est vide"
+
+#: overrideTranslations
+# defaultMessage: È uguale a
+msgid "condition_is_equal_to"
+msgstr "C'est la même chose que"
+
+#: overrideTranslations
+# defaultMessage: Non è vuoto
+msgid "condition_is_not_empty"
+msgstr "Ce n'est pas vide"
+
+#: overrideTranslations
+# defaultMessage: Non è uguale a
+msgid "condition_is_not_equal_to"
+msgstr "Ce n'est pas la même chose que"
+
+#: overrideTranslations
+# defaultMessage: È minore o uguale
+msgid "condition_less_or_equal"
+msgstr "Il est inférieur ou égal à"
+
+#: overrideTranslations
+# defaultMessage: È minore di
+msgid "condition_less_than"
+msgstr "C'est moins que"
+
+#: overrideTranslations
+# defaultMessage: Non contiene
+msgid "condition_not_contains"
+msgstr "Ne contient pas"
+
 #: components/ItaliaTheme/View/PersonaView/PersonaContatti
 # defaultMessage: Contatti
 msgid "contacts"

package/locales/it/LC_MESSAGES/volto.po

@@ -1368,6 +1368,56 @@ msgstr "Compensi"
 msgid "competenze"
 msgstr "Competenze"
 
+#: overrideTranslations
+# defaultMessage: Contiene
+msgid "condition_contains"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: È maggiore o uguale
+msgid "condition_greater_or_equal"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: È maggiore di
+msgid "condition_greater_than"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: È vuoto
+msgid "condition_is_empty"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: È uguale a
+msgid "condition_is_equal_to"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: Non è vuoto
+msgid "condition_is_not_empty"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: Non è uguale a
+msgid "condition_is_not_equal_to"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: È minore o uguale
+msgid "condition_less_or_equal"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: È minore di
+msgid "condition_less_than"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: Non contiene
+msgid "condition_not_contains"
+msgstr ""
+
 #: components/ItaliaTheme/View/PersonaView/PersonaContatti
 # defaultMessage: Contatti
 msgid "contacts"

package/locales/volto.pot

@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2025-04-04T13:47:56.109Z\n"
+"POT-Creation-Date: 2025-04-29T19:12:18.732Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "MIME-Version: 1.0\n"
@@ -1370,6 +1370,56 @@ msgstr ""
 msgid "competenze"
 msgstr ""
 
+#: overrideTranslations
+# defaultMessage: Contiene
+msgid "condition_contains"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: È maggiore o uguale
+msgid "condition_greater_or_equal"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: È maggiore di
+msgid "condition_greater_than"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: È vuoto
+msgid "condition_is_empty"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: È uguale a
+msgid "condition_is_equal_to"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: Non è vuoto
+msgid "condition_is_not_empty"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: Non è uguale a
+msgid "condition_is_not_equal_to"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: È minore o uguale
+msgid "condition_less_or_equal"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: È minore di
+msgid "condition_less_than"
+msgstr ""
+
+#: overrideTranslations
+# defaultMessage: Non contiene
+msgid "condition_not_contains"
+msgstr ""
+
 #: components/ItaliaTheme/View/PersonaView/PersonaContatti
 # defaultMessage: Contatti
 msgid "contacts"

package/package.json

@@ -2,7 +2,7 @@
   "name": "design-comuni-plone-theme",
   "description": "Volto Theme for Italia design guidelines",
   "license": "GPL-v3",
-  "version": "11.30.4",
+  "version": "11.31.0",
   "main": "src/index.js",
   "repository": {
     "type": "git",
@@ -152,7 +152,7 @@
     "volto-dropdownmenu": "4.1.3",
     "volto-editablefooter": "5.1.7",
     "volto-feedback": "0.6.1",
-    "volto-form-block": "3.10.0",
+    "volto-form-block": "3.12.0",
     "volto-gdpr-privacy": "2.2.12",
     "volto-google-analytics": "2.0.0",
     "volto-multilingual-widget": "3.2.1",

package/publiccode.yml

@@ -10,9 +10,9 @@ categories:
 dependsOn:
   open:
     - name: nodejs
-      versionMin: '16'
+      versionMin: '20'
     - name: Python
-      versionMin: '3.8'
+      versionMin: '3.11'
     - name: Docker
       versionMin: '18.03'
       optional: true
@@ -227,24 +227,28 @@ maintenance:
 name: io-Comune - Il sito AgID per Comuni ed Enti Pubblici
 platforms:
   - web
-releaseDate: '2025-05-22'
+releaseDate: '2025-06-17'
 softwareType: standalone/web
-softwareVersion: 11.30.4
+softwareVersion: 11.31.0
 url: 'https://github.com/italia/design-comuni-plone-theme'
 usedBy:
   - ASP Comuni Modenesi Area Nord
   - Azienda Ospedaliero-Universitaria di Ferrara
-  - Azienda USL di Ferrara
+  - Azienda Speciale Cavriago Servizi
   - Biblioteche Pianura Est
   - ASP Comuni Modenesi Area Nord
+  - ASP Circondario Imolese
   - Azienda Ospedaliero-Universitaria di Ferrara
-  - Azienda USL di Ferrara
+  - AUSL Romagna
   - Biblioteca comunale di Imola
   - Biblioteche Pianura Est
   - Camera di Commercio dell'Umbria
-  - Camera di Commercio di Reggio Emilia
+  - Camera di Commercio di Padova
+  - Camera di Commercio dell'Emilia
   - Comune della Spezia
+  - Comune di Bastiglia
   - Comune di Bibbiano
+  - Comune di Bomporto
   - Comune di Borgo Tossignano
   - Comune di Campegine
   - Comune di Camposanto
@@ -253,8 +257,11 @@ usedBy:
   - Comune di Casalfiumanese
   - Comune di Castel del Rio
   - Comune di Castel Guelfo di Bologna
+  - Comune di Castelfranco Emilia
   - Comune di Cavezzo
   - Comune di Cavriago
+  - Comune di Cavriago - Centro culturale Mavarta
+  - Comune di Cavriago - Centro culturale Multiplo
   - Comune di Concordia sul Secchia
   - Comune di Dozza
   - Comune di Gattatico
@@ -264,22 +271,32 @@ usedBy:
   - Comune di Formigine
   - Comune di Frassinoro
   - Comune di Imola
+  - Comune di Imola - siti tematici della rete civica
+  - Comune di Lignano Sabbiadoro
   - Comune di Maranello
   - Comune di Medolla
   - Comune di Mirandola
+  - Comune di Mirandola - Centro la Raganella
   - Comune di Modena
+  - Comune di Modena - siti tematici della rete civica
   - Comune di Montecchio Emilia
   - Comune di Montefiorino
   - Comune di Mordano
+  - Comune di Nonantola
   - Comune di Novellara
   - Comune di Palagano
   - Comune di Parma
+  - Comune di Parma - siti tematici del Comune di Parma
   - Comune di Piacenza
   - Comune di Prignano
+  - Comune di Ravarino
   - Comune di Reggio Emilia
   - Comune di Rolo
+  - Comune di San Cesario sul Panaro
   - Comune di San Felice sul Panaro
   - Comune di San Lazzaro di Savena
+  - Comune di San Lazzaro di Savena - Mediateca
+  - Comune di San Lazzaro di Savena - Sportello Sociale
   - Comune di San Polo d'Enza
   - Comune di San Possidonio
   - Comune di San Prospero
@@ -288,12 +305,19 @@ usedBy:
   - Comune di Toscolano Maderno
   - Comune di Vaiano
   - Comune di Vernio
+  - Comune di Vibo Valentia
   - Comando Generale della Guardia di Finanza
   - NNB Ispra Ambiente
   - Nuovo Circondario Imolese
+  - Ospedali Galliera
   - Ospedali Galliera - Bilancio Sociale
   - Provincia di Pisa
+  - Provincia di Varese
+  - Regione Emilia-Romagna
+  - Regione Liguria - S3 Monitoraggio
+  - Unione Bassa Reggiana
   - Unione Comuni Distretto Ceramico
   - UCMAN (Unione dei Comuni Modenesi Area Nord)
+  - Unione Comuni del Sorbara
   - Unione Val d'Enza
   - Unione Val di Bisenzio

package/src/components/ItaliaTheme/Blocks/Listing/BandiInEvidenceTemplate.jsx

@@ -84,155 +84,160 @@ const BandiInEvidenceTemplate = ({
             </Col>
           </Row>
         )}
-        <div className="bandi-in-evidence-cards-wrapper mt-2 mb-4">
+
+        <Row className={cx({ 'pb-3': show_block_bg })}>
           {items.map((item, index) => {
             const listingText = <ListingText item={item} />;
             return (
-              <Card key={index} className="listing-item card-bg mt-2">
-                <CardBody>
-                  <CardTitle tag="h3" className="title">
-                    <UniversalLink
-                      className="bando-title"
-                      item={!isEditMode ? item : null}
-                      href={isEditMode ? '#' : null}
-                    >
-                      {item.title || item.id}
-                    </UniversalLink>
-                  </CardTitle>
-
-                  {show_description && listingText && (
-                    <div className="bando-description">{listingText}</div>
-                  )}
-                  <div className="bando-lower-section">
-                    <div className="bando-dati mb-2">
-                      {/* Ente */}
-                      {show_ente && item.ente_bando?.length > 0 && (
-                        <span className="d-flex flex-wrap align-items-baseline bando-dati-info">
-                          <div className="bando-dati-label me-2">
-                            {intl.formatMessage(messages.ente)}:
-                          </div>
-                          <span className="bando-dati-date">
-                            {item.ente_bando.map((ente, i) => (
-                              <span>
-                                {ente}
-                                {i < item.ente_bando.length - 1 ? ', ' : ''}
-                              </span>
-                            ))}
-                          </span>
-                        </span>
-                      )}
+              <Col lg={4} sm={6} xs={12} key={index} className="pb-3">
+                <Card key={index} className="listing-item card-bg mt-2">
+                  <CardBody>
+                    <CardTitle tag="h3" className="title">
+                      <UniversalLink
+                        className="bando-title"
+                        item={!isEditMode ? item : null}
+                        href={isEditMode ? '#' : null}
+                      >
+                        {item.title || item.id}
+                      </UniversalLink>
+                    </CardTitle>
 
-                      {/* Tipologia */}
-                      {show_tipologia && item?.tipologia_bando && (
-                        <span className="d-flex flex-wrap align-items-baseline bando-dati-info">
-                          <div className="bando-dati-label me-2">
-                            {intl.formatMessage(messages.tipologia)}:
-                          </div>
-                          <span className="bando-dati-date">
-                            {item.tipologia_bando}
+                    {show_description && listingText && (
+                      <div className="bando-description">{listingText}</div>
+                    )}
+                    <div className="bando-lower-section">
+                      <div className="bando-dati mb-2">
+                        {/* Ente */}
+                        {show_ente && item.ente_bando?.length > 0 && (
+                          <span className="d-flex flex-wrap align-items-baseline bando-dati-info">
+                            <div className="bando-dati-label me-2">
+                              {intl.formatMessage(messages.ente)}:
+                            </div>
+                            <span className="bando-dati-date">
+                              {item.ente_bando.map((ente, i) => (
+                                <span>
+                                  {ente}
+                                  {i < item.ente_bando.length - 1 ? ', ' : ''}
+                                </span>
+                              ))}
+                            </span>
                           </span>
-                        </span>
-                      )}
+                        )}
 
-                      {/* Pubblicazione */}
-                      {item.effective && (
-                        <span className="d-flex flex-wrap align-items-baseline bando-dati-info">
-                          <div className="bando-dati-label me-2">
-                            {intl.formatMessage(messages.pubblicazione)}:
-                          </div>
-                          <span className="bando-dati-date">
-                            {viewDate(
-                              intl.locale,
-                              item.effective,
-                              'DD-MM-YYYY',
-                            )}
+                        {/* Tipologia */}
+                        {show_tipologia && item?.tipologia_bando && (
+                          <span className="d-flex flex-wrap align-items-baseline bando-dati-info">
+                            <div className="bando-dati-label me-2">
+                              {intl.formatMessage(messages.tipologia)}:
+                            </div>
+                            <span className="bando-dati-date">
+                              {item.tipologia_bando}
+                            </span>
                           </span>
-                        </span>
-                      )}
+                        )}
 
-                      {/* Scadenza */}
-                      {item.scadenza_bando && (
-                        <span className="d-flex flex-wrap align-items-baseline bando-dati-info">
-                          <div className="bando-dati-label me-2">
-                            {intl.formatMessage(messages.scadenza)}:
-                          </div>
-                          <span className="bando-dati-date">
-                            {item.scadenza_bando &&
-                              viewDate(
+                        {/* Pubblicazione */}
+                        {item.effective && (
+                          <span className="d-flex flex-wrap align-items-baseline bando-dati-info">
+                            <div className="bando-dati-label me-2">
+                              {intl.formatMessage(messages.pubblicazione)}:
+                            </div>
+                            <span className="bando-dati-date">
+                              {viewDate(
                                 intl.locale,
-                                item.scadenza_bando,
+                                item.effective,
                                 'DD-MM-YYYY',
                               )}
+                            </span>
                           </span>
-                        </span>
-                      )}
+                        )}
 
-                      {/* Chiusura procedimento */}
-                      {item.chiusura_procedimento_bando && (
-                        <span className="d-flex flex-wrap align-items-baseline bando-dati-info">
-                          <div className="bando-dati-label me-2">
-                            {intl.formatMessage(messages.chiusura_procedimento)}
-                            :
-                          </div>
-                          <span className="bando-dati-date">
-                            {item.chiusura_procedimento_bando &&
-                              viewDate(
-                                intl.locale,
-                                item.chiusura_procedimento_bando,
-                                'DD-MM-YYYY',
-                              )}
+                        {/* Scadenza */}
+                        {item.scadenza_bando && (
+                          <span className="d-flex flex-wrap align-items-baseline bando-dati-info">
+                            <div className="bando-dati-label me-2">
+                              {intl.formatMessage(messages.scadenza)}:
+                            </div>
+                            <span className="bando-dati-date">
+                              {item.scadenza_bando &&
+                                viewDate(
+                                  intl.locale,
+                                  item.scadenza_bando,
+                                  'DD-MM-YYYY',
+                                )}
+                            </span>
                           </span>
-                        </span>
-                      )}
-
-                      {/* Stato */}
-                      {item?.bando_state?.length > 0 && (
-                        <span className="d-flex align-items-baseline bando-dati-info">
-                          <div className="bando-dati-label me-3">
-                            {intl.formatMessage(messages.stato)}:
-                          </div>
+                        )}
 
-                          <span className="bando-dati-date">
-                            <div
-                              className={cx('bando-state', {
-                                open: item.bando_state?.includes('open'),
-                                closed: item.bando_state?.includes('closed'),
-                                scheduled:
-                                  item.bando_state?.includes('scheduled'),
-                                'in-progress':
-                                  item.bando_state?.includes('inProgress'),
-                              })}
-                            >
-                              <BandoStatus content={item} />
+                        {/* Chiusura procedimento */}
+                        {item.chiusura_procedimento_bando && (
+                          <span className="d-flex flex-wrap align-items-baseline bando-dati-info">
+                            <div className="bando-dati-label me-2">
+                              {intl.formatMessage(
+                                messages.chiusura_procedimento,
+                              )}
+                              :
                             </div>
+                            <span className="bando-dati-date">
+                              {item.chiusura_procedimento_bando &&
+                                viewDate(
+                                  intl.locale,
+                                  item.chiusura_procedimento_bando,
+                                  'DD-MM-YYYY',
+                                )}
+                            </span>
                           </span>
-                        </span>
-                      )}
+                        )}
 
-                      {/* Note aggiornamenti */}
-                      {item.update_note &&
-                        (item.bando_state?.includes('open') ||
-                          item.bando_state?.includes('inProgress')) && (
-                          <span className="d-flex bando-note">
-                            <strong>{item.update_note}</strong>
+                        {/* Stato */}
+                        {item?.bando_state?.length > 0 && (
+                          <span className="d-flex align-items-baseline bando-dati-info">
+                            <div className="bando-dati-label me-3">
+                              {intl.formatMessage(messages.stato)}:
+                            </div>
+
+                            <span className="bando-dati-date">
+                              <div
+                                className={cx('bando-state', {
+                                  open: item.bando_state?.includes('open'),
+                                  closed: item.bando_state?.includes('closed'),
+                                  scheduled:
+                                    item.bando_state?.includes('scheduled'),
+                                  'in-progress':
+                                    item.bando_state?.includes('inProgress'),
+                                })}
+                              >
+                                <BandoStatus content={item} />
+                              </div>
+                            </span>
                           </span>
                         )}
+
+                        {/* Note aggiornamenti */}
+                        {item.update_note &&
+                          (item.bando_state?.includes('open') ||
+                            item.bando_state?.includes('inProgress')) && (
+                            <span className="d-flex bando-note">
+                              <strong>{item.update_note}</strong>
+                            </span>
+                          )}
+                      </div>
+                      <div className="read-more">
+                        <CardReadMore
+                          iconName="it-arrow-right"
+                          tag={UniversalLink}
+                          item={!isEditMode ? item : null}
+                          href={isEditMode ? '#' : null}
+                          text={intl.formatMessage(messages.vedi)}
+                        />
+                      </div>
                     </div>
-                    <div className="read-more">
-                      <CardReadMore
-                        iconName="it-arrow-right"
-                        tag={UniversalLink}
-                        item={!isEditMode ? item : null}
-                        href={isEditMode ? '#' : null}
-                        text={intl.formatMessage(messages.vedi)}
-                      />
-                    </div>
-                  </div>
-                </CardBody>
-              </Card>
+                  </CardBody>
+                </Card>
+              </Col>
             );
           })}
-        </div>
+        </Row>
 
         <ListingLinkMore
           title={linkTitle}

package/src/components/ItaliaTheme/Blocks/Listing/PhotogalleryTemplate.jsx

@@ -69,6 +69,7 @@ const PhotogalleryTemplate = ({
   const settings = {
     dots: true,
     infinite: true,
+    lazyLoad: true,
     autoplay: autoplay,
     speed: 500,
     slidesToShow: items.length < 3 ? items.length : 3,
@@ -160,8 +161,8 @@ const PhotogalleryTemplate = ({
                     items.length === 1
                       ? '1300'
                       : items.length === 2
-                      ? '650'
-                      : '450'
+                        ? '650'
+                        : '450'
                   }px`,
                   noWrapLink: true,
                   showDefault: true,

package/src/components/ItaliaTheme/Blocks/Listing/SliderTemplate.jsx

@@ -160,6 +160,7 @@ const SliderTemplate = ({
     infinite: true,
     autoplay: autoplay,
     speed: 500,
+    lazyLoad: true,
     slidesToShow: nSlidesToShow,
     slidesToScroll: nSlidesToShow,
     autoplaySpeed: autoplay_speed * 1000,

package/src/components/ItaliaTheme/Blocks/VideoGallery/Body.jsx

@@ -32,6 +32,7 @@ const Body = ({ data, children, nItems = 0, reactSlick }) => {
     prevArrow: <PrevArrow />,
     infinite: true,
     speed: 500,
+    lazyLoad: true,
     slidesToShow: nItems < 3 ? nItems : 3,
     slidesToScroll: 1,
     responsive: [

package/src/components/ItaliaTheme/View/Commons/Gallery.jsx

@@ -58,6 +58,7 @@ const Gallery = ({
       dots: true,
       infinite: true,
       speed: 500,
+      lazyLoad: true,
       slidesToShow: nItems < 3 ? nItems : 3,
       slidesToScroll: slideToScroll ?? 3,
       nextArrow: <SliderNextArrow intl={intl} />,

package/src/customizations/volto-form-block/components/FormView.jsx

@@ -6,18 +6,19 @@
 import React from 'react';
 import { useIntl, defineMessages } from 'react-intl';
 import { Card, CardBody, Row, Col, Alert, Progress } from 'design-react-kit';
-// eslint-disable-next-line import/no-unresolved
 import { getFieldName } from 'volto-form-block/components/utils';
-// eslint-disable-next-line import/no-unresolved
 import Field from 'volto-form-block/components/Field';
 import {
   OTPWidget,
   OTP_FIELDNAME_EXTENDER,
   Button,
 } from 'volto-form-block/components/Widget';
-import { FormResult } from 'volto-form-block/components';
-// eslint-disable-next-line import/no-unresolved
 import config from '@plone/volto/registry';
+import { FormResult } from 'volto-form-block/components';
+import { evaluateAllConditions } from 'volto-form-block/helpers/conditions-list';
+
+/* Style */
+import 'volto-form-block/components/FormView.css';
 
 const messages = defineMessages({
   default_submit_label: {
@@ -181,30 +182,35 @@ const FormView = ({
                       getFieldsToSendWithValue(subblock);
 
                     return (
-                      <Row key={'row' + index}>
-                        <Col className="py-2">
-                          <Field
-                            {...subblock}
-                            name={name}
-                            onChange={(field, value) =>
-                              onChangeFormData(
-                                subblock.id,
-                                field,
-                                value,
-                                fields_to_send_with_value,
-                              )
-                            }
-                            value={
-                              subblock.field_type === 'static_text'
-                                ? subblock.value
-                                : formData[name]?.value
-                            }
-                            valid={isValidField(name)}
-                            errorMessage={getErrorMessage(name)}
-                            formHasErrors={formErrors.length > 0}
-                          />
-                        </Col>
-                      </Row>
+                      evaluateAllConditions(
+                        subblock?.visibility_conditions,
+                        formData,
+                      ) && (
+                        <Row key={'row' + index}>
+                          <Col className="py-2">
+                            <Field
+                              {...subblock}
+                              name={name}
+                              onChange={(field, value) =>
+                                onChangeFormData(
+                                  subblock.id,
+                                  field,
+                                  value,
+                                  fields_to_send_with_value,
+                                )
+                              }
+                              value={
+                                subblock.field_type === 'static_text'
+                                  ? subblock.value
+                                  : formData[name]?.value
+                              }
+                              valid={isValidField(name)}
+                              errorMessage={getErrorMessage(name)}
+                              formHasErrors={formErrors.length > 0}
+                            />
+                          </Col>
+                        </Row>
+                      )
                     );
                   })}
 

package/src/customizations/volto-form-block/components/Sidebar.jsx

@@ -29,6 +29,7 @@ import {
   getFormData,
   exportCsvFormData,
   clearFormData,
+  setSubblocksIDList,
 } from 'volto-form-block/actions';
 
 import { BlockDataForm } from '@plone/volto/components';
@@ -119,6 +120,14 @@ const Sidebar = ({
   var FormSchema = config.blocks.blocksConfig.form.formSchema;
   var FieldSchema = config.blocks.blocksConfig.form.fieldSchema;
 
+  // update list of fields ID
+  useEffect(() => {
+    if (data.subblocks?.length > 0) {
+      dispatch(setSubblocksIDList(data.subblocks));
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [data]);
+
   return (
     <Form>
       <Segment.Group raised>

package/src/customizations/volto-form-block/fieldSchema.js

@@ -18,6 +18,11 @@ const messages = defineMessages({
     id: 'form_field_required',
     defaultMessage: 'Required',
   },
+  field_required_info_text: {
+    id: 'form_field_required_info_text',
+    defaultMessage:
+      'If visibility conditions have been added to the field, it is advisable not to apply the requirement.',
+  },
   field_type: {
     id: 'form_field_type',
     defaultMessage: 'Field type',
@@ -453,6 +458,7 @@ export default (props) => {
             : []),
           ...(props?.field_type === 'static_text' ? [] : ['required']),
           'unique',
+          'visibility_conditions',
         ],
       },
     ],
@@ -499,6 +505,7 @@ export default (props) => {
         title: intl.formatMessage(messages.field_required),
         type: 'boolean',
         default: false,
+        description: intl.formatMessage(messages.field_required_info_text),
       },
       unique: {
         title: intl.formatMessage(messages.field_unique_title),
@@ -507,6 +514,10 @@ export default (props) => {
         default: false,
         send_to_backend: true,
       },
+      visibility_conditions: {
+        title: 'Scelte visibili se',
+        widget: 'visibility_conditions_widget',
+      },
       ...schemaExtenderValues.properties,
     },
     required: [

package/src/overrideTranslations.jsx

@@ -37,21 +37,48 @@ defineMessages({
     id: 'rrule_weekday',
     defaultMessage: 'giorno feriale',
   },
+  //---- Volto-form-block ----//
   reset: {
-    //volto-form-block
     id: 'form_reset',
     defaultMessage: 'Ricomincia',
   },
   legend_required: {
-    //volto-form-block
     id: 'legend_required',
     defaultMessage: 'I campi contrassegnati da (*) sono obbligatori.',
   },
   default_cancel_label: {
-    //volto-form-block
     id: 'form_default_cancel_label',
     defaultMessage: 'Annulla',
   },
+  is_empty: { id: 'condition_is_empty', defaultMessage: 'È vuoto' },
+  is_not_empty: {
+    id: 'condition_is_not_empty',
+    defaultMessage: 'Non è vuoto',
+  },
+  is_equal_to: { id: 'condition_is_equal_to', defaultMessage: 'È uguale a' },
+  is_not_equal_to: {
+    id: 'condition_is_not_equal_to',
+    defaultMessage: 'Non è uguale a',
+  },
+  contains: { id: 'condition_contains', defaultMessage: 'Contiene' },
+  not_contains: {
+    id: 'condition_not_contains',
+    defaultMessage: 'Non contiene',
+  },
+  greater_than: {
+    id: 'condition_greater_than',
+    defaultMessage: 'È maggiore di',
+  },
+  less_than: { id: 'condition_less_than', defaultMessage: 'È minore di' },
+  greater_or_equal: {
+    id: 'condition_greater_or_equal',
+    defaultMessage: 'È maggiore o uguale',
+  },
+  less_or_equal: {
+    id: 'condition_less_or_equal',
+    defaultMessage: 'È minore o uguale',
+  },
+  //---- end Volto-form-block ----//
   toggleMenu: {
     id: 'toggle-menu',
     defaultMessage: '{action} il menu',

package/src/theme/ItaliaTheme/Blocks/_bandiInEvidenceTemplate.scss

@@ -1,24 +1,7 @@
 .bandi-in-evidence {
-  .bandi-in-evidence-cards-wrapper {
-    display: -ms-grid;
-    display: grid;
-    gap: 1.3rem;
-    -ms-grid-columns: 1fr 1.3rem 1fr 1.3rem 1fr;
-    grid-template-columns: 1fr 1fr 1fr;
-
-    .read-more a.read-more {
-      flex-direction: row;
-    }
-  }
-
   .card-wrapper {
     min-height: 340px;
 
-    &:first-child {
-      grid-column: 1;
-      grid-row: 1;
-    }
-
     .listing-item {
       align-items: normal;
       .card-body {
@@ -27,6 +10,7 @@
         justify-content: space-between;
         padding: 2.5rem;
         padding-bottom: 0rem;
+        word-break: break-word;
       }
     }
   }
@@ -45,33 +29,6 @@
     }
   }
 
-  // smartphone
-  @media (max-width: #{map-get($grid-breakpoints, sm)}) {
-    .bandi-in-evidence-cards-wrapper {
-      .card-wrapper {
-        width: 100%;
-        margin: 0px;
-      }
-      display: block;
-      height: 100%;
-    }
-  }
-
-  // tablet
-  .bandi-in-evidence-cards-wrapper {
-    @media (min-width: #{map-get($grid-breakpoints, md)}) and  (max-width: #{map-get($grid-breakpoints, xl)}) {
-      grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
-    }
-
-    @media (min-width: #{map-get($grid-breakpoints, md)}) and (max-width: #{map-get($grid-breakpoints, lg)}) {
-      gap: 1rem;
-    }
-
-    @media (min-width: #{map-get($grid-breakpoints, sm)}) and (max-width: #{map-get($grid-breakpoints, md)}) {
-      display: block !important;
-    }
-  }
-
   .bando-description {
     flex-grow: 1;
     margin-top: 0.5rem;
@@ -122,18 +79,11 @@
       bottom: 0;
       padding-top: 0.75rem;
 
-      @media (max-width: #{map-get($grid-breakpoints, sm)}) {
-        display: flex;
-        align-items: center;
-        font-size: 0.77778rem;
-        font-weight: bold;
-        letter-spacing: 0.9px;
-        text-transform: uppercase;
+      @media (max-width: #{map-get($grid-breakpoints, md)}) {
+        display: block;
+        text-align: right;
       }
     }
-    @media (max-width: #{map-get($grid-breakpoints, sm)}) {
-      margin-top: 0;
-    }
   }
 
   .bando-state {

package/src/theme/ItaliaTheme/Blocks/_form.scss

@@ -6,8 +6,8 @@
       @media (max-width: #{map-get($grid-breakpoints, md)}) {
         .form-group {
           display: flex;
-          flex-direction: column;
           max-width: 100%;
+          flex-direction: column;
 
           label {
             position: relative;
@@ -71,6 +71,7 @@
   .volto-subblocks-wrapper,
   .form-field {
     max-width: 100%;
+
     .single-block {
       .dragsubblock {
         top: 0.3rem;
@@ -278,6 +279,22 @@
   @extend .active;
 }
 
+.cms-ui .ui.modal.modal_visibility_conditions {
+  .column.choice-actions {
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+
+.cms-ui .ui.page.modals.dimmer {
+  .ui.modal.modal_visibility_conditions {
+    .content {
+      min-height: 50vh;
+      overflow-y: auto;
+    }
+  }
+}
+
 .grecaptcha-badge {
   bottom: 115px !important;
 }