@fancyapps/ui/dist/carousel/carousel.toolbar.umd.js

Robust JavaScript UI Component Library

/*! License details at fancyapps.com/license */
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports):typeof define==`function`&&define.amd?define([`exports`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.window=e.window||{}))})(this,function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});let t=e=>typeof e==`object`&&!!e&&e.constructor===Object&&Object.prototype.toString.call(e)===`[object Object]`,n=e=>typeof e==`string`,r=function(e){var t=new DOMParser().parseFromString(e,`text/html`).body;if(t.childElementCount>1){for(var n=document.createElement(`div`);t.firstChild;)n.appendChild(t.firstChild);return n}let r=t.firstChild;if(r&&!(r instanceof HTMLElement)){var n=document.createElement(`div`);return n.appendChild(r),n}return r},i=`<circle cx="11" cy="11" r="7.5"/><path d="m21 21-4.35-4.35M8 11h6"/>`,a=`<g><line x1="11" y1="8" x2="11" y2="14"></line></g>`+i,o={moveLeft:[`moveLeft`,`MOVE_LEFT`,`<path d="M5 12h14M5 12l6 6M5 12l6-6"/>`],moveRight:[`moveRight`,`MOVE_RIGHT`,`<path d="M5 12h14M13 18l6-6M13 6l6 6"/>`],moveUp:[`moveUp`,`MOVE_UP`,`<path d="M12 5v14M18 11l-6-6M6 11l6-6"/>`],moveDown:[`moveDown`,`MOVE_DOWN`,`<path d="M12 5v14M18 13l-6 6M6 13l6 6"/>`],zoomOut:[`zoomOut`,`ZOOM_OUT`,i],zoomIn:[`zoomIn`,`ZOOM_IN`,a],toggleFull:[`toggleFull`,`TOGGLE_FULL`,a],iterateZoom:[`iterateZoom`,`ITERATE_ZOOM`,a],toggle1to1:[`toggleFull`,`TOGGLE_FULL`,`<path d="M3.51 3.07c5.74.02 11.48-.02 17.22.02 1.37.1 2.34 1.64 2.18 3.13 0 4.08.02 8.16 0 12.23-.1 1.54-1.47 2.64-2.79 2.46-5.61-.01-11.24.02-16.86-.01-1.36-.12-2.33-1.65-2.17-3.14 0-4.07-.02-8.16 0-12.23.1-1.36 1.22-2.48 2.42-2.46Z"/><path d="M5.65 8.54h1.49v6.92m8.94-6.92h1.49v6.92M11.5 9.4v.02m0 5.18v0"/>`],rotateCCW:[`rotateCCW`,`ROTATE_CCW`,`<path d="M15 4.55a8 8 0 0 0-6 14.9M9 15v5H4M18.37 7.16v.01M13 19.94v.01M16.84 18.37v.01M19.37 15.1v.01M19.94 11v.01"/>`],rotateCW:[`rotateCW`,`ROTATE_CW`,`<path d="M9 4.55a8 8 0 0 1 6 14.9M15 15v5h5M5.63 7.16v.01M4.06 11v.01M4.63 15.1v.01M7.16 18.37v.01M11 19.94v.01"/>`],flipX:[`flipX`,`FLIP_X`,`<path d="M12 3v18M16 7v10h5L16 7M8 7v10H3L8 7"/>`],flipY:[`flipY`,`FLIP_Y`,`<path d="M3 12h18M7 16h10L7 21v-5M7 8h10L7 3v5"/>`],reset:[`reset`,`RESET`,`<path d="M20 11A8.1 8.1 0 0 0 4.5 9M4 5v4h4M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4"/>`],toggleFS:[`toggleFS`,`TOGGLE_FS`,`<g><path d="M14.5 9.5 21 3m0 0h-6m6 0v6M3 21l6.5-6.5M3 21v-6m0 6h6"/></g><g><path d="m14 10 7-7m-7 7h6m-6 0V4M3 21l7-7m0 0v6m0-6H4"/></g>`]},s={};for(let e of Object.keys(o)){let t=o[e];s[e]={tpl:`<button data-panzoom-action="${t[0]}" class="f-button" title="{{${t[1]}}}"><svg>${t[2]}</svg></button>`}}let c=(e,...n)=>{let r=n.length;for(let i=0;i<r;i++){let r=n[i]||{};Object.entries(r).forEach(([n,r])=>{let i=Array.isArray(r)?[]:{};e[n]||Object.assign(e,{[n]:i}),t(r)?Object.assign(e[n],c(e[n],r)):Array.isArray(r)?Object.assign(e,{[n]:[...r]}):Object.assign(e,{[n]:r})})}return e},l=(e,t=``)=>{e&&e.classList&&t.split(` `).forEach(t=>{t&&e.classList.add(t)})},u=(e,t=``)=>{e&&e.classList&&t.split(` `).forEach(t=>{t&&e.classList.remove(t)})},d=function(e){return e.Left=`left`,e.middle=`middle`,e.right=`right`,e}({}),f={counter:{tpl:`<div class="f-counter"><span data-carousel-page></span>/<span data-carousel-pages></span></div>`},download:{tpl:`<button data-carousel-download class="f-button" title="{{DOWNLOAD}}"><svg><path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M7 11l5 5 5-5M12 4v12"/></svg></button>`},autoplay:{tpl:`<button data-autoplay-action="toggle" class="f-button" title="{{TOGGLE_AUTOPLAY}}"><svg><g><path d="M5 3.5 19 12 5 20.5Z"/></g><g><path d="M8 4v15M17 4v15"/></g></svg></button>`},thumbs:{tpl:`<button data-thumbs-action="toggle" class="f-button" title="{{TOGGLE_THUMBS}}"><svg><rect width="18" height="14" x="3" y="3" rx="2"/><path d="M4 21h1M9 21h1M14 21h1M19 21h1"/></svg></button>`},...s},p={absolute:!1,display:{left:[],middle:[`zoomIn`,`zoomOut`,`toggle1to1`,`rotateCCW`,`rotateCW`,`flipX`,`flipY`,`reset`],right:[]},enabled:`auto`,items:{}};e.Toolbar=()=>{let e,i;function a(n){let r=e?.getOptions().Toolbar,i=(t(r)?{...p,...r}:p)[n];return i&&typeof i==`function`&&e?i(e):i}function o(){if(!e||i||e?.getOptions().Toolbar===!1)return;let o=e.getContainer();if(!o)return;let u=a(`enabled`);if(!u)return;let d=a(`absolute`),p=e.getSlides().length>1,m=!1,h=!1;for(let t of e.getSlides())t.panzoomRef&&(m=!0),(t.downloadSrc||t.type===`image`&&t.src)&&(h=!0);let g=e.getPlugins().Thumbs?.isEnabled()||!1,_=p&&e.getPlugins().Autoplay||!1,v=e.getPlugins().Fullscreen&&(document.fullscreenEnabled||document.webkitFullscreenEnabled);if(u===`auto`&&(u=m),!u)return;i=o.querySelector(`.f-carousel__toolbar`)||void 0,i||(i=document.createElement(`div`),l(i,`f-carousel__toolbar`));let y=a(`display`),b=c({},f,a(`items`));for(let a of[`left`,`middle`,`right`]){let o=y[a]||[],c=document.createElement(`div`);l(c,`f-carousel__toolbar__column is-${a}`);for(let i of o){let a;if(n(i)){if(i===`counter`&&!p||i===`autoplay`&&!_||s[i]&&!m||i===`fullscreen`&&!v||i===`thumbs`&&!g||i===`download`&&!h)continue;a=b[i]}if(t(i)&&(a=i),a&&a.tpl){let t=e.localize(a.tpl);t=t.split(`<svg>`).join(`<svg tabindex="-1" width="24" height="24" viewBox="0 0 24 24">`);let n=r(t);n&&(typeof a.click==`function`&&e&&n.addEventListener(`click`,t=>{t.preventDefault(),t.stopPropagation(),typeof a.click==`function`&&e&&a.click(e,t)}),c.append(n))}}i.append(c)}if(i.childElementCount){if(d&&l(i,`is-absolute`),!i.parentElement){let e=a(`parentEl`);e?e.insertAdjacentElement(`afterbegin`,i):o.insertAdjacentElement(`afterbegin`,i)}o.contains(i)&&(l(o,`has-toolbar`),d&&l(o,`has-absolute-toolbar`))}}return{init:function(t){e=t,e?.on(`initSlides`,o)},destroy:function(){e?.off(`initSlides`,o),u(e?.getContainer(),`has-toolbar has-absolute-toolbar`),i?.remove(),i=void 0},add:function(e,t){f[e]=t},isEnabled:function(){return!!i}}},e.ToolbarColumn=d});