@redot-src/glare 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Glare Contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,80 @@
+# Glare
+
+Modern, touch-enabled lightbox for the web. **Zero dependencies.** MIT licensed.
+
+Open images, HTML5 video, YouTube/Vimeo, maps, iframes, inline nodes, AJAX fragments, and custom HTML — with galleries, zoom, thumbnails, slideshow, fullscreen, deep links, and a polished toolbar.
+
+## Features
+
+- **Vanilla JS / TypeScript** — no jQuery, no framework lock-in
+- **Galleries** with loop, arrows, keyboard, mouse wheel, and swipe
+- **Content types**: image, video, iframe, inline, AJAX, HTML
+- **Media helpers** for YouTube, Vimeo, and Google Maps URLs
+- **Pinch-zoom & pan**, click-to-zoom, protect mode
+- **Thumbnails**, **slideshow**, **fullscreen**, **share**, **hash** deep-linking
+- **Accessible** dialog: focus trap, ARIA, Escape, restored focus
+- **Theming** via CSS custom properties
+- ESM + UMD builds, full type declarations
+
+## Quick start
+
+```bash
+npm install @redot-src/glare
+```
+
+```js
+import Glare from '@redot-src/glare'
+import '@redot-src/glare/style.css'
+
+Glare.bind('[data-glare]', { loop: true })
+```
+
+```html
+<a data-glare="gallery" href="photo-1.jpg" data-caption="Sunset">
+  <img src="photo-1-thumb.jpg" alt="Sunset" />
+</a>
+<a data-glare="gallery" href="photo-2.jpg">
+  <img src="photo-2-thumb.jpg" alt="Trail" />
+</a>
+```
+
+Or open programmatically:
+
+```js
+Glare.open(
+  [
+    { src: 'a.jpg', caption: 'A' },
+    { src: 'b.jpg', caption: 'B' },
+  ],
+  { loop: true },
+  0,
+)
+```
+
+## CDN
+
+```html
+<link rel="stylesheet" href="https://unpkg.com/@redot-src/glare/dist/glare.css" />
+<script src="https://unpkg.com/@redot-src/glare/dist/glare.js"></script>
+<script>
+  Glare.bind('[data-glare]', { loop: true })
+</script>
+```
+
+## Demo & docs
+
+- Docs: [redot-src.github.io/glare](https://redot-src.github.io/glare/)
+- Live demo: [redot-src.github.io/glare/demo](https://redot-src.github.io/glare/demo/)
+- Repository: [github.com/redot-src/glare](https://github.com/redot-src/glare)
+
+```bash
+npm install
+npm run dev          # interactive demo
+npm run docs:dev     # VitePress documentation
+npm run build        # library build → dist/
+npm run pages:build  # docs + demo for GitHub Pages
+```
+
+## License
+
+[MIT](./LICENSE)

package/dist/defaults.d.ts

@@ -0,0 +1,5 @@
+import type { I18nDict, MediaProvider, GlareOptions } from './types';
+export declare const i18nEn: I18nDict;
+export declare const defaultMedia: Record<string, MediaProvider>;
+export declare const defaults: GlareOptions;
+//# sourceMappingURL=defaults.d.ts.map

package/dist/defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../src/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAGpE,eAAO,MAAM,MAAM,EAAE,QAYpB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CA6CtD,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,YAmItB,CAAA"}

package/dist/fullscreen.d.ts

@@ -0,0 +1,14 @@
+import type { GlareInstance } from './types';
+export declare class FullScreen {
+    private instance;
+    private cleanups;
+    constructor(instance: GlareInstance);
+    init(): void;
+    isFullscreen(): boolean;
+    request(): void;
+    exit(): void;
+    toggle(): void;
+    private sync;
+    destroy(): void;
+}
+//# sourceMappingURL=fullscreen.d.ts.map

package/dist/fullscreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fullscreen.d.ts","sourceRoot":"","sources":["../src/fullscreen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAmB5C,qBAAa,UAAU;IACrB,OAAO,CAAC,QAAQ,CAAe;IAC/B,OAAO,CAAC,QAAQ,CAAwB;gBAE5B,QAAQ,EAAE,aAAa;IAInC,IAAI,IAAI,IAAI;IAOZ,YAAY,IAAI,OAAO;IAUvB,OAAO,IAAI,IAAI;IAUf,IAAI,IAAI,IAAI;IAUZ,MAAM,IAAI,IAAI;IAKd,OAAO,CAAC,IAAI;IAYZ,OAAO,IAAI,IAAI;CAKhB"}

package/dist/gestures.d.ts

@@ -0,0 +1,24 @@
+import type { SlideItem } from './types';
+export declare class Gestures {
+    private instance;
+    private state;
+    private cleanups;
+    private pointerId;
+    constructor(instance: Gestures['instance']);
+    attach(stage: HTMLElement): void;
+    detach(): void;
+    private touchEnabled;
+    private onPointerDown;
+    private onPointerMove;
+    private onPointerUp;
+    private onTouchStart;
+    private onTouchMove;
+    private onTouchEnd;
+    private begin;
+    private move;
+    private end;
+    wasMoved(): boolean;
+    resetMoved(): void;
+}
+export type { SlideItem };
+//# sourceMappingURL=gestures.d.ts.map

package/dist/gestures.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gestures.d.ts","sourceRoot":"","sources":["../src/gestures.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,SAAS,CAAA;AAwCvD,qBAAa,QAAQ;IACnB,OAAO,CAAC,QAAQ,CAOf;IAED,OAAO,CAAC,KAAK,CAaZ;IAED,OAAO,CAAC,QAAQ,CAAwB;IACxC,OAAO,CAAC,SAAS,CAAsB;gBAE3B,QAAQ,EAAE,QAAQ,CAAC,UAAU,CAAC;IAI1C,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI;IAehC,MAAM,IAAI,IAAI;IAKd,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,aAAa;IAarB,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,KAAK;IAkBb,OAAO,CAAC,IAAI;IAsDZ,OAAO,CAAC,GAAG;IAgCX,QAAQ,IAAI,OAAO;IAInB,UAAU,IAAI,IAAI;CAGnB;AAED,YAAY,EAAE,SAAS,EAAE,CAAA"}

package/dist/glare.css

@@ -0,0 +1 @@
+:root{--glare-bg: rgba(12, 14, 18, .92);--glare-bg-solid: #0c0e12;--glare-fg: #f4f6f8;--glare-muted: rgba(244, 246, 248, .62);--glare-accent: #ff4d4d;--glare-accent-soft: rgba(255, 77, 77, .18);--glare-toolbar-bg: rgba(12, 14, 18, .55);--glare-button-bg: rgba(255, 255, 255, .08);--glare-button-hover: rgba(255, 255, 255, .16);--glare-button-size: 44px;--glare-radius: 14px;--glare-shadow: 0 24px 80px rgba(0, 0, 0, .45);--glare-ease: cubic-bezier(.22, 1, .36, 1);--glare-duration: 366ms;--glare-transition-duration: 366ms;--glare-caption-bg: linear-gradient(180deg, transparent, rgba(0, 0, 0, .72));--glare-z: 100000;--glare-font: "Segoe UI", system-ui, -apple-system, sans-serif}.glare-lock{overflow:hidden!important}.glare-container{position:fixed;inset:0;z-index:var(--glare-z);display:flex;color:var(--glare-fg);font-family:var(--glare-font);outline:none;opacity:0;visibility:hidden;transition:opacity var(--glare-duration) var(--glare-ease),visibility var(--glare-duration);-webkit-tap-highlight-color:transparent}.glare-container.glare-is-open{opacity:1;visibility:visible}.glare-container.glare-is-closing{opacity:0}.glare-bg{position:absolute;inset:0;background:var(--glare-bg);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}.glare-inner{position:relative;z-index:1;display:grid;grid-template-rows:auto 1fr auto;width:100%;height:100%;min-height:0}.glare-toolbar,.glare-infobar,.glare-navigation,.glare-caption{transition:opacity .22s var(--glare-ease),transform .22s var(--glare-ease)}.glare-container.glare-is-idle .glare-toolbar,.glare-container.glare-is-idle .glare-infobar,.glare-container.glare-is-idle .glare-navigation,.glare-container.glare-is-idle .glare-caption:not(:hover){opacity:0;pointer-events:none}.glare-toolbar{position:absolute;top:12px;right:12px;z-index:5;display:flex;gap:6px;padding:6px;border-radius:999px;background:var(--glare-toolbar-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--glare-shadow)}.glare-infobar{position:absolute;top:18px;left:18px;z-index:5;padding:8px 14px;border-radius:999px;background:var(--glare-toolbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--glare-muted)}.glare-button{appearance:none;border:0;margin:0;padding:0;width:var(--glare-button-size);height:var(--glare-button-size);display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--glare-button-bg);color:var(--glare-fg);cursor:pointer;text-decoration:none;transition:background .16s ease,transform .16s ease,color .16s ease}.glare-button svg{width:20px;height:20px;display:block}.glare-button:hover,.glare-button:focus-visible{background:var(--glare-button-hover);outline:none}.glare-button:focus-visible{box-shadow:0 0 0 2px var(--glare-accent)}.glare-button.is-active{background:var(--glare-accent-soft);color:var(--glare-accent)}.glare-button.glare-disabled,.glare-button:disabled{opacity:.35;pointer-events:none}.glare-navigation{position:absolute;inset:0;z-index:4;pointer-events:none}.glare-button--prev,.glare-button--next{position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;width:52px;height:52px;background:var(--glare-toolbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.glare-button--prev{left:16px}.glare-button--next{right:16px}.glare-button--prev:hover,.glare-button--next:hover{transform:translateY(-50%) scale(1.04)}.glare-stage{position:relative;grid-row:1 / -1;width:100%;height:100%;overflow:hidden;touch-action:none}.glare-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--glare-transition-duration) var(--glare-ease)}.glare-slide--current{opacity:1;z-index:2}.glare-slide--out{opacity:0;z-index:1;pointer-events:none}.glare-space{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:64px 72px 88px;box-sizing:border-box}.glare-content{position:relative;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;border-radius:var(--glare-radius);box-shadow:var(--glare-shadow)}.glare-content--image{background:transparent;box-shadow:none;overflow:visible}.glare-image{display:block;max-width:min(100vw - 48px,100%);max-height:min(100vh - 160px,100%);width:auto;height:auto;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:center center;transition:transform var(--glare-duration) var(--glare-ease),opacity var(--glare-duration) var(--glare-ease);border-radius:8px}.glare-content--html,.glare-content--inline,.glare-content--ajax{background:#11151c;color:var(--glare-fg);padding:28px;max-width:min(720px,calc(100vw - 48px));max-height:min(80vh,calc(100vh - 160px));overflow:auto;border:1px solid rgba(255,255,255,.08)}.glare-content--video,.glare-content--iframe{background:#000;overflow:hidden}.glare-video{display:block;max-width:min(960px,calc(100vw - 48px));max-height:min(80vh,calc(100vh - 160px));width:100%;background:#000}.glare-iframe-wrap{width:min(960px,calc(100vw - 48px));height:min(70vh,calc(100vh - 180px));max-width:100%}.glare-iframe{width:100%;height:100%;border:0;display:block;background:#000}.glare-caption{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:48px 24px 24px;background:var(--glare-caption-bg);text-align:center;font-size:15px;line-height:1.5;pointer-events:none}.glare-caption a{color:var(--glare-accent);pointer-events:auto}.glare-close-small{position:absolute;top:12px;right:12px;z-index:6}.glare-spinner{position:absolute;top:50%;left:50%;width:42px;height:42px;margin:-21px 0 0 -21px;border-radius:50%;border:3px solid rgba(255,255,255,.18);border-top-color:var(--glare-accent);animation:glare-spin .8s linear infinite;z-index:3}@keyframes glare-spin{to{transform:rotate(360deg)}}.glare-error{padding:28px 32px;border-radius:var(--glare-radius);background:#161a22;border:1px solid rgba(255,255,255,.08);text-align:center;max-width:420px;color:var(--glare-muted)}.glare-hidden{display:none!important}.glare-thumbs{position:absolute;z-index:6;opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease}.glare-thumbs--active{opacity:1;pointer-events:auto}.glare-thumbs--y{top:72px;right:12px;bottom:88px;width:88px;transform:translate(12px)}.glare-thumbs--y.glare-thumbs--active{transform:translate(0)}.glare-thumbs--x{left:12px;right:12px;bottom:72px;height:78px;transform:translateY(12px)}.glare-thumbs--x.glare-thumbs--active{transform:translateY(0)}.glare-thumbs-list{display:flex;gap:8px;height:100%;padding:8px;border-radius:16px;background:var(--glare-toolbar-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:auto;scrollbar-width:thin}.glare-thumbs--y .glare-thumbs-list{flex-direction:column}.glare-thumbs--x .glare-thumbs-list{flex-direction:row}.glare-thumbs-item{appearance:none;border:2px solid transparent;padding:0;margin:0;width:64px;height:64px;border-radius:10px;overflow:hidden;background:#ffffff0f;cursor:pointer;flex:0 0 auto;color:var(--glare-muted);font-size:12px}.glare-thumbs-item img{width:100%;height:100%;object-fit:cover;display:block}.glare-thumbs-item.is-active{border-color:var(--glare-accent)}.glare-container.glare-show-thumbs.glare-thumbs-axis-y .glare-space,.glare-show-thumbs .glare-space{padding-right:110px}.glare-share-overlay{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#0000008c;padding:24px}.glare-share{width:min(420px,100%);background:#12161e;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:24px;box-shadow:var(--glare-shadow)}.glare-share-title{margin:0 0 16px;font-size:18px}.glare-share p{margin:0 0 10px}.glare-share-link{color:var(--glare-fg);text-decoration:none;display:inline-flex;padding:10px 12px;border-radius:10px;background:#ffffff0f;width:100%;box-sizing:border-box}.glare-share-link:hover{background:#ffffff1f}.glare-share-input{width:100%;box-sizing:border-box;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#00000059;color:var(--glare-fg);padding:10px 12px;font:inherit}.glare-container[data-transition=slide] .glare-slide--out{transform:translate3d(-40px,0,0)}.glare-container[data-transition=circular] .glare-slide--current{animation:glare-circular var(--glare-transition-duration) var(--glare-ease)}.glare-container[data-transition=tube] .glare-slide--current{animation:glare-tube var(--glare-transition-duration) var(--glare-ease)}.glare-container[data-transition=rotate] .glare-slide--current{animation:glare-rotate var(--glare-transition-duration) var(--glare-ease)}.glare-container[data-transition=zoom-in-out] .glare-slide--current{animation:glare-zoom-inout var(--glare-transition-duration) var(--glare-ease)}@keyframes glare-circular{0%{transform:scale(.85) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}@keyframes glare-tube{0%{transform:scaleX(.2);opacity:0}to{transform:none;opacity:1}}@keyframes glare-rotate{0%{transform:rotate(12deg) scale(.92);opacity:0}to{transform:none;opacity:1}}@keyframes glare-zoom-inout{0%{transform:scale(1.18);opacity:0}to{transform:none;opacity:1}}.glare-container.glare-is-slideshow .glare-button--slideshow{color:var(--glare-accent)}.glare-container.glare-is-modal .glare-bg{pointer-events:none}@media(max-width:720px){.glare-space{padding:56px 16px 96px}.glare-button--prev,.glare-button--next{width:44px;height:44px}.glare-button--prev{left:8px}.glare-button--next{right:8px}.glare-toolbar{top:8px;right:8px;gap:4px;padding:4px}.glare-button{width:40px;height:40px}.glare-thumbs--y{display:none}.glare-infobar{top:12px;left:12px;font-size:12px}}@media(prefers-reduced-motion:reduce){.glare-container,.glare-slide,.glare-image,.glare-toolbar,.glare-infobar,.glare-navigation,.glare-caption,.glare-thumbs{transition:none!important;animation:none!important}}