vistaview 0.7.8 → 0.10.10

package/dist/solid.js

@@ -1,39 +1,35 @@
-import { onCleanup as u, onMount as s } from "solid-js";
-import { vistaView as d } from "./vistaview.js";
-function x(r) {
-  const e = d(r);
-  return u(() => {
-    e == null || e.destroy();
+import { onCleanup as d, onMount as p } from "solid-js";
+import { vistaView as m } from "./vistaview.js";
+function y(e) {
+  const o = m(e);
+  return d(() => {
+    o == null || o.destroy();
   }), {
-    open: (o = 0) => e == null ? void 0 : e.open(o),
-    close: () => (e == null ? void 0 : e.close()) ?? Promise.resolve(),
-    next: () => e == null ? void 0 : e.next(),
-    prev: () => e == null ? void 0 : e.prev(),
-    getCurrentIndex: () => (e == null ? void 0 : e.getCurrentIndex()) ?? -1,
-    view: (o) => e == null ? void 0 : e.view(o),
-    destroy: () => e == null ? void 0 : e.destroy()
+    open: (r = 0) => o == null ? void 0 : o.open(r),
+    close: () => (o == null ? void 0 : o.close()) ?? Promise.resolve(),
+    reset: () => o == null ? void 0 : o.reset(),
+    next: () => o == null ? void 0 : o.next(),
+    prev: () => o == null ? void 0 : o.prev(),
+    zoomIn: () => o == null ? void 0 : o.zoomIn(),
+    zoomOut: () => o == null ? void 0 : o.zoomOut(),
+    getCurrentIndex: () => (o == null ? void 0 : o.getCurrentIndex()) ?? -1,
+    view: (r) => o == null ? void 0 : o.view(r),
+    destroy: () => o == null ? void 0 : o.destroy()
   };
 }
-function y(r) {
-  let e, o = null;
-  s(() => {
-    if (!e) return;
-    if (!r.selector) throw new Error("VistaView: selector is required");
-    const { children: t, class: l, selector: m, ref: w, ...i } = r;
-    o = d({ ...i, elements: e.querySelectorAll(m) });
-  }), u(() => {
-    o == null || o.destroy(), o = null;
-  });
-  const f = (t) => {
-    var l;
-    e = t, (l = r.ref) == null || l.call(r, t);
-  };
-  return (() => {
-    const t = document.createElement("div");
-    return r.class && (t.className = r.class), f(t), t;
+function g(e, o) {
+  let r = null;
+  const { selector: v = "> a", ref: l, ...t } = o, u = o.id || e.id || `vvw-gallery-${Math.random().toString(36).substr(2, 9)}`;
+  e.id || (e.id = u), p(() => {
+    r = m({
+      ...t,
+      elements: t.elements || `#${u} ${v}`
+    }), l && r && l(r);
+  }), d(() => {
+    r == null || r.destroy(), r = null;
   });
 }
 export {
-  y as VistaView,
-  x as useVistaView
+  g as createVistaView,
+  y as useVistaView
 };

package/dist/style.css

@@ -1 +1 @@
-:root{--vvw-bg-color: #000000;--vvw-text-color: #ffffff;--vvw-bg-blur: 10px;--vvw-bg-opacity: .8;--vvw-init-z: 1;--vvw-dest-z: 2147483647;--vvw-anim-dur: 333;--vvw-init-w: 0;--vvw-init-h: 0;--vvw-init-t: 0;--vvw-init-l: 0;--vvw-idx: 0;--vvw-radius: 0px}@keyframes vvw-pulse{0%{opacity:1;border-radius:var(--vvw-init-radius);scale:1}50%{opacity:.7;border-radius:var(--vvw-pulse-radius);scale:.99}to{opacity:1;border-radius:var(--vvw-init-radius);scale:1}}@keyframes vvw-simple-pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes vvw-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.vvw-root{position:fixed;top:0;left:0;width:100vw;width:100dvw;height:100vh;height:100dvh;overflow:hidden;z-index:var(--vvw-init-z);opacity:0;isolation:isolate;transform:none;touch-action:none}.vvw-container{position:relative;width:100%;height:100%;overflow:hidden}.vvw-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-color:rgb(from var(--vvw-bg-color) r g b / var(--vvw-bg-opacity));-webkit-backdrop-filter:blur(var(--vvw-bg-blur));backdrop-filter:blur(var(--vvw-bg-blur));opacity:0;transition:opacity calc(var(--vvw-anim-dur) * 1ms) calc(var(--vvw-anim-dur) * 1ms) ease}.vvw-image-container{position:relative;height:100%;overflow:hidden;isolation:isolate}.vvw-item{position:relative;width:100%;height:100%;overflow:hidden;cursor:grab}.vvw-item:active{cursor:grabbing}.vvw-item img{position:absolute;display:block;top:50%;left:50%;translate:-50% -50%}.vvw-item .vvw-img-err{position:absolute;top:50%;left:50%;translate:-50% -50%;color:#fff;background-color:red;font-size:14px;text-align:center;padding:8px 12px;margin:0;display:none;z-index:2}.vvw-item .vvw-img-lo{--vvw-init-radius: 0px;--vvw-pulse-radius: 0px;--vvw-init-x: 0px;--vvw-init-y: 0px;--vvw-current-x: 0px;--vvw-current-y: 0px;outline:1px solid rgba(255,255,255,.2);z-index:0;opacity:1;border-radius:var(--vvw-init-radius);overflow:hidden;transition:transform calc(var(--vvw-anim-dur) * 1ms) ease;transform:translate3d(var(--vvw-current-x),var(--vvw-current-y),0);background:linear-gradient(45deg,#1a1a1a,#333,#1a1a1a,#555);background-size:400% 400%;animation:vvw-gradient 3s ease-in-out infinite}.vvw-item .vvw-img-hi{--vvw-init-radius: 0px;--vvw-init-w: 0px;--vvw-init-h: 0px;--vvw-current-w: 0px;--vvw-current-h: 0px;--vvw-current-radius: 0px;width:var(--vvw-init-w);height:var(--vvw-init-h);border-radius:var(--vvw-init-radius);z-index:1;overflow:hidden;object-fit:cover;opacity:0}.vvw-top-bar,.vvw-bottom-bar{position:absolute;top:0;left:0;width:100%;z-index:6;display:flex;align-items:stretch;justify-content:space-between;pointer-events:none}.vvw-top-bar>div,.vvw-bottom-bar>div{display:flex;align-items:stretch}.vvw-bottom-bar{top:unset;bottom:0}.vvw-ui{opacity:0;transition:opacity calc(var(--vvw-anim-dur) * 1ms) ease calc(var(--vvw-anim-dur) * 2ms) ease;outline:1px solid hsl(from var(--vvw-bg-color) h s calc(l + 30));pointer-events:auto}.vvw-ui.vvw-index{font-size:16px;padding:8px 13px;background-color:var(--vvw-bg-color);color:var(--vvw-text-color)}.vvw-ui.vvw-desc{font-size:14px;padding:8px 15px;background-color:var(--vvw-bg-color);color:var(--vvw-text-color);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vvw-ui:is(button),.vvw-ui>button{background:none;color:inherit;border:0px;font:inherit;cursor:pointer;outline:inherit;box-sizing:border-box;margin:0;padding:8px 12px;align-self:stretch;border-radius:0;display:flex;align-items:center;justify-content:center;background-color:var(--vvw-bg-color);color:var(--vvw-text-color)}.vvw-ui:is(button):disabled,.vvw-ui>button:disabled{color:rgb(from var(--vvw-text-color) r g b / .5);cursor:not-allowed}.vvw-ui:is(button):hover,.vvw-ui>button:hover{background-color:hsl(from var(--vvw-bg-color) h s calc(l + 20))}.vvw-ui:is(button):active,.vvw-ui>button:active{background-color:hsl(from var(--vvw-bg-color) h s calc(l + 40))}.vvw-ui:is(button).vvw-button--loading,.vvw-ui>button.vvw-button--loading{animation:vvw-simple-pulse .5s ease-in-out infinite}.vvw-ui:is(button) svg,.vvw-ui>button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.vvw-ui:is(button){outline:1px solid hsl(from var(--vvw-bg-color) h s calc(l + 30))}.vvw-ui.vvw-prev{position:absolute;top:50%;left:0;translate:0 -50%;align-items:center;justify-content:center;z-index:2;display:none}.vvw-ui.vvw-next{position:absolute;top:50%;right:0;translate:0 -50%;align-items:center;justify-content:center;z-index:2;display:none}@media(min-width:768px){.vvw-ui.vvw-prev,.vvw-ui.vvw-next{display:flex}}.vvw-arrow-sm .vvw-ui.vvw-prev,.vvw-arrow-sm .vvw-ui.vvw-next{display:flex}.vvw-root.vvw--active{opacity:1;transition:z-index 0ms calc(var(--vvw-anim-dur) * 1ms) ease;z-index:var(--vvw-dest-z)}.vvw-root.vvw--active .vvw-bg{opacity:1}.vvw-root.vvw--active .vvw-img-lo{--vvw-current-x: 0px !important;--vvw-current-y: 0px !important}.vvw-root.vvw--active .vvw-ui{opacity:1}.vvw-root.vvw--settled .vvw-img-lo{animation:vvw-pulse 1s infinite,vvw-gradient 3s ease-in-out infinite;animation-delay:calc(var(--vvw-anim-dur) * 2ms)}.vvw-root.vvw--settled .vvw-img-lo:has(+img.vvw--loaded){animation:none;opacity:0}.vvw-root.vvw--settled .vvw-img-err:has(~img.vvw--loaderror){display:block}.vvw-root.vvw--settled .vvw-img-hi.vvw--loaded{opacity:1;width:var(--vvw-current-w);height:var(--vvw-current-h);border-radius:var(--vvw-current-radius)}.vvw-root.vvw--closing{transition:opacity calc(var(--vvw-anim-dur) * 1ms) calc(var(--vvw-anim-dur) * 2ms) ease,transform 0s calc(var(--vvw-anim-dur) * 2ms) ease,z-index 0s calc(var(--vvw-anim-dur) * 1ms) ease;transform:scale(1);z-index:var(--vvw-init-z);opacity:0!important}.vvw-root.vvw--closing .vvw-img-err:has(~img.vvw--loaderror){display:none}.vvw-root.vvw--closing .vvw-img-hi.vvw--loaded,.vvw-root.vvw--closing .vvw-img-hi.vvw--ready{transition:width calc(var(--vvw-anim-dur) * 1ms) ease,height calc(var(--vvw-anim-dur) * 1ms) ease,border-radius calc(var(--vvw-anim-dur) * 1ms) ease,top calc(var(--vvw-anim-dur) * 1ms) ease,left calc(var(--vvw-anim-dur) * 1ms) ease,opacity 0ms calc(var(--vvw-anim-dur) * 1ms) ease;opacity:0;top:50%!important;left:50%!important;width:var(--vvw-init-w)!important;height:var(--vvw-init-h)!important;border-radius:var(--vvw-init-radius)!important}.vvw-root.vvw--closing .vvw-img-lo{transition:opacity 0ms calc(var(--vvw-anim-dur) * 1ms) ease,transform calc(var(--vvw-anim-dur) * 1ms) calc(var(--vvw-anim-dur) * 1ms) ease;opacity:1!important;--vvw-current-x: var(--vvw-init-x) !important;--vvw-current-y: var(--vvw-init-y) !important}.vvw-root.vvw--closing .vvw-ui{transition:opacity calc(var(--vvw-anim-dur) * 1ms) ease;opacity:0}.vvw-root.vvw--closing .vvw-bg{transition:opacity calc(var(--vvw-anim-dur) * 1ms) calc(var(--vvw-anim-dur) * 1ms) ease;opacity:0}
+:root{--vvw-bg-color: #000000;--vvw-text-color: #ffffff;--vvw-bg-blur: 10px;--vvw-bg-opacity: .8;--vvw-anim-dur: 333;--vvw-init-z: 1;--vvw-dest-z: 2147483647;--vvw-ui-outline-color: hsl(from var(--vvw-bg-color) h s calc(l + 30) );--vvw-ui-bg-color: var(--vvw-bg-color);--vvw-ui-text-color: var(--vvw-text-color);--vvw-ui-hover-bg-color: hsl(from var(--vvw-bg-color) h s calc(l + 20) );--vvw-ui-active-bg-color: hsl(from var(--vvw-bg-color) h s calc(l + 40) );--vvw-ui-border-radius: 0px;--vvw-ui-border-width: 0px}@keyframes vvw-pulse{0%{opacity:1;border-radius:var(--vvw-init-radius);scale:1}50%{opacity:.7;border-radius:var(--vvw-pulse-radius);scale:.99}to{opacity:1;border-radius:var(--vvw-init-radius);scale:1}}@keyframes vvw-simple-pulse{0%{opacity:1}50%{opacity:.8}to{opacity:1}}@keyframes vvw-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.vvw-root{position:fixed;top:0;left:0;width:100vw;width:100dvw;height:100vh;height:100dvh;overflow:hidden;z-index:var(--vvw-init-z);opacity:0;isolation:isolate;transform:none;touch-action:none}.vvw-container{position:relative;width:100%;height:100%;overflow:hidden}.vvw-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-color:rgb(from var(--vvw-bg-color) r g b / var(--vvw-bg-opacity));-webkit-backdrop-filter:blur(var(--vvw-bg-blur));backdrop-filter:blur(var(--vvw-bg-blur));opacity:0;transition:opacity calc(var(--vvw-anim-dur) * 1ms) calc(var(--vvw-anim-dur) * 1ms) ease}.vvw-image-container{position:relative;height:100%;overflow:hidden;isolation:isolate}.vvw-item{position:relative;width:100%;height:100%;overflow:hidden;cursor:grab}.vvw-item:active{cursor:grabbing}.vvw-item img,.vvw-item iframe.vvw-img-hi,.vvw-item div.vvw-img-hi{position:absolute;display:block;top:50%;left:50%;translate:-50% -50%}.vvw-item .vvw-img-err{position:absolute;top:50%;left:50%;translate:-50% -50%;color:#fff;background-color:red;font-size:14px;text-align:center;padding:8px 12px;margin:0;display:none;z-index:2}.vvw-item .vvw-img-lo{--vvw-init-radius: 0px;--vvw-pulse-radius: 0px;--vvw-init-x: 0px;--vvw-init-y: 0px;--vvw-current-x: 0px;--vvw-current-y: 0px;outline:1px solid rgba(255,255,255,.2);z-index:0;opacity:1;border-radius:var(--vvw-init-radius);overflow:hidden;transition:transform calc(var(--vvw-anim-dur) * 1ms) ease;transform:translate3d(var(--vvw-current-x),var(--vvw-current-y),0);background:linear-gradient(45deg,#1a1a1a,#333,#1a1a1a,#555);background-size:400% 400%;animation:vvw-gradient 3s ease-in-out infinite}.vvw-item .vvw-img-hi{--vvw-init-radius: 0px;--vvw-init-w: 0px;--vvw-init-h: 0px;border-radius:var(--vvw-init-radius);z-index:1;overflow:hidden;object-fit:cover;opacity:0}.vvw-top-bar,.vvw-bottom-bar{position:absolute;top:0;left:0;width:100vw;z-index:6;display:flex;align-items:stretch;justify-content:space-between;pointer-events:none;gap:1rem}.vvw-top-bar>div,.vvw-bottom-bar>div{display:flex;align-items:stretch}.vvw-top-bar>div:nth-child(2),.vvw-bottom-bar>div:nth-child(2){overflow:hidden;flex:1 1 auto}.vvw-bottom-bar{top:unset;bottom:0}.vvw-ui{opacity:0;transition:opacity calc(var(--vvw-anim-dur) * 1ms) ease calc(var(--vvw-anim-dur) * 2ms) ease;outline:1px solid var(--vvw-ui-outline-color);pointer-events:auto}.vvw-ui.vvw-index{font-size:16px;padding:8px 13px;background-color:var(--vvw-ui-bg-color);color:var(--vvw-ui-text-color)}.vvw-ui.vvw-desc{font-size:14px;padding:8px 15px;background-color:var(--vvw-ui-bg-color);color:var(--vvw-ui-text-color);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vvw-ui>button{background:none;color:inherit;border:0px;font:inherit;cursor:pointer;outline:none;box-sizing:border-box;margin:0;padding:8px 12px;align-self:stretch;border-radius:0;display:flex;align-items:center;justify-content:center;height:100%;background-color:var(--vvw-ui-bg-color);color:var(--vvw-ui-text-color)}.vvw-ui>button:disabled{color:rgb(from var(--vvw-ui-text-color) r g b / .5);cursor:not-allowed}.vvw-ui>button:hover{background-color:var(--vvw-ui-hover-bg-color)}.vvw-ui>button:active{background-color:var(--vvw-ui-active-bg-color)}.vvw-ui>button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.vvw-ui.vvw-prev button,.vvw-ui.vvw-next button{padding:1rem .5rem}.vvw-ui.vvw-prev{position:absolute;top:50%;left:0;translate:0 -50%;align-items:center;justify-content:center;z-index:2;display:none}.vvw-ui.vvw-next{position:absolute;top:50%;right:0;translate:0 -50%;align-items:center;justify-content:center;z-index:2;display:none}@media(min-width:768px){.vvw-ui.vvw-prev,.vvw-ui.vvw-next{display:flex}}.vvw-arrow-sm .vvw-ui.vvw-prev,.vvw-arrow-sm .vvw-ui.vvw-next{display:flex}.vvw-root.vvw--active{opacity:1;transition:z-index 0ms calc(var(--vvw-anim-dur) * 1ms) ease;z-index:var(--vvw-dest-z)}.vvw-root.vvw--active .vvw-bg{opacity:1}.vvw-root.vvw--active .vvw-img-lo{--vvw-current-x: 0px !important;--vvw-current-y: 0px !important}.vvw-root.vvw--active .vvw-ui{opacity:1}.vvw-root.vvw--settled .vvw-img-lo{animation:vvw-pulse 1s infinite,vvw-gradient 3s ease-in-out infinite;animation-delay:calc(var(--vvw-anim-dur) * 2ms)}.vvw-root.vvw--settled .vvw-img-lo:has(+.vvw--loaded){animation:none;opacity:0}.vvw-root.vvw--settled .vvw-img-err:has(~img.vvw--loaderror){display:block}.vvw-root.vvw--settled .vvw-img-hi.vvw--loaded{transition:border-radius calc(var(--vvw-anim-dur) * 1ms) ease;opacity:1;border-radius:0}.vvw-root.vvw--closing{transition:opacity calc(var(--vvw-anim-dur) * 1ms) calc(var(--vvw-anim-dur) * 2ms) ease,transform 0s calc(var(--vvw-anim-dur) * 2ms) ease,z-index 0s calc(var(--vvw-anim-dur) * 1ms) ease;transform:scale(1);z-index:var(--vvw-init-z);opacity:0!important}.vvw-root.vvw--closing .vvw-img-err:has(~img.vvw--loaderror){display:none}.vvw-root.vvw--closing .vvw-img-hi.vvw--loaded,.vvw-root.vvw--closing .vvw-img-hi.vvw--ready{transition:width calc(var(--vvw-anim-dur) * 1ms) ease,height calc(var(--vvw-anim-dur) * 1ms) ease,border-radius calc(var(--vvw-anim-dur) * 1ms) ease,top calc(var(--vvw-anim-dur) * 1ms) ease,left calc(var(--vvw-anim-dur) * 1ms) ease,translate calc(var(--vvw-anim-dur) * 1ms) ease,opacity 0ms calc(var(--vvw-anim-dur) * 1ms) ease;opacity:0!important;top:50%!important;left:50%!important;translate:-50% -50%!important;width:var(--vvw-init-w)!important;height:var(--vvw-init-h)!important;border-radius:var(--vvw-init-radius)!important}.vvw-root.vvw--closing .vvw-img-lo{transition:opacity 0ms calc(var(--vvw-anim-dur) * 1ms) ease,transform calc(var(--vvw-anim-dur) * 1ms) calc(var(--vvw-anim-dur) * 1ms) ease;opacity:1!important;--vvw-current-x: var(--vvw-init-x) !important;--vvw-current-y: var(--vvw-init-y) !important}.vvw-root.vvw--closing .vvw-ui{transition:opacity calc(var(--vvw-anim-dur) * 1ms) ease;opacity:0}.vvw-root.vvw--closing .vvw-bg{transition:opacity calc(var(--vvw-anim-dur) * 1ms) calc(var(--vvw-anim-dur) * 1ms) ease;opacity:0}.vvw--hidden{display:none!important}.vvw--pulsing{animation:vvw-simple-pulse 1s ease-in-out infinite}

package/dist/styles/autumn-amber.css

@@ -0,0 +1 @@
+.vvw-ui.vvw-prev,.vvw-ui.vvw-next{overflow:hidden}.vvw-ui.vvw-prev button,.vvw-ui.vvw-next button{padding:18px 3px;transition:padding-left 333ms ease,padding-right 333ms ease}.vvw-ui.vvw-prev button svg,.vvw-ui.vvw-next button svg{transition:transform 333ms 111ms ease}.vvw-ui.vvw-prev:hover button svg,.vvw-ui.vvw-next:hover button svg{transform:translate(-3px)}.vvw-ui.vvw-prev{border-top-right-radius:var(--vvw-ui-border-radius);border-bottom-right-radius:var(--vvw-ui-border-radius)}.vvw-ui.vvw-prev:hover button{padding-left:8px}.vvw-ui.vvw-next{border-top-left-radius:var(--vvw-ui-border-radius);border-bottom-left-radius:var(--vvw-ui-border-radius)}.vvw-ui.vvw-next:hover button{padding-right:8px}.vvw-ui.vvw-next:hover button svg{transform:translate(3px)}.vvw-bottom-bar>div:first-child>div:last-child,.vvw-bottom-bar>div:nth-child(2)>div:last-child{border-top-right-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-bottom-bar>div:nth-child(2)>div:first-child,.vvw-bottom-bar>div:last-child>div:first-child{border-top-left-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-top-bar>div:first-child>div:last-child,.vvw-top-bar>div:nth-child(2)>div:last-child{border-bottom-right-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-top-bar>div:nth-child(2)>div:first-child,.vvw-top-bar>div:last-child>div:first-child{border-bottom-left-radius:var(--vvw-ui-border-radius);overflow:hidden}:root{--vvw-bg-color: #1a0f00;--vvw-text-color: #fff8dc;--vvw-ui-outline-color: #8b4513;--vvw-ui-bg-color: #d2691e;--vvw-ui-text-color: #fff8dc;--vvw-ui-hover-bg-color: #ff8c42;--vvw-ui-active-bg-color: #ffa559;--vvw-ui-border-radius: 6px}

package/dist/styles/autumn-amber.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/styles/cotton-candy.css

@@ -0,0 +1 @@
+.vvw-ui.vvw-prev,.vvw-ui.vvw-next{overflow:hidden}.vvw-ui.vvw-prev button,.vvw-ui.vvw-next button{padding:18px 3px;transition:padding-left .4s ease-in-out,padding-right .4s ease-in-out}.vvw-ui.vvw-prev button svg,.vvw-ui.vvw-next button svg{transition:transform .4s .12s ease-in-out}.vvw-ui.vvw-prev:hover button svg,.vvw-ui.vvw-next:hover button svg{transform:translate(-3px)}.vvw-ui.vvw-prev{border-top-right-radius:var(--vvw-ui-border-radius);border-bottom-right-radius:var(--vvw-ui-border-radius)}.vvw-ui.vvw-prev:hover button{padding-left:8px}.vvw-ui.vvw-next{border-top-left-radius:var(--vvw-ui-border-radius);border-bottom-left-radius:var(--vvw-ui-border-radius)}.vvw-ui.vvw-next:hover button{padding-right:8px}.vvw-ui.vvw-next:hover button svg{transform:translate(3px)}.vvw-bottom-bar>div:first-child>div:last-child,.vvw-bottom-bar>div:nth-child(2)>div:last-child{border-top-right-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-bottom-bar>div:nth-child(2)>div:first-child,.vvw-bottom-bar>div:last-child>div:first-child{border-top-left-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-top-bar>div:first-child>div:last-child,.vvw-top-bar>div:nth-child(2)>div:last-child{border-bottom-right-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-top-bar>div:nth-child(2)>div:first-child,.vvw-top-bar>div:last-child>div:first-child{border-bottom-left-radius:var(--vvw-ui-border-radius);overflow:hidden}:root{--vvw-bg-color: rgba(255, 240, 250, .95);--vvw-text-color: #c2185b;--vvw-ui-outline-color: #ffb3d9;--vvw-ui-bg-color: #ffe0f0;--vvw-ui-text-color: #c2185b;--vvw-ui-hover-bg-color: #ffc9e5;--vvw-ui-active-bg-color: #ffb3da;--vvw-ui-border-radius: 18px}

package/dist/styles/cotton-candy.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/styles/dark-rounded.css

@@ -1 +1 @@
-.vvw-ui{outline:2px solid #333}.vvw-ui:is(button),.vvw-ui>button,.vvw-ui.vvw-index,.vvw-ui.vvw-desc{background-color:#222;color:#eee}.vvw-ui:is(button){outline:2px solid #333}.vvw-ui:is(button) svg{width:21px;height:21px}.vvw-ui.vvw-prev,.vvw-ui.vvw-next{overflow:hidden}.vvw-ui.vvw-prev button,.vvw-ui.vvw-next button{padding:18px 3px;transition:padding-left 333ms ease,padding-right 333ms ease}.vvw-ui.vvw-prev button svg,.vvw-ui.vvw-next button svg{transition:transform 333ms 111ms ease}.vvw-ui.vvw-prev:hover button svg,.vvw-ui.vvw-next:hover button svg{transform:translate(-3px)}.vvw-ui.vvw-prev{border-top-right-radius:5px;border-bottom-right-radius:5px}.vvw-ui.vvw-prev:hover button{padding-left:8px}.vvw-ui.vvw-next{border-top-left-radius:5px;border-bottom-left-radius:5px}.vvw-ui.vvw-next:hover button{padding-right:8px}.vvw-ui.vvw-next:hover button svg{transform:translate(3px)}.vvw-bottom-bar>div:nth-child(2),.vvw-top-bar>div:nth-child(2){padding:0 1rem}.vvw-bottom-bar>div:first-child :is(button,div):last-child,.vvw-bottom-bar>div:nth-child(2) :is(button,div):last-child{border-top-right-radius:5px}.vvw-bottom-bar>div:nth-child(2) :is(button,div):first-child,.vvw-bottom-bar>div:last-child :is(button,div):first-child{border-top-left-radius:5px}.vvw-top-bar>div:first-child :is(button,div):last-child,.vvw-top-bar>div:nth-child(2) :is(button,div):last-child{border-bottom-right-radius:5px}.vvw-top-bar>div:nth-child(2) :is(button,div):first-child,.vvw-top-bar>div:last-child :is(button,div):first-child{border-bottom-left-radius:5px}
+.vvw-ui.vvw-prev,.vvw-ui.vvw-next{overflow:hidden}.vvw-ui.vvw-prev button,.vvw-ui.vvw-next button{padding:18px 3px;transition:padding-left 333ms ease,padding-right 333ms ease}.vvw-ui.vvw-prev button svg,.vvw-ui.vvw-next button svg{transition:transform 333ms 111ms ease}.vvw-ui.vvw-prev:hover button svg,.vvw-ui.vvw-next:hover button svg{transform:translate(-3px)}.vvw-ui.vvw-prev{border-top-right-radius:var(--vvw-ui-border-radius);border-bottom-right-radius:var(--vvw-ui-border-radius)}.vvw-ui.vvw-prev:hover button{padding-left:8px}.vvw-ui.vvw-next{border-top-left-radius:var(--vvw-ui-border-radius);border-bottom-left-radius:var(--vvw-ui-border-radius)}.vvw-ui.vvw-next:hover button{padding-right:8px}.vvw-ui.vvw-next:hover button svg{transform:translate(3px)}.vvw-bottom-bar>div:first-child>div:last-child,.vvw-bottom-bar>div:nth-child(2)>div:last-child{border-top-right-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-bottom-bar>div:nth-child(2)>div:first-child,.vvw-bottom-bar>div:last-child>div:first-child{border-top-left-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-top-bar>div:first-child>div:last-child,.vvw-top-bar>div:nth-child(2)>div:last-child{border-bottom-right-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-top-bar>div:nth-child(2)>div:first-child,.vvw-top-bar>div:last-child>div:first-child{border-bottom-left-radius:var(--vvw-ui-border-radius);overflow:hidden}:root{--vvw-ui-outline-color: #333;--vvw-ui-bg-color: #222;--vvw-ui-text-color: #eee;--vvw-ui-hover-bg-color: #333;--vvw-ui-active-bg-color: #444;--vvw-ui-border-radius: 5px}

package/dist/styles/ember-glow.css

@@ -0,0 +1 @@
+.vvw-ui{box-shadow:0 0 8px #ff572266}.vvw-ui>button{box-shadow:0 0 8px #ff572266}.vvw-ui>button svg{filter:drop-shadow(0 0 2px #ff5722)}.vvw-ui>button:hover{box-shadow:0 0 12px #ff572299}.vvw-ui>button:active{box-shadow:0 0 12px #ff572299}.vvw-ui.vvw-prev,.vvw-ui.vvw-next{overflow:hidden}.vvw-ui.vvw-prev button,.vvw-ui.vvw-next button{padding:18px 3px;transition:padding-left 333ms ease,padding-right 333ms ease}.vvw-ui.vvw-prev button svg,.vvw-ui.vvw-next button svg{transition:transform 333ms 111ms ease}.vvw-ui.vvw-prev:hover button svg,.vvw-ui.vvw-next:hover button svg{transform:translate(-3px)}.vvw-ui.vvw-prev{border-top-right-radius:var(--vvw-ui-border-radius);border-bottom-right-radius:var(--vvw-ui-border-radius)}.vvw-ui.vvw-prev:hover button{padding-left:8px}.vvw-ui.vvw-next{border-top-left-radius:var(--vvw-ui-border-radius);border-bottom-left-radius:var(--vvw-ui-border-radius)}.vvw-ui.vvw-next:hover button{padding-right:8px}.vvw-ui.vvw-next:hover button svg{transform:translate(3px)}.vvw-bottom-bar>div:first-child>div:last-child,.vvw-bottom-bar>div:nth-child(2)>div:last-child{border-top-right-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-bottom-bar>div:nth-child(2)>div:first-child,.vvw-bottom-bar>div:last-child>div:first-child{border-top-left-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-top-bar>div:first-child>div:last-child,.vvw-top-bar>div:nth-child(2)>div:last-child{border-bottom-right-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-top-bar>div:nth-child(2)>div:first-child,.vvw-top-bar>div:last-child>div:first-child{border-bottom-left-radius:var(--vvw-ui-border-radius);overflow:hidden}:root{--vvw-bg-color: #0d0300;--vvw-text-color: #ffccbc;--vvw-ui-outline-color: #d84315;--vvw-ui-bg-color: #1a0a00;--vvw-ui-text-color: #ffccbc;--vvw-ui-hover-bg-color: #2d1400;--vvw-ui-active-bg-color: #401f00;--vvw-ui-border-radius: 6px}

package/dist/styles/ember-glow.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/styles/extensions/image-story.css

@@ -0,0 +1 @@
+[data-vvw-control=imageStory]{width:100%;border:0px!important;outline:0px!important}.vvw-bottom-bar:has([data-vvw-control=imageStory]),.vvw-top-bar:has([data-vvw-control=imageStory]){padding:0;border:0}.vvw-bottom-bar:has([data-vvw-control=imageStory])>div,.vvw-top-bar:has([data-vvw-control=imageStory])>div{overflow:visible;border:0px!important;outline:0px!important}.vvw-bottom-bar:has([data-vvw-control=imageStory])>div>div,.vvw-top-bar:has([data-vvw-control=imageStory])>div>div{overflow:visible!important}.vvw-bottom-bar:has([data-vvw-control=imageStory]) .vvw-story-container{border-top-left-radius:var(--vvw-ui-border-radius);border-top-right-radius:var(--vvw-ui-border-radius)}.vvw-top-bar:has([data-vvw-control=imageStory]) .vvw-story-container{border-bottom-left-radius:var(--vvw-ui-border-radius);border-bottom-right-radius:var(--vvw-ui-border-radius)}.vvw-story{position:relative;width:100%;height:100%;overflow:visible}.vvw-story-container{--vvw-story-height: 100vh;--vvw-padding-y: 8px;position:absolute;bottom:0;left:0;width:100%;min-height:100%;max-height:50vh;height:100%;display:grid;grid-template-columns:1fr auto;align-items:flex-start;gap:12px;font-size:14px;background-color:var(--vvw-ui-bg-color);color:var(--vvw-ui-text-color);outline:1px solid var(--vvw-ui-outline-color);border:var(--vvw-ui-border-width) solid var(--vvw-ui-outline-color);transition:height .3s ease;padding:var(--vvw-padding-y) 15px}.vvw-story-container:has(.expanded){height:min(calc(var(--vvw-story-height) + calc(2 * var(--vvw-padding-y))),50vh)}.vvw-top-bar:has([data-vvw-control=imageStory]) .vvw-story-container{top:0;bottom:unset}.vvw-story-text{max-height:auto;display:-webkit-box;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:var(--vvw-ui-text-color)}.vvw-story-text.expanded{display:block;overflow:auto;max-height:calc(50vh - calc(2 * var(--vvw-padding-y)))}.vvw-story-button{flex:0 0 auto;transform:rotate(0);transform-origin:center;border:none;cursor:pointer;padding:0;border-radius:50%;transition:transform .3s;display:flex;align-items:center;justify-content:center;opacity:.7;background-color:transparent;color:var(--vvw-ui-text-color)}.vvw-story-button svg{color:var(--vvw-ui-text-color)}.vvw-story-button:hover{opacity:1}.vvw-story-button.expanded{transform:rotate(180deg)}.vvw-top-bar:has([data-vvw-control=imageStory]) .vvw-story-button{transform:rotate(180deg)}.vvw-top-bar:has([data-vvw-control=imageStory]) .vvw-story-button.expanded{transform:rotate(0)}

package/dist/styles/extensions/image-story.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/styles/forest-moss.css

@@ -0,0 +1 @@
+.vvw-ui.vvw-prev,.vvw-ui.vvw-next{overflow:hidden}.vvw-ui.vvw-prev button,.vvw-ui.vvw-next button{padding:18px 3px;transition:padding-left 333ms ease,padding-right 333ms ease}.vvw-ui.vvw-prev button svg,.vvw-ui.vvw-next button svg{transition:transform 333ms 111ms ease}.vvw-ui.vvw-prev:hover button svg,.vvw-ui.vvw-next:hover button svg{transform:translate(-3px)}.vvw-ui.vvw-prev{border-top-right-radius:var(--vvw-ui-border-radius);border-bottom-right-radius:var(--vvw-ui-border-radius)}.vvw-ui.vvw-prev:hover button{padding-left:8px}.vvw-ui.vvw-next{border-top-left-radius:var(--vvw-ui-border-radius);border-bottom-left-radius:var(--vvw-ui-border-radius)}.vvw-ui.vvw-next:hover button{padding-right:8px}.vvw-ui.vvw-next:hover button svg{transform:translate(3px)}.vvw-bottom-bar>div:first-child>div:last-child,.vvw-bottom-bar>div:nth-child(2)>div:last-child{border-top-right-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-bottom-bar>div:nth-child(2)>div:first-child,.vvw-bottom-bar>div:last-child>div:first-child{border-top-left-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-top-bar>div:first-child>div:last-child,.vvw-top-bar>div:nth-child(2)>div:last-child{border-bottom-right-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-top-bar>div:nth-child(2)>div:first-child,.vvw-top-bar>div:last-child>div:first-child{border-bottom-left-radius:var(--vvw-ui-border-radius);overflow:hidden}:root{--vvw-bg-color: #0d1a0d;--vvw-text-color: #d4e8d4;--vvw-ui-outline-color: #3d5a3d;--vvw-ui-bg-color: #4a6741;--vvw-ui-text-color: #d4e8d4;--vvw-ui-hover-bg-color: #5a7a52;--vvw-ui-active-bg-color: #6a8d63;--vvw-ui-border-radius: 7px}

package/dist/styles/forest-moss.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/styles/green-lake.css

@@ -0,0 +1 @@
+.vvw-ui.vvw-prev,.vvw-ui.vvw-next{overflow:hidden}.vvw-ui.vvw-prev button,.vvw-ui.vvw-next button{padding:18px 3px;transition:padding-left 333ms ease,padding-right 333ms ease}.vvw-ui.vvw-prev button svg,.vvw-ui.vvw-next button svg{transition:transform 333ms 111ms ease}.vvw-ui.vvw-prev:hover button svg,.vvw-ui.vvw-next:hover button svg{transform:translate(-3px)}.vvw-ui.vvw-prev{border-top-right-radius:var(--vvw-ui-border-radius);border-bottom-right-radius:var(--vvw-ui-border-radius)}.vvw-ui.vvw-prev:hover button{padding-left:8px}.vvw-ui.vvw-next{border-top-left-radius:var(--vvw-ui-border-radius);border-bottom-left-radius:var(--vvw-ui-border-radius)}.vvw-ui.vvw-next:hover button{padding-right:8px}.vvw-ui.vvw-next:hover button svg{transform:translate(3px)}.vvw-bottom-bar>div:first-child>div:last-child,.vvw-bottom-bar>div:nth-child(2)>div:last-child{border-top-right-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-bottom-bar>div:nth-child(2)>div:first-child,.vvw-bottom-bar>div:last-child>div:first-child{border-top-left-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-top-bar>div:first-child>div:last-child,.vvw-top-bar>div:nth-child(2)>div:last-child{border-bottom-right-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-top-bar>div:nth-child(2)>div:first-child,.vvw-top-bar>div:last-child>div:first-child{border-bottom-left-radius:var(--vvw-ui-border-radius);overflow:hidden}:root{--vvw-bg-color: #001a14;--vvw-text-color: #e8f5f1;--vvw-ui-outline-color: #0a5f4e;--vvw-ui-bg-color: #0d7a64;--vvw-ui-text-color: #e8f5f1;--vvw-ui-hover-bg-color: #0f9677;--vvw-ui-active-bg-color: #11b389;--vvw-ui-border-radius: 8px}

package/dist/styles/green-lake.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/styles/ice-crystal.css

@@ -0,0 +1 @@
+.vvw-ui.vvw-prev,.vvw-ui.vvw-next{overflow:hidden}.vvw-ui.vvw-prev button,.vvw-ui.vvw-next button{padding:18px 3px;transition:padding-left 333ms ease,padding-right 333ms ease}.vvw-ui.vvw-prev button svg,.vvw-ui.vvw-next button svg{transition:transform 333ms 111ms ease}.vvw-ui.vvw-prev:hover button svg,.vvw-ui.vvw-next:hover button svg{transform:translate(-3px)}.vvw-ui.vvw-prev{border-top-right-radius:var(--vvw-ui-border-radius);border-bottom-right-radius:var(--vvw-ui-border-radius)}.vvw-ui.vvw-prev:hover button{padding-left:8px}.vvw-ui.vvw-next{border-top-left-radius:var(--vvw-ui-border-radius);border-bottom-left-radius:var(--vvw-ui-border-radius)}.vvw-ui.vvw-next:hover button{padding-right:8px}.vvw-ui.vvw-next:hover button svg{transform:translate(3px)}.vvw-bottom-bar>div:first-child>div:last-child,.vvw-bottom-bar>div:nth-child(2)>div:last-child{border-top-right-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-bottom-bar>div:nth-child(2)>div:first-child,.vvw-bottom-bar>div:last-child>div:first-child{border-top-left-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-top-bar>div:first-child>div:last-child,.vvw-top-bar>div:nth-child(2)>div:last-child{border-bottom-right-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-top-bar>div:nth-child(2)>div:first-child,.vvw-top-bar>div:last-child>div:first-child{border-bottom-left-radius:var(--vvw-ui-border-radius);overflow:hidden}:root{--vvw-bg-color: #e1f5fe;--vvw-text-color: #01579b;--vvw-ui-outline-color: #4db8ff;--vvw-ui-bg-color: #b3e5fc;--vvw-ui-text-color: #01579b;--vvw-ui-hover-bg-color: #81d4fa;--vvw-ui-active-bg-color: #4fc3f7;--vvw-ui-border-radius: 2px}

package/dist/styles/ice-crystal.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/styles/lavender-fields.css

@@ -0,0 +1 @@
+.vvw-ui.vvw-prev,.vvw-ui.vvw-next{overflow:hidden}.vvw-ui.vvw-prev button,.vvw-ui.vvw-next button{padding:18px 3px;transition:padding-left .4s ease-out,padding-right .4s ease-out}.vvw-ui.vvw-prev button svg,.vvw-ui.vvw-next button svg{transition:transform .4s .1s ease-out}.vvw-ui.vvw-prev:hover button svg,.vvw-ui.vvw-next:hover button svg{transform:translate(-3px)}.vvw-ui.vvw-prev{border-top-right-radius:var(--vvw-ui-border-radius);border-bottom-right-radius:var(--vvw-ui-border-radius)}.vvw-ui.vvw-prev:hover button{padding-left:8px}.vvw-ui.vvw-next{border-top-left-radius:var(--vvw-ui-border-radius);border-bottom-left-radius:var(--vvw-ui-border-radius)}.vvw-ui.vvw-next:hover button{padding-right:8px}.vvw-ui.vvw-next:hover button svg{transform:translate(3px)}.vvw-bottom-bar>div:first-child>div:last-child,.vvw-bottom-bar>div:nth-child(2)>div:last-child{border-top-right-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-bottom-bar>div:nth-child(2)>div:first-child,.vvw-bottom-bar>div:last-child>div:first-child{border-top-left-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-top-bar>div:first-child>div:last-child,.vvw-top-bar>div:nth-child(2)>div:last-child{border-bottom-right-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-top-bar>div:nth-child(2)>div:first-child,.vvw-top-bar>div:last-child>div:first-child{border-bottom-left-radius:var(--vvw-ui-border-radius);overflow:hidden}:root{--vvw-bg-color: #1a0d2e;--vvw-text-color: #f4f0ff;--vvw-ui-outline-color: #6b5b95;--vvw-ui-bg-color: #8e7cc3;--vvw-ui-text-color: #f4f0ff;--vvw-ui-hover-bg-color: #a599d6;--vvw-ui-active-bg-color: #bcb3e5;--vvw-ui-border-radius: 10px}

package/dist/styles/lavender-fields.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/styles/midnight-gold.css

@@ -0,0 +1 @@
+.vvw-ui>button:hover{color:gold}.vvw-ui>button:active{color:gold}.vvw-ui.vvw-prev,.vvw-ui.vvw-next{overflow:hidden}.vvw-ui.vvw-prev button,.vvw-ui.vvw-next button{padding:18px 3px;transition:padding-left 333ms ease,padding-right 333ms ease}.vvw-ui.vvw-prev button svg,.vvw-ui.vvw-next button svg{transition:transform 333ms 111ms ease}.vvw-ui.vvw-prev:hover button svg,.vvw-ui.vvw-next:hover button svg{transform:translate(-3px)}.vvw-ui.vvw-prev{border-top-right-radius:var(--vvw-ui-border-radius);border-bottom-right-radius:var(--vvw-ui-border-radius)}.vvw-ui.vvw-prev:hover button{padding-left:8px}.vvw-ui.vvw-next{border-top-left-radius:var(--vvw-ui-border-radius);border-bottom-left-radius:var(--vvw-ui-border-radius)}.vvw-ui.vvw-next:hover button{padding-right:8px}.vvw-ui.vvw-next:hover button svg{transform:translate(3px)}.vvw-bottom-bar>div:first-child>div:last-child,.vvw-bottom-bar>div:nth-child(2)>div:last-child{border-top-right-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-bottom-bar>div:nth-child(2)>div:first-child,.vvw-bottom-bar>div:last-child>div:first-child{border-top-left-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-top-bar>div:first-child>div:last-child,.vvw-top-bar>div:nth-child(2)>div:last-child{border-bottom-right-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-top-bar>div:nth-child(2)>div:first-child,.vvw-top-bar>div:last-child>div:first-child{border-bottom-left-radius:var(--vvw-ui-border-radius);overflow:hidden}:root{--vvw-bg-color: #000000;--vvw-text-color: #f0e68c;--vvw-ui-outline-color: #d4af37;--vvw-ui-bg-color: #1a1a1a;--vvw-ui-text-color: #f0e68c;--vvw-ui-hover-bg-color: #2a2a2a;--vvw-ui-active-bg-color: #3a3a3a;--vvw-ui-border-radius: 4px}

package/dist/styles/midnight-gold.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/styles/midnight-ocean.css

@@ -0,0 +1 @@
+.vvw-ui.vvw-prev,.vvw-ui.vvw-next{overflow:hidden}.vvw-ui.vvw-prev button,.vvw-ui.vvw-next button{padding:18px 3px;transition:padding-left .5s cubic-bezier(.4,0,.2,1),padding-right .5s cubic-bezier(.4,0,.2,1)}.vvw-ui.vvw-prev button svg,.vvw-ui.vvw-next button svg{transition:transform .5s .15s cubic-bezier(.4,0,.2,1)}.vvw-ui.vvw-prev:hover button svg,.vvw-ui.vvw-next:hover button svg{transform:translate(-3px)}.vvw-ui.vvw-prev{border-top-right-radius:var(--vvw-ui-border-radius);border-bottom-right-radius:var(--vvw-ui-border-radius)}.vvw-ui.vvw-prev:hover button{padding-left:8px}.vvw-ui.vvw-next{border-top-left-radius:var(--vvw-ui-border-radius);border-bottom-left-radius:var(--vvw-ui-border-radius)}.vvw-ui.vvw-next:hover button{padding-right:8px}.vvw-ui.vvw-next:hover button svg{transform:translate(3px)}.vvw-bottom-bar>div:first-child>div:last-child,.vvw-bottom-bar>div:nth-child(2)>div:last-child{border-top-right-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-bottom-bar>div:nth-child(2)>div:first-child,.vvw-bottom-bar>div:last-child>div:first-child{border-top-left-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-top-bar>div:first-child>div:last-child,.vvw-top-bar>div:nth-child(2)>div:last-child{border-bottom-right-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-top-bar>div:nth-child(2)>div:first-child,.vvw-top-bar>div:last-child>div:first-child{border-bottom-left-radius:var(--vvw-ui-border-radius);overflow:hidden}:root{--vvw-bg-color: #001a2e;--vvw-text-color: #a8e6ff;--vvw-ui-outline-color: #0a3d62;--vvw-ui-bg-color: #1e5f8c;--vvw-ui-text-color: #a8e6ff;--vvw-ui-hover-bg-color: #2980b9;--vvw-ui-active-bg-color: #3498db;--vvw-ui-border-radius: 15px}

package/dist/styles/midnight-ocean.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/styles/mint-chocolate.css

@@ -0,0 +1 @@
+.vvw-ui>button:hover{color:#80cbc4}.vvw-ui>button:active{color:#80cbc4}.vvw-ui.vvw-prev,.vvw-ui.vvw-next{overflow:hidden}.vvw-ui.vvw-prev button,.vvw-ui.vvw-next button{padding:18px 3px;transition:padding-left 333ms ease,padding-right 333ms ease}.vvw-ui.vvw-prev button svg,.vvw-ui.vvw-next button svg{transition:transform 333ms 111ms ease}.vvw-ui.vvw-prev:hover button svg,.vvw-ui.vvw-next:hover button svg{transform:translate(-3px)}.vvw-ui.vvw-prev{border-top-right-radius:var(--vvw-ui-border-radius);border-bottom-right-radius:var(--vvw-ui-border-radius)}.vvw-ui.vvw-prev:hover button{padding-left:8px}.vvw-ui.vvw-next{border-top-left-radius:var(--vvw-ui-border-radius);border-bottom-left-radius:var(--vvw-ui-border-radius)}.vvw-ui.vvw-next:hover button{padding-right:8px}.vvw-ui.vvw-next:hover button svg{transform:translate(3px)}.vvw-bottom-bar>div:first-child>div:last-child,.vvw-bottom-bar>div:nth-child(2)>div:last-child{border-top-right-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-bottom-bar>div:nth-child(2)>div:first-child,.vvw-bottom-bar>div:last-child>div:first-child{border-top-left-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-top-bar>div:first-child>div:last-child,.vvw-top-bar>div:nth-child(2)>div:last-child{border-bottom-right-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-top-bar>div:nth-child(2)>div:first-child,.vvw-top-bar>div:last-child>div:first-child{border-bottom-left-radius:var(--vvw-ui-border-radius);overflow:hidden}:root{--vvw-bg-color: #1a0f0a;--vvw-text-color: #b2dfdb;--vvw-ui-outline-color: #3e2723;--vvw-ui-bg-color: #5d4037;--vvw-ui-text-color: #b2dfdb;--vvw-ui-hover-bg-color: #6d4c41;--vvw-ui-active-bg-color: #7d584b;--vvw-ui-border-radius: 10px}

package/dist/styles/mint-chocolate.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/styles/neon-nights.css

@@ -0,0 +1 @@
+.vvw-ui{box-shadow:0 0 10px #ff00ff80}.vvw-ui>button{box-shadow:0 0 10px #ff00ff80}.vvw-ui>button svg{filter:drop-shadow(0 0 3px #00ffff)}.vvw-ui.vvw-prev,.vvw-ui.vvw-next{overflow:hidden}.vvw-ui.vvw-prev button,.vvw-ui.vvw-next button{padding:18px 3px;transition:padding-left .25s ease,padding-right .25s ease}.vvw-ui.vvw-prev button svg,.vvw-ui.vvw-next button svg{transition:transform .25s 80ms ease}.vvw-ui.vvw-prev:hover button svg,.vvw-ui.vvw-next:hover button svg{transform:translate(-3px)}.vvw-ui.vvw-prev{border-top-right-radius:var(--vvw-ui-border-radius);border-bottom-right-radius:var(--vvw-ui-border-radius)}.vvw-ui.vvw-prev:hover button{padding-left:8px}.vvw-ui.vvw-next{border-top-left-radius:var(--vvw-ui-border-radius);border-bottom-left-radius:var(--vvw-ui-border-radius)}.vvw-ui.vvw-next:hover button{padding-right:8px}.vvw-ui.vvw-next:hover button svg{transform:translate(3px)}.vvw-bottom-bar>div:first-child>div:last-child,.vvw-bottom-bar>div:nth-child(2)>div:last-child{border-top-right-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-bottom-bar>div:nth-child(2)>div:first-child,.vvw-bottom-bar>div:last-child>div:first-child{border-top-left-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-top-bar>div:first-child>div:last-child,.vvw-top-bar>div:nth-child(2)>div:last-child{border-bottom-right-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-top-bar>div:nth-child(2)>div:first-child,.vvw-top-bar>div:last-child>div:first-child{border-bottom-left-radius:var(--vvw-ui-border-radius);overflow:hidden}:root{--vvw-bg-color: #0a0014;--vvw-text-color: #00ffff;--vvw-ui-outline-color: #ff00ff;--vvw-ui-bg-color: #1a0033;--vvw-ui-text-color: #00ffff;--vvw-ui-hover-bg-color: #5600a1;--vvw-ui-active-bg-color: #7a00d4;--vvw-ui-border-radius: 3px}

package/dist/styles/neon-nights.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/styles/paper-light.css

@@ -0,0 +1 @@
+.vvw-ui{box-shadow:0 2px 4px #0000001a}.vvw-ui>button{box-shadow:0 2px 4px #0000001a}.vvw-ui>button:hover{box-shadow:0 3px 6px #00000026}.vvw-ui>button:active{box-shadow:0 3px 6px #00000026}.vvw-ui.vvw-prev,.vvw-ui.vvw-next{overflow:hidden}.vvw-ui.vvw-prev button,.vvw-ui.vvw-next button{padding:18px 3px;transition:padding-left 333ms ease,padding-right 333ms ease}.vvw-ui.vvw-prev button svg,.vvw-ui.vvw-next button svg{transition:transform 333ms 111ms ease}.vvw-ui.vvw-prev:hover button svg,.vvw-ui.vvw-next:hover button svg{transform:translate(-3px)}.vvw-ui.vvw-prev{border-top-right-radius:var(--vvw-ui-border-radius);border-bottom-right-radius:var(--vvw-ui-border-radius)}.vvw-ui.vvw-prev:hover button{padding-left:8px}.vvw-ui.vvw-next{border-top-left-radius:var(--vvw-ui-border-radius);border-bottom-left-radius:var(--vvw-ui-border-radius)}.vvw-ui.vvw-next:hover button{padding-right:8px}.vvw-ui.vvw-next:hover button svg{transform:translate(3px)}.vvw-bottom-bar>div:first-child>div:last-child,.vvw-bottom-bar>div:nth-child(2)>div:last-child{border-top-right-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-bottom-bar>div:nth-child(2)>div:first-child,.vvw-bottom-bar>div:last-child>div:first-child{border-top-left-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-top-bar>div:first-child>div:last-child,.vvw-top-bar>div:nth-child(2)>div:last-child{border-bottom-right-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-top-bar>div:nth-child(2)>div:first-child,.vvw-top-bar>div:last-child>div:first-child{border-bottom-left-radius:var(--vvw-ui-border-radius);overflow:hidden}:root{--vvw-bg-color: rgba(255, 255, 255, .95);--vvw-text-color: #424242;--vvw-ui-outline-color: #e0e0e0;--vvw-ui-bg-color: #ffffff;--vvw-ui-text-color: #424242;--vvw-ui-hover-bg-color: #f5f5f5;--vvw-ui-active-bg-color: #ebebeb;--vvw-ui-border-radius: 8px}

package/dist/styles/paper-light.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/styles/retro-arcade.css

@@ -0,0 +1 @@
+.vvw-ui{border:var(--vvw-ui-border-width) solid var(--vvw-ui-outline-color)}.vvw-ui>button,.vvw-ui.vvw-index,.vvw-ui.vvw-desc{font-weight:700}.vvw-ui>button:hover{color:#fff;border-color:#0f0}.vvw-ui>button:active{color:#fff;border-color:#0f0}.vvw-ui.vvw-prev,.vvw-ui.vvw-next{overflow:visible}.vvw-ui.vvw-prev button,.vvw-ui.vvw-next button{padding:18px 3px;transition:padding-left .2s linear,padding-right .2s linear;overflow:hidden}.vvw-ui.vvw-prev button svg,.vvw-ui.vvw-next button svg{transition:transform .2s linear}.vvw-ui.vvw-prev:hover button svg,.vvw-ui.vvw-next:hover button svg{transform:translate(-3px) scale(1.1)}.vvw-ui.vvw-prev{border-top-right-radius:var(--vvw-ui-border-radius);border-bottom-right-radius:var(--vvw-ui-border-radius)}.vvw-ui.vvw-prev button{border-radius:0}.vvw-ui.vvw-prev:hover button{padding-left:8px}.vvw-ui.vvw-next{border-top-left-radius:var(--vvw-ui-border-radius);border-bottom-left-radius:var(--vvw-ui-border-radius)}.vvw-ui.vvw-next button{border-radius:0}.vvw-ui.vvw-next:hover button{padding-right:8px}.vvw-ui.vvw-next:hover button svg{transform:translate(3px) scale(1.1)}.vvw-bottom-bar>div:first-child>div:last-child,.vvw-bottom-bar>div:nth-child(2)>div:last-child{border-top-right-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-bottom-bar>div:nth-child(2)>div:first-child,.vvw-bottom-bar>div:last-child>div:first-child{border-top-left-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-top-bar>div:first-child>div:last-child,.vvw-top-bar>div:nth-child(2)>div:last-child{border-bottom-right-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-top-bar>div:nth-child(2)>div:first-child,.vvw-top-bar>div:last-child>div:first-child{border-bottom-left-radius:var(--vvw-ui-border-radius);overflow:hidden}:root{--vvw-bg-color: #000000;--vvw-text-color: #ffff00;--vvw-ui-outline-color: #ff0000;--vvw-ui-bg-color: #0000ff;--vvw-ui-text-color: #ffff00;--vvw-ui-hover-bg-color: #ff0000;--vvw-ui-active-bg-color: #ff3333;--vvw-ui-border-radius: 4px;--vvw-ui-border-width: 3px}

package/dist/styles/retro-arcade.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/styles/soft-neutral.css

@@ -0,0 +1 @@
+.vvw-ui.vvw-prev,.vvw-ui.vvw-next{overflow:hidden}.vvw-ui.vvw-prev button,.vvw-ui.vvw-next button{padding:18px 3px;transition:padding-left 333ms ease,padding-right 333ms ease}.vvw-ui.vvw-prev button svg,.vvw-ui.vvw-next button svg{transition:transform 333ms 111ms ease}.vvw-ui.vvw-prev:hover button svg,.vvw-ui.vvw-next:hover button svg{transform:translate(-3px)}.vvw-ui.vvw-prev{border-top-right-radius:var(--vvw-ui-border-radius);border-bottom-right-radius:var(--vvw-ui-border-radius)}.vvw-ui.vvw-prev:hover button{padding-left:8px}.vvw-ui.vvw-next{border-top-left-radius:var(--vvw-ui-border-radius);border-bottom-left-radius:var(--vvw-ui-border-radius)}.vvw-ui.vvw-next:hover button{padding-right:8px}.vvw-ui.vvw-next:hover button svg{transform:translate(3px)}.vvw-bottom-bar>div:first-child>div:last-child,.vvw-bottom-bar>div:nth-child(2)>div:last-child{border-top-right-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-bottom-bar>div:nth-child(2)>div:first-child,.vvw-bottom-bar>div:last-child>div:first-child{border-top-left-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-top-bar>div:first-child>div:last-child,.vvw-top-bar>div:nth-child(2)>div:last-child{border-bottom-right-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-top-bar>div:nth-child(2)>div:first-child,.vvw-top-bar>div:last-child>div:first-child{border-bottom-left-radius:var(--vvw-ui-border-radius);overflow:hidden}:root{--vvw-bg-color: #fafafa;--vvw-text-color: #5d4037;--vvw-ui-outline-color: #d7ccc8;--vvw-ui-bg-color: #efebe9;--vvw-ui-text-color: #5d4037;--vvw-ui-hover-bg-color: #d7ccc8;--vvw-ui-active-bg-color: #c9b7b0;--vvw-ui-border-radius: 20px}

package/dist/styles/soft-neutral.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/styles/stark-minimal.css

@@ -0,0 +1 @@
+.vvw-ui.vvw-prev,.vvw-ui.vvw-next{overflow:hidden}.vvw-ui.vvw-prev button,.vvw-ui.vvw-next button{padding:18px 3px;transition:padding-left .2s linear,padding-right .2s linear}.vvw-ui.vvw-prev button svg,.vvw-ui.vvw-next button svg{transition:transform .2s linear}.vvw-ui.vvw-prev:hover button svg,.vvw-ui.vvw-next:hover button svg{transform:translate(-3px)}.vvw-ui.vvw-prev{border-radius:var(--vvw-ui-border-radius)}.vvw-ui.vvw-prev:hover button{padding-left:8px}.vvw-ui.vvw-next{border-radius:var(--vvw-ui-border-radius)}.vvw-ui.vvw-next:hover button{padding-right:8px}.vvw-ui.vvw-next:hover button svg{transform:translate(3px)}.vvw-bottom-bar>div:first-child>div:last-child,.vvw-bottom-bar>div:nth-child(2)>div:last-child{border-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-bottom-bar>div:nth-child(2)>div:first-child,.vvw-bottom-bar>div:last-child>div:first-child{border-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-top-bar>div:first-child>div:last-child,.vvw-top-bar>div:nth-child(2)>div:last-child{border-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-top-bar>div:nth-child(2)>div:first-child,.vvw-top-bar>div:last-child>div:first-child{border-radius:var(--vvw-ui-border-radius);overflow:hidden}:root{--vvw-bg-color: #000;--vvw-text-color: #fff;--vvw-ui-outline-color: #222;--vvw-ui-bg-color: #000;--vvw-ui-text-color: #fff;--vvw-ui-hover-bg-color: #1a1a1a;--vvw-ui-active-bg-color: #333;--vvw-ui-border-radius: 0}

package/dist/styles/stark-minimal.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/styles/strawberry.css

@@ -0,0 +1 @@
+.vvw-ui.vvw-prev,.vvw-ui.vvw-next{overflow:hidden}.vvw-ui.vvw-prev button,.vvw-ui.vvw-next button{padding:18px 3px;transition:padding-left 333ms ease,padding-right 333ms ease}.vvw-ui.vvw-prev button svg,.vvw-ui.vvw-next button svg{transition:transform 333ms 111ms ease}.vvw-ui.vvw-prev:hover button svg,.vvw-ui.vvw-next:hover button svg{transform:translate(-3px)}.vvw-ui.vvw-prev{border-top-right-radius:var(--vvw-ui-border-radius);border-bottom-right-radius:var(--vvw-ui-border-radius)}.vvw-ui.vvw-prev:hover button{padding-left:8px}.vvw-ui.vvw-next{border-top-left-radius:var(--vvw-ui-border-radius);border-bottom-left-radius:var(--vvw-ui-border-radius)}.vvw-ui.vvw-next:hover button{padding-right:8px}.vvw-ui.vvw-next:hover button svg{transform:translate(3px)}.vvw-bottom-bar>div:first-child>div:last-child,.vvw-bottom-bar>div:nth-child(2)>div:last-child{border-top-right-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-bottom-bar>div:nth-child(2)>div:first-child,.vvw-bottom-bar>div:last-child>div:first-child{border-top-left-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-top-bar>div:first-child>div:last-child,.vvw-top-bar>div:nth-child(2)>div:last-child{border-bottom-right-radius:var(--vvw-ui-border-radius);overflow:hidden}.vvw-top-bar>div:nth-child(2)>div:first-child,.vvw-top-bar>div:last-child>div:first-child{border-bottom-left-radius:var(--vvw-ui-border-radius);overflow:hidden}:root{--vvw-bg-color: #1a0006;--vvw-text-color: #fff5f7;--vvw-ui-outline-color: #c41e3a;--vvw-ui-bg-color: #d63447;--vvw-ui-text-color: #fff5f7;--vvw-ui-hover-bg-color: #e84a5f;--vvw-ui-active-bg-color: #fa6077;--vvw-ui-border-radius: 12px}

package/dist/styles/strawberry.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/svelte.d.ts

@@ -1,3 +1,12 @@
-import { VistaParams, VistaInterface } from './vistaview';
-export declare function useVistaView(options: VistaParams): VistaInterface;
+import { VistaParamsNeo, VistaInterface } from './vistaview';
+export declare function useVistaView(options: VistaParamsNeo): VistaInterface;
+export interface VistaViewProps extends VistaParamsNeo {
+    id?: string;
+    class?: string;
+    selector?: string;
+    ref?: VistaInterface;
+}
+export declare function createVistaView(node: HTMLElement, params: VistaViewProps): {
+    destroy(): void;
+};
 //# sourceMappingURL=svelte.d.ts.map

package/dist/svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"svelte.d.ts","sourceRoot":"","sources":["../src/svelte.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE/D,wBAAgB,YAAY,CAAC,OAAO,EAAE,WAAW,GAAG,cAAc,CAgBjE"}
+{"version":3,"file":"svelte.d.ts","sourceRoot":"","sources":["../src/svelte.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElE,wBAAgB,YAAY,CAAC,OAAO,EAAE,cAAc,GAAG,cAAc,CAmBpE;AAED,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,cAAc,CAAC;CACtB;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,cAAc;;EA+BxE"}

package/dist/svelte.js

@@ -1,19 +1,41 @@
-import { onDestroy as p } from "svelte";
-import { vistaView as v } from "./vistaview.js";
-function u(e) {
-  const r = v(e);
-  return p(() => {
-    r == null || r.destroy();
+import { onDestroy as v, onMount as y } from "svelte";
+import { vistaView as d } from "./vistaview.js";
+function w(e) {
+  const o = d(e);
+  return v(() => {
+    o == null || o.destroy();
   }), {
-    open: (o = 0) => r == null ? void 0 : r.open(o),
-    close: () => (r == null ? void 0 : r.close()) ?? Promise.resolve(),
-    next: () => r == null ? void 0 : r.next(),
-    prev: () => r == null ? void 0 : r.prev(),
-    getCurrentIndex: () => (r == null ? void 0 : r.getCurrentIndex()) ?? -1,
-    view: (o) => r == null ? void 0 : r.view(o),
-    destroy: () => r == null ? void 0 : r.destroy()
+    open: (r = 0) => o == null ? void 0 : o.open(r),
+    close: () => (o == null ? void 0 : o.close()) ?? Promise.resolve(),
+    reset: () => o == null ? void 0 : o.reset(),
+    next: () => o == null ? void 0 : o.next(),
+    prev: () => o == null ? void 0 : o.prev(),
+    zoomIn: () => o == null ? void 0 : o.zoomIn(),
+    zoomOut: () => o == null ? void 0 : o.zoomOut(),
+    getCurrentIndex: () => (o == null ? void 0 : o.getCurrentIndex()) ?? -1,
+    view: (r) => o == null ? void 0 : o.view(r),
+    destroy: () => o == null ? void 0 : o.destroy()
+  };
+}
+function x(e, o) {
+  let r = null;
+  const { selector: m = "> a", ref: t, ...l } = o, u = o.id || e.id || `vvw-gallery-${Math.random().toString(36).substr(2, 9)}`;
+  e.id || (e.id = u);
+  function f() {
+    r = d({
+      ...l,
+      elements: l.elements || `#${u} ${m}`
+    }), t && r && Object.assign(t, r);
+  }
+  return y(() => {
+    f();
+  }), {
+    destroy() {
+      r == null || r.destroy(), r = null;
+    }
   };
 }
 export {
-  u as useVistaView
+  x as createVistaView,
+  w as useVistaView
 };