@ecl/gallery 5.0.0-alpha.10 → 5.0.0-alpha.12

package/README.md

@@ -36,7 +36,6 @@ npm install --save @ecl/gallery
   - "share_path" (optional) (string) (default: '')
 - **"visible_items"** (integer) (default: 8) Number of visible items in an expandable gallery
 - **"expandable"** (boolean) (default: true) collapsible/expandable gallery
-- **"icon_path"** (string) (default: '') Path to the icon sprite
 - **"sr_gallery_label"** (string) (default: ''): additional label for the gallery, providing instruction; for screen readers
 - **"sr_video_label"** (string) (default: ''): additional label for the video items; for screen readers
 - **"sr_video_player"** (string) (default: ''): additional label for the video player; for screen readers
@@ -96,7 +95,6 @@ npm install --save @ecl/gallery
       description: 'Living, working, travelling in the EU', 
       meta: 'Copyright, Author, Licence for image 2', 
       icon: { 
-        path: 'path/to/icons.svg', 
         name: 'audio', 
       }, 
       share_href: '/share#example-image2.jpg', 
@@ -110,7 +108,6 @@ npm install --save @ecl/gallery
       aria_label: "View all link aria-label value" 
     }, 
     icon: { 
-      path: "/icons.svg", 
       name: "external", 
       size: "s" 
     } 
@@ -120,7 +117,6 @@ npm install --save @ecl/gallery
       variant: 'ghost', 
       label: 'Close', 
       icon: { 
-        path: 'path/to/icons.svg', 
         name: 'close', 
         size: 's', 
       }, 
