@hopeplayer/core 1.0.14 → 1.0.16

package/dist/chunks/{index-Dy0Th0is.js → index-C3BQGcT3.js}

@@ -1,7 +1,7 @@
 var A = Object.defineProperty;
 var P = (h, t, e) => t in h ? A(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e;
 var r = (h, t, e) => P(h, typeof t != "symbol" ? t + "" : t, e);
-import { c as b } from "./index-Dz0E1YPE.js";
+import { c as b } from "./index-DEv3YqLg.js";
 const L = {
   startIndex: 0,
   loop: !0,
@@ -319,4 +319,4 @@ export {
   N as HopeStory,
   M as installStory
 };
-//# sourceMappingURL=index-Dy0Th0is.js.map
+//# sourceMappingURL=index-C3BQGcT3.js.map

package/dist/chunks/{index-Dy0Th0is.js.map → index-C3BQGcT3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-Dy0Th0is.js","sources":["../../src/plugins/story/HopeStory.ts","../../src/plugins/story/index.ts"],"sourcesContent":["import { createIcon } from '../../icons/Icon';\nimport type { PlayableItem, StoryOptions } from '../../types';\nimport type { HopeLocaleStrings } from '../../i18n/types';\n\nexport interface StoryPlayerContext {\n    videoEl: HTMLVideoElement;\n    hostEl: HTMLElement;\n    /** .video-area — story aktifken 9:16'ya çevrilir (data-story attribute ile), destroy'da geri alınır. */\n    videoAreaEl: HTMLElement;\n    /** Gerçek player gövdesi (.media-layer + chrome + center-play-button) — orta pane'e taşınır, destroy'da geri alınır. */\n    playerBodyEls: HTMLElement[];\n    loadSource(src: string, type?: string): Promise<void>;\n    setPoster(url: string): void;\n    requestFreshAd(prerollTag?: string): void;\n    i18n: HopeLocaleStrings;\n}\n\ntype Dir = 'next' | 'prev';\n\nconst DEFAULTS: Required<Omit<StoryOptions, 'items' | 'adTagPreroll' | 'gestures' | 'ui'>> = {\n    startIndex: 0,\n    loop: true,\n    autoplayNext: true,\n    preferHls: true,\n    transitionMs: 380,\n    adsOnItemChange: true,\n};\n\n/** Dikey video akışı (Shorts/Story): tek <video>, item değişiminde kaynak değişir. */\nexport class HopeStory {\n    private readonly options: Required<Omit<StoryOptions, 'items' | 'adTagPreroll' | 'gestures' | 'ui'>>;\n    private readonly gestureOpts: Required<NonNullable<StoryOptions['gestures']>>;\n    private readonly uiOpts: Required<NonNullable<StoryOptions['ui']>>;\n    private readonly items: PlayableItem[];\n\n    private index: number;\n    private destroyed = false;\n    private switching = false;\n    private listOpen = false;\n    private userHasStartedPlayback = false;\n    private lastAdsIndex: number | null = null;\n    private wheelAccum = 0;\n    private lastNavAt = 0;\n    private drag: { startY: number; startX: number; dy: number; active: boolean; id: number } | null = null;\n\n    private readonly els: {\n        viewport: HTMLElement;\n        track: HTMLElement;\n        panePrev: HTMLElement;\n        paneCurrent: HTMLElement;\n        paneNext: HTMLElement;\n        overlay: HTMLElement;\n        counter: HTMLElement;\n        titleEl: HTMLElement;\n        spotEl: HTMLElement;\n        dots: HTMLElement;\n        progressBar: HTMLElement;\n        upBtn: HTMLButtonElement;\n        downBtn: HTMLButtonElement;\n        listBtn: HTMLButtonElement;\n        panel: HTMLElement;\n        grid: HTMLElement;\n    };\n\n    constructor(\n        private readonly ctx: StoryPlayerContext,\n        private readonly rawOptions: StoryOptions\n    ) {\n        this.options = { ...DEFAULTS, ...rawOptions };\n        this.gestureOpts = {\n            swipe: true,\n            swipeThreshold: 0.12,\n            wheel: true,\n            wheelThreshold: 42,\n            wheelCooldownMs: 620,\n            keyboard: true,\n            ...rawOptions.gestures,\n        };\n        this.uiOpts = { counter: true, title: true, spot: true, dots: true, progress: true, ...rawOptions.ui };\n        this.items = Array.isArray(rawOptions.items) ? rawOptions.items : [];\n        this.index = this.clamp(this.options.startIndex);\n\n        this.els = this.buildDom();\n        this.bindEvents();\n        this.syncUi();\n        this.preloadNeighbours();\n\n        if (this.items.length) void this.loadItem(this.index, { isStart: true });\n    }\n\n    refreshLabels(): void {\n        this.els.upBtn.setAttribute('aria-label', this.ctx.i18n.storyPrev);\n        this.els.downBtn.setAttribute('aria-label', this.ctx.i18n.storyNext);\n        this.els.listBtn.setAttribute('aria-label', this.ctx.i18n.storyAllVideos);\n        this.renderList(this.els.grid);\n    }\n\n    destroy(): void {\n        if (this.destroyed) return;\n        this.destroyed = true;\n\n        this.ctx.videoEl.removeEventListener('ended', this.onEnded);\n        this.ctx.videoEl.removeEventListener('playing', this.onPlaying);\n        this.ctx.videoEl.removeEventListener('play', this.onFirstPlay);\n        this.ctx.videoEl.removeEventListener('timeupdate', this.onTimeUpdate);\n        this.els.viewport.removeEventListener('wheel', this.onWheel);\n        this.els.viewport.removeEventListener('pointerdown', this.onPointerDown);\n        window.removeEventListener('pointermove', this.onPointerMove);\n        window.removeEventListener('pointerup', this.onPointerUp);\n        document.removeEventListener('keydown', this.onKeyDown);\n\n        // player gövdesini .video-area'ya geri taşı, story DOM'unu kaldır.\n        this.ctx.playerBodyEls.forEach((el) => this.ctx.videoAreaEl.appendChild(el));\n        this.ctx.videoAreaEl.removeAttribute('data-story');\n        this.els.viewport.remove();\n        this.els.panel.remove();\n    }\n\n    // ── public api ──\n\n    next(userInitiated = true): void {\n        const target = this.index + 1;\n        if (target >= this.items.length) {\n            if (!this.options.loop) return;\n            void this.goTo(0, 'next', userInitiated);\n            return;\n        }\n        void this.goTo(target, 'next', userInitiated);\n    }\n\n    prev(userInitiated = true): void {\n        const target = this.index - 1;\n        if (target < 0) {\n            if (!this.options.loop) return;\n            void this.goTo(this.items.length - 1, 'prev', userInitiated);\n            return;\n        }\n        void this.goTo(target, 'prev', userInitiated);\n    }\n\n    async goTo(target: number, direction: Dir | null = null, userInitiated = true): Promise<void> {\n        if (this.destroyed || this.switching) return;\n        const i = this.clamp(target);\n        if (i === this.index) return;\n\n        const dir = direction || (i > this.index ? 'next' : 'prev');\n        this.switching = true;\n        try {\n            this.fillPane(dir, this.items[i]);\n            await this.animate(dir);\n            this.index = i;\n            this.syncUi();\n            await this.loadItem(i, { userInitiated });\n            this.preloadNeighbours();\n        } finally {\n            this.switching = false;\n        }\n    }\n\n    toggleList(force?: boolean): void {\n        this.listOpen = typeof force === 'boolean' ? force : !this.listOpen;\n        this.els.panel.setAttribute('aria-hidden', this.listOpen ? 'false' : 'true');\n        this.els.listBtn.setAttribute('aria-expanded', this.listOpen ? 'true' : 'false');\n        // translate-x/-y utility yerine inline transform: Shadow DOM'da tek eksenli Tailwind translate 'none' oluyor.\n        this.els.panel.style.transform = this.listOpen ? 'translateX(0)' : 'translateX(100%)';\n    }\n\n    // ── dom ──\n\n    private buildDom() {\n        this.ctx.videoAreaEl.setAttribute('data-story', '1');\n\n        const viewport = document.createElement('div');\n        viewport.className = 'hp:absolute hp:inset-0 hp:overflow-hidden hp:touch-none';\n        viewport.setAttribute('tabindex', '0');\n\n        const track = document.createElement('div');\n        track.className = 'hp:relative hp:w-full';\n        track.style.height = '300%';\n        track.style.transform = 'translate3d(0,-33.3333%,0)';\n        track.style.transition = `transform ${this.options.transitionMs}ms ease`;\n\n        const panePrev = this.createPane();\n        const paneCurrent = document.createElement('div');\n        paneCurrent.className = 'hp:absolute hp:inset-x-0 hp:h-1/3';\n        paneCurrent.style.top = '33.3333%';\n        const paneNext = this.createPane();\n        paneNext.style.top = '66.6667%';\n\n        // Gerçek player gövdesini orta pane'e taşı.\n        this.ctx.playerBodyEls.forEach((el) => paneCurrent.appendChild(el));\n\n        track.append(panePrev, paneCurrent, paneNext);\n        viewport.appendChild(track);\n\n        const overlay = document.createElement('div');\n        overlay.className = 'hp:absolute hp:inset-0 hp:z-20 hp:pointer-events-none hp:flex hp:flex-col hp:justify-between hp:p-3';\n\n        const progressBar = document.createElement('div');\n        progressBar.className = 'hp:h-0.5 hp:bg-white/30 hp:rounded-full hp:overflow-hidden';\n        const progressFill = document.createElement('div');\n        progressFill.className = 'hp:h-full hp:bg-accent hp:w-0';\n        progressBar.appendChild(progressFill);\n\n        const meta = document.createElement('div');\n        meta.className = 'hp:flex hp:flex-col hp:gap-0.5 hp:text-white hp:drop-shadow hp:mt-2 hp:pointer-events-auto';\n        const counter = document.createElement('span');\n        counter.setAttribute('part', 'story-counter');\n        counter.className = 'hp:text-xs hp:opacity-80';\n        const titleEl = document.createElement('strong');\n        titleEl.className = 'hp:text-sm';\n        const spotEl = document.createElement('span');\n        spotEl.className = 'hp:text-xs hp:opacity-80';\n        meta.append(counter, titleEl, spotEl);\n\n        const dots = document.createElement('div');\n        dots.className = 'hp:absolute hp:right-2 hp:top-1/2 hp-center-y hp:flex hp:flex-col hp:gap-1 hp:pointer-events-none';\n\n        const navWrap = document.createElement('div');\n        navWrap.className = 'hp:flex hp:flex-col hp:gap-2 hp:self-end hp:pointer-events-auto hp:mb-16';\n        const upBtn = this.navBtn('chevron-left', this.ctx.i18n.storyPrev);\n        upBtn.style.transform = 'rotate(90deg)';\n        const downBtn = this.navBtn('chevron-left', this.ctx.i18n.storyNext);\n        downBtn.style.transform = 'rotate(-90deg)';\n        navWrap.append(upBtn, downBtn);\n\n        const listBtn = document.createElement('button');\n        listBtn.type = 'button';\n        listBtn.setAttribute('aria-label', this.ctx.i18n.storyAllVideos);\n        listBtn.setAttribute('aria-expanded', 'false');\n        // Konum tailwind.css `.hp-story-list-btn` — dar (dikey) player'da üst bara (ayarlar/PiP) taşınan butonların altında.\n        listBtn.className =\n            'hp-story-list-btn hp:absolute hp:flex hp:items-center hp:justify-center hp:w-9 hp:h-9 hp:rounded-full ' +\n            'hp:bg-black/40 hp:text-white hp:border-0 hp:cursor-pointer hp:pointer-events-auto';\n        listBtn.setAttribute('part', 'story-list-button');\n        listBtn.appendChild(createIcon('grid', 'hp:text-base'));\n\n        overlay.append(progressBar, meta, dots, navWrap, listBtn);\n\n        const panel = document.createElement('aside');\n        panel.className =\n            'hp:absolute hp:inset-y-0 hp:right-0 hp:w-72 hp:max-w-[80%] hp:bg-surface-elev hp:z-30 hp:overflow-y-auto hp:p-3 ' +\n            'hp:transition-transform hp:duration-300';\n        panel.style.transform = 'translateX(100%)';\n        panel.setAttribute('aria-hidden', 'true');\n        const grid = document.createElement('div');\n        grid.className = 'hp:flex hp:flex-col hp:gap-2 hp:mt-8';\n        panel.appendChild(grid);\n\n        this.ctx.videoAreaEl.append(viewport, overlay, panel);\n\n        this.renderList(grid);\n\n        return {\n            viewport, track, panePrev, paneCurrent, paneNext, overlay,\n            counter, titleEl, spotEl, dots, progressBar: progressFill,\n            upBtn, downBtn, listBtn, panel, grid,\n        };\n    }\n\n    private createPane(): HTMLElement {\n        const pane = document.createElement('div');\n        pane.className = 'hp:absolute hp:inset-x-0 hp:h-1/3 hp:bg-cover hp:bg-center hp:bg-black';\n        return pane;\n    }\n\n    private navBtn(iconName: string, label: string): HTMLButtonElement {\n        const btn = document.createElement('button');\n        btn.type = 'button';\n        btn.setAttribute('aria-label', label);\n        btn.className =\n            'hp:flex hp:items-center hp:justify-center hp:w-8 hp:h-8 hp:rounded-full hp:bg-black/40 hp:text-white hp:border-0 hp:cursor-pointer';\n        btn.appendChild(createIcon(iconName, 'hp:text-sm'));\n        return btn;\n    }\n\n    private fillPane(dir: Dir, item: PlayableItem | undefined): void {\n        const pane = dir === 'next' ? this.els.paneNext : this.els.panePrev;\n        const img = item?.image || '';\n        pane.style.backgroundImage = img ? `url(\"${img}\")` : 'none';\n    }\n\n    private animate(dir: Dir): Promise<void> {\n        const track = this.els.track;\n        return new Promise((resolve) => {\n            let done = false;\n            const finish = () => {\n                if (done) return;\n                done = true;\n                track.removeEventListener('transitionend', finish);\n                clearTimeout(timer);\n                track.style.transition = 'none';\n                track.style.transform = 'translate3d(0,-33.3333%,0)';\n                void track.offsetHeight;\n                track.style.transition = `transform ${this.options.transitionMs}ms ease`;\n                resolve();\n            };\n            track.addEventListener('transitionend', finish);\n            const timer = setTimeout(finish, this.options.transitionMs + 120);\n            track.style.transform = dir === 'next' ? 'translate3d(0,-66.6667%,0)' : 'translate3d(0,0,0)';\n        });\n    }\n\n    // ── source / playback ──\n\n    private async loadItem(i: number, opts: { userInitiated?: boolean; isStart?: boolean } = {}): Promise<void> {\n        const item = this.items[i];\n        if (!item) return;\n\n        const mode = this.resolveMode(item);\n        const payload = this.buildPayload(item, mode);\n        if (!payload) return;\n\n        this.ctx.videoEl.pause();\n        if (item.image) this.ctx.setPoster(item.image);\n        await this.ctx.loadSource(payload.src, payload.type);\n\n        if (this.options.adsOnItemChange && this.lastAdsIndex !== i) {\n            this.lastAdsIndex = i;\n            this.ctx.requestFreshAd(item.adTagPreroll || this.rawOptions.adTagPreroll);\n        }\n\n        if (this.shouldAutoPlay(opts)) {\n            try {\n                await this.ctx.videoEl.play();\n            } catch {\n                /* autoplay engellendi */\n            }\n        }\n    }\n\n    private shouldAutoPlay({ userInitiated, isStart }: { userInitiated?: boolean; isStart?: boolean }): boolean {\n        if (isStart) return !!this.ctx.videoEl.autoplay;\n        if (userInitiated) return true;\n        return this.options.autoplayNext && this.userHasStartedPlayback;\n    }\n\n    private resolveMode(item: PlayableItem): 'hls' | 'mp4' {\n        const hasHls = this.hasMode(item, 'hls');\n        const hasMp4 = this.hasMode(item, 'mp4');\n        if (this.options.preferHls) return hasHls ? 'hls' : hasMp4 ? 'mp4' : 'hls';\n        return hasMp4 ? 'mp4' : hasHls ? 'hls' : 'mp4';\n    }\n\n    private hasMode(item: PlayableItem, mode: 'hls' | 'mp4'): boolean {\n        return Array.isArray(item[mode]) && item[mode]!.some((v) => v?.src);\n    }\n\n    private buildPayload(item: PlayableItem, mode: 'hls' | 'mp4'): { src: string; type?: string } | null {\n        const list = (item[mode] || []).filter((v) => v?.src);\n        if (!list.length) return null;\n        const src = mode === 'mp4' ? list.find((v) => v.selected) || list[0] : list[0];\n        return { src: src!.src, type: src!.type || (mode === 'hls' ? 'application/x-mpegURL' : 'video/mp4') };\n    }\n\n    // ── preload ──\n\n    private preloadNeighbours(): void {\n        const nav = navigator as Navigator & { connection?: { saveData?: boolean } };\n        if (nav.connection?.saveData) return;\n\n        [this.wrapIndex(this.index + 1), this.wrapIndex(this.index - 1)].forEach((i) => {\n            if (i === this.index) return;\n            const item = this.items[i];\n            if (item?.image) {\n                const img = new Image();\n                img.decoding = 'async';\n                img.src = item.image;\n            }\n        });\n    }\n\n    // ── ui sync ──\n\n    private syncUi(): void {\n        const item = this.items[this.index];\n        const total = this.items.length;\n\n        if (this.uiOpts.counter) this.els.counter.textContent = `${this.index + 1} / ${total}`;\n        if (this.uiOpts.title) this.els.titleEl.textContent = item?.title || '';\n        if (this.uiOpts.spot) this.els.spotEl.textContent = item?.spot || '';\n\n        this.fillPane('prev', this.items[this.wrapIndex(this.index - 1)]);\n        this.fillPane('next', this.items[this.wrapIndex(this.index + 1)]);\n\n        const atStart = !this.options.loop && this.index === 0;\n        const atEnd = !this.options.loop && this.index === total - 1;\n        this.els.upBtn.disabled = atStart;\n        this.els.downBtn.disabled = atEnd;\n\n        if (this.uiOpts.dots) {\n            if (this.els.dots.children.length !== total) {\n                this.els.dots.innerHTML = '';\n                for (let i = 0; i < total; i++) {\n                    const dot = document.createElement('i');\n                    dot.className = 'hp:block hp:w-1 hp:h-1 hp:rounded-full hp:bg-white/40';\n                    this.els.dots.appendChild(dot);\n                }\n            }\n            Array.from(this.els.dots.children).forEach((el, i) => {\n                (el as HTMLElement).className = `hp:block hp:w-1 hp:h-1 hp:rounded-full ${i === this.index ? 'hp:bg-white' : 'hp:bg-white/40'}`;\n            });\n        }\n\n        this.setActiveThumb();\n        this.ctx.hostEl.dispatchEvent(new CustomEvent('hp:itemchange', { detail: { index: this.index, source: 'story' } }));\n    }\n\n    private renderList(grid: HTMLElement): void {\n        grid.innerHTML = '';\n        this.items.forEach((item, i) => {\n            const btn = document.createElement('button');\n            btn.type = 'button';\n            btn.className = 'hp:flex hp:items-center hp:gap-2 hp:w-full hp:p-1.5 hp:rounded hp:text-left hp:text-on-surface hp:bg-transparent hp:border-0 hp:cursor-pointer hp:hover:bg-on-surface/5';\n            btn.dataset.index = String(i);\n            if (item.image) {\n                const img = document.createElement('img');\n                img.src = item.image;\n                img.loading = 'lazy';\n                img.className = 'hp:w-14 hp:aspect-[9/16] hp:object-cover hp:rounded hp:shrink-0';\n                btn.appendChild(img);\n            }\n            const title = document.createElement('span');\n            title.className = 'hp:text-xs hp:truncate';\n            title.textContent = item.title || this.ctx.i18n.videoFallbackTitle(i);\n            btn.appendChild(title);\n            btn.addEventListener('click', () => {\n                this.toggleList(false);\n                void this.goTo(i);\n            });\n            grid.appendChild(btn);\n        });\n    }\n\n    private setActiveThumb(): void {\n        Array.from(this.els.grid.children).forEach((el, i) => {\n            el.classList.toggle('hp:bg-accent/15', i === this.index);\n        });\n    }\n\n    // ── events ──\n\n    private bindEvents(): void {\n        this.ctx.videoEl.addEventListener('ended', this.onEnded);\n        this.ctx.videoEl.addEventListener('playing', this.onPlaying);\n        this.ctx.videoEl.addEventListener('play', this.onFirstPlay);\n        if (this.uiOpts.progress) this.ctx.videoEl.addEventListener('timeupdate', this.onTimeUpdate);\n\n        this.els.upBtn.addEventListener('click', () => this.prev());\n        this.els.downBtn.addEventListener('click', () => this.next());\n        this.els.listBtn.addEventListener('click', () => this.toggleList());\n\n        this.els.grid.parentElement?.addEventListener('keydown', (e) => {\n            if ((e as KeyboardEvent).key === 'Escape') this.toggleList(false);\n        });\n\n        if (this.gestureOpts.wheel) this.els.viewport.addEventListener('wheel', this.onWheel, { passive: false });\n        if (this.gestureOpts.swipe) {\n            this.els.viewport.addEventListener('pointerdown', this.onPointerDown);\n            window.addEventListener('pointermove', this.onPointerMove, { passive: false });\n            window.addEventListener('pointerup', this.onPointerUp);\n        }\n        if (this.gestureOpts.keyboard) document.addEventListener('keydown', this.onKeyDown);\n    }\n\n    private readonly onEnded = (): void => {\n        if (!this.options.autoplayNext) return;\n        if (!this.options.loop && this.index === this.items.length - 1) return;\n        this.next(false);\n    };\n\n    private readonly onPlaying = (): void => {};\n\n    private readonly onFirstPlay = (): void => {\n        this.userHasStartedPlayback = true;\n    };\n\n    private readonly onTimeUpdate = (): void => {\n        const dur = this.ctx.videoEl.duration || 0;\n        const cur = this.ctx.videoEl.currentTime || 0;\n        this.els.progressBar.style.width = dur > 0 ? `${Math.min(100, (cur / dur) * 100)}%` : '0%';\n    };\n\n    private readonly onWheel = (e: WheelEvent): void => {\n        if (this.switching) {\n            e.preventDefault();\n            return;\n        }\n        const dir: Dir = e.deltaY > 0 ? 'next' : 'prev';\n        if (!this.canGo(dir)) return;\n        e.preventDefault();\n\n        const now = Date.now();\n        if (now - this.lastNavAt < this.gestureOpts.wheelCooldownMs) return;\n        this.wheelAccum += e.deltaY;\n        if (Math.abs(this.wheelAccum) < this.gestureOpts.wheelThreshold) return;\n        this.wheelAccum = 0;\n        this.lastNavAt = now;\n        dir === 'next' ? this.next() : this.prev();\n    };\n\n    private readonly onPointerDown = (e: PointerEvent): void => {\n        if (this.switching || this.listOpen) return;\n        if (e.pointerType === 'mouse' && e.button !== 0) return;\n        this.drag = { startY: e.clientY, startX: e.clientX, dy: 0, active: false, id: e.pointerId };\n    };\n\n    private readonly onPointerMove = (e: PointerEvent): void => {\n        const drag = this.drag;\n        if (!drag || e.pointerId !== drag.id) return;\n        const dy = e.clientY - drag.startY;\n        const dx = e.clientX - drag.startX;\n\n        if (!drag.active) {\n            if (Math.abs(dy) < 10 || Math.abs(dy) < Math.abs(dx)) return;\n            drag.active = true;\n            this.els.track.style.transition = 'none';\n        }\n        e.preventDefault();\n\n        const h = this.els.viewport.clientHeight || 1;\n        const resisted = this.canGo(dy < 0 ? 'next' : 'prev') ? dy : dy * 0.25;\n        drag.dy = resisted;\n\n        const pct = -33.3333 + (resisted / h) * 33.3333;\n        this.els.track.style.transform = `translate3d(0, ${pct}%, 0)`;\n    };\n\n    private readonly onPointerUp = (): void => {\n        const drag = this.drag;\n        this.drag = null;\n        if (!drag?.active) return;\n\n        const h = this.els.viewport.clientHeight || 1;\n        const ratio = Math.abs(drag.dy) / h;\n        const dir: Dir = drag.dy < 0 ? 'next' : 'prev';\n\n        this.els.track.style.transition = `transform ${this.options.transitionMs}ms ease`;\n        if (ratio >= this.gestureOpts.swipeThreshold && this.canGo(dir)) {\n            this.els.track.style.transform = 'translate3d(0,-33.3333%,0)';\n            dir === 'next' ? this.next() : this.prev();\n        } else {\n            this.els.track.style.transform = 'translate3d(0,-33.3333%,0)';\n        }\n    };\n\n    private readonly onKeyDown = (e: KeyboardEvent): void => {\n        if (this.destroyed) return;\n        if (e.key === 'Escape' && this.listOpen) {\n            this.toggleList(false);\n            return;\n        }\n        const tag = document.activeElement?.tagName;\n        if (tag === 'INPUT' || tag === 'TEXTAREA') return;\n        if (!this.isInViewport()) return;\n\n        if (e.key === 'ArrowDown' || e.key === 'PageDown' || e.key === 'j') {\n            e.preventDefault();\n            this.next();\n        } else if (e.key === 'ArrowUp' || e.key === 'PageUp' || e.key === 'k') {\n            e.preventDefault();\n            this.prev();\n        }\n    };\n\n    // ── helpers ──\n\n    private canGo(dir: Dir): boolean {\n        if (this.options.loop) return this.items.length > 1;\n        return dir === 'next' ? this.index < this.items.length - 1 : this.index > 0;\n    }\n\n    private isInViewport(): boolean {\n        const r = this.ctx.hostEl.getBoundingClientRect();\n        return r.bottom > 0 && r.top < (window.innerHeight || 0);\n    }\n\n    private clamp(i: number): number {\n        if (!Number.isFinite(i) || !this.items.length) return 0;\n        return Math.max(0, Math.min(this.items.length - 1, Math.trunc(i)));\n    }\n\n    private wrapIndex(i: number): number {\n        const n = this.items.length;\n        if (!n) return 0;\n        if (this.options.loop) return ((i % n) + n) % n;\n        return this.clamp(i);\n    }\n}\n","import { HopeStory, type StoryPlayerContext } from './HopeStory';\nimport type { StoryOptions } from '../../types';\n\nexport function installStory(ctx: StoryPlayerContext, options: StoryOptions): HopeStory {\n    return new HopeStory(ctx, options);\n}\n\nexport { HopeStory };\nexport type { StoryPlayerContext };\n"],"names":["DEFAULTS","HopeStory","ctx","rawOptions","__publicField","dur","cur","e","dir","now","drag","dy","dx","h","resisted","pct","ratio","tag","_a","el","userInitiated","target","direction","force","viewport","track","panePrev","paneCurrent","paneNext","overlay","progressBar","progressFill","meta","counter","titleEl","spotEl","dots","navWrap","upBtn","downBtn","listBtn","createIcon","panel","grid","pane","iconName","label","btn","item","img","resolve","done","finish","timer","i","opts","mode","payload","isStart","hasHls","hasMp4","v","list","src","total","atStart","atEnd","dot","title","r","n","installStory","options"],"mappings":"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"}
+{"version":3,"file":"index-C3BQGcT3.js","sources":["../../src/plugins/story/HopeStory.ts","../../src/plugins/story/index.ts"],"sourcesContent":["import { createIcon } from '../../icons/Icon';\nimport type { PlayableItem, StoryOptions } from '../../types';\nimport type { HopeLocaleStrings } from '../../i18n/types';\n\nexport interface StoryPlayerContext {\n    videoEl: HTMLVideoElement;\n    hostEl: HTMLElement;\n    /** .video-area — story aktifken 9:16'ya çevrilir (data-story attribute ile), destroy'da geri alınır. */\n    videoAreaEl: HTMLElement;\n    /** Gerçek player gövdesi (.media-layer + chrome + center-play-button) — orta pane'e taşınır, destroy'da geri alınır. */\n    playerBodyEls: HTMLElement[];\n    loadSource(src: string, type?: string): Promise<void>;\n    setPoster(url: string): void;\n    requestFreshAd(prerollTag?: string): void;\n    i18n: HopeLocaleStrings;\n}\n\ntype Dir = 'next' | 'prev';\n\nconst DEFAULTS: Required<Omit<StoryOptions, 'items' | 'adTagPreroll' | 'gestures' | 'ui'>> = {\n    startIndex: 0,\n    loop: true,\n    autoplayNext: true,\n    preferHls: true,\n    transitionMs: 380,\n    adsOnItemChange: true,\n};\n\n/** Dikey video akışı (Shorts/Story): tek <video>, item değişiminde kaynak değişir. */\nexport class HopeStory {\n    private readonly options: Required<Omit<StoryOptions, 'items' | 'adTagPreroll' | 'gestures' | 'ui'>>;\n    private readonly gestureOpts: Required<NonNullable<StoryOptions['gestures']>>;\n    private readonly uiOpts: Required<NonNullable<StoryOptions['ui']>>;\n    private readonly items: PlayableItem[];\n\n    private index: number;\n    private destroyed = false;\n    private switching = false;\n    private listOpen = false;\n    private userHasStartedPlayback = false;\n    private lastAdsIndex: number | null = null;\n    private wheelAccum = 0;\n    private lastNavAt = 0;\n    private drag: { startY: number; startX: number; dy: number; active: boolean; id: number } | null = null;\n\n    private readonly els: {\n        viewport: HTMLElement;\n        track: HTMLElement;\n        panePrev: HTMLElement;\n        paneCurrent: HTMLElement;\n        paneNext: HTMLElement;\n        overlay: HTMLElement;\n        counter: HTMLElement;\n        titleEl: HTMLElement;\n        spotEl: HTMLElement;\n        dots: HTMLElement;\n        progressBar: HTMLElement;\n        upBtn: HTMLButtonElement;\n        downBtn: HTMLButtonElement;\n        listBtn: HTMLButtonElement;\n        panel: HTMLElement;\n        grid: HTMLElement;\n    };\n\n    constructor(\n        private readonly ctx: StoryPlayerContext,\n        private readonly rawOptions: StoryOptions\n    ) {\n        this.options = { ...DEFAULTS, ...rawOptions };\n        this.gestureOpts = {\n            swipe: true,\n            swipeThreshold: 0.12,\n            wheel: true,\n            wheelThreshold: 42,\n            wheelCooldownMs: 620,\n            keyboard: true,\n            ...rawOptions.gestures,\n        };\n        this.uiOpts = { counter: true, title: true, spot: true, dots: true, progress: true, ...rawOptions.ui };\n        this.items = Array.isArray(rawOptions.items) ? rawOptions.items : [];\n        this.index = this.clamp(this.options.startIndex);\n\n        this.els = this.buildDom();\n        this.bindEvents();\n        this.syncUi();\n        this.preloadNeighbours();\n\n        if (this.items.length) void this.loadItem(this.index, { isStart: true });\n    }\n\n    refreshLabels(): void {\n        this.els.upBtn.setAttribute('aria-label', this.ctx.i18n.storyPrev);\n        this.els.downBtn.setAttribute('aria-label', this.ctx.i18n.storyNext);\n        this.els.listBtn.setAttribute('aria-label', this.ctx.i18n.storyAllVideos);\n        this.renderList(this.els.grid);\n    }\n\n    destroy(): void {\n        if (this.destroyed) return;\n        this.destroyed = true;\n\n        this.ctx.videoEl.removeEventListener('ended', this.onEnded);\n        this.ctx.videoEl.removeEventListener('playing', this.onPlaying);\n        this.ctx.videoEl.removeEventListener('play', this.onFirstPlay);\n        this.ctx.videoEl.removeEventListener('timeupdate', this.onTimeUpdate);\n        this.els.viewport.removeEventListener('wheel', this.onWheel);\n        this.els.viewport.removeEventListener('pointerdown', this.onPointerDown);\n        window.removeEventListener('pointermove', this.onPointerMove);\n        window.removeEventListener('pointerup', this.onPointerUp);\n        document.removeEventListener('keydown', this.onKeyDown);\n\n        // player gövdesini .video-area'ya geri taşı, story DOM'unu kaldır.\n        this.ctx.playerBodyEls.forEach((el) => this.ctx.videoAreaEl.appendChild(el));\n        this.ctx.videoAreaEl.removeAttribute('data-story');\n        this.els.viewport.remove();\n        this.els.panel.remove();\n    }\n\n    // ── public api ──\n\n    next(userInitiated = true): void {\n        const target = this.index + 1;\n        if (target >= this.items.length) {\n            if (!this.options.loop) return;\n            void this.goTo(0, 'next', userInitiated);\n            return;\n        }\n        void this.goTo(target, 'next', userInitiated);\n    }\n\n    prev(userInitiated = true): void {\n        const target = this.index - 1;\n        if (target < 0) {\n            if (!this.options.loop) return;\n            void this.goTo(this.items.length - 1, 'prev', userInitiated);\n            return;\n        }\n        void this.goTo(target, 'prev', userInitiated);\n    }\n\n    async goTo(target: number, direction: Dir | null = null, userInitiated = true): Promise<void> {\n        if (this.destroyed || this.switching) return;\n        const i = this.clamp(target);\n        if (i === this.index) return;\n\n        const dir = direction || (i > this.index ? 'next' : 'prev');\n        this.switching = true;\n        try {\n            this.fillPane(dir, this.items[i]);\n            await this.animate(dir);\n            this.index = i;\n            this.syncUi();\n            await this.loadItem(i, { userInitiated });\n            this.preloadNeighbours();\n        } finally {\n            this.switching = false;\n        }\n    }\n\n    toggleList(force?: boolean): void {\n        this.listOpen = typeof force === 'boolean' ? force : !this.listOpen;\n        this.els.panel.setAttribute('aria-hidden', this.listOpen ? 'false' : 'true');\n        this.els.listBtn.setAttribute('aria-expanded', this.listOpen ? 'true' : 'false');\n        // translate-x/-y utility yerine inline transform: Shadow DOM'da tek eksenli Tailwind translate 'none' oluyor.\n        this.els.panel.style.transform = this.listOpen ? 'translateX(0)' : 'translateX(100%)';\n    }\n\n    // ── dom ──\n\n    private buildDom() {\n        this.ctx.videoAreaEl.setAttribute('data-story', '1');\n\n        const viewport = document.createElement('div');\n        viewport.className = 'hp:absolute hp:inset-0 hp:overflow-hidden hp:touch-none';\n        viewport.setAttribute('tabindex', '0');\n\n        const track = document.createElement('div');\n        track.className = 'hp:relative hp:w-full';\n        track.style.height = '300%';\n        track.style.transform = 'translate3d(0,-33.3333%,0)';\n        track.style.transition = `transform ${this.options.transitionMs}ms ease`;\n\n        const panePrev = this.createPane();\n        const paneCurrent = document.createElement('div');\n        paneCurrent.className = 'hp:absolute hp:inset-x-0 hp:h-1/3';\n        paneCurrent.style.top = '33.3333%';\n        const paneNext = this.createPane();\n        paneNext.style.top = '66.6667%';\n\n        // Gerçek player gövdesini orta pane'e taşı.\n        this.ctx.playerBodyEls.forEach((el) => paneCurrent.appendChild(el));\n\n        track.append(panePrev, paneCurrent, paneNext);\n        viewport.appendChild(track);\n\n        const overlay = document.createElement('div');\n        overlay.className = 'hp:absolute hp:inset-0 hp:z-20 hp:pointer-events-none hp:flex hp:flex-col hp:justify-between hp:p-3';\n\n        const progressBar = document.createElement('div');\n        progressBar.className = 'hp:h-0.5 hp:bg-white/30 hp:rounded-full hp:overflow-hidden';\n        const progressFill = document.createElement('div');\n        progressFill.className = 'hp:h-full hp:bg-accent hp:w-0';\n        progressBar.appendChild(progressFill);\n\n        const meta = document.createElement('div');\n        meta.className = 'hp:flex hp:flex-col hp:gap-0.5 hp:text-white hp:drop-shadow hp:mt-2 hp:pointer-events-auto';\n        const counter = document.createElement('span');\n        counter.setAttribute('part', 'story-counter');\n        counter.className = 'hp:text-xs hp:opacity-80';\n        const titleEl = document.createElement('strong');\n        titleEl.className = 'hp:text-sm';\n        const spotEl = document.createElement('span');\n        spotEl.className = 'hp:text-xs hp:opacity-80';\n        meta.append(counter, titleEl, spotEl);\n\n        const dots = document.createElement('div');\n        dots.className = 'hp:absolute hp:right-2 hp:top-1/2 hp-center-y hp:flex hp:flex-col hp:gap-1 hp:pointer-events-none';\n\n        const navWrap = document.createElement('div');\n        navWrap.className = 'hp:flex hp:flex-col hp:gap-2 hp:self-end hp:pointer-events-auto hp:mb-16';\n        const upBtn = this.navBtn('chevron-left', this.ctx.i18n.storyPrev);\n        upBtn.style.transform = 'rotate(90deg)';\n        const downBtn = this.navBtn('chevron-left', this.ctx.i18n.storyNext);\n        downBtn.style.transform = 'rotate(-90deg)';\n        navWrap.append(upBtn, downBtn);\n\n        const listBtn = document.createElement('button');\n        listBtn.type = 'button';\n        listBtn.setAttribute('aria-label', this.ctx.i18n.storyAllVideos);\n        listBtn.setAttribute('aria-expanded', 'false');\n        // Konum tailwind.css `.hp-story-list-btn` — dar (dikey) player'da üst bara (ayarlar/PiP) taşınan butonların altında.\n        listBtn.className =\n            'hp-story-list-btn hp:absolute hp:flex hp:items-center hp:justify-center hp:w-9 hp:h-9 hp:rounded-full ' +\n            'hp:bg-black/40 hp:text-white hp:border-0 hp:cursor-pointer hp:pointer-events-auto';\n        listBtn.setAttribute('part', 'story-list-button');\n        listBtn.appendChild(createIcon('grid', 'hp:text-base'));\n\n        overlay.append(progressBar, meta, dots, navWrap, listBtn);\n\n        const panel = document.createElement('aside');\n        panel.className =\n            'hp:absolute hp:inset-y-0 hp:right-0 hp:w-72 hp:max-w-[80%] hp:bg-surface-elev hp:z-30 hp:overflow-y-auto hp:p-3 ' +\n            'hp:transition-transform hp:duration-300';\n        panel.style.transform = 'translateX(100%)';\n        panel.setAttribute('aria-hidden', 'true');\n        const grid = document.createElement('div');\n        grid.className = 'hp:flex hp:flex-col hp:gap-2 hp:mt-8';\n        panel.appendChild(grid);\n\n        this.ctx.videoAreaEl.append(viewport, overlay, panel);\n\n        this.renderList(grid);\n\n        return {\n            viewport, track, panePrev, paneCurrent, paneNext, overlay,\n            counter, titleEl, spotEl, dots, progressBar: progressFill,\n            upBtn, downBtn, listBtn, panel, grid,\n        };\n    }\n\n    private createPane(): HTMLElement {\n        const pane = document.createElement('div');\n        pane.className = 'hp:absolute hp:inset-x-0 hp:h-1/3 hp:bg-cover hp:bg-center hp:bg-black';\n        return pane;\n    }\n\n    private navBtn(iconName: string, label: string): HTMLButtonElement {\n        const btn = document.createElement('button');\n        btn.type = 'button';\n        btn.setAttribute('aria-label', label);\n        btn.className =\n            'hp:flex hp:items-center hp:justify-center hp:w-8 hp:h-8 hp:rounded-full hp:bg-black/40 hp:text-white hp:border-0 hp:cursor-pointer';\n        btn.appendChild(createIcon(iconName, 'hp:text-sm'));\n        return btn;\n    }\n\n    private fillPane(dir: Dir, item: PlayableItem | undefined): void {\n        const pane = dir === 'next' ? this.els.paneNext : this.els.panePrev;\n        const img = item?.image || '';\n        pane.style.backgroundImage = img ? `url(\"${img}\")` : 'none';\n    }\n\n    private animate(dir: Dir): Promise<void> {\n        const track = this.els.track;\n        return new Promise((resolve) => {\n            let done = false;\n            const finish = () => {\n                if (done) return;\n                done = true;\n                track.removeEventListener('transitionend', finish);\n                clearTimeout(timer);\n                track.style.transition = 'none';\n                track.style.transform = 'translate3d(0,-33.3333%,0)';\n                void track.offsetHeight;\n                track.style.transition = `transform ${this.options.transitionMs}ms ease`;\n                resolve();\n            };\n            track.addEventListener('transitionend', finish);\n            const timer = setTimeout(finish, this.options.transitionMs + 120);\n            track.style.transform = dir === 'next' ? 'translate3d(0,-66.6667%,0)' : 'translate3d(0,0,0)';\n        });\n    }\n\n    // ── source / playback ──\n\n    private async loadItem(i: number, opts: { userInitiated?: boolean; isStart?: boolean } = {}): Promise<void> {\n        const item = this.items[i];\n        if (!item) return;\n\n        const mode = this.resolveMode(item);\n        const payload = this.buildPayload(item, mode);\n        if (!payload) return;\n\n        this.ctx.videoEl.pause();\n        if (item.image) this.ctx.setPoster(item.image);\n        await this.ctx.loadSource(payload.src, payload.type);\n\n        if (this.options.adsOnItemChange && this.lastAdsIndex !== i) {\n            this.lastAdsIndex = i;\n            this.ctx.requestFreshAd(item.adTagPreroll || this.rawOptions.adTagPreroll);\n        }\n\n        if (this.shouldAutoPlay(opts)) {\n            try {\n                await this.ctx.videoEl.play();\n            } catch {\n                /* autoplay engellendi */\n            }\n        }\n    }\n\n    private shouldAutoPlay({ userInitiated, isStart }: { userInitiated?: boolean; isStart?: boolean }): boolean {\n        if (isStart) return !!this.ctx.videoEl.autoplay;\n        if (userInitiated) return true;\n        return this.options.autoplayNext && this.userHasStartedPlayback;\n    }\n\n    private resolveMode(item: PlayableItem): 'hls' | 'mp4' {\n        const hasHls = this.hasMode(item, 'hls');\n        const hasMp4 = this.hasMode(item, 'mp4');\n        if (this.options.preferHls) return hasHls ? 'hls' : hasMp4 ? 'mp4' : 'hls';\n        return hasMp4 ? 'mp4' : hasHls ? 'hls' : 'mp4';\n    }\n\n    private hasMode(item: PlayableItem, mode: 'hls' | 'mp4'): boolean {\n        return Array.isArray(item[mode]) && item[mode]!.some((v) => v?.src);\n    }\n\n    private buildPayload(item: PlayableItem, mode: 'hls' | 'mp4'): { src: string; type?: string } | null {\n        const list = (item[mode] || []).filter((v) => v?.src);\n        if (!list.length) return null;\n        const src = mode === 'mp4' ? list.find((v) => v.selected) || list[0] : list[0];\n        return { src: src!.src, type: src!.type || (mode === 'hls' ? 'application/x-mpegURL' : 'video/mp4') };\n    }\n\n    // ── preload ──\n\n    private preloadNeighbours(): void {\n        const nav = navigator as Navigator & { connection?: { saveData?: boolean } };\n        if (nav.connection?.saveData) return;\n\n        [this.wrapIndex(this.index + 1), this.wrapIndex(this.index - 1)].forEach((i) => {\n            if (i === this.index) return;\n            const item = this.items[i];\n            if (item?.image) {\n                const img = new Image();\n                img.decoding = 'async';\n                img.src = item.image;\n            }\n        });\n    }\n\n    // ── ui sync ──\n\n    private syncUi(): void {\n        const item = this.items[this.index];\n        const total = this.items.length;\n\n        if (this.uiOpts.counter) this.els.counter.textContent = `${this.index + 1} / ${total}`;\n        if (this.uiOpts.title) this.els.titleEl.textContent = item?.title || '';\n        if (this.uiOpts.spot) this.els.spotEl.textContent = item?.spot || '';\n\n        this.fillPane('prev', this.items[this.wrapIndex(this.index - 1)]);\n        this.fillPane('next', this.items[this.wrapIndex(this.index + 1)]);\n\n        const atStart = !this.options.loop && this.index === 0;\n        const atEnd = !this.options.loop && this.index === total - 1;\n        this.els.upBtn.disabled = atStart;\n        this.els.downBtn.disabled = atEnd;\n\n        if (this.uiOpts.dots) {\n            if (this.els.dots.children.length !== total) {\n                this.els.dots.innerHTML = '';\n                for (let i = 0; i < total; i++) {\n                    const dot = document.createElement('i');\n                    dot.className = 'hp:block hp:w-1 hp:h-1 hp:rounded-full hp:bg-white/40';\n                    this.els.dots.appendChild(dot);\n                }\n            }\n            Array.from(this.els.dots.children).forEach((el, i) => {\n                (el as HTMLElement).className = `hp:block hp:w-1 hp:h-1 hp:rounded-full ${i === this.index ? 'hp:bg-white' : 'hp:bg-white/40'}`;\n            });\n        }\n\n        this.setActiveThumb();\n        this.ctx.hostEl.dispatchEvent(new CustomEvent('hp:itemchange', { detail: { index: this.index, source: 'story' } }));\n    }\n\n    private renderList(grid: HTMLElement): void {\n        grid.innerHTML = '';\n        this.items.forEach((item, i) => {\n            const btn = document.createElement('button');\n            btn.type = 'button';\n            btn.className = 'hp:flex hp:items-center hp:gap-2 hp:w-full hp:p-1.5 hp:rounded hp:text-left hp:text-on-surface hp:bg-transparent hp:border-0 hp:cursor-pointer hp:hover:bg-on-surface/5';\n            btn.dataset.index = String(i);\n            if (item.image) {\n                const img = document.createElement('img');\n                img.src = item.image;\n                img.loading = 'lazy';\n                img.className = 'hp:w-14 hp:aspect-[9/16] hp:object-cover hp:rounded hp:shrink-0';\n                btn.appendChild(img);\n            }\n            const title = document.createElement('span');\n            title.className = 'hp:text-xs hp:truncate';\n            title.textContent = item.title || this.ctx.i18n.videoFallbackTitle(i);\n            btn.appendChild(title);\n            btn.addEventListener('click', () => {\n                this.toggleList(false);\n                void this.goTo(i);\n            });\n            grid.appendChild(btn);\n        });\n    }\n\n    private setActiveThumb(): void {\n        Array.from(this.els.grid.children).forEach((el, i) => {\n            el.classList.toggle('hp:bg-accent/15', i === this.index);\n        });\n    }\n\n    // ── events ──\n\n    private bindEvents(): void {\n        this.ctx.videoEl.addEventListener('ended', this.onEnded);\n        this.ctx.videoEl.addEventListener('playing', this.onPlaying);\n        this.ctx.videoEl.addEventListener('play', this.onFirstPlay);\n        if (this.uiOpts.progress) this.ctx.videoEl.addEventListener('timeupdate', this.onTimeUpdate);\n\n        this.els.upBtn.addEventListener('click', () => this.prev());\n        this.els.downBtn.addEventListener('click', () => this.next());\n        this.els.listBtn.addEventListener('click', () => this.toggleList());\n\n        this.els.grid.parentElement?.addEventListener('keydown', (e) => {\n            if ((e as KeyboardEvent).key === 'Escape') this.toggleList(false);\n        });\n\n        if (this.gestureOpts.wheel) this.els.viewport.addEventListener('wheel', this.onWheel, { passive: false });\n        if (this.gestureOpts.swipe) {\n            this.els.viewport.addEventListener('pointerdown', this.onPointerDown);\n            window.addEventListener('pointermove', this.onPointerMove, { passive: false });\n            window.addEventListener('pointerup', this.onPointerUp);\n        }\n        if (this.gestureOpts.keyboard) document.addEventListener('keydown', this.onKeyDown);\n    }\n\n    private readonly onEnded = (): void => {\n        if (!this.options.autoplayNext) return;\n        if (!this.options.loop && this.index === this.items.length - 1) return;\n        this.next(false);\n    };\n\n    private readonly onPlaying = (): void => {};\n\n    private readonly onFirstPlay = (): void => {\n        this.userHasStartedPlayback = true;\n    };\n\n    private readonly onTimeUpdate = (): void => {\n        const dur = this.ctx.videoEl.duration || 0;\n        const cur = this.ctx.videoEl.currentTime || 0;\n        this.els.progressBar.style.width = dur > 0 ? `${Math.min(100, (cur / dur) * 100)}%` : '0%';\n    };\n\n    private readonly onWheel = (e: WheelEvent): void => {\n        if (this.switching) {\n            e.preventDefault();\n            return;\n        }\n        const dir: Dir = e.deltaY > 0 ? 'next' : 'prev';\n        if (!this.canGo(dir)) return;\n        e.preventDefault();\n\n        const now = Date.now();\n        if (now - this.lastNavAt < this.gestureOpts.wheelCooldownMs) return;\n        this.wheelAccum += e.deltaY;\n        if (Math.abs(this.wheelAccum) < this.gestureOpts.wheelThreshold) return;\n        this.wheelAccum = 0;\n        this.lastNavAt = now;\n        dir === 'next' ? this.next() : this.prev();\n    };\n\n    private readonly onPointerDown = (e: PointerEvent): void => {\n        if (this.switching || this.listOpen) return;\n        if (e.pointerType === 'mouse' && e.button !== 0) return;\n        this.drag = { startY: e.clientY, startX: e.clientX, dy: 0, active: false, id: e.pointerId };\n    };\n\n    private readonly onPointerMove = (e: PointerEvent): void => {\n        const drag = this.drag;\n        if (!drag || e.pointerId !== drag.id) return;\n        const dy = e.clientY - drag.startY;\n        const dx = e.clientX - drag.startX;\n\n        if (!drag.active) {\n            if (Math.abs(dy) < 10 || Math.abs(dy) < Math.abs(dx)) return;\n            drag.active = true;\n            this.els.track.style.transition = 'none';\n        }\n        e.preventDefault();\n\n        const h = this.els.viewport.clientHeight || 1;\n        const resisted = this.canGo(dy < 0 ? 'next' : 'prev') ? dy : dy * 0.25;\n        drag.dy = resisted;\n\n        const pct = -33.3333 + (resisted / h) * 33.3333;\n        this.els.track.style.transform = `translate3d(0, ${pct}%, 0)`;\n    };\n\n    private readonly onPointerUp = (): void => {\n        const drag = this.drag;\n        this.drag = null;\n        if (!drag?.active) return;\n\n        const h = this.els.viewport.clientHeight || 1;\n        const ratio = Math.abs(drag.dy) / h;\n        const dir: Dir = drag.dy < 0 ? 'next' : 'prev';\n\n        this.els.track.style.transition = `transform ${this.options.transitionMs}ms ease`;\n        if (ratio >= this.gestureOpts.swipeThreshold && this.canGo(dir)) {\n            this.els.track.style.transform = 'translate3d(0,-33.3333%,0)';\n            dir === 'next' ? this.next() : this.prev();\n        } else {\n            this.els.track.style.transform = 'translate3d(0,-33.3333%,0)';\n        }\n    };\n\n    private readonly onKeyDown = (e: KeyboardEvent): void => {\n        if (this.destroyed) return;\n        if (e.key === 'Escape' && this.listOpen) {\n            this.toggleList(false);\n            return;\n        }\n        const tag = document.activeElement?.tagName;\n        if (tag === 'INPUT' || tag === 'TEXTAREA') return;\n        if (!this.isInViewport()) return;\n\n        if (e.key === 'ArrowDown' || e.key === 'PageDown' || e.key === 'j') {\n            e.preventDefault();\n            this.next();\n        } else if (e.key === 'ArrowUp' || e.key === 'PageUp' || e.key === 'k') {\n            e.preventDefault();\n            this.prev();\n        }\n    };\n\n    // ── helpers ──\n\n    private canGo(dir: Dir): boolean {\n        if (this.options.loop) return this.items.length > 1;\n        return dir === 'next' ? this.index < this.items.length - 1 : this.index > 0;\n    }\n\n    private isInViewport(): boolean {\n        const r = this.ctx.hostEl.getBoundingClientRect();\n        return r.bottom > 0 && r.top < (window.innerHeight || 0);\n    }\n\n    private clamp(i: number): number {\n        if (!Number.isFinite(i) || !this.items.length) return 0;\n        return Math.max(0, Math.min(this.items.length - 1, Math.trunc(i)));\n    }\n\n    private wrapIndex(i: number): number {\n        const n = this.items.length;\n        if (!n) return 0;\n        if (this.options.loop) return ((i % n) + n) % n;\n        return this.clamp(i);\n    }\n}\n","import { HopeStory, type StoryPlayerContext } from './HopeStory';\nimport type { StoryOptions } from '../../types';\n\nexport function installStory(ctx: StoryPlayerContext, options: StoryOptions): HopeStory {\n    return new HopeStory(ctx, options);\n}\n\nexport { HopeStory };\nexport type { StoryPlayerContext };\n"],"names":["DEFAULTS","HopeStory","ctx","rawOptions","__publicField","dur","cur","e","dir","now","drag","dy","dx","h","resisted","pct","ratio","tag","_a","el","userInitiated","target","direction","force","viewport","track","panePrev","paneCurrent","paneNext","overlay","progressBar","progressFill","meta","counter","titleEl","spotEl","dots","navWrap","upBtn","downBtn","listBtn","createIcon","panel","grid","pane","iconName","label","btn","item","img","resolve","done","finish","timer","i","opts","mode","payload","isStart","hasHls","hasMp4","v","list","src","total","atStart","atEnd","dot","title","r","n","installStory","options"],"mappings":"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"}

package/dist/chunks/{index-C2c71cGP.js → index-CBX7bn-G.js}

@@ -1,7 +1,7 @@
 var m = Object.defineProperty;
 var v = (r, t, e) => t in r ? m(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
 var n = (r, t, e) => v(r, typeof t != "symbol" ? t + "" : t, e);
-import { f as E } from "./index-Dz0E1YPE.js";
+import { f as E } from "./index-DEv3YqLg.js";
 class u {
   constructor(t, e) {
     n(this, "chapters", []);
@@ -60,4 +60,4 @@ export {
   u as Segments,
   g as installSegments
 };
-//# sourceMappingURL=index-C2c71cGP.js.map
+//# sourceMappingURL=index-CBX7bn-G.js.map

package/dist/chunks/{index-C2c71cGP.js.map → index-CBX7bn-G.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-C2c71cGP.js","sources":["../../src/plugins/segments/Segments.ts","../../src/plugins/segments/index.ts"],"sourcesContent":["import type { SegmentItem } from '../../types';\nimport type { SeekBarChapterRange } from '../../controls/SeekBar';\nimport { formatTime } from '../../utils/format-time';\n\nexport interface SegmentsPlayerContext {\n    videoEl: HTMLVideoElement;\n    /** Chapter modunu destekleyen seek bar — parçalara bölme/zaman eşlemesi onda. */\n    seekBar: {\n        readonly el: HTMLElement;\n        setChapters(ranges: SeekBarChapterRange[]): HTMLElement[];\n        suppressHoverTime(key: string, suppressed: boolean): void;\n        clearChapters(): void;\n        ratioAtClientX(clientX: number): number;\n    };\n}\n\ninterface Chapter {\n    start: number;\n    end: number;\n    text?: string;\n    color?: string;\n}\n\n/**\n * YouTube tarzı bölümler: seek bar parçalara bölünür (SeekBar.setChapters), hover'da bölüm adı + zaman.\n * Zaman çizgisi her zaman tam kaplanır (boşluklar adsız bölüm, son bölüm sona uzar).\n */\nexport class Segments {\n    private chapters: Chapter[] = [];\n    private chapterEls: HTMLElement[] = [];\n    private hoverIndex = -1;\n    private readonly tooltipEl: HTMLDivElement;\n    private readonly titleEl: HTMLDivElement;\n    private readonly timeEl: HTMLDivElement;\n\n    constructor(\n        private readonly ctx: SegmentsPlayerContext,\n        private readonly segments: SegmentItem[]\n    ) {\n        this.tooltipEl = document.createElement('div');\n        this.tooltipEl.className = 'hp-chapter-tooltip';\n        this.tooltipEl.setAttribute('part', 'segment-tooltip');\n        this.titleEl = document.createElement('div');\n        this.titleEl.className = 'hp-chapter-tooltip-title';\n        this.timeEl = document.createElement('div');\n        this.timeEl.className = 'hp-chapter-tooltip-time';\n        this.tooltipEl.append(this.titleEl, this.timeEl);\n        ctx.seekBar.el.appendChild(this.tooltipEl);\n        // Popup zamanı zaten gösteriyor — seek bar'ın varsayılan hover zamanı ikinci kez yazmasın.\n        ctx.seekBar.suppressHoverTime('segments', true);\n\n        ctx.seekBar.el.addEventListener('pointermove', this.onPointerMove);\n        ctx.seekBar.el.addEventListener('pointerleave', this.onPointerLeave);\n        ctx.videoEl.addEventListener('loadedmetadata', this.onLoadedMetadata);\n        if (ctx.videoEl.readyState >= 1) this.onLoadedMetadata();\n    }\n\n    destroy(): void {\n        this.ctx.videoEl.removeEventListener('loadedmetadata', this.onLoadedMetadata);\n        this.ctx.seekBar.el.removeEventListener('pointermove', this.onPointerMove);\n        this.ctx.seekBar.el.removeEventListener('pointerleave', this.onPointerLeave);\n        this.ctx.seekBar.clearChapters();\n        this.ctx.seekBar.suppressHoverTime('segments', false);\n        this.tooltipEl.remove();\n        this.chapterEls = [];\n        this.chapters = [];\n    }\n\n    private readonly onLoadedMetadata = (): void => {\n        const duration = this.ctx.videoEl.duration;\n        if (!Number.isFinite(duration) || duration <= 0) return;\n\n        this.chapters = buildChapters(this.segments, duration);\n        this.chapterEls = this.ctx.seekBar.setChapters(\n            this.chapters.map((c) => ({ start: c.start / duration, end: c.end / duration, color: c.color }))\n        );\n    };\n\n    private readonly onPointerMove = (e: PointerEvent): void => {\n        const duration = this.ctx.videoEl.duration;\n        if (!this.chapters.length || !Number.isFinite(duration) || duration <= 0) return;\n\n        const time = this.ctx.seekBar.ratioAtClientX(e.clientX) * duration;\n        let index = this.chapters.findIndex((c) => time < c.end);\n        if (index === -1) index = this.chapters.length - 1;\n        this.setHover(index);\n\n        const chapter = this.chapters[index]!;\n        this.titleEl.textContent = chapter.text ?? '';\n        this.titleEl.style.display = chapter.text ? '' : 'none';\n        this.timeEl.textContent = formatTime(time);\n\n        // sprite-thumbnails önizlemesi de seek bar'ın hemen üstünde açılıyor —\n        // görünürse popup onun ÜSTÜNE çıkıyor (üst üste binmesin).\n        const sprite = this.ctx.seekBar.el.querySelector<HTMLElement>('[part=\"sprite-tooltip\"]');\n        const spriteH = sprite && sprite.hasAttribute('data-visible') && sprite.offsetHeight > 0 ? sprite.offsetHeight + 8 : 0;\n        this.tooltipEl.style.bottom = spriteH ? `calc(100% + 6px + ${spriteH}px)` : '';\n        // Sprite önizlemesi zamanı zaten kendi altında gösteriyor — aynı zaman iki kez yazılmasın.\n        this.timeEl.style.display = spriteH ? 'none' : '';\n\n        // Popup imleci ortalar ama seek bar kenarlarından taşmaz.\n        const barRect = this.ctx.seekBar.el.getBoundingClientRect();\n        this.tooltipEl.setAttribute('data-visible', '');\n        const tipWidth = this.tooltipEl.offsetWidth;\n        const x = Math.min(Math.max(e.clientX - barRect.left - tipWidth / 2, 0), Math.max(barRect.width - tipWidth, 0));\n        this.tooltipEl.style.transform = `translateX(${x}px)`;\n    };\n\n    private readonly onPointerLeave = (): void => {\n        this.setHover(-1);\n        this.tooltipEl.removeAttribute('data-visible');\n    };\n\n    private setHover(index: number): void {\n        if (index === this.hoverIndex) return;\n        this.chapterEls[this.hoverIndex]?.removeAttribute('data-hover');\n        this.hoverIndex = index;\n        this.chapterEls[index]?.setAttribute('data-hover', '');\n    }\n}\n\n/** Segmentleri sıralar, boşlukları adsız bölümle doldurur, son bölümü video sonuna uzatır — sonuç 0→duration'ı kesintisiz kaplar. */\nfunction buildChapters(segments: SegmentItem[], duration: number): Chapter[] {\n    const sorted = segments\n        .filter((s) => Number.isFinite(s.start) && s.start < duration)\n        .slice()\n        .sort((a, b) => a.start - b.start);\n\n    const chapters: Chapter[] = [];\n    let cursor = 0;\n    for (const seg of sorted) {\n        const start = Math.max(seg.start, cursor);\n        const end = Math.min(Number.isFinite(seg.end) ? seg.end : duration, duration);\n        if (end <= start) continue;\n        if (start > cursor) chapters.push({ start: cursor, end: start });\n        chapters.push({ start, end, text: seg.text, color: seg.color });\n        cursor = end;\n    }\n    if (!chapters.length) return [];\n    if (cursor < duration) chapters[chapters.length - 1]!.end = duration;\n    return chapters;\n}\n","import { Segments, type SegmentsPlayerContext } from './Segments';\nimport type { SegmentItem } from '../../types';\n\nexport function installSegments(ctx: SegmentsPlayerContext, items: SegmentItem[]): Segments {\n    return new Segments(ctx, items);\n}\n\nexport { Segments };\nexport type { SegmentsPlayerContext };\n"],"names":["Segments","ctx","segments","__publicField","duration","buildChapters","c","e","time","index","chapter","formatTime","sprite","spriteH","barRect","tipWidth","x","_a","_b","sorted","a","b","chapters","cursor","seg","start","end","installSegments","items"],"mappings":"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"}
+{"version":3,"file":"index-CBX7bn-G.js","sources":["../../src/plugins/segments/Segments.ts","../../src/plugins/segments/index.ts"],"sourcesContent":["import type { SegmentItem } from '../../types';\nimport type { SeekBarChapterRange } from '../../controls/SeekBar';\nimport { formatTime } from '../../utils/format-time';\n\nexport interface SegmentsPlayerContext {\n    videoEl: HTMLVideoElement;\n    /** Chapter modunu destekleyen seek bar — parçalara bölme/zaman eşlemesi onda. */\n    seekBar: {\n        readonly el: HTMLElement;\n        setChapters(ranges: SeekBarChapterRange[]): HTMLElement[];\n        suppressHoverTime(key: string, suppressed: boolean): void;\n        clearChapters(): void;\n        ratioAtClientX(clientX: number): number;\n    };\n}\n\ninterface Chapter {\n    start: number;\n    end: number;\n    text?: string;\n    color?: string;\n}\n\n/**\n * YouTube tarzı bölümler: seek bar parçalara bölünür (SeekBar.setChapters), hover'da bölüm adı + zaman.\n * Zaman çizgisi her zaman tam kaplanır (boşluklar adsız bölüm, son bölüm sona uzar).\n */\nexport class Segments {\n    private chapters: Chapter[] = [];\n    private chapterEls: HTMLElement[] = [];\n    private hoverIndex = -1;\n    private readonly tooltipEl: HTMLDivElement;\n    private readonly titleEl: HTMLDivElement;\n    private readonly timeEl: HTMLDivElement;\n\n    constructor(\n        private readonly ctx: SegmentsPlayerContext,\n        private readonly segments: SegmentItem[]\n    ) {\n        this.tooltipEl = document.createElement('div');\n        this.tooltipEl.className = 'hp-chapter-tooltip';\n        this.tooltipEl.setAttribute('part', 'segment-tooltip');\n        this.titleEl = document.createElement('div');\n        this.titleEl.className = 'hp-chapter-tooltip-title';\n        this.timeEl = document.createElement('div');\n        this.timeEl.className = 'hp-chapter-tooltip-time';\n        this.tooltipEl.append(this.titleEl, this.timeEl);\n        ctx.seekBar.el.appendChild(this.tooltipEl);\n        // Popup zamanı zaten gösteriyor — seek bar'ın varsayılan hover zamanı ikinci kez yazmasın.\n        ctx.seekBar.suppressHoverTime('segments', true);\n\n        ctx.seekBar.el.addEventListener('pointermove', this.onPointerMove);\n        ctx.seekBar.el.addEventListener('pointerleave', this.onPointerLeave);\n        ctx.videoEl.addEventListener('loadedmetadata', this.onLoadedMetadata);\n        if (ctx.videoEl.readyState >= 1) this.onLoadedMetadata();\n    }\n\n    destroy(): void {\n        this.ctx.videoEl.removeEventListener('loadedmetadata', this.onLoadedMetadata);\n        this.ctx.seekBar.el.removeEventListener('pointermove', this.onPointerMove);\n        this.ctx.seekBar.el.removeEventListener('pointerleave', this.onPointerLeave);\n        this.ctx.seekBar.clearChapters();\n        this.ctx.seekBar.suppressHoverTime('segments', false);\n        this.tooltipEl.remove();\n        this.chapterEls = [];\n        this.chapters = [];\n    }\n\n    private readonly onLoadedMetadata = (): void => {\n        const duration = this.ctx.videoEl.duration;\n        if (!Number.isFinite(duration) || duration <= 0) return;\n\n        this.chapters = buildChapters(this.segments, duration);\n        this.chapterEls = this.ctx.seekBar.setChapters(\n            this.chapters.map((c) => ({ start: c.start / duration, end: c.end / duration, color: c.color }))\n        );\n    };\n\n    private readonly onPointerMove = (e: PointerEvent): void => {\n        const duration = this.ctx.videoEl.duration;\n        if (!this.chapters.length || !Number.isFinite(duration) || duration <= 0) return;\n\n        const time = this.ctx.seekBar.ratioAtClientX(e.clientX) * duration;\n        let index = this.chapters.findIndex((c) => time < c.end);\n        if (index === -1) index = this.chapters.length - 1;\n        this.setHover(index);\n\n        const chapter = this.chapters[index]!;\n        this.titleEl.textContent = chapter.text ?? '';\n        this.titleEl.style.display = chapter.text ? '' : 'none';\n        this.timeEl.textContent = formatTime(time);\n\n        // sprite-thumbnails önizlemesi de seek bar'ın hemen üstünde açılıyor —\n        // görünürse popup onun ÜSTÜNE çıkıyor (üst üste binmesin).\n        const sprite = this.ctx.seekBar.el.querySelector<HTMLElement>('[part=\"sprite-tooltip\"]');\n        const spriteH = sprite && sprite.hasAttribute('data-visible') && sprite.offsetHeight > 0 ? sprite.offsetHeight + 8 : 0;\n        this.tooltipEl.style.bottom = spriteH ? `calc(100% + 6px + ${spriteH}px)` : '';\n        // Sprite önizlemesi zamanı zaten kendi altında gösteriyor — aynı zaman iki kez yazılmasın.\n        this.timeEl.style.display = spriteH ? 'none' : '';\n\n        // Popup imleci ortalar ama seek bar kenarlarından taşmaz.\n        const barRect = this.ctx.seekBar.el.getBoundingClientRect();\n        this.tooltipEl.setAttribute('data-visible', '');\n        const tipWidth = this.tooltipEl.offsetWidth;\n        const x = Math.min(Math.max(e.clientX - barRect.left - tipWidth / 2, 0), Math.max(barRect.width - tipWidth, 0));\n        this.tooltipEl.style.transform = `translateX(${x}px)`;\n    };\n\n    private readonly onPointerLeave = (): void => {\n        this.setHover(-1);\n        this.tooltipEl.removeAttribute('data-visible');\n    };\n\n    private setHover(index: number): void {\n        if (index === this.hoverIndex) return;\n        this.chapterEls[this.hoverIndex]?.removeAttribute('data-hover');\n        this.hoverIndex = index;\n        this.chapterEls[index]?.setAttribute('data-hover', '');\n    }\n}\n\n/** Segmentleri sıralar, boşlukları adsız bölümle doldurur, son bölümü video sonuna uzatır — sonuç 0→duration'ı kesintisiz kaplar. */\nfunction buildChapters(segments: SegmentItem[], duration: number): Chapter[] {\n    const sorted = segments\n        .filter((s) => Number.isFinite(s.start) && s.start < duration)\n        .slice()\n        .sort((a, b) => a.start - b.start);\n\n    const chapters: Chapter[] = [];\n    let cursor = 0;\n    for (const seg of sorted) {\n        const start = Math.max(seg.start, cursor);\n        const end = Math.min(Number.isFinite(seg.end) ? seg.end : duration, duration);\n        if (end <= start) continue;\n        if (start > cursor) chapters.push({ start: cursor, end: start });\n        chapters.push({ start, end, text: seg.text, color: seg.color });\n        cursor = end;\n    }\n    if (!chapters.length) return [];\n    if (cursor < duration) chapters[chapters.length - 1]!.end = duration;\n    return chapters;\n}\n","import { Segments, type SegmentsPlayerContext } from './Segments';\nimport type { SegmentItem } from '../../types';\n\nexport function installSegments(ctx: SegmentsPlayerContext, items: SegmentItem[]): Segments {\n    return new Segments(ctx, items);\n}\n\nexport { Segments };\nexport type { SegmentsPlayerContext };\n"],"names":["Segments","ctx","segments","__publicField","duration","buildChapters","c","e","time","index","chapter","formatTime","sprite","spriteH","barRect","tipWidth","x","_a","_b","sorted","a","b","chapters","cursor","seg","start","end","installSegments","items"],"mappings":"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"}

package/dist/chunks/{index-CaMVTgh0.js → index-CDPrkLq0.js}

@@ -1,53 +1,40 @@
-var m = Object.defineProperty;
-var v = (n, e, t) => e in n ? m(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var i = (n, e, t) => v(n, typeof e != "symbol" ? e + "" : e, t);
-const u = "https://securepubads.g.doubleclick.net/tag/js/gpt.js";
-let d = null;
-function y() {
-  return d || (window.googletag = window.googletag || { cmd: [] }, d = new Promise((n, e) => {
-    const t = () => {
-      window.googletag.cmd.push(() => n(window.googletag));
-    };
-    if (document.querySelector(`script[src="${u}"]`)) return t();
-    const s = document.createElement("script");
-    s.async = !0, s.src = u, s.onload = t, s.onerror = () => {
-      d = null, e(new Error("GPT yüklenemedi"));
-    }, document.head.appendChild(s);
-  }), d);
-}
-const g = [
+var u = Object.defineProperty;
+var c = (o, e, t) => e in o ? u(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var s = (o, e, t) => c(o, typeof e != "symbol" ? e + "" : e, t);
+import { l as m } from "./loadGpt-CmiAy366.js";
+const v = [
   [300, 250],
   [336, 280],
   [250, 250],
   [200, 200]
-], h = 16, f = 104, p = "hp-pause-ad", E = 420;
-let b = 0;
-class w {
+], d = 16, y = 104, h = "hp-pause-ad", f = 420;
+let E = 0;
+class g {
   constructor(e, t) {
-    i(this, "panel");
-    i(this, "adHost");
-    i(this, "labelEl");
-    i(this, "closeBtn");
-    i(this, "resumeBtn");
-    i(this, "divId");
-    i(this, "googletag", null);
-    i(this, "slot", null);
-    i(this, "slotSizesKey", "");
-    i(this, "lastFetchAt", 0);
-    i(this, "lastFilled", !1);
-    i(this, "waitingForRender", !1);
-    i(this, "delayTimer", null);
-    i(this, "coverTimer", null);
-    i(this, "open", !1);
-    i(this, "destroyed", !1);
+    s(this, "panel");
+    s(this, "adHost");
+    s(this, "labelEl");
+    s(this, "closeBtn");
+    s(this, "resumeBtn");
+    s(this, "divId");
+    s(this, "googletag", null);
+    s(this, "slot", null);
+    s(this, "slotSizesKey", "");
+    s(this, "lastFetchAt", 0);
+    s(this, "lastFilled", !1);
+    s(this, "waitingForRender", !1);
+    s(this, "delayTimer", null);
+    s(this, "coverTimer", null);
+    s(this, "open", !1);
+    s(this, "destroyed", !1);
     // ── olaylar ──
-    i(this, "onPause", () => {
+    s(this, "onPause", () => {
       this.delayTimer && clearTimeout(this.delayTimer), this.delayTimer = setTimeout(() => void this.request(), this.options.delayMs ?? 300);
     });
-    i(this, "onPlay", () => {
+    s(this, "onPlay", () => {
       this.delayTimer && clearTimeout(this.delayTimer), this.waitingForRender = !1, this.hide("resumed");
     });
-    i(this, "onRenderEnded", (e) => {
+    s(this, "onRenderEnded", (e) => {
       if (e.slot !== this.slot) return;
       this.lastFilled = !e.isEmpty;
       const t = this.waitingForRender;
@@ -56,46 +43,46 @@ class w {
         return;
       }
       if (!t || !this.ctx.videoEl.paused || this.ctx.isBlocked()) return;
-      const s = Array.isArray(e.size) && typeof e.size[0] == "number" ? e.size[0] : null;
-      this.show(s ? s + h * 2 : void 0, e.size);
+      const i = Array.isArray(e.size) && typeof e.size[0] == "number" ? e.size[0] : null;
+      this.show(i ? i + d * 2 : void 0, e.size);
     });
-    this.ctx = e, this.options = t, this.divId = `hp-pause-ad-${++b}`, this.panel = document.createElement("div"), this.panel.className = "hp-pause-ad", this.panel.setAttribute("part", "pause-ad"), this.panel.setAttribute("aria-hidden", "true");
-    const s = document.createElement("div");
-    s.className = "hp-pause-ad-header", this.labelEl = document.createElement("span"), this.labelEl.className = "hp-pause-ad-label", this.closeBtn = document.createElement("button"), this.closeBtn.type = "button", this.closeBtn.className = "hp-pause-ad-close", this.closeBtn.innerHTML = '<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>', this.closeBtn.addEventListener("click", () => this.hide("closed")), s.append(this.labelEl, this.closeBtn);
-    const o = document.createElement("div");
-    o.className = "hp-pause-ad-body";
+    this.ctx = e, this.options = t, this.divId = `hp-pause-ad-${++E}`, this.panel = document.createElement("div"), this.panel.className = "hp-pause-ad", this.panel.setAttribute("part", "pause-ad"), this.panel.setAttribute("aria-hidden", "true");
+    const i = document.createElement("div");
+    i.className = "hp-pause-ad-header", this.labelEl = document.createElement("span"), this.labelEl.className = "hp-pause-ad-label", this.closeBtn = document.createElement("button"), this.closeBtn.type = "button", this.closeBtn.className = "hp-pause-ad-close", this.closeBtn.innerHTML = '<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>', this.closeBtn.addEventListener("click", () => this.hide("closed")), i.append(this.labelEl, this.closeBtn);
+    const n = document.createElement("div");
+    n.className = "hp-pause-ad-body";
     const r = document.createElement("slot");
-    r.name = p, o.appendChild(r), this.resumeBtn = document.createElement("button"), this.resumeBtn.type = "button", this.resumeBtn.className = "hp-pause-ad-resume", this.resumeBtn.addEventListener("click", () => void this.ctx.videoEl.play()), t.showResumeButton === !1 && (this.resumeBtn.style.display = "none"), this.panel.append(s, o, this.resumeBtn), this.panel.addEventListener("pointerdown", (a) => a.stopPropagation()), this.panel.addEventListener("click", (a) => a.stopPropagation()), e.videoArea.appendChild(this.panel), e.videoArea.setAttribute("data-pause-ad-ready", ""), this.adHost = document.createElement("div"), this.adHost.slot = p, this.adHost.id = this.divId, e.hostEl.appendChild(this.adHost), this.refreshLabels(), e.videoEl.addEventListener("pause", this.onPause), e.videoEl.addEventListener("play", this.onPlay);
+    r.name = h, n.appendChild(r), this.resumeBtn = document.createElement("button"), this.resumeBtn.type = "button", this.resumeBtn.className = "hp-pause-ad-resume", this.resumeBtn.addEventListener("click", () => void this.ctx.videoEl.play()), t.showResumeButton === !1 && (this.resumeBtn.style.display = "none"), this.panel.append(i, n, this.resumeBtn), this.panel.addEventListener("pointerdown", (a) => a.stopPropagation()), this.panel.addEventListener("click", (a) => a.stopPropagation()), e.videoArea.appendChild(this.panel), e.videoArea.setAttribute("data-pause-ad-ready", ""), this.adHost = document.createElement("div"), this.adHost.slot = h, this.adHost.id = this.divId, e.hostEl.appendChild(this.adHost), this.refreshLabels(), e.videoEl.addEventListener("pause", this.onPause), e.videoEl.addEventListener("play", this.onPlay);
   }
   refreshLabels() {
     this.labelEl.textContent = this.options.label ?? this.ctx.i18n.pauseAdLabel, this.closeBtn.setAttribute("aria-label", this.ctx.i18n.pauseAdClose), this.resumeBtn.textContent = this.ctx.i18n.pauseAdResume;
   }
   destroy() {
-    var e, t, s, o;
-    this.destroyed = !0, this.delayTimer && clearTimeout(this.delayTimer), this.ctx.videoEl.removeEventListener("pause", this.onPause), this.ctx.videoEl.removeEventListener("play", this.onPlay), (s = (e = this.googletag) == null ? void 0 : (t = e.pubads()).removeEventListener) == null || s.call(t, "slotRenderEnded", this.onRenderEnded), this.slot && ((o = this.googletag) == null || o.destroySlots([this.slot])), this.setShift(0), this.coverTimer && clearTimeout(this.coverTimer), this.ctx.videoArea.removeAttribute("data-pause-ad"), this.ctx.videoArea.removeAttribute("data-pause-ad-ready"), this.panel.remove(), this.adHost.remove();
+    var e, t, i, n;
+    this.destroyed = !0, this.delayTimer && clearTimeout(this.delayTimer), this.ctx.videoEl.removeEventListener("pause", this.onPause), this.ctx.videoEl.removeEventListener("play", this.onPlay), (i = (e = this.googletag) == null ? void 0 : (t = e.pubads()).removeEventListener) == null || i.call(t, "slotRenderEnded", this.onRenderEnded), this.slot && ((n = this.googletag) == null || n.destroySlots([this.slot])), this.setShift(0), this.coverTimer && clearTimeout(this.coverTimer), this.ctx.videoArea.removeAttribute("data-pause-ad"), this.ctx.videoArea.removeAttribute("data-pause-ad-ready"), this.panel.remove(), this.adHost.remove();
   }
   // ── istek / gösterim ──
   /** Alana sığan reklam boyutları (genişlik oranı + dikey alan) — hiçbiri sığmazsa gösterilmez. */
   fittingSizes() {
     const e = this.ctx.videoArea.getBoundingClientRect();
     if (e.width < (this.options.minPlayerWidth ?? 640)) return [];
-    const t = e.width * (this.options.maxWidthRatio ?? 0.5) - h * 2, s = e.height - f;
-    return (this.options.sizes ?? g).filter(([o, r]) => o <= t && r <= s);
+    const t = e.width * (this.options.maxWidthRatio ?? 0.5) - d * 2, i = e.height - y;
+    return (this.options.sizes ?? v).filter(([n, r]) => n <= t && r <= i);
   }
   async request() {
     const e = this.ctx.videoEl;
     if (this.destroyed || !e.paused || e.ended || e.seeking || this.ctx.isBlocked()) return;
     const t = this.fittingSizes();
     if (!t.length) return;
-    const s = Math.max(...t.map(([l]) => l)) + h * 2;
-    this.panel.style.setProperty("--hp-pause-ad-panel-w", `${s}px`);
-    const o = (this.options.refreshIntervalSec ?? 30) * 1e3, r = JSON.stringify(t);
-    if (this.slot && this.lastFilled && r === this.slotSizesKey && Date.now() - this.lastFetchAt < o) {
-      this.show(s);
+    const i = Math.max(...t.map(([l]) => l)) + d * 2;
+    this.panel.style.setProperty("--hp-pause-ad-panel-w", `${i}px`);
+    const n = (this.options.refreshIntervalSec ?? 30) * 1e3, r = JSON.stringify(t);
+    if (this.slot && this.lastFilled && r === this.slotSizesKey && Date.now() - this.lastFetchAt < n) {
+      this.show(i);
       return;
     }
     try {
-      this.googletag = this.googletag ?? await y();
+      this.googletag = this.googletag ?? await m();
     } catch (l) {
       console.warn("[HopePlayer pause-ad]", l);
       return;
@@ -107,7 +94,7 @@ class w {
         if (!this.slot || r !== this.slotSizesKey) {
           if (this.slot && a.destroySlots([this.slot]), this.slot = a.defineSlot(this.options.adUnitPath, t, this.divId), !this.slot) return;
           this.slot.addService(a.pubads());
-          for (const [l, c] of Object.entries(this.options.targeting ?? {})) this.slot.setTargeting(l, c);
+          for (const [l, p] of Object.entries(this.options.targeting ?? {})) this.slot.setTargeting(l, p);
           this.slotSizesKey = r, a.pubads().addEventListener("slotRenderEnded", this.onRenderEnded), a.enableServices(), a.display(this.divId), a.pubads().isInitialLoadDisabled() && a.pubads().refresh([this.slot]);
         } else
           a.pubads().refresh([this.slot]);
@@ -117,8 +104,8 @@ class w {
   }
   show(e, t) {
     e && this.panel.style.setProperty("--hp-pause-ad-panel-w", `${e}px`);
-    const s = parseFloat(this.panel.style.getPropertyValue("--hp-pause-ad-panel-w")) || 332;
-    this.open = !0, this.panel.setAttribute("data-open", ""), this.panel.setAttribute("aria-hidden", "false"), this.setShift(s), this.emit("shown", t);
+    const i = parseFloat(this.panel.style.getPropertyValue("--hp-pause-ad-panel-w")) || 332;
+    this.open = !0, this.panel.setAttribute("data-open", ""), this.panel.setAttribute("aria-hidden", "false"), this.setShift(i), this.emit("shown", t);
   }
   hide(e) {
     this.open && (this.open = !1, this.panel.removeAttribute("data-open"), this.panel.setAttribute("aria-hidden", "true"), this.setShift(0), this.emit("hidden", void 0, e));
@@ -128,17 +115,17 @@ class w {
     const t = this.ctx.videoArea;
     this.coverTimer && clearTimeout(this.coverTimer), this.coverTimer = null, t.style.setProperty("--hp-pause-ad-w", `${e}px`), e > 0 ? t.setAttribute("data-pause-ad", "") : t.hasAttribute("data-pause-ad") && (this.coverTimer = setTimeout(() => {
       this.coverTimer = null, t.removeAttribute("data-pause-ad");
-    }, E));
+    }, f));
   }
-  emit(e, t, s) {
-    this.ctx.hostEl.dispatchEvent(new CustomEvent("hp:pausead", { detail: { state: e, size: t, reason: s } }));
+  emit(e, t, i) {
+    this.ctx.hostEl.dispatchEvent(new CustomEvent("hp:pausead", { detail: { state: e, size: t, reason: i } }));
   }
 }
-function T(n, e) {
-  return new w(n, e);
+function T(o, e) {
+  return new g(o, e);
 }
 export {
-  w as PauseAd,
+  g as PauseAd,
   T as installPauseAd
 };
-//# sourceMappingURL=index-CaMVTgh0.js.map
+//# sourceMappingURL=index-CDPrkLq0.js.map

package/dist/chunks/index-CDPrkLq0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CDPrkLq0.js","sources":["../../src/plugins/pause-ad/PauseAd.ts","../../src/plugins/pause-ad/index.ts"],"sourcesContent":["import type { PauseAdOptions } from '../../types';\nimport type { HopeLocaleStrings } from '../../i18n/types';\nimport { loadGpt, type GoogleTag, type GptSlot, type GptSlotRenderEndedEvent } from './loadGpt';\n\nexport interface PauseAdPlayerContext {\n    videoEl: HTMLVideoElement;\n    /** Light DOM sahibi (GPT reklam div'ini bulabilsin diye slot'lu div buraya eklenir) + hp:pausead olayları. */\n    hostEl: HTMLElement;\n    videoArea: HTMLElement;\n    i18n: HopeLocaleStrings;\n    /** IMA reklamı oynuyor ya da giriş ekranı (countdown/geo) açık — bu sırada gösterilmez. */\n    isBlocked(): boolean;\n}\n\nconst DEFAULT_SIZES: Array<[number, number]> = [\n    [300, 250],\n    [336, 280],\n    [250, 250],\n    [200, 200],\n];\nconst PANEL_PADDING_X = 16;\n/** Başlık + \"Videoya devam et\" satırı + boşluklar (px) — dikey sığma hesabı için. */\nconst PANEL_CHROME_Y = 104;\nconst SLOT_NAME = 'hp-pause-ad';\n/** tailwind.css'teki sıkışma geçişiyle (380ms) aynı + küçük pay. */\nconst SHIFT_TRANSITION_MS = 420;\nlet instanceCount = 0;\n\n/**\n * Pause reklamı: video duraklatılınca Google display reklamı (GPT) istenir; dolarsa video sola animasyonla\n * sıkışır (cover — dış kenarlar kırpılır), sağdan reklam paneli kayar. Boş dönerse hiçbir şey açılmaz.\n * GPT reklamı document.getElementById ile bulur — Shadow DOM'u göremez; bu yüzden reklam div'i host'un light\n * DOM çocuğu olarak oluşturulup paneldeki <slot>'a yansıtılır.\n */\nexport class PauseAd {\n    private readonly panel: HTMLDivElement;\n    private readonly adHost: HTMLDivElement;\n    private readonly labelEl: HTMLSpanElement;\n    private readonly closeBtn: HTMLButtonElement;\n    private readonly resumeBtn: HTMLButtonElement;\n    private readonly divId: string;\n    private googletag: GoogleTag | null = null;\n    private slot: GptSlot | null = null;\n    private slotSizesKey = '';\n    private lastFetchAt = 0;\n    private lastFilled = false;\n    private waitingForRender = false;\n    private delayTimer: ReturnType<typeof setTimeout> | null = null;\n    private coverTimer: ReturnType<typeof setTimeout> | null = null;\n    private open = false;\n    private destroyed = false;\n\n    constructor(\n        private readonly ctx: PauseAdPlayerContext,\n        private readonly options: PauseAdOptions\n    ) {\n        this.divId = `hp-pause-ad-${++instanceCount}`;\n\n        this.panel = document.createElement('div');\n        this.panel.className = 'hp-pause-ad';\n        this.panel.setAttribute('part', 'pause-ad');\n        this.panel.setAttribute('aria-hidden', 'true');\n\n        const header = document.createElement('div');\n        header.className = 'hp-pause-ad-header';\n        this.labelEl = document.createElement('span');\n        this.labelEl.className = 'hp-pause-ad-label';\n        this.closeBtn = document.createElement('button');\n        this.closeBtn.type = 'button';\n        this.closeBtn.className = 'hp-pause-ad-close';\n        this.closeBtn.innerHTML =\n            '<svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M6 6l12 12M18 6L6 18\"/></svg>';\n        this.closeBtn.addEventListener('click', () => this.hide('closed'));\n        header.append(this.labelEl, this.closeBtn);\n\n        const body = document.createElement('div');\n        body.className = 'hp-pause-ad-body';\n        const slotEl = document.createElement('slot');\n        slotEl.name = SLOT_NAME;\n        body.appendChild(slotEl);\n\n        this.resumeBtn = document.createElement('button');\n        this.resumeBtn.type = 'button';\n        this.resumeBtn.className = 'hp-pause-ad-resume';\n        this.resumeBtn.addEventListener('click', () => void this.ctx.videoEl.play());\n        if (options.showResumeButton === false) this.resumeBtn.style.display = 'none';\n\n        this.panel.append(header, body, this.resumeBtn);\n        // Videoya dokunma/tıklama (oynat/duraklat) panelden tetiklenmesin.\n        this.panel.addEventListener('pointerdown', (e) => e.stopPropagation());\n        this.panel.addEventListener('click', (e) => e.stopPropagation());\n        ctx.videoArea.appendChild(this.panel);\n        ctx.videoArea.setAttribute('data-pause-ad-ready', '');\n\n        // Light DOM reklam kapsayıcısı — GPT bunu id ile bulur; görüntüsü paneldeki slot'ta.\n        this.adHost = document.createElement('div');\n        this.adHost.slot = SLOT_NAME;\n        this.adHost.id = this.divId;\n        ctx.hostEl.appendChild(this.adHost);\n\n        this.refreshLabels();\n        ctx.videoEl.addEventListener('pause', this.onPause);\n        ctx.videoEl.addEventListener('play', this.onPlay);\n    }\n\n    refreshLabels(): void {\n        this.labelEl.textContent = this.options.label ?? this.ctx.i18n.pauseAdLabel;\n        this.closeBtn.setAttribute('aria-label', this.ctx.i18n.pauseAdClose);\n        this.resumeBtn.textContent = this.ctx.i18n.pauseAdResume;\n    }\n\n    destroy(): void {\n        this.destroyed = true;\n        if (this.delayTimer) clearTimeout(this.delayTimer);\n        this.ctx.videoEl.removeEventListener('pause', this.onPause);\n        this.ctx.videoEl.removeEventListener('play', this.onPlay);\n        this.googletag?.pubads().removeEventListener?.('slotRenderEnded', this.onRenderEnded);\n        if (this.slot) this.googletag?.destroySlots([this.slot]);\n        this.setShift(0);\n        if (this.coverTimer) clearTimeout(this.coverTimer);\n        this.ctx.videoArea.removeAttribute('data-pause-ad');\n        this.ctx.videoArea.removeAttribute('data-pause-ad-ready');\n        this.panel.remove();\n        this.adHost.remove();\n    }\n\n    // ── olaylar ──\n\n    private readonly onPause = (): void => {\n        if (this.delayTimer) clearTimeout(this.delayTimer);\n        this.delayTimer = setTimeout(() => void this.request(), this.options.delayMs ?? 300);\n    };\n\n    private readonly onPlay = (): void => {\n        if (this.delayTimer) clearTimeout(this.delayTimer);\n        this.waitingForRender = false;\n        this.hide('resumed');\n    };\n\n    // ── istek / gösterim ──\n\n    /** Alana sığan reklam boyutları (genişlik oranı + dikey alan) — hiçbiri sığmazsa gösterilmez. */\n    private fittingSizes(): Array<[number, number]> {\n        const area = this.ctx.videoArea.getBoundingClientRect();\n        if (area.width < (this.options.minPlayerWidth ?? 640)) return [];\n        const maxW = area.width * (this.options.maxWidthRatio ?? 0.5) - PANEL_PADDING_X * 2;\n        const maxH = area.height - PANEL_CHROME_Y;\n        return (this.options.sizes ?? DEFAULT_SIZES).filter(([w, h]) => w <= maxW && h <= maxH);\n    }\n\n    private async request(): Promise<void> {\n        const v = this.ctx.videoEl;\n        if (this.destroyed || !v.paused || v.ended || v.seeking || this.ctx.isBlocked()) return;\n        const sizes = this.fittingSizes();\n        if (!sizes.length) return;\n\n        // Panel genişliği: sığan en geniş reklam + iç boşluk.\n        const panelW = Math.max(...sizes.map(([w]) => w)) + PANEL_PADDING_X * 2;\n        this.panel.style.setProperty('--hp-pause-ad-panel-w', `${panelW}px`);\n\n        const refreshMs = (this.options.refreshIntervalSec ?? 30) * 1000;\n        const sizesKey = JSON.stringify(sizes);\n        // Yakın zamanda doldurulmuş ve boyutlar aynı → yeni istek atmadan mevcut reklamı göster.\n        if (this.slot && this.lastFilled && sizesKey === this.slotSizesKey && Date.now() - this.lastFetchAt < refreshMs) {\n            this.show(panelW);\n            return;\n        }\n\n        try {\n            this.googletag = this.googletag ?? (await loadGpt());\n        } catch (err) {\n            console.warn('[HopePlayer pause-ad]', err);\n            return;\n        }\n        if (this.destroyed || !v.paused) return;\n        const gt = this.googletag;\n        this.waitingForRender = true;\n        gt.cmd.push(() => {\n            if (this.destroyed) return;\n            if (!this.slot || sizesKey !== this.slotSizesKey) {\n                if (this.slot) gt.destroySlots([this.slot]);\n                this.slot = gt.defineSlot(this.options.adUnitPath, sizes, this.divId);\n                if (!this.slot) return;\n                this.slot.addService(gt.pubads());\n                for (const [k, val] of Object.entries(this.options.targeting ?? {})) this.slot.setTargeting(k, val);\n                this.slotSizesKey = sizesKey;\n                gt.pubads().addEventListener('slotRenderEnded', this.onRenderEnded);\n                gt.enableServices();\n                gt.display(this.divId);\n                // Sayfa disableInitialLoad kullanıyorsa display istek atmaz — elle refresh.\n                if (gt.pubads().isInitialLoadDisabled()) gt.pubads().refresh([this.slot]);\n            } else {\n                gt.pubads().refresh([this.slot]);\n            }\n            this.lastFetchAt = Date.now();\n        });\n    }\n\n    private readonly onRenderEnded = (e: GptSlotRenderEndedEvent): void => {\n        if (e.slot !== this.slot) return;\n        this.lastFilled = !e.isEmpty;\n        const wasWaiting = this.waitingForRender;\n        this.waitingForRender = false;\n        if (e.isEmpty) {\n            this.emit('empty');\n            return;\n        }\n        // İstek sürerken kullanıcı oynattıysa açma.\n        if (!wasWaiting || !this.ctx.videoEl.paused || this.ctx.isBlocked()) return;\n        const width = Array.isArray(e.size) && typeof e.size[0] === 'number' ? e.size[0] : null;\n        this.show(width ? width + PANEL_PADDING_X * 2 : undefined, e.size as [number, number] | undefined);\n    };\n\n    private show(panelW?: number, size?: [number, number]): void {\n        if (panelW) this.panel.style.setProperty('--hp-pause-ad-panel-w', `${panelW}px`);\n        const w = parseFloat(this.panel.style.getPropertyValue('--hp-pause-ad-panel-w')) || 332;\n        this.open = true;\n        this.panel.setAttribute('data-open', '');\n        this.panel.setAttribute('aria-hidden', 'false');\n        this.setShift(w);\n        this.emit('shown', size);\n    }\n\n    private hide(reason: 'closed' | 'resumed'): void {\n        if (!this.open) return;\n        this.open = false;\n        this.panel.removeAttribute('data-open');\n        this.panel.setAttribute('aria-hidden', 'true');\n        this.setShift(0);\n        this.emit('hidden', undefined, reason);\n    }\n\n    /** Video ve kontrolleri panel genişliği kadar sola sıkıştırır (tailwind.css `.video-area[data-pause-ad]`). */\n    private setShift(px: number): void {\n        const area = this.ctx.videoArea;\n        if (this.coverTimer) clearTimeout(this.coverTimer);\n        this.coverTimer = null;\n        area.style.setProperty('--hp-pause-ad-w', `${px}px`);\n        if (px > 0) {\n            area.setAttribute('data-pause-ad', '');\n        } else if (area.hasAttribute('data-pause-ad')) {\n            // cover, genişleme animasyonu bitene kadar kalır — hemen contain'e dönmek kapanışta görüntüyü sıçratıyordu.\n            this.coverTimer = setTimeout(() => {\n                this.coverTimer = null;\n                area.removeAttribute('data-pause-ad');\n            }, SHIFT_TRANSITION_MS);\n        }\n    }\n\n    private emit(state: 'shown' | 'hidden' | 'empty', size?: [number, number], reason?: 'closed' | 'resumed'): void {\n        this.ctx.hostEl.dispatchEvent(new CustomEvent('hp:pausead', { detail: { state, size, reason } }));\n    }\n}\n","import { PauseAd, type PauseAdPlayerContext } from './PauseAd';\nimport type { PauseAdOptions } from '../../types';\n\nexport function installPauseAd(ctx: PauseAdPlayerContext, options: PauseAdOptions): PauseAd {\n    return new PauseAd(ctx, options);\n}\n\nexport { PauseAd };\nexport type { PauseAdPlayerContext };\n"],"names":["DEFAULT_SIZES","PANEL_PADDING_X","PANEL_CHROME_Y","SLOT_NAME","SHIFT_TRANSITION_MS","instanceCount","PauseAd","ctx","options","__publicField","wasWaiting","width","header","body","slotEl","e","_c","_a","_b","_d","area","maxW","maxH","w","h","v","sizes","panelW","refreshMs","sizesKey","loadGpt","err","gt","k","val","size","reason","px","state","installPauseAd"],"mappings":"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"}