@openeuropa/bcl-listing 0.4298.202511051800 → 0.4360.202601141610

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/listing.html.twig +88 -91
  2. package/package.json +5 -5
package/listing.html.twig CHANGED
@@ -1,5 +1,3 @@
1
- {% apply spaceless %}
2
-
3
1
  {# Parameters:
4
2
  - title: (string) (default: '')
5
3
  - title_tag: (string) (default: 'h2')
@@ -16,7 +14,7 @@
16
14
  - attributes (drupal attrs)
17
15
  #}
18
16
 
19
- {% set _title = title|default('') %}
17
+ {%- set _title = title|default('') %}
20
18
  {% set _title_tag = title_tag|default('h2') %}
21
19
  {% set _title_link = title_link|default({}) %}
22
20
  {% set _title_attributes = title_attributes ?: create_attribute() %}
@@ -26,7 +24,7 @@
26
24
  {% set _alignment = alignment|default('') %}
27
25
  {% set _image_size = image_size|default('') %}
28
26
 
29
- {% set _classes = ['bcl-listing', 'bcl-listing--' ~ _variant] %}
27
+ {%- set _classes = ['bcl-listing', 'bcl-listing--' ~ _variant] %}
30
28
  {% set _cards = [] %}
31
29
  {% set _card_layout = {
32
30
  type: 'grid',
@@ -35,16 +33,16 @@
35
33
  attributes: create_attribute(),
36
34
  } %}
37
35
 
38
- {% if attributes is empty %}
39
- {% set attributes = create_attribute() %}
36
+ {%- if attributes is empty %}
37
+ {%- set attributes = create_attribute() %}
40
38
  {% endif %}
41
39
 
42
- {% set attributes = attributes.addClass(_classes) %}
40
+ {%- set attributes = attributes.addClass(_classes) -%}
43
41
 
44
42
  <div {{ attributes }}>
45
43
 
46
- {% if _title is not empty %}
47
- {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
44
+ {%- if _title is not empty %}
45
+ {%- include '@oe-bcl/bcl-heading/heading.html.twig' with {
48
46
  title: _title,
49
47
  title_tag: _title_tag,
50
48
  title_link: _title_link,
@@ -52,37 +50,37 @@
52
50
  } only %}
53
51
  {% endif %}
54
52
 
55
- {% if _items is not empty %}
56
- {% for _card in _items %}
57
- {% set _alignment_class = '' %}
58
- {% set _image_classes = _card.image.classes ?: '' %}
59
- {% set _start_col_classes = 'bcl-card-start-col mb-3 mb-lg-0' %}
60
- {% set _end_col_classes = 'col-12 col-md' %}
61
- {% if _image_size is not empty %}
62
- {% set _start_col_classes = _start_col_classes ~ ' bcl-size-' ~ _image_size %}
63
- {% endif %}
64
- {% if 'd-none' in _image_classes %}
65
- {% set _start_col_classes = _start_col_classes ~ ' d-none d-md-block' %}
66
- {% endif %}
67
- {% if _alignment is not empty %}
68
- {% set _alignment_class = ' align-self-' ~ _alignment %}
69
- {% endif %}
70
- {% set _card_classes = [] %}
71
- {% set _card_attributes = card.attributes ? card.attributes : create_attribute() %}
72
- {% set _card_title_attributes = card.title_attributes ? card.title_attributes : create_attribute() %}
73
- {% set _card = _card|merge({
74
- title_attributes: _card_title_attributes.addClass(['fs-5'])
53
+ {%- if _items is not empty %}
54
+ {%- for _card in _items %}
55
+ {%- set _alignment_class = '' %}
56
+ {%- set _image_classes = _card.image.classes ?: '' %}
57
+ {%- set _start_col_classes = 'bcl-card-start-col mb-3 mb-lg-0' %}
58
+ {%- set _end_col_classes = 'col-12 col-md' %}
59
+ {%- if _image_size is not empty %}
60
+ {%- set _start_col_classes = _start_col_classes ~ ' bcl-size-' ~ _image_size %}
61
+ {%- endif %}
62
+ {%- if 'd-none' in _image_classes %}
63
+ {%- set _start_col_classes = _start_col_classes ~ ' d-none d-md-block' %}
64
+ {%- endif %}
65
+ {%- if _alignment is not empty %}
66
+ {%- set _alignment_class = ' align-self-' ~ _alignment %}
67
+ {%- endif %}
68
+ {%- set _card_classes = [] %}
69
+ {%- set _card_attributes = card.attributes ? card.attributes : create_attribute() %}
70
+ {%- set _card_title_attributes = card.title_attributes ? card.title_attributes : create_attribute() %}
71
+ {%- set _card = _card|merge({
72
+ title_attributes: _card_title_attributes.addClass(['h5'])
75
73
  }) %}
76
74
 
77
- {% if _variant == 'default-1-col' or _variant == 'default-2-col' or _variant == 'default-3-col' %}
78
- {% set _card_classes = [
75
+ {%- if _variant == 'default-1-col' or _variant == 'default-2-col' or _variant == 'default-3-col' %}
76
+ {%- set _card_classes = [
79
77
  'listing-item',
80
78
  'border-bottom',
81
79
  'border-md-0',
82
80
  'border-0',
83
81
  ] %}
84
- {% set _card_attributes = _card_attributes.addClass(_card_classes) %}
85
- {% set _card = _card|merge({
82
+ {%- set _card_attributes = _card_attributes.addClass(_card_classes) %}
83
+ {%- set _card = _card|merge({
86
84
  horizontal: true,
87
85
  extra_classes_body: 'p-0 pb-md-0 pb-3',
88
86
  attributes: _card_attributes,
@@ -91,109 +89,108 @@
91
89
  right_col_classes: _end_col_classes ~ _alignment_class,
92
90
  }
93
91
  }) %}
94
-
95
- {% if _variant == 'default-2-col' %}
96
- {% set _card_layout = _card_layout|merge({
92
+
93
+ {%- if _variant == 'default-2-col' %}
94
+ {%- set _card_layout = _card_layout|merge({
97
95
  responsive_columns: 2,
98
96
  }) %}
99
- {% elseif _variant == 'default-3-col' %}
100
- {% set _card_layout = _card_layout|merge({
97
+ {%- elseif _variant == 'default-3-col' %}
98
+ {%- set _card_layout = _card_layout|merge({
101
99
  attributes: _card_layout.attributes.addClass(['row-cols-md-2']),
102
100
  responsive_columns: 3,
103
101
  responsiveness: 'xl',
104
102
  }) %}
105
- {% endif %}
106
- {% endif %}
103
+ {%- endif %}
104
+ {%- endif %}
107
105
 
108
- {% if _variant == 'highlight-1-col' %}
109
- {% set _card_classes = [
106
+ {%- if _variant == 'highlight-1-col' %}
107
+ {%- set _card_classes = [
110
108
  'listing-item--highlight',
111
109
  'border-0',
112
110
  'bg-lighter'
113
111
  ] %}
114
- {% set _card_attributes = _card_attributes.addClass(_card_classes) %}
115
- {% set _card = _card|merge({
112
+ {%- set _card_attributes = _card_attributes.addClass(_card_classes) %}
113
+ {%- set _card = _card|merge({
116
114
  wrapper_class: 'col',
117
115
  attributes: _card_attributes,
118
116
  }) %}
119
- {% if _card.image is defined and _card.image is not empty %}
120
- {% set _card = _card|merge({
117
+ {%- if _card.image is defined and _card.image is not empty %}
118
+ {%- set _card = _card|merge({
121
119
  extra_classes_body: "pt-0",
122
120
  }) %}
123
- {% endif %}
124
- {% set _card_layout = _card_layout|merge({
121
+ {%- endif %}
122
+ {%- set _card_layout = _card_layout|merge({
125
123
  cols_extra_classes: 'mt-4-5',
126
124
  }) %}
127
- {% if _card.image is not empty %}
128
- {% set _image_classes = _card.image.classes ?: '' %}
129
- {% if not _alignment == 'center' %}
130
- {% set _image_classes = _image_classes ? _image_classes ~ ' mb-3' : 'mb-3' %}
131
- {% endif %}
132
- {% set _card = _card|merge({image: _card.image|merge({
125
+ {%- if _card.image is not empty %}
126
+ {%- set _image_classes = _card.image.classes ?: '' %}
127
+ {%- if not _alignment == 'center' %}
128
+ {%- set _image_classes = _image_classes ? _image_classes ~ ' mb-3' : 'mb-3' %}
129
+ {%- endif %}
130
+ {%- set _card = _card|merge({image: _card.image|merge({
133
131
  classes: _image_classes,
134
132
  })}) %}
135
- {% endif %}
133
+ {%- endif %}
136
134
 
137
- {% endif %}
135
+ {%- endif %}
138
136
 
139
- {% if _variant == 'highlight-2-col' or variant == 'highlight-3-col' %}
140
- {% set _card_classes = [
137
+ {%- if _variant == 'highlight-2-col' or variant == 'highlight-3-col' %}
138
+ {%- set _card_classes = [
141
139
  'listing-item--highlight',
142
140
  'border-0',
143
141
  'bg-lighter',
144
142
  'h-100',
145
143
  'rounded-2'
146
144
  ] %}
147
- {% set _card_attributes = _card_attributes.addClass(_card_classes) %}
148
- {% set _card = _card|merge({
145
+ {%- set _card_attributes = _card_attributes.addClass(_card_classes) %}
146
+ {%- set _card = _card|merge({
149
147
  wrapper_class: 'col',
150
148
  attributes: _card_attributes,
151
149
  }) %}
152
- {% if _card.image is defined and _card.image is not empty %}
153
- {% set _card = _card|merge({
150
+ {%- if _card.image is defined and _card.image is not empty %}
151
+ {%- set _card = _card|merge({
154
152
  extra_classes_body: 'pt-0',
155
153
  }) %}
156
- {% endif %}
157
- {% if _card.image is not empty %}
158
- {% set _image_classes = _card.image.classes ?: '' %}
159
- {% if not _alignment == 'center' %}
160
- {% set _image_classes = _image_classes ? _image_classes ~ ' mb-3' : 'mb-3' %}
161
- {% endif %}
162
- {% set _card = _card|merge({image: _card.image|merge({
154
+ {%- endif %}
155
+ {%- if _card.image is not empty %}
156
+ {%- set _image_classes = _card.image.classes ?: '' %}
157
+ {%- if not _alignment == 'center' %}
158
+ {%- set _image_classes = _image_classes ? _image_classes ~ ' mb-3' : 'mb-3' %}
159
+ {%- endif %}
160
+ {%- set _card = _card|merge({image: _card.image|merge({
163
161
  classes: _image_classes,
164
162
  })}) %}
165
- {% endif %}
166
- {% set _card_layout = _card_layout|merge({ gutter: '4' }) %}
167
- {% if variant == 'highlight-2-col' %}
168
- {% set _card_layout = _card_layout|merge({ responsive_columns: 2 }) %}
169
- {% else %}
170
- {% set _card_layout = _card_layout|merge({ responsive_columns: 3 }) %}
171
- {% endif %}
172
- {% endif %}
173
-
174
- {% if _card.image is empty and _card.date is empty %}
175
- {% set _card = _card|merge({
163
+ {%- endif %}
164
+ {%- set _card_layout = _card_layout|merge({ gutter: '4' }) %}
165
+ {%- if variant == 'highlight-2-col' %}
166
+ {%- set _card_layout = _card_layout|merge({ responsive_columns: 2 }) %}
167
+ {%- else %}
168
+ {%- set _card_layout = _card_layout|merge({ responsive_columns: 3 }) %}
169
+ {%- endif %}
170
+ {%- endif %}
171
+
172
+ {%- if _card.image is empty and _card.date is empty %}
173
+ {%- set _card = _card|merge({
176
174
  horizontal: false,
177
175
  }) %}
178
- {% endif %}
176
+ {%- endif %}
179
177
 
180
- {% set _cards = _cards|merge([_card]) %}
181
- {% endfor %}
178
+ {%- set _cards = _cards|merge([_card]) %}
179
+ {%- endfor %}
182
180
  {% endif %}
183
181
 
184
- {% include "@oe-bcl/bcl-card-layout/card-layout.html.twig" with _card_layout|merge({ items: _cards }) only %}
182
+ {%- include "@oe-bcl/bcl-card-layout/card-layout.html.twig" with _card_layout|merge({ items: _cards }) only %}
185
183
 
186
- {% if _link is not empty %}
187
- {% set _link_attributes = _link.attributes ? _link.attributes : create_attribute() %}
188
- {% set _link_attributes = _link_attributes.addClass(['mt-3-5', 'd-inline-block']) %}
189
- {% include '@oe-bcl/bcl-link/link.html.twig' with _link|merge({
184
+ {%- if _link is not empty %}
185
+ {%- set _link_attributes = _link.attributes ? _link.attributes : create_attribute() %}
186
+ {%- set _link_attributes = _link_attributes.addClass(['mt-3-5', 'd-inline-block']) %}
187
+ {%- include '@oe-bcl/bcl-link/link.html.twig' with _link|merge({
190
188
  attributes: _link_attributes,
191
189
  icon: _link.icon|merge({
192
190
  name: 'chevron-right',
193
191
  size: 'xs',
194
192
  }),
195
193
  }) only %}
196
- {% endif %}
194
+ {% endif -%}
197
195
  </div>
198
-
199
- {% endapply %}
196
+ {#--#}
package/package.json CHANGED
@@ -2,15 +2,15 @@
2
2
  "name": "@openeuropa/bcl-listing",
3
3
  "author": "European Commission",
4
4
  "license": "EUPL-1.2",
5
- "version": "0.4298.202511051800",
5
+ "version": "0.4360.202601141610",
6
6
  "description": "OE - BCL Listing",
7
7
  "publishConfig": {
8
8
  "access": "public"
9
9
  },
10
10
  "dependencies": {
11
- "@openeuropa/bcl-card-layout": "^0.4298.202511051800",
12
- "@openeuropa/bcl-heading": "^0.4298.202511051800",
13
- "@openeuropa/bcl-link": "^0.4298.202511051800"
11
+ "@openeuropa/bcl-card-layout": "^0.4360.202601141610",
12
+ "@openeuropa/bcl-heading": "^0.4360.202601141610",
13
+ "@openeuropa/bcl-link": "^0.4360.202601141610"
14
14
  },
15
15
  "repository": {
16
16
  "type": "git",
@@ -26,5 +26,5 @@
26
26
  "design-system",
27
27
  "twig"
28
28
  ],
29
- "gitHead": "cf21a1c538fac191785bb5f86c4d78d5b3b25d4c"
29
+ "gitHead": "2caf9255f88587416f6e83e572a1f20e4cf206f5"
30
30
  }