@@ -129,7 +125,6 @@ npm install --save @ecl/gallery
       variant: 'ghost', 
       label: 'Previous', 
       icon: { 
-        path: 'path/to/icons.svg', 
         name: 'corner-arrow', 
         transform: 'rotate-270', 
         size: 'l', 
@@ -140,7 +135,6 @@ npm install --save @ecl/gallery
       variant: 'ghost', 
       label: 'Next', 
       icon: { 
-        path: 'path/to/icons.svg', 
         name: 'corner-arrow', 
         transform: 'rotate-90', 
         size: 'l', 
@@ -151,7 +145,6 @@ npm install --save @ecl/gallery
     share: { 
       label: 'Share', 
       icon: { 
-        path: 'path/to/icons.svg', 
         name: 'share', 
         size: 'fluid', 
       }, 

package/gallery-item.html.twig

@@ -14,7 +14,6 @@
     - "embedded_video" (optional) (object) (default: {})
     - "sr_video_audio" (string) (default: ''): additional text to indicate if there is an audio description; for screen readers
     - "share_path" (optional) (string) (default: '')
-  - "icon_path": (string) (default '')
   - "sr_video_label" (string) (default: ''): additional label for the video items; for screen readers
   - "sr_video_player" (string) (default: ''): additional label for the video player; for screen readers
   - "picture_zoom" (bool) (default: false): Should the thumbnail pictures be animated?
@@ -36,7 +35,6 @@
 {% set _item = item|default({}) %}
 {% set _picture = item.picture|default({}) %}
 {% set _thumbnail = item.thumbnail|default({}) %}
-{% set _icon_path = icon_path|default('') %}
 {% set _sr_video_label = sr_video_label|default('') %}
 {% set _sr_video_player = sr_video_player|default('') %}
 {% set _picture_zoom = picture_zoom|default(false) %}
@@ -118,19 +116,16 @@
         {% set _image_alt = _image_alt ~ ' - ' ~ _sr_video_label %}
       {% endif %}
 
-      {% if _icon_path is not empty %}
-        <div class="ecl-gallery__item-icon-wrapper">
-        {%- include '@ecl/icon/icon.html.twig' with {
-          icon: {
-            name: 'play-filled',
-            size: 'l',
-            path: _icon_path,
-            color: 'inverted',
-          },
-          extra_classes: 'ecl-gallery__item-icon',
-        } only %}
-        </div>
-      {% endif %}
+      <div class="ecl-gallery__item-icon-wrapper">
+      {%- include '@ecl/icon/icon.html.twig' with {
+        icon: {
+          name: 'play-filled',
+          size: 'l',
+          color: 'inverted',
+        },
+        extra_classes: 'ecl-gallery__item-icon',
+      } only %}
+      </div>
     {% endif %}
 
     {% set _thumbnail_markup %}

package/gallery-overlay.html.twig

@@ -131,7 +131,6 @@
             icon: {
               name: 'fullscreen',
               size: 'fluid',
-              path: icon_path|default('')
             },
             extra_classes: 'ecl-gallery__download',
             extra_attributes: [

package/gallery-print.scss

@@ -78,7 +78,7 @@ $gallery-print: null !default;
 
 .ecl-gallery__description {
   align-items: center;
-  background-color: rgba(0, 0, 0, 0.7);
+  background-color: rgb(0, 0, 0, 0.7);
   color: #fff;
   font: map.get($gallery-print, 'description-font');
   padding: map.get($theme, 'spacing-print', '2xs')

package/gallery.html.twig

@@ -37,7 +37,6 @@
     - "embedded_video" (optional) (object) (default: {})
     - "sr_video_audio" (string) (default: ''): additional text to indicate if there is an audio description; for screen readers
     - "share_path" (optional) (string) (default: '')
-  - "icon_path": (string) (default: '')
   - "sr_gallery_label" (string) (default: ''): additional label for the gallery, providing instruction; for screen readers
   - "sr_video_label" (string) (default: ''): additional label for the video items; for screen readers
   - "sr_video_player" (string) (default: ''): additional label for the video player; for screen readers
@@ -67,7 +66,6 @@
 {% set _visible_items = visible_items|default(8) %}
 {% set _disable_hover = disable_hover|default(false) %}
 {% set _disable_overlay = disable_overlay|default(false) %}
-{% set _icon_path = icon_path|default('') %}
 {% set _sr_gallery_label = sr_gallery_label|default('') %}
 {% set _sr_video_label = sr_video_label|default('') %}
 {% set _expandable = expandable ?? true %}
@@ -152,7 +150,6 @@
       {% include '@ecl/gallery/gallery-item.html.twig' with {
         id: "ecl-gallery-item-" ~ _id ~ '-' ~ _key,
         item: _item,
-        icon_path: _icon_path,
         sr_video_label: _sr_video_label,
         sr_video_player: _sr_video_player,
         disable_overlay: _disable_overlay,
@@ -210,7 +207,6 @@
     extra_attributes: _overlay_attrs,
     extra_classes: _overlay_class,
     item: _selected_item,
-    icon_path: _icon_path,
   } only %}
 </section>
 

package/gallery.js

@@ -721,7 +721,7 @@ export class Gallery {
    *
    * @param {Event} e
    */
-  // eslint-disable-next-line class-methods-use-this
+
   preventClickOnItem(e) {
     e.preventDefault();
     e.stopPropagation();

package/package.json

@@ -2,7 +2,7 @@
   "name": "@ecl/gallery",
   "author": "European Commission",
   "license": "EUPL-1.2",
-  "version": "5.0.0-alpha.10",
+  "version": "5.0.0-alpha.12",
   "description": "ECL Gallery",
   "publishConfig": {
     "access": "public"
@@ -11,12 +11,12 @@
   "module": "gallery.js",
   "style": "gallery.scss",
   "dependencies": {
-    "@ecl/button": "5.0.0-alpha.10",
-    "@ecl/dom-utils": "5.0.0-alpha.10",
-    "@ecl/icon": "5.0.0-alpha.10",
-    "@ecl/link": "5.0.0-alpha.10",
-    "@ecl/picture": "5.0.0-alpha.10",
-    "@ecl/video": "5.0.0-alpha.10",
+    "@ecl/button": "5.0.0-alpha.12",
+    "@ecl/dom-utils": "5.0.0-alpha.12",
+    "@ecl/icon": "5.0.0-alpha.12",
+    "@ecl/link": "5.0.0-alpha.12",
+    "@ecl/picture": "5.0.0-alpha.12",
+    "@ecl/video": "5.0.0-alpha.12",
     "focus-trap": "7.6.4"
   },
   "repository": {
@@ -33,5 +33,5 @@
     "design-system",
     "twig"
   ],
-  "gitHead": "8f085d9bbc9ebe568932bc297fdcf7f7a47da47b"
+  "gitHead": "a8d78ac3122f61283f822ca27a4a8343a583f65a"
 }