Changes to lcp-button

includes/blocks/lcp-gallery/build/block.json

@@ -0,0 +1,384 @@
+{
+  "$schema": "https://schemas.wp.org/trunk/block.json",
+  "apiVersion": 3,
+  "name": "lcp/lcp-gallery",
+  "version": "0.1.0",
+  "title": "LCP Gallery",
+  "category": "widgets",
+  "icon": "",
+  "description": "A dynamic or static gallery based on the Lightgallery javascript plugin",
+  "example": {},
+  "supports": {
+    "html": false
+  },
+  "attributes": {
+    "parseElementForItems": {
+      "type": "boolean",
+      "default": false
+    },
+    "parsedTargetElement": {
+      "type": "string",
+      "default": ""
+    },
+    "parsedExcludedElements": {
+      "type": "string",
+      "default": ""
+    },
+    "lgSettings": {
+      "type": "object",
+      "default": {
+        "zoom": false,
+        "thumbnail": false,
+        "toggleThumb": false,
+        "thumbWidth": 120,
+        "thumbHeight": "80px",
+        "thumbMargin": 4,
+        "hash": false,
+        "galleryId": "1",
+        "dynamic": false,
+        "mode": "lg-fade",
+        "cssEasing": "ease",
+        "rotate": false,
+        "fullScreen": false,
+        "autoplay": false,
+        "download": false,
+        "loop": true,
+        "closeOnTap": true,
+        "enableDrag": true,
+        "enableSwipe": true,
+        "escKey": true,
+        "getCaptionFromTitleOrAlt ": true,
+        "hideBarsDelay": 0,
+        "hideControlOnEnd": false,
+        "hideScrollbar ": false,
+        "controls": true,
+        "counter": true,
+        "container": "",
+        "closable": true,
+        "zoomFromOrigin": false,
+        "showMaximizeIcon": false,
+        "plugins": []
+      }
+    },
+    "hashGalleryId": {
+      "type": "string",
+      "default": ""
+    },
+    "source": {
+      "type": "string",
+      "default": "manual"
+    },
+    "galleryItems": {
+      "type": "array"
+    },
+    "sourceMetaField": {
+      "type": "string",
+      "default": ""
+    },
+    "sourceTable": {
+      "type": "string",
+      "default": ""
+    },
+    "sourceColumn": {
+      "type": "string",
+      "default": ""
+    },
+    "includePostThumbnail": {
+      "type": "boolean",
+      "default": false
+    },
+    "initialLayout": {
+      "type": "string",
+      "default": "grid"
+    },
+    "initialLayoutLarge": {
+      "type": "string",
+      "default": "inline"
+    },
+    "initialLayoutSmall": {
+      "type": "string",
+      "default": "inline"
+    },
+    "justifiedRowHeightSmall": {
+      "type": "string",
+      "default": "150px"
+    },
+    "justifiedRowHeightMedium": {
+      "type": "string",
+      "default": "150px"
+    },
+    "justifiedRowHeightLarge": {
+      "type": "string",
+      "default": "150px"
+    },
+    "justifiedLastRow": {
+      "type": "string",
+      "default": "justify"
+    },
+    "maxInitialItems": {
+      "type": "number",
+      "default": 0
+    },
+    "initialImageSize": {
+      "type": "string",
+      "default": "medium-large"
+    },
+    "inlineHeightSmall": {
+      "type": "string",
+      "default": "300px"
+    },
+    "inlineHeightMedium": {
+      "type": "string",
+      "default": "400px"
+    },
+    "inlineHeightLarge": {
+      "type": "string",
+      "default": "500px"
+    },
+    "containerWidthDesktop": {
+      "type": "string",
+      "default": "100%"
+    },
+    "containerWidthTablet": {
+      "type": "string",
+      "default": "100%"
+    },
+    "containerWidthMobile": {
+      "type": "string",
+      "default": "100%"
+    },
+    "itemsAspectRatio": {
+      "type": "string",
+      "default": "1-1"
+    },
+    "gridColumns": {
+      "type": "number",
+      "default": 4
+    },
+    "gridColumnsLarge": {
+      "type": "number",
+      "default": 4
+    },
+    "gridColumnsMedium": {
+      "type": "number",
+      "default": 3
+    },
+    "gridColumnsSmall": {
+      "type": "number",
+      "default": 2
+    },
+    "gridGapLarge": {
+      "type": "number",
+      "default": 10
+    },
+    "gridGapMedium": {
+      "type": "number",
+      "default": 10
+    },
+    "gridGapSmall": {
+      "type": "number",
+      "default": 10
+    },
+    "downloadLimitRoles": {
+      "type": "array",
+      "default": ""
+    },
+    "allowHideThumbnails": {
+      "type": "boolean",
+      "default": false
+    },
+    "thumbnailsStyle": {
+      "type": "string",
+      "default": ""
+    },
+    "thumbnailActiveStyle": {
+      "type": "string",
+      "default": ""
+    },
+    "thumbnailBorders": {
+      "type": "object"
+    },
+    "thumbnailBordersSelected": {
+      "type": "object"
+    },
+    "thumbsBackgroundColor": {
+      "type": "string"
+    },
+    "backdropBackgroundColor": {
+      "type": "string"
+    },
+    "showCaptions": {
+      "type": "boolean"
+    },
+    "showItemTitle": {
+      "type": "boolean"
+    },
+    "showItemDescription": {
+      "type": "boolean"
+    },
+    "lgMode": {
+      "type": "string",
+      "default": "lg-slide"
+    },
+    "downloadSize": {
+      "type": "string",
+      "default": "full"
+    },
+    "allowShare": {
+      "type": "boolean",
+      "default": true
+    },
+    "lgVideo": {
+      "type": "boolean",
+      "default": "true"
+    },
+    "dynamic": {
+      "type": "boolean",
+      "default": false
+    },
+    "loop": {
+      "type": "boolean",
+      "default": true
+    },
+    "speed": {
+      "type": "number",
+      "default": 500
+    },
+    "slideDelay": {
+      "type": "number",
+      "default": 200
+    },
+    "hash": {
+      "type": "boolean",
+      "default": false
+    },
+    "allowZoom": {
+      "type": "boolean",
+      "default": false
+    },
+    "closable": {
+      "type": "boolean",
+      "default": true
+    },
+    "closeOnTap": {
+      "type": "boolean",
+      "default": true
+    },
+    "container": {
+      "type": "string",
+      "default": ""
+    },
+    "showControls": {
+      "type": "boolean",
+      "default": true
+    },
+    "showCounter": {
+      "type": "boolean",
+      "default": true
+    },
+    "showMaximizeIcon": {
+      "type": "boolean",
+      "default": true
+    },
+    "easing": {
+      "type": "string",
+      "default": "ease"
+    },
+    "download": {
+      "type": "boolean",
+      "default": false
+    },
+    "appendThumbnailsTo": {
+      "type": "string",
+      "default": ".lg-components"
+    },
+    "appendSubHtmlTo": {
+      "type": "string",
+      "default": ".lg-item"
+    },
+    "thumbWidth": {
+      "type": "string",
+      "default": "80px"
+    },
+    "thumbHeight": {
+      "type": "string",
+      "default": "80px"
+    },
+    "thumbnailsBorders": {
+      "type": "object",
+      "default": {
+        "top": {
+          "color": "#000000",
+          "style": "solid",
+          "width": "10px"
+        },
+        "right": {
+          "color": "#000000",
+          "style": "solid",
+          "width": "10px"
+        },
+        "bottom": {
+          "color": "#000000",
+          "style": "solid",
+          "width": "10px"
+        },
+        "left": {
+          "color": "#000000",
+          "style": "solid",
+          "width": "10px"
+        }
+      }
+    },
+    "thumbnailsBordersSelected": {
+      "type": "object",
+      "default": {
+        "top": {
+          "color": "#000000",
+          "style": "solid",
+          "width": "1px"
+        },
+        "right": {
+          "color": "#000000",
+          "style": "solid",
+          "width": "1px"
+        },
+        "bottom": {
+          "color": "#000000",
+          "style": "solid",
+          "width": "1px"
+        },
+        "left": {
+          "color": "#000000",
+          "style": "solid",
+          "width": "1px"
+        }
+      }
+    },
+    "thumbMargin": {
+      "type": "number",
+      "default": 5
+    },
+    "toggleThumb": {
+      "type": "boolean",
+      "default": false
+    },
+    "numberOfSlideItemsInDom": {
+      "type": "number",
+      "default": 10
+    },
+    "galleryCustomStyles": {
+      "type": "string",
+      "default": ""
+    }
+  },
+  "textdomain": "lcp",
+  "editorScript": "file:./index.js",
+  "editorStyle": "file:./index.css",
+  "style": "file:./style-index.css",
+  "viewScript": [
+    "file:./view.js"
+  ],
+  "viewStyle": [
+    "file:./lightgallery-bundle.min.css"
+  ]
+}

