PK \T7Rc *b f-easy-modal-gallery.cccomp PK 6T`' ' component.json'w{"UUID":"da5a92a7-2762-49e8-8487-edd457cc65a1","additional_states":{"Container":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Font Icon Link":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Picture Link":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Text":{"outofview":{"character":".","name":"Out of View","value":"outofview"}}},"appBuildInfo":"RSD 5.0.3519","appId":"RSD","appVersion":3519,"buildNumber":5973,"component_resources":{"classes":8,"file_sizes_values":[1454981,0,0],"file_type_values":[12,0,0],"html_elements":0,"ids":0,"links_external":0,"links_internal":15,"local_files":"12 (local size 1,39 MB)","styled_breakpoints":""},"description":"Your component description","element_name":"Container","framework":"foundation","html":"
\nvar mw = document.querySelector(".display-modal");\nvar tt = document.querySelector(".title-text");\nvar prev = document.querySelector(".prev");\nvar next = document.querySelector(".next");\nvar pics = document.querySelectorAll(".pict");\nvar nn = pics.length - 1; var i;\n\nfunction show(elmnt) {\nif(elmnt == prev) { i--;\n document.querySelector(".x").remove();\n if(i < 0) {i = nn;}\n}\nelse if(elmnt == next) { i++;\n document.querySelector(".x").remove();\n if(i > nn) {i = 0;}\n}\nelse {i = 0; // if clicked on picture-link element\nwhile(i <= nn && pics[i] != elmnt) {i++;}\nmw.style.display = "flex";\nmw.style.justifyContent = "center"; mw.style.alignItems="center";\n}\n\nvar dup = pics[i].cloneNode(true);\ntt.innerHTML = dup.title;\ndup.classList.remove("pict"); dup.removeAttribute("onclick");\ndup.style.maxWidth = "none";\ndup.classList.add("x");\nmw.appendChild(dup); mw.insertBefore(dup, tt);\nvar ww = mw.clientWidth - 40; // to account for padding\nif(ww > 700) {ww = 700;}\ndup.animate([{width:'0px'},{width:ww + "px"}],{duration:1000,fill:'forwards'});\n}\n\nfunction x() {\ndocument.querySelector(".x").remove();\nmw.style.display = "none";\n}\n\nwindow.onresize = x;\n\">
Title text ","htmlembed":{},"mobile_first":true,"name":"f-easy-modal-gallery","resources":{"./img/asdf.jpg":{"breakpoints":{},"elements":{"counter":0},"pictures":{"default":1},"type":"image"},"./img/dfgh.jpg":{"breakpoints":{},"elements":{"counter":0},"pictures":{"default":1},"type":"image"},"./img/erty.jpg":{"breakpoints":{},"elements":{"counter":0},"pictures":{"default":1},"type":"image"},"./img/fghj.jpg":{"breakpoints":{},"elements":{"counter":0},"pictures":{"default":1},"type":"image"},"./img/ghjk.jpg":{"breakpoints":{},"elements":{"counter":0},"pictures":{"default":1},"type":"image"},"./img/hjkl.jpg":{"breakpoints":{},"elements":{"counter":0},"pictures":{"default":1},"type":"image"},"./img/qwer.jpg":{"breakpoints":{},"elements":{"counter":0},"pictures":{"default":1},"type":"image"},"./img/rtyu.jpg":{"breakpoints":{},"elements":{"counter":0},"pictures":{"default":1},"type":"image"},"./img/sdfg.jpg":{"breakpoints":{},"elements":{"counter":0},"pictures":{"default":1},"type":"image"},"./img/tyui.jpg":{"breakpoints":{},"elements":{"counter":0},"pictures":{"default":1},"type":"image"},"./img/wert.jpg":{"breakpoints":{},"elements":{"counter":0},"pictures":{"default":1},"type":"image"},"./img/yuio.jpg":{"breakpoints":{},"elements":{"counter":0},"pictures":{"default":1},"type":"image"}},"stylesheet":".container.entire-page {\n height:auto;\n padding-top:20px;\n padding-bottom:20px;\n display:flex;\n justify-content:center;\n position:relative;\n}\n\n.container.picts-holder {\n display:flex;\n justify-content:center;\n flex-wrap:wrap;\n width:100%;\n min-width:250px;\n position:relative;\n top:30px;\n max-width:1200px;\n}\n\na.responsive-picture.pict {\n margin-top:5px;\n margin-right:5px;\n margin-bottom:5px;\n margin-left:5px;\n width:20%;\n min-width:110px;\n max-width:250px;\n}\n\n.container.display-modal {\n height:auto;\n display:none;\n flex-direction:column;\n background-color:rgba(0, 0, 0, 0.5);\n position:absolute;\n z-index:1;\n padding-right:0px;\n padding-left:0px;\n max-width:1200px;\n min-width:150px;\n width:100%;\n min-height:20px;\n padding-top:20px;\n padding-bottom:20px;\n justify-content:center;\n -webkit-text-stroke-color:rgba(0, 0, 0, 1);\n color:rgba(0, 0, 0, 1);\n top:35px;\n}\n\na.glyph.close {\n font-size:20px;\n width:20px;\n position:absolute;\n top:12px;\n right:12px;\n color:rgba(255, 255, 255, 1);\n padding-top:0px;\n padding-right:0px;\n padding-bottom:0px;\n padding-left:0px;\n}\n\nspan.text-element.title-text {\n text-align:center;\n color:rgba(255, 255, 255, 1);\n display:block;\n padding-top:8px;\n background-color:rgba(0, 0, 0, 0);\n}\n\na.glyph.prev {\n color:rgba(255, 255, 255, 1);\n font-size:20px;\n padding-top:0px;\n padding-right:0px;\n padding-bottom:0px;\n padding-left:0px;\n position:absolute;\n left:15px;\n top:auto;\n}\n\na.glyph.next {\n color:rgba(255, 255, 255, 1);\n font-size:20px;\n padding-top:0px;\n padding-right:0px;\n padding-bottom:10px;\n padding-left:0px;\n position:absolute;\n right:15px;\n top:auto;\n}","timestamp":1657468868458,"type":"Container","units":"rem"}
PK 6T4u?Y J resources/img/asdf.jpg JFIF dICC_PROFILE Tlcms mntrRGB XYZ 3 ;acspMSFT none -lcms
cprt 2desc 0 wtpt bkpt rTRC gTRC bTRC rXYZ gXYZ , bXYZ @ text Copyright 2000 Adobe Systems Incorporated desc Adobe RGB (1998) A d o b e R G B ( 1 9 9 8 ) XYZ Q XYZ curv 3 curv 3 curv 3 XYZ O XYZ 4 , XYZ &1 / NXPL q hExif MM * > F( i N , , 4 http://ns.adobe.com/xap/1.0/