# getwid/3.0.1/assets/blocks/images-stack/index.js

Getwid – Gutenberg Blocks, version 3.0.1. 1 lines.

- Page: https://pluginprobe.com/plugins/getwid/3.0.1/code/assets/blocks/images-stack/index.js
- Raw: https://pluginprobe.com/plugins/getwid/3.0.1/raw/assets/blocks/images-stack/index.js
- Modified: 2026-08-28T10:51:30+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/getwid/3.0.1/code/assets/blocks/images-stack/index.js#L10-L20`.

```javascript
(()=>{"use strict";var e={6888(){const e=window.wp.blocks,t=window.wp.i18n,i=window.GetwidComponents,a=JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":3,"textdomain":"getwid","name":"getwid/images-stack","description":"Displays an overlapping image gallery.","category":"getwid-blocks","title":"Image Stack Gallery","keywords":["photo"],"supports":{"html":false,"align":["wide","full"]},"attributes":{"align":{"type":"string"},"images":{"type":"array","default":[],"source":"query","selector":".wp-block-getwid-images-stack .wp-block-getwid-images-stack__media-wrapper","query":{"url":{"source":"attribute","selector":"img","attribute":"src"},"original_url":{"source":"attribute","selector":"a","attribute":"href"},"link":{"source":"attribute","selector":"img","attribute":"data-link"},"alt":{"source":"attribute","selector":"img","attribute":"alt","default":""},"id":{"source":"attribute","selector":"img","attribute":"data-id"},"caption":{"type":"string","source":"html","selector":"figcaption"}}},"ids":{"type":"array","default":[]},"imageSize":{"type":"string","default":"full"},"linkTo":{"type":"string","default":"none"},"stackStyle":{"type":"string","default":"default"},"stackOverlap":{"type":"string","default":"default"}},"editorScript":"file:./index.js","editorStyle":"file:./index.css","style":"file:./style-index.css"}'),l=window.wp.blockEditor;function r(e){var t,i,a="";if("string"==typeof e||"number"==typeof e)a+=e;else if("object"==typeof e)if(Array.isArray(e)){var l=e.length;for(t=0;t<l;t++)e[t]&&(i=r(e[t]))&&(a&&(a+=" "),a+=i)}else for(i in e)e[i]&&(a&&(a+=" "),a+=i);return a}const s=function(){for(var e,t,i=0,a="",l=arguments.length;i<l;i++)(e=arguments[i])&&(t=r(e))&&(a&&(a+=" "),a+=t);return a},n="wp-block-getwid-images-stack",o=["center","wide","full"];function c(e,t){const i=[];for(let a=0;a<e.length;a+=t)i.push(e.slice(a,a+t));return i}function d(e,t){return e.media_details?.sizes?.[t]?.source_url||e.media_details?.sizes?.large?.source_url||e.media_details?.sizes?.full?.source_url||e.sizes?.[t]?.url||e.url||e.source_url}function u(e,t){return{id:e.id,link:e.link,caption:"string"==typeof e.caption||void 0===e.caption?e.caption:e.caption.raw,original_url:e.url||e.source_url,alt:e.alt||e.alt_text,url:d(e,t)}}function g(e,t){switch(t){case"media":return e.original_url;case"attachment":return e.link;default:return}}function m(e){return e.map(e=>e.id)}const p=window.ReactJSXRuntime;function f({attributes:e,className:t}){const{images:i,linkTo:a,stackStyle:r}=e,o=l.useBlockProps.save({className:s(t,{[`is-layout-${r}`]:"default"!==r})});return(0,p.jsx)("div",{...o,children:(0,p.jsx)("div",{className:`${n}__wrapper`,children:c(i,3).map((e,t)=>(0,p.jsx)("div",{className:`${n}__chunk`,children:e.map(e=>function(e,t){const i=g(e,t),a=s(`${n}__media`,e.id?`wp-image-${e.id}`:""),l=(0,p.jsx)("img",{className:a,src:e.url,alt:e.alt,"data-id":e.id,"data-link":e.link});return(0,p.jsx)("div",{className:`${n}__media-wrapper`,children:(0,p.jsx)("div",{className:`${n}__media-inner-wrapper`,children:i?(0,p.jsx)("a",{href:i,children:l}):l})},e.id||e.url)}(e,a))},t))})})}const w=[{attributes:a.attributes,save:f}],b=window.wp.coreData,h=window.wp.components,_=window.wp.data;function k({attributes:e,setImagesAttributes:a,imgObj:r}){const{imageSize:s,linkTo:n,stackStyle:o}=e;return(0,p.jsx)(l.InspectorControls,{children:(0,p.jsxs)(h.PanelBody,{title:(0,t.__)("Settings","getwid"),initialOpen:!0,children:[0!==r.length&&(0,p.jsx)(i.ImageSizeSelect,{label:(0,t.__)("Image Size","getwid"),help:(0,t.__)("For images from Media Library only.","getwid"),value:s,onChange:function(e){r.some(e=>!e)||a({imageSize:e,images:r.map(t=>u(t,e))})}}),(0,p.jsx)(h.SelectControl,{label:(0,t.__)("Style","getwid"),value:o,onChange:e=>a({stackStyle:e}),options:[{value:"default",label:(0,t.__)("Default","getwid")},{value:"alpha",label:(0,t.__)("Alpha","getwid")},{value:"beta",label:(0,t.__)("Beta","getwid")},{value:"gamma",label:(0,t.__)("Gamma","getwid")},{value:"delta",label:(0,t.__)("Delta","getwid")},{value:"epsilon",label:(0,t.__)("Epsilon","getwid")},{value:"zeta",label:(0,t.__)("Zeta","getwid")}]}),(0,p.jsx)(h.SelectControl,{label:(0,t.__)("Link to","getwid"),value:n,onChange:e=>a({linkTo:e}),options:[{value:"none",label:(0,t.__)("None","getwid")},{value:"attachment",label:(0,t.__)("Attachment Page","getwid")},{value:"media",label:(0,t.__)("Media File","getwid")}]})]})})}function y({image:e,linkTo:t}){const i=g(e,t),a=(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)("img",{className:`${n}__media`,src:e.url,alt:e.alt,"data-id":e.id,"data-link":e.link,tabIndex:0}),e.url?.startsWith("blob:")&&(0,p.jsx)(h.Spinner,{})]});return i?(0,p.jsx)("a",{href:i,children:a}):a}const v=["image"],x="getwid/images-stack",j=(0,p.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:[(0,p.jsx)("path",{d:"M14,10h8V2H14Zm6-6V8H16V4Z"}),(0,p.jsx)("path",{d:"M12,12V0H0V18H7v6H24V12ZM2,16V2h8V16H2Zm20,6H9V18h3V14H22Z"})]});(0,e.registerBlockType)(a,{title:(0,t.__)("Image Stack Gallery","getwid"),icon:j,transforms:{from:[{type:"block",isMultiBlock:!0,blocks:["core/image"],transform:t=>{const i=t[0]?.align,a=t.every(e=>e.align===i)?i:void 0,l=t.filter(({id:e,url:t})=>e&&t);return(0,e.createBlock)(x,{images:l.map(({id:e,url:t,alt:i,caption:a})=>({id:e,url:t,alt:i,caption:a})),ids:l.map(({id:e})=>e),align:a})}},{type:"block",blocks:["core/gallery"],transform:t=>(0,e.createBlock)(x,t)}],to:[{type:"block",blocks:["core/gallery"],transform:t=>(0,e.createBlock)("core/gallery",t)},{type:"block",blocks:["getwid/images-slider"],transform:t=>(0,e.createBlock)("getwid/images-slider",t)},{type:"block",blocks:["core/image"],transform:({images:t,align:i})=>t.length>0?t.map(({id:t,url:a,alt:l,caption:r})=>(0,e.createBlock)("core/image",{id:t,url:a,alt:l,caption:r,align:i})):(0,e.createBlock)("core/image",{align:i})}]},getEditWrapperProps(e){const{align:t}=e;if(t&&o.includes(t))return{"data-align":t}},edit:(0,i.MaybeBlockIsDisabled)(x)||function(e){const{attributes:i,setAttributes:a,isSelected:r,className:o}=e,{images:d,ids:g,imageSize:f,linkTo:w,stackStyle:x}=i,j=(0,_.useSelect)(e=>e(b.store).getEntityRecords("postType","attachment",{include:g})||[],[g]);function S(e){if(e.ids)throw new Error('The "ids" attribute should not be changed directly. It is managed automatically when "images" attribute changes');e.images?a({...e,ids:m(e.images)}):a(e)}function N(e){const t=["full","large","medium","thumbnail"].includes(f)?f:(a({imageSize:"full"}),"full");S({images:e.map(e=>u(e,t))})}const B=(0,p.jsx)(l.BlockControls,{children:!!d.length&&(0,p.jsx)(h.ToolbarGroup,{children:(0,p.jsx)(l.MediaUpload,{onSelect:N,allowedTypes:v,multiple:!0,gallery:!0,value:d.map(e=>e.id),render:({open:e})=>(0,p.jsx)(h.ToolbarButton,{label:(0,t.__)("Edit Gallery","getwid"),icon:"edit",onClick:e})})})}),T=(0,l.useBlockProps)({className:s(o,{[`is-layout-${x}`]:"default"!==x})});if(0===d.length)return(0,p.jsxs)(p.Fragment,{children:[B,(0,p.jsx)("div",{...T,children:(0,p.jsx)(l.MediaPlaceholder,{icon:"format-gallery",className:o,labels:{title:"",instructions:""},onSelect:N,accept:"image/*",allowedTypes:v,multiple:!0})})]});const O=!!d.length,$=O&&d.some(e=>e.id);return(0,p.jsxs)(p.Fragment,{children:[B,(0,p.jsx)(k,{...e,imgObj:j,setImagesAttributes:S}),(0,p.jsxs)("div",{...T,children:[(0,p.jsx)("div",{className:`${n}__wrapper`,children:c(d,3).map((e,t)=>(0,p.jsx)("div",{className:`${n}__chunk`,children:e.map(e=>(0,p.jsx)("div",{className:`${n}__media-wrapper`,children:(0,p.jsx)("div",{className:`${n}__media-inner-wrapper`,children:(0,p.jsx)(y,{image:e,linkTo:w})})},e.id||e.url))},t))}),r&&(0,p.jsx)(l.MediaPlaceholder,{addToGallery:$,isAppender:O,className:"components-form-file-upload",disableMediaButtons:O&&!r,labels:{title:O?void 0:(0,t.__)("Gallery","getwid"),instructions:O?void 0:(0,t.__)("Drag images, upload new ones or select files from your library.","getwid")},onSelect:N,accept:"image/*",allowedTypes:v,multiple:!0,value:$?d:void 0})]})]})},save:f,deprecated:w})}};const t={};function i(a){const l=t[a];if(void 0!==l)return l.exports;const r=t[a]={exports:{}};return e[a](r,r.exports,i),r.exports}i.m=e,(()=>{const e=[];i.O=(t,a,l,r)=>{if(a){r=r||0;for(var s=e.length;s>0&&e[s-1][2]>r;s--)e[s]=e[s-1];return void(e[s]=[a,l,r])}let n=1/0;for(s=0;s<e.length;s++){let[a,l,r]=e[s],c=!0;for(var o=0;o<a.length;o++)(!1&r||n>=r)&&Object.keys(i.O).every(e=>i.O[e](a[o]))?a.splice(o--,1):(c=!1,r<n&&(n=r));if(c){e.splice(s--,1);const i=l();void 0!==i&&(t=i)}}return t}})(),i.o=(e,t)=>Object.hasOwn(e,t),(()=>{const e={7047:0,495:0};i.O.j=t=>0===e[t];const t=(t,a)=>{let[l,r,s]=a;var n,o,c=0;if(l.some(t=>0!==e[t])){for(n in r)i.o(r,n)&&(i.m[n]=r[n]);if(s)var d=s(i)}for(t&&t(a);c<l.length;c++)o=l[c],i.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return i.O(d)},a=globalThis.webpackChunkgetwid||=[];a.forEach(t.bind(null,0)),a.push=t.bind(null,a.push.bind(a))})();let a=i.O(void 0,[495],()=>i(6888));a=i.O(a)})();
```