includes/blocks/lcp-gallery/build/index.asset.php

@@ -0,0 +1 @@
+<?php return array('dependencies' => array('react', 'react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-i18n'), 'version' => 'd3179ce436628bbcba93');

includes/blocks/lcp-gallery/build/style-index-rtl.css

@@ -0,0 +1 @@
+.wp-block-create-block-gallery{background-color:#21759b;color:#fff;padding:2px}.admin-bar .lg-container:not(.lg-inline) .lg-outer{height:calc(100% - 32px)!important;top:32px}.lcp-inline-gallery{height:500px;position:relative;width:100%}.lcp-inline-gallery .lcp-gallery-item .img-fluid{display:none}.lcp-gallery .gallery-item,.lcp-gallery .gallery-item>img{width:100%}.lcp-gallery .gallery-item.last:after{background:red;content:"";height:100%;right:0;opacity:.5;position:absolute;top:0;width:100%}.lg-thumbnail-active-grayscale .lg-thumb-item.active img,.lg-thumbnail-grayscale .lg-thumb-item:not(.active) img{filter:grayscale(100%)}.lg-thumbnail-active-blur .lg-thumb-item.active img,.lg-thumbnail-blur .lg-thumb-item:not(.active) img{filter:blur(1px)}.lg-outer{background:none}.lcp-display-none{display:none}.gallery-item{position:relative}span.gallery-more{color:#fff;font-size:40px;right:50%;position:absolute;top:50%;transform:translate3d(50%,-50%,0);z-index:10}.lcp-gallery.aspect-1-1 .lcp-gallery-item{aspect-ratio:1/1}.lcp-gallery.aspect-2-3 .lcp-gallery-item{aspect-ratio:2/3}.lcp-gallery.aspect-3-4 .lcp-gallery-item{aspect-ratio:3/4}.lcp-gallery.aspect-4-5 .lcp-gallery-item{aspect-ratio:4/5}.lcp-gallery.aspect-5-7 .lcp-gallery-item{aspect-ratio:5/7}.lcp-gallery.aspect-3-2 .lcp-gallery-item{aspect-ratio:3/2}.lcp-gallery.aspect-16-9 .lcp-gallery-item{aspect-ratio:16/9}.gallery-item img{-o-object-fit:cover;object-fit:cover}.lcp-gallery.grid{display:grid}.lcp-gallery.grid .gallery-item img{height:100%;-o-object-fit:cover;object-fit:cover}.lcp-gallery.grid{gap:1rem;grid-template-columns:1fr 1fr 1fr 1fr}@media only screen and (min-width:1167px){.lcp-gallery.grid.large-1-columns{grid-template-columns:1fr}.lcp-gallery.grid.large-2-columns{grid-template-columns:1fr 1fr}.lcp-gallery.grid.large-3-columns{grid-template-columns:1fr 1fr 1fr}.lcp-gallery.grid.large-4-columns{grid-template-columns:1fr 1fr 1fr 1fr}.lcp-gallery.grid.large-5-columns{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.lcp-gallery.grid.large-6-columns{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.lcp-gallery.grid.large-7-columns{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr}.lcp-gallery.grid.large-8-columns{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}.lcp-gallery.grid.large-9-columns{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}}@media only screen and (min-width:768px)and (max-width:1166px){.lcp-gallery.grid.medium-1-columns{grid-template-columns:1fr}.lcp-gallery.grid.medium-2-columns{grid-template-columns:1fr 1fr}.lcp-gallery.grid.medium-3-columns{grid-template-columns:1fr 1fr 1fr}.lcp-gallery.grid.medium-4-columns{grid-template-columns:1fr 1fr 1fr 1fr}.lcp-gallery.grid.medium-5-columns{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.lcp-gallery.grid.medium-6-columns{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.lcp-gallery.grid.medium-7-columns{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr}.lcp-gallery.grid.medium-8-columns{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}.lcp-gallery.grid.medium-9-columns{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}}@media only screen and (max-width:767px){.lcp-gallery.grid.small-1-columns{grid-template-columns:1fr}.lcp-gallery.grid.small-2-columns{grid-template-columns:1fr 1fr}.lcp-gallery.grid.small-3-columns{grid-template-columns:1fr 1fr 1fr}.lcp-gallery.grid.small-4-columns{grid-template-columns:1fr 1fr 1fr 1fr}.lcp-gallery.grid.small-5-columns{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.lcp-gallery.grid.small-6-columns{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.lcp-gallery.grid.small-7-columns{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr}.lcp-gallery.grid.small-8-columns{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}.lcp-gallery.grid.small-9-columns{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}}.lcp-gallery.grid>a>img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}

includes/blocks/lcp-gallery/build/style-index.css

@@ -0,0 +1 @@
+.wp-block-create-block-gallery{background-color:#21759b;color:#fff;padding:2px}.admin-bar .lg-container:not(.lg-inline) .lg-outer{height:calc(100% - 32px)!important;top:32px}.lcp-inline-gallery{height:500px;position:relative;width:100%}.lcp-inline-gallery .lcp-gallery-item .img-fluid{display:none}.lcp-gallery .gallery-item,.lcp-gallery .gallery-item>img{width:100%}.lcp-gallery .gallery-item.last:after{background:red;content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%}.lg-thumbnail-active-grayscale .lg-thumb-item.active img,.lg-thumbnail-grayscale .lg-thumb-item:not(.active) img{filter:grayscale(100%)}.lg-thumbnail-active-blur .lg-thumb-item.active img,.lg-thumbnail-blur .lg-thumb-item:not(.active) img{filter:blur(1px)}.lg-outer{background:none}.lcp-display-none{display:none}.gallery-item{position:relative}span.gallery-more{color:#fff;font-size:40px;left:50%;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);z-index:10}.lcp-gallery.aspect-1-1 .lcp-gallery-item{aspect-ratio:1/1}.lcp-gallery.aspect-2-3 .lcp-gallery-item{aspect-ratio:2/3}.lcp-gallery.aspect-3-4 .lcp-gallery-item{aspect-ratio:3/4}.lcp-gallery.aspect-4-5 .lcp-gallery-item{aspect-ratio:4/5}.lcp-gallery.aspect-5-7 .lcp-gallery-item{aspect-ratio:5/7}.lcp-gallery.aspect-3-2 .lcp-gallery-item{aspect-ratio:3/2}.lcp-gallery.aspect-16-9 .lcp-gallery-item{aspect-ratio:16/9}.gallery-item img{-o-object-fit:cover;object-fit:cover}.lcp-gallery.grid{display:grid}.lcp-gallery.grid .gallery-item img{height:100%;-o-object-fit:cover;object-fit:cover}.lcp-gallery.grid{gap:1rem;grid-template-columns:1fr 1fr 1fr 1fr}@media only screen and (min-width:1167px){.lcp-gallery.grid.large-1-columns{grid-template-columns:1fr}.lcp-gallery.grid.large-2-columns{grid-template-columns:1fr 1fr}.lcp-gallery.grid.large-3-columns{grid-template-columns:1fr 1fr 1fr}.lcp-gallery.grid.large-4-columns{grid-template-columns:1fr 1fr 1fr 1fr}.lcp-gallery.grid.large-5-columns{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.lcp-gallery.grid.large-6-columns{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.lcp-gallery.grid.large-7-columns{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr}.lcp-gallery.grid.large-8-columns{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}.lcp-gallery.grid.large-9-columns{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}}@media only screen and (min-width:768px)and (max-width:1166px){.lcp-gallery.grid.medium-1-columns{grid-template-columns:1fr}.lcp-gallery.grid.medium-2-columns{grid-template-columns:1fr 1fr}.lcp-gallery.grid.medium-3-columns{grid-template-columns:1fr 1fr 1fr}.lcp-gallery.grid.medium-4-columns{grid-template-columns:1fr 1fr 1fr 1fr}.lcp-gallery.grid.medium-5-columns{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.lcp-gallery.grid.medium-6-columns{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.lcp-gallery.grid.medium-7-columns{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr}.lcp-gallery.grid.medium-8-columns{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}.lcp-gallery.grid.medium-9-columns{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}}@media only screen and (max-width:767px){.lcp-gallery.grid.small-1-columns{grid-template-columns:1fr}.lcp-gallery.grid.small-2-columns{grid-template-columns:1fr 1fr}.lcp-gallery.grid.small-3-columns{grid-template-columns:1fr 1fr 1fr}.lcp-gallery.grid.small-4-columns{grid-template-columns:1fr 1fr 1fr 1fr}.lcp-gallery.grid.small-5-columns{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.lcp-gallery.grid.small-6-columns{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.lcp-gallery.grid.small-7-columns{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr}.lcp-gallery.grid.small-8-columns{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}.lcp-gallery.grid.small-9-columns{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}}.lcp-gallery.grid>a>img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}

includes/blocks/lcp-gallery/build/view.asset.php

@@ -0,0 +1 @@
+<?php return array('dependencies' => array(), 'version' => '746811f5e99c6342d4cc');

includes/blocks/lcp-gallery/build/view.js

@@ -0,0 +1 @@
+document.addEventListener("DOMContentLoaded",(()=>{"function"==typeof lightGallery?document.querySelectorAll(".lcp-gallery").forEach((l=>{const e=l.getAttribute("data-lgsettings"),t="init-on-load"===l.getAttribute("data-gallery-settings"),o=l.classList.contains("lcp-inline-gallery");if(e)try{const i=JSON.parse(e);console.log("LightGallery Settings:",i);const n={lgZoom,lgThumbnail,lgFullScreen:lgFullscreen,lgRotate,lgAutoplay,lgShare,lgComment,lgHash,lgPager,lgVideo,lgMediumZoom};Array.isArray(i.plugins)&&(i.plugins=i.plugins.map((l=>n[l]||l)));let a=null;(!l.classList.contains("lcp-inline-gallery")||t||o)&&(a=lightGallery(l,i),o&&(a.openGallery(0),l.classList.add("initialized"))),l.querySelectorAll(".lcp-gallery-item").forEach(((l,e)=>{l.addEventListener("click",(()=>{a&&"function"==typeof a.openGallery?a.openGallery(e):console.error("LightGallery instance is not initialized correctly or missing openGallery method.")}))}))}catch(l){console.error("Error parsing data-lgsettings JSON:",l)}else console.error("data-lgsettings attribute is missing for a gallery.")})):console.error("LightGallery is not defined")}));