markdown-flow-ui 0.1.124 → 0.1.125

package/dist/_virtual/index.cjs8.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
 //# sourceMappingURL=index.cjs8.js.map

package/dist/_virtual/index.cjs9.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;
 //# sourceMappingURL=index.cjs9.js.map

package/dist/_virtual/index.es8.js

@@ -1,5 +1,5 @@
-var s = { exports: {} };
+var r = {};
 export {
-  s as __module
+  r as __exports
 };
 //# sourceMappingURL=index.es8.js.map

package/dist/_virtual/index.es9.js

@@ -1,5 +1,5 @@
-var r = {};
+var s = { exports: {} };
 export {
-  r as __exports
+  s as __module
 };
 //# sourceMappingURL=index.es9.js.map

package/dist/components/Slide/MobilePlayerSettingsSheet.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../_virtual/jsx-runtime.cjs.js"),u=require("../../node_modules/@radix-ui/react-dialog/dist/index.cjs.js"),r=require("../../lib/utils.cjs.js"),s=require("../ui/dialog.cjs.js"),m=require("../../node_modules/lucide-react/dist/esm/icons/x.cjs.js"),p=({open:a,labels:t,isSubtitleEnabled:o,viewMode:n,container:l,onClose:x,onOpenChange:d,onSubtitleToggle:c,onViewModeChange:i})=>e.jsxRuntimeExports.jsx(s.Dialog,{open:a,onOpenChange:d,children:e.jsxRuntimeExports.jsxs(s.DialogPortal,{container:l,children:[e.jsxRuntimeExports.jsx(s.DialogOverlay,{className:"z-[60] bg-black/35"}),e.jsxRuntimeExports.jsxs(u.Content,{"aria-describedby":void 0,className:r.cn("fixed inset-x-0 bottom-0 z-[61] flex max-h-[min(360px,calc(100dvh-32px))] flex-col overflow-hidden rounded-t-[24px] border-t border-border bg-background shadow-[0_-12px_32px_rgba(28,44,64,0.16)] outline-none","data-[state=open]:animate-in data-[state=closed]:animate-out","data-[state=open]:slide-in-from-bottom-full data-[state=closed]:slide-out-to-bottom-full"),children:[e.jsxRuntimeExports.jsxs("div",{className:"flex min-h-14 items-center justify-between border-b border-border px-4",children:[e.jsxRuntimeExports.jsx(s.DialogTitle,{className:"text-[15px] font-semibold leading-5 text-foreground",children:t.title}),e.jsxRuntimeExports.jsx("button",{"aria-label":"Close settings",className:"inline-flex h-8 w-8 items-center justify-center rounded-full border-none bg-transparent p-0 text-foreground/70 transition-colors hover:text-foreground",onClick:x,type:"button",children:e.jsxRuntimeExports.jsx(m.default,{className:"h-4 w-4"})})]}),e.jsxRuntimeExports.jsxs("div",{className:r.cn("relative flex min-h-[72px] items-center justify-between gap-6 px-4","after:pointer-events-none after:absolute after:bottom-0 after:left-4 after:right-4 after:border-b after:border-border after:content-['']"),children:[e.jsxRuntimeExports.jsx("span",{className:"shrink-0 text-[15px] font-semibold leading-5 text-foreground",children:t.subtitle}),e.jsxRuntimeExports.jsx("button",{"aria-label":t.subtitleToggle,"aria-pressed":o,className:"inline-flex h-6 w-6 shrink-0 items-center justify-center p-0",onClick:c,type:"button",children:e.jsxRuntimeExports.jsx("span",{className:r.cn("relative block h-4 w-6 rounded-full border-2 border-foreground transition-colors",o&&"border-primary"),children:e.jsxRuntimeExports.jsx("span",{className:r.cn("absolute left-[2px] top-1/2 block h-1.5 w-1.5 -translate-y-1/2 rounded-full bg-foreground transition-transform",o?"translate-x-[10px] bg-primary":"translate-x-0")})})})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex min-h-[72px] items-center gap-6 px-4",children:[e.jsxRuntimeExports.jsx("span",{className:"shrink-0 text-[15px] font-semibold leading-5 text-foreground",children:t.screen}),e.jsxRuntimeExports.jsxs("div",{"aria-label":"Screen mode",className:"flex items-center gap-8",role:"radiogroup",children:[e.jsxRuntimeExports.jsx("button",{"aria-checked":n==="nonFullscreen",className:r.cn("border-none bg-transparent p-0 text-[15px] leading-5 text-foreground/70 transition-colors",n==="nonFullscreen"&&"font-semibold text-primary"),onClick:()=>i("nonFullscreen"),role:"radio",type:"button",children:t.nonFullscreen}),e.jsxRuntimeExports.jsx("button",{"aria-checked":n==="fullscreen",className:r.cn("border-none bg-transparent p-0 text-[15px] leading-5 text-foreground/70 transition-colors",n==="fullscreen"&&"font-semibold text-primary"),onClick:()=>i("fullscreen"),role:"radio",type:"button",children:t.fullscreen})]})]})]})]})});exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../_virtual/jsx-runtime.cjs.js"),u=require("../../node_modules/@radix-ui/react-dialog/dist/index.cjs.js"),r=require("../../lib/utils.cjs.js"),s=require("../ui/dialog.cjs.js"),m=require("../../node_modules/lucide-react/dist/esm/icons/x.cjs.js"),p=({open:a,labels:t,isSubtitleEnabled:o,viewMode:n,container:l,onClose:x,onOpenChange:d,onSubtitleToggle:c,onViewModeChange:i})=>e.jsxRuntimeExports.jsx(s.Dialog,{open:a,onOpenChange:d,children:e.jsxRuntimeExports.jsxs(s.DialogPortal,{container:l,children:[e.jsxRuntimeExports.jsx(s.DialogOverlay,{className:"z-[60] bg-black/35"}),e.jsxRuntimeExports.jsxs(u.Content,{"aria-describedby":void 0,"data-player-keyboard-shortcuts-ignore":"true",className:r.cn("fixed inset-x-0 bottom-0 z-[61] flex max-h-[min(360px,calc(100dvh-32px))] flex-col overflow-hidden rounded-t-[24px] border-t border-border bg-background shadow-[0_-12px_32px_rgba(28,44,64,0.16)] outline-none","data-[state=open]:animate-in data-[state=closed]:animate-out","data-[state=open]:slide-in-from-bottom-full data-[state=closed]:slide-out-to-bottom-full"),children:[e.jsxRuntimeExports.jsxs("div",{className:"flex min-h-14 items-center justify-between border-b border-border px-4",children:[e.jsxRuntimeExports.jsx(s.DialogTitle,{className:"text-[15px] font-semibold leading-5 text-foreground",children:t.title}),e.jsxRuntimeExports.jsx("button",{"aria-label":t.closeSettings,className:"inline-flex h-8 w-8 items-center justify-center rounded-full border-none bg-transparent p-0 text-foreground/70 transition-colors hover:text-foreground",onClick:x,type:"button",children:e.jsxRuntimeExports.jsx(m.default,{className:"h-4 w-4"})})]}),e.jsxRuntimeExports.jsxs("div",{className:r.cn("relative flex min-h-[72px] items-center justify-between gap-6 px-4","after:pointer-events-none after:absolute after:bottom-0 after:left-4 after:right-4 after:border-b after:border-border after:content-['']"),children:[e.jsxRuntimeExports.jsx("span",{className:"shrink-0 text-[15px] font-semibold leading-5 text-foreground",children:t.subtitle}),e.jsxRuntimeExports.jsx("button",{"aria-label":t.subtitleToggle,"aria-pressed":o,className:"inline-flex h-6 w-6 shrink-0 items-center justify-center p-0",onClick:c,type:"button",children:e.jsxRuntimeExports.jsx("span",{className:r.cn("relative block h-4 w-6 rounded-full border-2 border-foreground transition-colors",o&&"border-primary"),children:e.jsxRuntimeExports.jsx("span",{className:r.cn("absolute left-[2px] top-1/2 block h-1.5 w-1.5 -translate-y-1/2 rounded-full bg-foreground transition-transform",o?"translate-x-[10px] bg-primary":"translate-x-0")})})})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex min-h-[72px] items-center gap-6 px-4",children:[e.jsxRuntimeExports.jsx("span",{className:"shrink-0 text-[15px] font-semibold leading-5 text-foreground",children:t.screen}),e.jsxRuntimeExports.jsxs("div",{"aria-label":t.screenMode,className:"flex items-center gap-8",role:"radiogroup",children:[e.jsxRuntimeExports.jsx("button",{"aria-checked":n==="nonFullscreen",className:r.cn("border-none bg-transparent p-0 text-[15px] leading-5 text-foreground/70 transition-colors",n==="nonFullscreen"&&"font-semibold text-primary"),onClick:()=>i("nonFullscreen"),role:"radio",type:"button",children:t.nonFullscreen}),e.jsxRuntimeExports.jsx("button",{"aria-checked":n==="fullscreen",className:r.cn("border-none bg-transparent p-0 text-[15px] leading-5 text-foreground/70 transition-colors",n==="fullscreen"&&"font-semibold text-primary"),onClick:()=>i("fullscreen"),role:"radio",type:"button",children:t.fullscreen})]})]})]})]})});exports.default=p;
 //# sourceMappingURL=MobilePlayerSettingsSheet.cjs.js.map

package/dist/components/Slide/MobilePlayerSettingsSheet.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobilePlayerSettingsSheet.cjs.js","sources":["../../../src/components/Slide/MobilePlayerSettingsSheet.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { X } from \"lucide-react\";\n\nimport { cn } from \"../../lib/utils\";\nimport { Dialog, DialogOverlay, DialogPortal, DialogTitle } from \"../ui/dialog\";\nimport type { MobileViewMode } from \"./utils/mobileScreenMode\";\n\nexport type MobilePlayerSettingsSheetLabels = {\n  title: string;\n  subtitle: string;\n  subtitleToggle: string;\n  screen: string;\n  nonFullscreen: string;\n  fullscreen: string;\n};\n\nexport type MobilePlayerSettingsSheetProps = {\n  open: boolean;\n  labels: MobilePlayerSettingsSheetLabels;\n  isSubtitleEnabled: boolean;\n  viewMode: MobileViewMode;\n  container?: HTMLElement | null;\n  onClose: () => void;\n  onOpenChange: (open: boolean) => void;\n  onSubtitleToggle: () => void;\n  onViewModeChange: (nextViewMode: MobileViewMode) => void;\n};\n\nconst MobilePlayerSettingsSheet = ({\n  open,\n  labels,\n  isSubtitleEnabled,\n  viewMode,\n  container,\n  onClose,\n  onOpenChange,\n  onSubtitleToggle,\n  onViewModeChange,\n}: MobilePlayerSettingsSheetProps) => {\n  const insetDividerClassName =\n    \"after:pointer-events-none after:absolute after:bottom-0 after:left-4 after:right-4 after:border-b after:border-border after:content-['']\";\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogPortal container={container}>\n        <DialogOverlay className=\"z-[60] bg-black/35\" />\n        <DialogPrimitive.Content\n          aria-describedby={undefined}\n          className={cn(\n            \"fixed inset-x-0 bottom-0 z-[61] flex max-h-[min(360px,calc(100dvh-32px))] flex-col overflow-hidden rounded-t-[24px] border-t border-border bg-background shadow-[0_-12px_32px_rgba(28,44,64,0.16)] outline-none\",\n            \"data-[state=open]:animate-in data-[state=closed]:animate-out\",\n            \"data-[state=open]:slide-in-from-bottom-full data-[state=closed]:slide-out-to-bottom-full\"\n          )}\n        >\n          <div className=\"flex min-h-14 items-center justify-between border-b border-border px-4\">\n            <DialogTitle className=\"text-[15px] font-semibold leading-5 text-foreground\">\n              {labels.title}\n            </DialogTitle>\n            <button\n              aria-label=\"Close settings\"\n              className=\"inline-flex h-8 w-8 items-center justify-center rounded-full border-none bg-transparent p-0 text-foreground/70 transition-colors hover:text-foreground\"\n              onClick={onClose}\n              type=\"button\"\n            >\n              <X className=\"h-4 w-4\" />\n            </button>\n          </div>\n\n          <div\n            className={cn(\n              \"relative flex min-h-[72px] items-center justify-between gap-6 px-4\",\n              insetDividerClassName\n            )}\n          >\n            <span className=\"shrink-0 text-[15px] font-semibold leading-5 text-foreground\">\n              {labels.subtitle}\n            </span>\n\n            <button\n              aria-label={labels.subtitleToggle}\n              aria-pressed={isSubtitleEnabled}\n              className=\"inline-flex h-6 w-6 shrink-0 items-center justify-center p-0\"\n              onClick={onSubtitleToggle}\n              type=\"button\"\n            >\n              <span\n                className={cn(\n                  \"relative block h-4 w-6 rounded-full border-2 border-foreground transition-colors\",\n                  isSubtitleEnabled && \"border-primary\"\n                )}\n              >\n                <span\n                  className={cn(\n                    \"absolute left-[2px] top-1/2 block h-1.5 w-1.5 -translate-y-1/2 rounded-full bg-foreground transition-transform\",\n                    isSubtitleEnabled\n                      ? \"translate-x-[10px] bg-primary\"\n                      : \"translate-x-0\"\n                  )}\n                />\n              </span>\n            </button>\n          </div>\n\n          <div className=\"flex min-h-[72px] items-center gap-6 px-4\">\n            <span className=\"shrink-0 text-[15px] font-semibold leading-5 text-foreground\">\n              {labels.screen}\n            </span>\n            <div\n              aria-label=\"Screen mode\"\n              className=\"flex items-center gap-8\"\n              role=\"radiogroup\"\n            >\n              <button\n                aria-checked={viewMode === \"nonFullscreen\"}\n                className={cn(\n                  \"border-none bg-transparent p-0 text-[15px] leading-5 text-foreground/70 transition-colors\",\n                  viewMode === \"nonFullscreen\" && \"font-semibold text-primary\"\n                )}\n                onClick={() => onViewModeChange(\"nonFullscreen\")}\n                role=\"radio\"\n                type=\"button\"\n              >\n                {labels.nonFullscreen}\n              </button>\n              <button\n                aria-checked={viewMode === \"fullscreen\"}\n                className={cn(\n                  \"border-none bg-transparent p-0 text-[15px] leading-5 text-foreground/70 transition-colors\",\n                  viewMode === \"fullscreen\" && \"font-semibold text-primary\"\n                )}\n                onClick={() => onViewModeChange(\"fullscreen\")}\n                role=\"radio\"\n                type=\"button\"\n              >\n                {labels.fullscreen}\n              </button>\n            </div>\n          </div>\n        </DialogPrimitive.Content>\n      </DialogPortal>\n    </Dialog>\n  );\n};\n\nexport default MobilePlayerSettingsSheet;\n"],"names":["MobilePlayerSettingsSheet","open","labels","isSubtitleEnabled","viewMode","container","onClose","onOpenChange","onSubtitleToggle","onViewModeChange","Dialog","jsxs","DialogPortal","jsx","DialogOverlay","DialogPrimitive.Content","cn","DialogTitle","X"],"mappings":"oXA4BMA,EAA4B,CAAC,CACjC,KAAAC,EACA,OAAAC,EACA,kBAAAC,EACA,SAAAC,EACA,UAAAC,EACA,QAAAC,EACA,aAAAC,EACA,iBAAAC,EACA,iBAAAC,CACF,4BAKKC,EAAAA,OAAA,CAAO,KAAAT,EAAY,aAAAM,EAClB,SAAAI,EAAAA,kBAAAA,KAACC,EAAAA,cAAa,UAAAP,EACZ,SAAA,CAAAQ,EAAAA,kBAAAA,IAACC,EAAAA,cAAA,CAAc,UAAU,oBAAA,CAAqB,EAC9CH,EAAAA,kBAAAA,KAACI,EAAAA,QAAA,CACC,mBAAkB,OAClB,UAAWC,EAAAA,GACT,kNACA,+DACA,0FAAA,EAGF,SAAA,CAAAL,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,yEACb,SAAA,CAAAE,EAAAA,kBAAAA,IAACI,EAAAA,YAAA,CAAY,UAAU,sDACpB,SAAAf,EAAO,MACV,EACAW,EAAAA,kBAAAA,IAAC,SAAA,CACC,aAAW,iBACX,UAAU,yJACV,QAASP,EACT,KAAK,SAEL,SAAAO,EAAAA,kBAAAA,IAACK,EAAAA,QAAA,CAAE,UAAU,SAAA,CAAU,CAAA,CAAA,CACzB,EACF,EAEAP,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAWK,EAAAA,GACT,qEA9BV,0IA+BU,EAGF,SAAA,CAAAH,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,+DACb,SAAAX,EAAO,SACV,EAEAW,EAAAA,kBAAAA,IAAC,SAAA,CACC,aAAYX,EAAO,eACnB,eAAcC,EACd,UAAU,+DACV,QAASK,EACT,KAAK,SAEL,SAAAK,EAAAA,kBAAAA,IAAC,OAAA,CACC,UAAWG,EAAAA,GACT,mFACAb,GAAqB,gBAAA,EAGvB,SAAAU,EAAAA,kBAAAA,IAAC,OAAA,CACC,UAAWG,EAAAA,GACT,iHACAb,EACI,gCACA,eAAA,CACN,CAAA,CACF,CAAA,CACF,CAAA,CACF,CAAA,CAAA,EAGFQ,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,4CACb,SAAA,CAAAE,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,+DACb,SAAAX,EAAO,OACV,EACAS,EAAAA,kBAAAA,KAAC,MAAA,CACC,aAAW,cACX,UAAU,0BACV,KAAK,aAEL,SAAA,CAAAE,EAAAA,kBAAAA,IAAC,SAAA,CACC,eAAcT,IAAa,gBAC3B,UAAWY,EAAAA,GACT,4FACAZ,IAAa,iBAAmB,4BAAA,EAElC,QAAS,IAAMK,EAAiB,eAAe,EAC/C,KAAK,QACL,KAAK,SAEJ,SAAAP,EAAO,aAAA,CAAA,EAEVW,EAAAA,kBAAAA,IAAC,SAAA,CACC,eAAcT,IAAa,aAC3B,UAAWY,EAAAA,GACT,4FACAZ,IAAa,cAAgB,4BAAA,EAE/B,QAAS,IAAMK,EAAiB,YAAY,EAC5C,KAAK,QACL,KAAK,SAEJ,SAAAP,EAAO,UAAA,CAAA,CACV,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CACF"}
+{"version":3,"file":"MobilePlayerSettingsSheet.cjs.js","sources":["../../../src/components/Slide/MobilePlayerSettingsSheet.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { X } from \"lucide-react\";\n\nimport { cn } from \"../../lib/utils\";\nimport { Dialog, DialogOverlay, DialogPortal, DialogTitle } from \"../ui/dialog\";\nimport type { MobileViewMode } from \"./utils/mobileScreenMode\";\n\nexport type MobilePlayerSettingsSheetLabels = {\n  closeSettings: string;\n  title: string;\n  subtitle: string;\n  subtitleToggle: string;\n  screenMode: string;\n  screen: string;\n  nonFullscreen: string;\n  fullscreen: string;\n};\n\nexport type MobilePlayerSettingsSheetProps = {\n  open: boolean;\n  labels: MobilePlayerSettingsSheetLabels;\n  isSubtitleEnabled: boolean;\n  viewMode: MobileViewMode;\n  container?: HTMLElement | null;\n  onClose: () => void;\n  onOpenChange: (open: boolean) => void;\n  onSubtitleToggle: () => void;\n  onViewModeChange: (nextViewMode: MobileViewMode) => void;\n};\n\nconst MobilePlayerSettingsSheet = ({\n  open,\n  labels,\n  isSubtitleEnabled,\n  viewMode,\n  container,\n  onClose,\n  onOpenChange,\n  onSubtitleToggle,\n  onViewModeChange,\n}: MobilePlayerSettingsSheetProps) => {\n  const insetDividerClassName =\n    \"after:pointer-events-none after:absolute after:bottom-0 after:left-4 after:right-4 after:border-b after:border-border after:content-['']\";\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogPortal container={container}>\n        <DialogOverlay className=\"z-[60] bg-black/35\" />\n        <DialogPrimitive.Content\n          aria-describedby={undefined}\n          data-player-keyboard-shortcuts-ignore=\"true\"\n          className={cn(\n            \"fixed inset-x-0 bottom-0 z-[61] flex max-h-[min(360px,calc(100dvh-32px))] flex-col overflow-hidden rounded-t-[24px] border-t border-border bg-background shadow-[0_-12px_32px_rgba(28,44,64,0.16)] outline-none\",\n            \"data-[state=open]:animate-in data-[state=closed]:animate-out\",\n            \"data-[state=open]:slide-in-from-bottom-full data-[state=closed]:slide-out-to-bottom-full\"\n          )}\n        >\n          <div className=\"flex min-h-14 items-center justify-between border-b border-border px-4\">\n            <DialogTitle className=\"text-[15px] font-semibold leading-5 text-foreground\">\n              {labels.title}\n            </DialogTitle>\n            <button\n              aria-label={labels.closeSettings}\n              className=\"inline-flex h-8 w-8 items-center justify-center rounded-full border-none bg-transparent p-0 text-foreground/70 transition-colors hover:text-foreground\"\n              onClick={onClose}\n              type=\"button\"\n            >\n              <X className=\"h-4 w-4\" />\n            </button>\n          </div>\n\n          <div\n            className={cn(\n              \"relative flex min-h-[72px] items-center justify-between gap-6 px-4\",\n              insetDividerClassName\n            )}\n          >\n            <span className=\"shrink-0 text-[15px] font-semibold leading-5 text-foreground\">\n              {labels.subtitle}\n            </span>\n\n            <button\n              aria-label={labels.subtitleToggle}\n              aria-pressed={isSubtitleEnabled}\n              className=\"inline-flex h-6 w-6 shrink-0 items-center justify-center p-0\"\n              onClick={onSubtitleToggle}\n              type=\"button\"\n            >\n              <span\n                className={cn(\n                  \"relative block h-4 w-6 rounded-full border-2 border-foreground transition-colors\",\n                  isSubtitleEnabled && \"border-primary\"\n                )}\n              >\n                <span\n                  className={cn(\n                    \"absolute left-[2px] top-1/2 block h-1.5 w-1.5 -translate-y-1/2 rounded-full bg-foreground transition-transform\",\n                    isSubtitleEnabled\n                      ? \"translate-x-[10px] bg-primary\"\n                      : \"translate-x-0\"\n                  )}\n                />\n              </span>\n            </button>\n          </div>\n\n          <div className=\"flex min-h-[72px] items-center gap-6 px-4\">\n            <span className=\"shrink-0 text-[15px] font-semibold leading-5 text-foreground\">\n              {labels.screen}\n            </span>\n            <div\n              aria-label={labels.screenMode}\n              className=\"flex items-center gap-8\"\n              role=\"radiogroup\"\n            >\n              <button\n                aria-checked={viewMode === \"nonFullscreen\"}\n                className={cn(\n                  \"border-none bg-transparent p-0 text-[15px] leading-5 text-foreground/70 transition-colors\",\n                  viewMode === \"nonFullscreen\" && \"font-semibold text-primary\"\n                )}\n                onClick={() => onViewModeChange(\"nonFullscreen\")}\n                role=\"radio\"\n                type=\"button\"\n              >\n                {labels.nonFullscreen}\n              </button>\n              <button\n                aria-checked={viewMode === \"fullscreen\"}\n                className={cn(\n                  \"border-none bg-transparent p-0 text-[15px] leading-5 text-foreground/70 transition-colors\",\n                  viewMode === \"fullscreen\" && \"font-semibold text-primary\"\n                )}\n                onClick={() => onViewModeChange(\"fullscreen\")}\n                role=\"radio\"\n                type=\"button\"\n              >\n                {labels.fullscreen}\n              </button>\n            </div>\n          </div>\n        </DialogPrimitive.Content>\n      </DialogPortal>\n    </Dialog>\n  );\n};\n\nexport default MobilePlayerSettingsSheet;\n"],"names":["MobilePlayerSettingsSheet","open","labels","isSubtitleEnabled","viewMode","container","onClose","onOpenChange","onSubtitleToggle","onViewModeChange","Dialog","jsxs","DialogPortal","jsx","DialogOverlay","DialogPrimitive.Content","cn","DialogTitle","X"],"mappings":"oXA8BMA,EAA4B,CAAC,CACjC,KAAAC,EACA,OAAAC,EACA,kBAAAC,EACA,SAAAC,EACA,UAAAC,EACA,QAAAC,EACA,aAAAC,EACA,iBAAAC,EACA,iBAAAC,CACF,4BAKKC,EAAAA,OAAA,CAAO,KAAAT,EAAY,aAAAM,EAClB,SAAAI,EAAAA,kBAAAA,KAACC,EAAAA,cAAa,UAAAP,EACZ,SAAA,CAAAQ,EAAAA,kBAAAA,IAACC,EAAAA,cAAA,CAAc,UAAU,oBAAA,CAAqB,EAC9CH,EAAAA,kBAAAA,KAACI,EAAAA,QAAA,CACC,mBAAkB,OAClB,wCAAsC,OACtC,UAAWC,EAAAA,GACT,kNACA,+DACA,0FAAA,EAGF,SAAA,CAAAL,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,yEACb,SAAA,CAAAE,EAAAA,kBAAAA,IAACI,EAAAA,YAAA,CAAY,UAAU,sDACpB,SAAAf,EAAO,MACV,EACAW,EAAAA,kBAAAA,IAAC,SAAA,CACC,aAAYX,EAAO,cACnB,UAAU,yJACV,QAASI,EACT,KAAK,SAEL,SAAAO,EAAAA,kBAAAA,IAACK,EAAAA,QAAA,CAAE,UAAU,SAAA,CAAU,CAAA,CAAA,CACzB,EACF,EAEAP,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAWK,EAAAA,GACT,qEA/BV,0IAgCU,EAGF,SAAA,CAAAH,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,+DACb,SAAAX,EAAO,SACV,EAEAW,EAAAA,kBAAAA,IAAC,SAAA,CACC,aAAYX,EAAO,eACnB,eAAcC,EACd,UAAU,+DACV,QAASK,EACT,KAAK,SAEL,SAAAK,EAAAA,kBAAAA,IAAC,OAAA,CACC,UAAWG,EAAAA,GACT,mFACAb,GAAqB,gBAAA,EAGvB,SAAAU,EAAAA,kBAAAA,IAAC,OAAA,CACC,UAAWG,EAAAA,GACT,iHACAb,EACI,gCACA,eAAA,CACN,CAAA,CACF,CAAA,CACF,CAAA,CACF,CAAA,CAAA,EAGFQ,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,4CACb,SAAA,CAAAE,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,+DACb,SAAAX,EAAO,OACV,EACAS,EAAAA,kBAAAA,KAAC,MAAA,CACC,aAAYT,EAAO,WACnB,UAAU,0BACV,KAAK,aAEL,SAAA,CAAAW,EAAAA,kBAAAA,IAAC,SAAA,CACC,eAAcT,IAAa,gBAC3B,UAAWY,EAAAA,GACT,4FACAZ,IAAa,iBAAmB,4BAAA,EAElC,QAAS,IAAMK,EAAiB,eAAe,EAC/C,KAAK,QACL,KAAK,SAEJ,SAAAP,EAAO,aAAA,CAAA,EAEVW,EAAAA,kBAAAA,IAAC,SAAA,CACC,eAAcT,IAAa,aAC3B,UAAWY,EAAAA,GACT,4FACAZ,IAAa,cAAgB,4BAAA,EAE/B,QAAS,IAAMK,EAAiB,YAAY,EAC5C,KAAK,QACL,KAAK,SAEJ,SAAAP,EAAO,UAAA,CAAA,CACV,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CACF"}

package/dist/components/Slide/MobilePlayerSettingsSheet.d.ts

@@ -1,8 +1,10 @@
 import { MobileViewMode } from './utils/mobileScreenMode';
 export type MobilePlayerSettingsSheetLabels = {
+    closeSettings: string;
     title: string;
     subtitle: string;
     subtitleToggle: string;
+    screenMode: string;
     screen: string;
     nonFullscreen: string;
     fullscreen: string;

package/dist/components/Slide/MobilePlayerSettingsSheet.es.js

@@ -1,8 +1,8 @@
 import { j as e } from "../../_virtual/jsx-runtime.es.js";
 import { Content as x } from "../../node_modules/@radix-ui/react-dialog/dist/index.es.js";
 import { cn as r } from "../../lib/utils.es.js";
-import { Dialog as m, DialogPortal as f, DialogOverlay as p, DialogTitle as b } from "../ui/dialog.es.js";
-import u from "../../node_modules/lucide-react/dist/esm/icons/x.es.js";
+import { Dialog as m, DialogPortal as f, DialogOverlay as p, DialogTitle as u } from "../ui/dialog.es.js";
+import b from "../../node_modules/lucide-react/dist/esm/icons/x.es.js";
 const v = ({
   open: a,
   labels: t,
@@ -19,6 +19,7 @@ const v = ({
     x,
     {
       "aria-describedby": void 0,
+      "data-player-keyboard-shortcuts-ignore": "true",
       className: r(
         "fixed inset-x-0 bottom-0 z-[61] flex max-h-[min(360px,calc(100dvh-32px))] flex-col overflow-hidden rounded-t-[24px] border-t border-border bg-background shadow-[0_-12px_32px_rgba(28,44,64,0.16)] outline-none",
         "data-[state=open]:animate-in data-[state=closed]:animate-out",
@@ -26,15 +27,15 @@ const v = ({
       ),
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex min-h-14 items-center justify-between border-b border-border px-4", children: [
-          /* @__PURE__ */ e.jsx(b, { className: "text-[15px] font-semibold leading-5 text-foreground", children: t.title }),
+          /* @__PURE__ */ e.jsx(u, { className: "text-[15px] font-semibold leading-5 text-foreground", children: t.title }),
           /* @__PURE__ */ e.jsx(
             "button",
             {
-              "aria-label": "Close settings",
+              "aria-label": t.closeSettings,
               className: "inline-flex h-8 w-8 items-center justify-center rounded-full border-none bg-transparent p-0 text-foreground/70 transition-colors hover:text-foreground",
               onClick: i,
               type: "button",
-              children: /* @__PURE__ */ e.jsx(u, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ e.jsx(b, { className: "h-4 w-4" })
             }
           )
         ] }),
@@ -83,7 +84,7 @@ const v = ({
           /* @__PURE__ */ e.jsxs(
             "div",
             {
-              "aria-label": "Screen mode",
+              "aria-label": t.screenMode,
               className: "flex items-center gap-8",
               role: "radiogroup",
               children: [

package/dist/components/Slide/MobilePlayerSettingsSheet.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobilePlayerSettingsSheet.es.js","sources":["../../../src/components/Slide/MobilePlayerSettingsSheet.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { X } from \"lucide-react\";\n\nimport { cn } from \"../../lib/utils\";\nimport { Dialog, DialogOverlay, DialogPortal, DialogTitle } from \"../ui/dialog\";\nimport type { MobileViewMode } from \"./utils/mobileScreenMode\";\n\nexport type MobilePlayerSettingsSheetLabels = {\n  title: string;\n  subtitle: string;\n  subtitleToggle: string;\n  screen: string;\n  nonFullscreen: string;\n  fullscreen: string;\n};\n\nexport type MobilePlayerSettingsSheetProps = {\n  open: boolean;\n  labels: MobilePlayerSettingsSheetLabels;\n  isSubtitleEnabled: boolean;\n  viewMode: MobileViewMode;\n  container?: HTMLElement | null;\n  onClose: () => void;\n  onOpenChange: (open: boolean) => void;\n  onSubtitleToggle: () => void;\n  onViewModeChange: (nextViewMode: MobileViewMode) => void;\n};\n\nconst MobilePlayerSettingsSheet = ({\n  open,\n  labels,\n  isSubtitleEnabled,\n  viewMode,\n  container,\n  onClose,\n  onOpenChange,\n  onSubtitleToggle,\n  onViewModeChange,\n}: MobilePlayerSettingsSheetProps) => {\n  const insetDividerClassName =\n    \"after:pointer-events-none after:absolute after:bottom-0 after:left-4 after:right-4 after:border-b after:border-border after:content-['']\";\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogPortal container={container}>\n        <DialogOverlay className=\"z-[60] bg-black/35\" />\n        <DialogPrimitive.Content\n          aria-describedby={undefined}\n          className={cn(\n            \"fixed inset-x-0 bottom-0 z-[61] flex max-h-[min(360px,calc(100dvh-32px))] flex-col overflow-hidden rounded-t-[24px] border-t border-border bg-background shadow-[0_-12px_32px_rgba(28,44,64,0.16)] outline-none\",\n            \"data-[state=open]:animate-in data-[state=closed]:animate-out\",\n            \"data-[state=open]:slide-in-from-bottom-full data-[state=closed]:slide-out-to-bottom-full\"\n          )}\n        >\n          <div className=\"flex min-h-14 items-center justify-between border-b border-border px-4\">\n            <DialogTitle className=\"text-[15px] font-semibold leading-5 text-foreground\">\n              {labels.title}\n            </DialogTitle>\n            <button\n              aria-label=\"Close settings\"\n              className=\"inline-flex h-8 w-8 items-center justify-center rounded-full border-none bg-transparent p-0 text-foreground/70 transition-colors hover:text-foreground\"\n              onClick={onClose}\n              type=\"button\"\n            >\n              <X className=\"h-4 w-4\" />\n            </button>\n          </div>\n\n          <div\n            className={cn(\n              \"relative flex min-h-[72px] items-center justify-between gap-6 px-4\",\n              insetDividerClassName\n            )}\n          >\n            <span className=\"shrink-0 text-[15px] font-semibold leading-5 text-foreground\">\n              {labels.subtitle}\n            </span>\n\n            <button\n              aria-label={labels.subtitleToggle}\n              aria-pressed={isSubtitleEnabled}\n              className=\"inline-flex h-6 w-6 shrink-0 items-center justify-center p-0\"\n              onClick={onSubtitleToggle}\n              type=\"button\"\n            >\n              <span\n                className={cn(\n                  \"relative block h-4 w-6 rounded-full border-2 border-foreground transition-colors\",\n                  isSubtitleEnabled && \"border-primary\"\n                )}\n              >\n                <span\n                  className={cn(\n                    \"absolute left-[2px] top-1/2 block h-1.5 w-1.5 -translate-y-1/2 rounded-full bg-foreground transition-transform\",\n                    isSubtitleEnabled\n                      ? \"translate-x-[10px] bg-primary\"\n                      : \"translate-x-0\"\n                  )}\n                />\n              </span>\n            </button>\n          </div>\n\n          <div className=\"flex min-h-[72px] items-center gap-6 px-4\">\n            <span className=\"shrink-0 text-[15px] font-semibold leading-5 text-foreground\">\n              {labels.screen}\n            </span>\n            <div\n              aria-label=\"Screen mode\"\n              className=\"flex items-center gap-8\"\n              role=\"radiogroup\"\n            >\n              <button\n                aria-checked={viewMode === \"nonFullscreen\"}\n                className={cn(\n                  \"border-none bg-transparent p-0 text-[15px] leading-5 text-foreground/70 transition-colors\",\n                  viewMode === \"nonFullscreen\" && \"font-semibold text-primary\"\n                )}\n                onClick={() => onViewModeChange(\"nonFullscreen\")}\n                role=\"radio\"\n                type=\"button\"\n              >\n                {labels.nonFullscreen}\n              </button>\n              <button\n                aria-checked={viewMode === \"fullscreen\"}\n                className={cn(\n                  \"border-none bg-transparent p-0 text-[15px] leading-5 text-foreground/70 transition-colors\",\n                  viewMode === \"fullscreen\" && \"font-semibold text-primary\"\n                )}\n                onClick={() => onViewModeChange(\"fullscreen\")}\n                role=\"radio\"\n                type=\"button\"\n              >\n                {labels.fullscreen}\n              </button>\n            </div>\n          </div>\n        </DialogPrimitive.Content>\n      </DialogPortal>\n    </Dialog>\n  );\n};\n\nexport default MobilePlayerSettingsSheet;\n"],"names":["MobilePlayerSettingsSheet","open","labels","isSubtitleEnabled","viewMode","container","onClose","onOpenChange","onSubtitleToggle","onViewModeChange","Dialog","jsxs","DialogPortal","jsx","DialogOverlay","DialogPrimitive.Content","cn","DialogTitle","X"],"mappings":"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"}
+{"version":3,"file":"MobilePlayerSettingsSheet.es.js","sources":["../../../src/components/Slide/MobilePlayerSettingsSheet.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { X } from \"lucide-react\";\n\nimport { cn } from \"../../lib/utils\";\nimport { Dialog, DialogOverlay, DialogPortal, DialogTitle } from \"../ui/dialog\";\nimport type { MobileViewMode } from \"./utils/mobileScreenMode\";\n\nexport type MobilePlayerSettingsSheetLabels = {\n  closeSettings: string;\n  title: string;\n  subtitle: string;\n  subtitleToggle: string;\n  screenMode: string;\n  screen: string;\n  nonFullscreen: string;\n  fullscreen: string;\n};\n\nexport type MobilePlayerSettingsSheetProps = {\n  open: boolean;\n  labels: MobilePlayerSettingsSheetLabels;\n  isSubtitleEnabled: boolean;\n  viewMode: MobileViewMode;\n  container?: HTMLElement | null;\n  onClose: () => void;\n  onOpenChange: (open: boolean) => void;\n  onSubtitleToggle: () => void;\n  onViewModeChange: (nextViewMode: MobileViewMode) => void;\n};\n\nconst MobilePlayerSettingsSheet = ({\n  open,\n  labels,\n  isSubtitleEnabled,\n  viewMode,\n  container,\n  onClose,\n  onOpenChange,\n  onSubtitleToggle,\n  onViewModeChange,\n}: MobilePlayerSettingsSheetProps) => {\n  const insetDividerClassName =\n    \"after:pointer-events-none after:absolute after:bottom-0 after:left-4 after:right-4 after:border-b after:border-border after:content-['']\";\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogPortal container={container}>\n        <DialogOverlay className=\"z-[60] bg-black/35\" />\n        <DialogPrimitive.Content\n          aria-describedby={undefined}\n          data-player-keyboard-shortcuts-ignore=\"true\"\n          className={cn(\n            \"fixed inset-x-0 bottom-0 z-[61] flex max-h-[min(360px,calc(100dvh-32px))] flex-col overflow-hidden rounded-t-[24px] border-t border-border bg-background shadow-[0_-12px_32px_rgba(28,44,64,0.16)] outline-none\",\n            \"data-[state=open]:animate-in data-[state=closed]:animate-out\",\n            \"data-[state=open]:slide-in-from-bottom-full data-[state=closed]:slide-out-to-bottom-full\"\n          )}\n        >\n          <div className=\"flex min-h-14 items-center justify-between border-b border-border px-4\">\n            <DialogTitle className=\"text-[15px] font-semibold leading-5 text-foreground\">\n              {labels.title}\n            </DialogTitle>\n            <button\n              aria-label={labels.closeSettings}\n              className=\"inline-flex h-8 w-8 items-center justify-center rounded-full border-none bg-transparent p-0 text-foreground/70 transition-colors hover:text-foreground\"\n              onClick={onClose}\n              type=\"button\"\n            >\n              <X className=\"h-4 w-4\" />\n            </button>\n          </div>\n\n          <div\n            className={cn(\n              \"relative flex min-h-[72px] items-center justify-between gap-6 px-4\",\n              insetDividerClassName\n            )}\n          >\n            <span className=\"shrink-0 text-[15px] font-semibold leading-5 text-foreground\">\n              {labels.subtitle}\n            </span>\n\n            <button\n              aria-label={labels.subtitleToggle}\n              aria-pressed={isSubtitleEnabled}\n              className=\"inline-flex h-6 w-6 shrink-0 items-center justify-center p-0\"\n              onClick={onSubtitleToggle}\n              type=\"button\"\n            >\n              <span\n                className={cn(\n                  \"relative block h-4 w-6 rounded-full border-2 border-foreground transition-colors\",\n                  isSubtitleEnabled && \"border-primary\"\n                )}\n              >\n                <span\n                  className={cn(\n                    \"absolute left-[2px] top-1/2 block h-1.5 w-1.5 -translate-y-1/2 rounded-full bg-foreground transition-transform\",\n                    isSubtitleEnabled\n                      ? \"translate-x-[10px] bg-primary\"\n                      : \"translate-x-0\"\n                  )}\n                />\n              </span>\n            </button>\n          </div>\n\n          <div className=\"flex min-h-[72px] items-center gap-6 px-4\">\n            <span className=\"shrink-0 text-[15px] font-semibold leading-5 text-foreground\">\n              {labels.screen}\n            </span>\n            <div\n              aria-label={labels.screenMode}\n              className=\"flex items-center gap-8\"\n              role=\"radiogroup\"\n            >\n              <button\n                aria-checked={viewMode === \"nonFullscreen\"}\n                className={cn(\n                  \"border-none bg-transparent p-0 text-[15px] leading-5 text-foreground/70 transition-colors\",\n                  viewMode === \"nonFullscreen\" && \"font-semibold text-primary\"\n                )}\n                onClick={() => onViewModeChange(\"nonFullscreen\")}\n                role=\"radio\"\n                type=\"button\"\n              >\n                {labels.nonFullscreen}\n              </button>\n              <button\n                aria-checked={viewMode === \"fullscreen\"}\n                className={cn(\n                  \"border-none bg-transparent p-0 text-[15px] leading-5 text-foreground/70 transition-colors\",\n                  viewMode === \"fullscreen\" && \"font-semibold text-primary\"\n                )}\n                onClick={() => onViewModeChange(\"fullscreen\")}\n                role=\"radio\"\n                type=\"button\"\n              >\n                {labels.fullscreen}\n              </button>\n            </div>\n          </div>\n        </DialogPrimitive.Content>\n      </DialogPortal>\n    </Dialog>\n  );\n};\n\nexport default MobilePlayerSettingsSheet;\n"],"names":["MobilePlayerSettingsSheet","open","labels","isSubtitleEnabled","viewMode","container","onClose","onOpenChange","onSubtitleToggle","onViewModeChange","Dialog","jsxs","DialogPortal","jsx","DialogOverlay","DialogPrimitive.Content","cn","DialogTitle","X"],"mappings":"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"}

package/dist/components/Slide/Player.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../../_virtual/jsx-runtime.cjs.js"),r=require("react"),Me=require("../../lib/utils.cjs.js"),tr=require("./MobilePlayerSettingsSheet.cjs.js"),nr=require("./constants.cjs.js"),sr=require("./utils/mobileScreenMode.cjs.js"),ur=require("./utils/audioCompletion.cjs.js"),lr=require("./utils/playbackSource.cjs.js"),ar=require("./utils/playbackPreference.cjs.js"),cr=require("./utils/playerCustomActions.cjs.js");;/* empty css                */const ir=require("../../node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.cjs.js"),or=require("../../node_modules/lucide-react/dist/esm/icons/volume-2.cjs.js"),fr=require("../../node_modules/lucide-react/dist/esm/icons/captions.cjs.js"),dr=require("../../node_modules/lucide-react/dist/esm/icons/captions-off.cjs.js"),mr=require("../../node_modules/lucide-react/dist/esm/icons/rotate-ccw.cjs.js"),pr=require("../../node_modules/lucide-react/dist/esm/icons/rotate-cw.cjs.js"),xr=require("../../node_modules/lucide-react/dist/esm/icons/scan-line.cjs.js"),hr=require("../../node_modules/lucide-react/dist/esm/icons/maximize.cjs.js"),yr=require("../../node_modules/lucide-react/dist/esm/icons/file-pen-line.cjs.js"),Ae=new Map,Ne=w=>{if(typeof window>"u"||!w||Ae.has(w))return;const L=window.document.createElement("audio");L.preload="auto",L.setAttribute("playsinline","true"),L.src=w,L.load(),Ae.set(w,L)},br=()=>n.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"34",height:"34",viewBox:"0 0 34 34",fill:"none",children:[n.jsxRuntimeExports.jsx("path",{d:"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z",fill:"#0A0A0A"}),n.jsxRuntimeExports.jsx("path",{d:"M12 10H16V24H12V10ZM18 10H22V24H18V10Z",fill:"white"})]}),Rr=()=>n.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"34",height:"34",viewBox:"0 0 34 34",fill:"none",children:[n.jsxRuntimeExports.jsx("path",{d:"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z",fill:"#0A0A0A"}),n.jsxRuntimeExports.jsx("path",{d:"M13.3333 10L23.3333 16.6667L13.3333 23.3333V10Z",fill:"white"})]}),gr=({audioList:w=[],className:L,currentAudioIndex:d=-1,defaultPlaying:h=!0,isPlaybackPaused:v=!1,isAutoAdvanceEnabled:V=!0,useAutoAdvanceToggle:M=!1,onLoadingChange:ne,onPlaybackPreferenceChange:se,onPlaybackStarted:ue,onPlaybackTimeChange:D,onSubtitleToggle:le,onPrev:qe,onNext:Le,onFullscreen:ae,isFullscreen:ce=!1,mobileViewMode:ve=sr.DEFAULT_MOBILE_VIEW_MODE,settingsPortalContainer:Pe,onMobileViewModeChange:ie,onEnded:oe,onAutoAdvanceToggle:Ue,onInteractionToggle:Fe,hasInteraction:We=!1,isInteractionOpen:K=!1,isSubtitleEnabled:Q=!0,prevDisabled:Ve=!1,nextDisabled:Be=!1,showControls:I=!0,customActions:fe,customActionContext:de,texts:me,...Oe})=>{const m=r.useRef(null),pe=r.useRef(K),A=r.useRef(null),xe=r.useRef(null),R=r.useRef(0),a=r.useRef(null),X=r.useRef(void 0),j=r.useRef([]),Y=r.useRef(M?V:h),z=r.useRef(!1),he=r.useRef(!1),p=r.useRef(!1),N=r.useRef(null),B=r.useRef(null),y=r.useRef(!1),u=r.useRef(!1),x=r.useRef(null),g=r.useRef(!1),P=r.useRef(null),ee=r.useRef(0),T=r.useRef("unknown"),[re,i]=r.useState(h),[ye,O]=r.useState(!1),o=d>=0?w[d]:void 0,U=o?.audioUrl,E=r.useMemo(()=>[...o?.audioSegments??[]].sort((e,t)=>e.segment_index-t.segment_index),[o?.audioSegments]),be=r.useMemo(()=>cr.toPlayerCustomActionList(fe,de),[de,fe]),Re=be.length+5,Ze=r.useMemo(()=>({"--slide-player-mobile-control-count":String(Re)}),[Re]),F=r.useMemo(()=>({...nr.DEFAULT_SLIDE_PLAYER_TEXTS,...me}),[me]),te=r.useMemo(()=>o?o.audioKey??`${String(o.sequenceNumber??"none")}:${String(o.audioUrl??"")}`:"none",[o]),$e=M?V:re,He=M?V?"Pause autoplay":"Play autoplay":re?"Pause":"Play";r.useEffect(()=>{X.current=o},[o]),r.useEffect(()=>{Y.current=M?V:h},[h,V,M]),r.useEffect(()=>{I||O(!1)},[I]),r.useEffect(()=>{!pe.current&&K&&O(!1),pe.current=K},[K]),r.useEffect(()=>{j.current=E},[E]),r.useEffect(()=>{const e=o?.audioUrl,t=d>=0?w[d+1]?.audioUrl:void 0;Ne(e),Ne(t)},[w,o?.audioUrl,d]);const s=r.useCallback((e,t=null)=>{he.current===e&&(!e||t===null)||(he.current=e,ne?.({loading:e,reason:e?t:null}))},[ne]),Z=r.useCallback(e=>{Y.current=e,se?.(e)},[se]),ge=r.useCallback(()=>M?{shouldContinuePlayback:Y.current}:{shouldContinuePlayback:ar.shouldKeepPlayingAfterNavigation({defaultPlaying:Y.current,isPausedByUser:p.current})},[M]),Ee=r.useCallback(e=>e instanceof DOMException?e.name==="NotAllowedError"||e.name==="SecurityError":!1,[]),q=r.useCallback(()=>h&&!v&&!p.current&&T.current!=="blocked",[h,v]),_e=r.useCallback(e=>e?e.startsWith("data:")?e:`data:audio/mpeg;base64,${e}`:"",[]),je=r.useCallback(()=>{const e=a.current;return e==null||e<=0?0:j.current.slice(0,e).reduce((t,l)=>t+Math.max(Number(l.duration_ms??0),0),0)/1e3},[]),W=r.useCallback(e=>e<=0?0:j.current.slice(0,e).reduce((t,l)=>t+Math.max(Number(l.duration_ms??0),0),0),[]),ke=r.useCallback(()=>{const e=m.current;return e?N.current==="segment"?W(R.current)+Math.max(e.currentTime,0)*1e3:x.current!==null&&e.readyState===0?x.current*1e3:Math.max(e.currentTime,0)*1e3:a.current!=null?W(a.current):0},[W]),b=r.useCallback(e=>{const t=Math.max(e,0);ee.current!==t&&(ee.current=t,D?.(t))},[D]),c=r.useCallback(()=>{b(ke())},[ke,b]),f=r.useCallback(()=>{typeof window>"u"||P.current===null||(window.cancelAnimationFrame(P.current),P.current=null)},[]),Se=r.useCallback(()=>{if(typeof window>"u"||P.current!==null)return;const e=()=>{c();const t=m.current;if(!t||t.paused||t.ended){P.current=null;return}P.current=window.requestAnimationFrame(e)};P.current=window.requestAnimationFrame(e)},[c]),$=r.useCallback(()=>{const e=m.current;e&&(f(),u.current=!1,p.current=!1,z.current=!1,N.current=null,x.current=null,y.current=!1,g.current=!1,B.current=null,e.pause(),e.removeAttribute("src"),e.load(),A.current=null,R.current=0,a.current=null,b(0),i(!1),s(!1))},[b,f,s]),_=r.useCallback(e=>{const t=m.current;if(!t)return!1;const l=t.play();return l&&typeof l.then=="function"&&l.then(()=>{T.current==="unknown"&&(T.current="auto"),u.current=!1,g.current=!1}).catch(S=>{T.current==="unknown"&&Ee(S)&&(T.current="blocked",u.current=!1,s(!1)),g.current=!1,i(!1)}),!0},[Ee,s]),k=r.useCallback((e,t)=>{const l=m.current,S=j.current[e];if(!l||!S)return!1;const C=_e(S.audio_data);R.current=e,a.current=null,y.current=!1,g.current=!0,B.current="segment",b(W(e));const J=q();u.current=J,s(!1);const rr=A.current!==C;return N.current="segment",rr&&(l.pause(),l.removeAttribute("src"),l.load(),A.current=C,l.src=C,l.load()),x.current=0,l.readyState>0&&(l.currentTime=0,x.current=null),J?_(`start-segment:${t}`):(u.current=!1,g.current=!1,l.pause(),i(!1),!0)},[q,_e,W,b,_,s]),H=r.useCallback(e=>{f(),u.current=!1,y.current=!1,g.current=!1,c(),i(!1),s(!1),d>=0&&oe?.(d)},[d,oe,f,c,s]),G=r.useCallback(e=>{const t=m.current;return!t||N.current!=="url"||!ur.hasReachedAudioEnd({currentTimeSeconds:Math.max(t.currentTime,0),durationSeconds:t.duration})?!1:(u.current=!1,t.pause(),H(e),!0)},[H]),Ce=r.useCallback(()=>{const e=R.current+1,t=j.current,l=t[e],S=X.current,C=t.some(J=>J.is_final);if(l){k(e,"ended");return}if(S?.isAudioStreaming||!C){R.current=e,a.current=e,y.current=!0,u.current=h,b(W(e)),i(!1),s(!0,"waitingForMoreAudio");return}H("segments-completed")},[h,H,W,b,k,s]);r.useEffect(()=>{if(xe.current===te)return;xe.current=te,R.current=0,a.current=null,y.current=!1,p.current=!1,z.current=!1,u.current=!1,g.current=!1,N.current=null,B.current=null,A.current=null,f(),b(0),s(!1);const e=m.current;e&&(e.pause(),e.removeAttribute("src"),e.load(),i(!1))},[d,te,E.length,U,b,f,s]),r.useEffect(()=>{const e=m.current;if(e){if(v){z.current=!!(X.current&&!p.current&&(!e.paused||u.current||a.current!==null)),u.current=!1,s(!1),e.pause(),i(!1);return}if(!(!z.current||!X.current||p.current)){if(z.current=!1,a.current!==null){if(a.current<j.current.length){k(a.current,"external-resume");return}u.current=!0,s(!0,"waitingForMoreAudio");return}if(!A.current&&j.current.length>0){k(Math.min(R.current,j.current.length-1),"external-resume-init");return}e.paused&&(u.current=!0,_("external-resume"))}}},[v,k,_,s]),r.useEffect(()=>{const e=m.current;if(!e)return;if(!o){$();return}if(v){u.current=!1,s(!1),e.pause(),i(!1);return}const t=lr.resolveAudioPlaybackSourceType({activeSourceType:N.current,hasAudioUrl:!!U,segmentCount:E.length,preferredSourceType:B.current,waitingSegmentIndex:a.current});if(t&&B.current!==t&&(B.current=t),t==="url"&&U){const l=A.current!==U,S=q();if(l){const C=a.current!==null?je():0;e.pause(),e.removeAttribute("src"),e.load(),A.current=U,N.current="url",e.src=U,e.load(),x.current=C,b(C*1e3),e.readyState>0&&(e.currentTime=C,x.current=null)}if(u.current=S,y.current=!1,g.current=!1,s(!1),!S){u.current=!1,e.pause(),i(!1);return}_(l?"sync-url-init":"sync-url");return}if(t==="segment"&&a.current!==null){if(a.current<E.length){if(p.current){i(!1),s(!1);return}k(a.current,"wait-resume");return}y.current=!0,u.current=q(),i(!1),s(q());return}if(t==="segment"&&!E.length){if(o.isAudioStreaming){a.current=R.current,y.current=!0,u.current=q(),i(!1),s(q());return}$();return}if(t==="segment"&&!A.current){k(Math.min(R.current,E.length-1),"effect-init");return}if(t!=="segment"){$();return}if(!h||p.current){u.current=!1,e.pause(),i(!1);return}e.paused&&(u.current=!0,_("sync-paused-retry"))},[o,d,E,U,h,v,q,b,$,k,_,je,s]),r.useEffect(()=>$,[$]),r.useEffect(()=>f,[f]);const Ke=r.useCallback(()=>{c(),Se(),i(!0),s(!1),ue?.()},[ue,Se,c,s]),ze=r.useCallback(()=>{y.current||g.current||(f(),c(),i(!1))},[d,f,c]),De=r.useCallback(()=>{const e=m.current;e&&x.current!==null&&(e.currentTime=x.current,x.current=null),c(),!G("canplay-seek-finished")&&(!u.current||!h||_("canplay"))},[d,h,G,c,_]),Xe=r.useCallback(()=>{const e=m.current;e&&x.current!==null&&(e.currentTime=x.current,x.current=null),c(),G("metadata-seek-finished")},[d,G,c]),Ye=r.useCallback(()=>{c()},[c]),Ge=r.useCallback(()=>{y.current||s(!0,"loadingAudio")},[s]),Je=r.useCallback(()=>{if(y.current){s(!0,"waitingForMoreAudio");return}s(!0,"loadingAudio")},[s]),we=r.useCallback(()=>{c()},[c]),Qe=r.useCallback(()=>{const e=N.current==="url"||j.current.length===0;if(f(),g.current=!1,e){H("url-ended");return}Ce()},[H,Ce,f]),Ie=r.useCallback(()=>{f(),c(),i(!1),s(!1)},[f,c,s]),er=r.useCallback(e=>{ie?.(e),O(!1)},[ie]);return r.useEffect(()=>{D?.(ee.current)},[D]),n.jsxRuntimeExports.jsxs("div",{className:Me.cn("slide-player",L),...Oe,children:[n.jsxRuntimeExports.jsx("audio",{ref:m,preload:"auto",playsInline:!0,onLoadStart:Ge,onLoadedMetadata:Xe,onCanPlay:De,onPlay:Ke,onPause:ze,onWaiting:Je,onSeeking:we,onSeeked:we,onTimeUpdate:Ye,onEnded:Qe,onError:Ie}),I?n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(tr.default,{container:Pe,labels:{fullscreen:F.fullscreenLabel,nonFullscreen:F.nonFullscreenLabel,screen:F.screenLabel,subtitle:F.subtitleLabel,subtitleToggle:F.subtitleToggleAriaLabel,title:F.settingsTitle},isSubtitleEnabled:Q,onClose:()=>O(!1),onOpenChange:O,onSubtitleToggle:le??(()=>{}),onViewModeChange:er,open:ye,viewMode:ve}),n.jsxRuntimeExports.jsxs("div",{className:"slide-player__controls",style:Ze,children:[n.jsxRuntimeExports.jsxs("div",{className:"slide-player__group",children:[n.jsxRuntimeExports.jsx("button",{"aria-expanded":ye,"aria-haspopup":"dialog","aria-label":"More options",className:"slide-player__action slide-player__action--mobile-more",onClick:()=>{O(e=>!e)},type:"button",children:n.jsxRuntimeExports.jsx(ir.default,{className:"slide-player__icon",strokeWidth:2.25})}),n.jsxRuntimeExports.jsx("button",{"aria-label":"Volume",className:"hidden",type:"button",children:n.jsxRuntimeExports.jsx(or.default,{className:"slide-player__icon",strokeWidth:2.25})}),n.jsxRuntimeExports.jsx("button",{"aria-label":F.subtitleToggleAriaLabel,"aria-pressed":Q,className:"slide-player__action slide-player__action--subtitle",onClick:le,type:"button",children:Q?n.jsxRuntimeExports.jsx(fr.default,{className:"slide-player__icon",strokeWidth:2.25}):n.jsxRuntimeExports.jsx(dr.default,{className:"slide-player__icon",strokeWidth:2.25})}),n.jsxRuntimeExports.jsx("button",{"aria-label":"Rewind",className:"slide-player__action slide-player__action--prev",disabled:Ve,onClick:()=>{qe?.(ge())},type:"button",children:n.jsxRuntimeExports.jsx(mr.default,{className:"slide-player__icon",strokeWidth:2.25})}),n.jsxRuntimeExports.jsx("button",{"aria-label":He,className:"slide-player__toggle slide-player__toggle--playback",onClick:()=>{if(M){const t=!V;Z(t),Ue?.(t);return}const e=m.current;if(!(v||!e||!o)){if(a.current!==null){if(re){Z(!1),u.current=!1,p.current=!0,a.current=null,y.current=!1,i(!1),s(!1),e.pause();return}Z(!0),T.current="manual",p.current=!1,u.current=!0,s(!0,"waitingForMoreAudio");return}if(!e.src&&E.length>0){Z(!0),T.current="manual",p.current=!1,k(Math.min(R.current,E.length-1),"toggle");return}if(e.paused){Z(!0),T.current="manual",p.current=!1,u.current=!0,_("toggle-resume");return}Z(!1),u.current=!1,p.current=!0,e.pause()}},type:"button",children:$e?n.jsxRuntimeExports.jsx(br,{}):n.jsxRuntimeExports.jsx(Rr,{})}),n.jsxRuntimeExports.jsx("button",{"aria-label":"Forward",className:"slide-player__action slide-player__action--next",disabled:Be,onClick:()=>{Le?.(ge())},type:"button",children:n.jsxRuntimeExports.jsx(pr.default,{className:"slide-player__icon",strokeWidth:2.25})}),ae?n.jsxRuntimeExports.jsx("button",{"aria-label":ce?"Exit fullscreen":"Enter fullscreen",className:"slide-player__action slide-player__action--fullscreen",onClick:ae,type:"button",children:ce?n.jsxRuntimeExports.jsx(xr.default,{className:"slide-player__icon",strokeWidth:2.25}):n.jsxRuntimeExports.jsx(hr.default,{className:"slide-player__icon",strokeWidth:2.25})}):null]}),n.jsxRuntimeExports.jsx("div",{className:"slide-player__separator"}),n.jsxRuntimeExports.jsxs("div",{className:"slide-player__group",children:[be.map((e,t)=>n.jsxRuntimeExports.jsx(r.Fragment,{children:e},`custom-action-${t}`)),n.jsxRuntimeExports.jsx("button",{"aria-label":"Notes",className:Me.cn("slide-player__action slide-player__action--notes",K&&"slide-player__action--active"),disabled:!We,onClick:Fe,type:"button",children:n.jsxRuntimeExports.jsx(yr.default,{className:"slide-player__icon",strokeWidth:2.25})})]})]})]}):null]})},Te=r.memo(gr);Te.displayName="Player";exports.default=Te;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../../_virtual/jsx-runtime.cjs.js"),t=require("react"),tt=require("../../lib/utils.cjs.js"),jt=require("./MobilePlayerSettingsSheet.cjs.js"),Ct=require("./constants.cjs.js"),wt=require("./utils/mobileScreenMode.cjs.js"),Mt=require("./utils/audioCompletion.cjs.js"),Lt=require("./utils/playerKeyboardShortcutContext.cjs.js"),ee=require("./utils/playerKeyboardShortcuts.cjs.js"),At=require("./utils/playbackSource.cjs.js"),Nt=require("./utils/playbackPreference.cjs.js"),vt=require("./utils/playerCustomActions.cjs.js");;/* empty css                */const qt=require("../../node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.cjs.js"),Tt=require("../../node_modules/lucide-react/dist/esm/icons/volume-2.cjs.js"),Kt=require("../../node_modules/lucide-react/dist/esm/icons/captions.cjs.js"),Pt=require("../../node_modules/lucide-react/dist/esm/icons/captions-off.cjs.js"),Ut=require("../../node_modules/lucide-react/dist/esm/icons/rotate-ccw.cjs.js"),Ft=require("../../node_modules/lucide-react/dist/esm/icons/rotate-cw.cjs.js"),Wt=require("../../node_modules/lucide-react/dist/esm/icons/scan-line.cjs.js"),Ot=require("../../node_modules/lucide-react/dist/esm/icons/maximize.cjs.js"),Bt=require("../../node_modules/lucide-react/dist/esm/icons/file-pen-line.cjs.js"),rt=new Map,nt=R=>{if(typeof window>"u"||!R||rt.has(R))return;const j=window.document.createElement("audio");j.preload="auto",j.setAttribute("playsinline","true"),j.src=R,j.load(),rt.set(R,j)},Vt=()=>n.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"34",height:"34",viewBox:"0 0 34 34",fill:"none",children:[n.jsxRuntimeExports.jsx("path",{d:"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z",fill:"#0A0A0A"}),n.jsxRuntimeExports.jsx("path",{d:"M12 10H16V24H12V10ZM18 10H22V24H18V10Z",fill:"white"})]}),Ht=()=>n.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"34",height:"34",viewBox:"0 0 34 34",fill:"none",children:[n.jsxRuntimeExports.jsx("path",{d:"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z",fill:"#0A0A0A"}),n.jsxRuntimeExports.jsx("path",{d:"M13.3333 10L23.3333 16.6667L13.3333 23.3333V10Z",fill:"white"})]}),D={fullscreen:"F",next:"→",notes:"N",playback:"Space",previous:"←",subtitle:"C"},$t=(R,j)=>R?`${R} (${j})`:j,Zt=({audioList:R=[],className:j,currentAudioIndex:m=-1,defaultPlaying:b=!0,isPlaybackPaused:v=!1,isAutoAdvanceEnabled:U=!0,useAutoAdvanceToggle:L=!1,onLoadingChange:ke,onPlaybackPreferenceChange:Re,onPlaybackStarted:Ee,onPlaybackTimeChange:te,onSubtitleToggle:X,onPrev:re,onNext:ne,onFullscreen:G,isFullscreen:ge=!1,mobileViewMode:st=wt.DEFAULT_MOBILE_VIEW_MODE,settingsPortalContainer:at,onMobileViewModeChange:_e,onEnded:je,onAutoAdvanceToggle:Ce,onInteractionToggle:ue,hasInteraction:fe=!1,isInteractionOpen:J=!1,isSubtitleEnabled:de=!0,prevDisabled:me=!1,nextDisabled:pe=!1,showControls:ye=!0,enableKeyboardShortcuts:lt=!0,customActions:we,customActionContext:Me,texts:Le,onFocusCapture:Ae,onPointerDown:Ne,...ct})=>{const ot=t.useId(),ve=t.useContext(Lt.PlayerKeyboardShortcutContext),p=t.useRef(null),qe=t.useRef(J),q=t.useRef(null),Te=t.useRef(null),C=t.useRef(0),c=t.useRef(null),se=t.useRef(void 0),A=t.useRef([]),ae=t.useRef(L?U:b),Q=t.useRef(!1),Ke=t.useRef(!1),y=t.useRef(!1),T=t.useRef(null),H=t.useRef(null),x=t.useRef(!1),a=t.useRef(!1),h=t.useRef(null),w=t.useRef(!1),F=t.useRef(null),he=t.useRef(0),K=t.useRef("unknown"),[le,i]=t.useState(b),[Pe,$]=t.useState(!1),W=ve?.ownerId??ot,N=lt&&(ve?.enabled??!0),f=m>=0?R[m]:void 0,O=f?.audioUrl,E=t.useMemo(()=>[...f?.audioSegments??[]].sort((e,r)=>e.segment_index-r.segment_index),[f?.audioSegments]),Ue=t.useMemo(()=>vt.toPlayerCustomActionList(we,Me),[Me,we]),Fe=Ue.length+5,it=t.useMemo(()=>({"--slide-player-mobile-control-count":String(Fe)}),[Fe]),l=t.useMemo(()=>({...Ct.DEFAULT_SLIDE_PLAYER_TEXTS,...Le}),[Le]),be=t.useMemo(()=>f?f.audioKey??`${String(f.sequenceNumber??"none")}:${String(f.audioUrl??"")}`:"none",[f]),ft=L?U:le,We=L?U?l.pauseAutoplayLabel:l.playAutoplayLabel:le?l.pauseLabel:l.playLabel,Oe=ge?l.exitFullscreenLabel:l.enterFullscreenLabel,Z=t.useCallback((e,r,s)=>({ariaKeyShortcuts:N?s:void 0,title:N?$t(e,r):e}),[N]),Be=Z(l.subtitleToggleAriaLabel,D.subtitle,"c"),Ve=Z(l.previousLabel,D.previous,"ArrowLeft"),He=Z(We,D.playback,"Space"),$e=Z(l.nextLabel,D.next,"ArrowRight"),Ze=Z(Oe,D.fullscreen,"f"),ze=Z(l.notesLabel,D.notes,"n"),ce=t.useCallback(()=>{N&&ee.activatePlayerKeyboardShortcutOwner(W)},[W,N]),dt=t.useCallback(e=>{ce(),Ne?.(e)},[ce,Ne]),mt=t.useCallback(e=>{ce(),Ae?.(e)},[ce,Ae]);t.useEffect(()=>{se.current=f},[f]),t.useEffect(()=>{ae.current=L?U:b},[b,U,L]),t.useEffect(()=>{ye||$(!1)},[ye]),t.useEffect(()=>{!qe.current&&J&&$(!1),qe.current=J},[J]),t.useEffect(()=>{A.current=E},[E]),t.useEffect(()=>{const e=f?.audioUrl,r=m>=0?R[m+1]?.audioUrl:void 0;nt(e),nt(r)},[R,f?.audioUrl,m]);const u=t.useCallback((e,r=null)=>{Ke.current===e&&(!e||r===null)||(Ke.current=e,ke?.({loading:e,reason:e?r:null}))},[ke]),B=t.useCallback(e=>{ae.current=e,Re?.(e)},[Re]),I=t.useCallback(()=>L?{shouldContinuePlayback:ae.current}:{shouldContinuePlayback:Nt.shouldKeepPlayingAfterNavigation({defaultPlaying:ae.current,isPausedByUser:y.current})},[L]),Ye=t.useCallback(e=>e instanceof DOMException?e.name==="NotAllowedError"||e.name==="SecurityError":!1,[]),P=t.useCallback(()=>b&&!v&&!y.current&&K.current!=="blocked",[b,v]),De=t.useCallback(e=>e?e.startsWith("data:")?e:`data:audio/mpeg;base64,${e}`:"",[]),Xe=t.useCallback(()=>{const e=c.current;return e==null||e<=0?0:A.current.slice(0,e).reduce((r,s)=>r+Math.max(Number(s.duration_ms??0),0),0)/1e3},[]),V=t.useCallback(e=>e<=0?0:A.current.slice(0,e).reduce((r,s)=>r+Math.max(Number(s.duration_ms??0),0),0),[]),Ge=t.useCallback(()=>{const e=p.current;return e?T.current==="segment"?V(C.current)+Math.max(e.currentTime,0)*1e3:h.current!==null&&e.readyState===0?h.current*1e3:Math.max(e.currentTime,0)*1e3:c.current!=null?V(c.current):0},[V]),S=t.useCallback(e=>{const r=Math.max(e,0);he.current!==r&&(he.current=r,te?.(r))},[te]),o=t.useCallback(()=>{S(Ge())},[Ge,S]),d=t.useCallback(()=>{typeof window>"u"||F.current===null||(window.cancelAnimationFrame(F.current),F.current=null)},[]),Je=t.useCallback(()=>{if(typeof window>"u"||F.current!==null)return;const e=()=>{o();const r=p.current;if(!r||r.paused||r.ended){F.current=null;return}F.current=window.requestAnimationFrame(e)};F.current=window.requestAnimationFrame(e)},[o]),z=t.useCallback(()=>{const e=p.current;e&&(d(),a.current=!1,y.current=!1,Q.current=!1,T.current=null,h.current=null,x.current=!1,w.current=!1,H.current=null,e.pause(),e.removeAttribute("src"),e.load(),q.current=null,C.current=0,c.current=null,S(0),i(!1),u(!1))},[S,d,u]),g=t.useCallback(e=>{const r=p.current;if(!r)return!1;const s=r.play();return s&&typeof s.then=="function"&&s.then(()=>{K.current==="unknown"&&(K.current="auto"),a.current=!1,w.current=!1}).catch(k=>{K.current==="unknown"&&Ye(k)&&(K.current="blocked",a.current=!1,u(!1)),w.current=!1,i(!1)}),!0},[Ye,u]),M=t.useCallback((e,r)=>{const s=p.current,k=A.current[e];if(!s||!k)return!1;const _=De(k.audio_data);C.current=e,c.current=null,x.current=!1,w.current=!0,H.current="segment",S(V(e));const ie=P();a.current=ie,u(!1);const _t=q.current!==_;return T.current="segment",_t&&(s.pause(),s.removeAttribute("src"),s.load(),q.current=_,s.src=_,s.load()),h.current=0,s.readyState>0&&(s.currentTime=0,h.current=null),ie?g(`start-segment:${r}`):(a.current=!1,w.current=!1,s.pause(),i(!1),!0)},[P,De,V,S,g,u]),Y=t.useCallback(e=>{d(),a.current=!1,x.current=!1,w.current=!1,o(),i(!1),u(!1),m>=0&&je?.(m)},[m,je,d,o,u]),oe=t.useCallback(e=>{const r=p.current;return!r||T.current!=="url"||!Mt.hasReachedAudioEnd({currentTimeSeconds:Math.max(r.currentTime,0),durationSeconds:r.duration})?!1:(a.current=!1,r.pause(),Y(e),!0)},[Y]),Qe=t.useCallback(()=>{const e=C.current+1,r=A.current,s=r[e],k=se.current,_=r.some(ie=>ie.is_final);if(s){M(e,"ended");return}if(k?.isAudioStreaming||!_){C.current=e,c.current=e,x.current=!0,a.current=b,S(V(e)),i(!1),u(!0,"waitingForMoreAudio");return}Y("segments-completed")},[b,Y,V,S,M,u]);t.useEffect(()=>{if(Te.current===be)return;Te.current=be,C.current=0,c.current=null,x.current=!1,y.current=!1,Q.current=!1,a.current=!1,w.current=!1,T.current=null,H.current=null,q.current=null,d(),S(0),u(!1);const e=p.current;e&&(e.pause(),e.removeAttribute("src"),e.load(),i(!1))},[m,be,E.length,O,S,d,u]),t.useEffect(()=>{const e=p.current;if(e){if(v){Q.current=!!(se.current&&!y.current&&(!e.paused||a.current||c.current!==null)),a.current=!1,u(!1),e.pause(),i(!1);return}if(!(!Q.current||!se.current||y.current)){if(Q.current=!1,c.current!==null){if(c.current<A.current.length){M(c.current,"external-resume");return}a.current=!0,u(!0,"waitingForMoreAudio");return}if(!q.current&&A.current.length>0){M(Math.min(C.current,A.current.length-1),"external-resume-init");return}e.paused&&(a.current=!0,g("external-resume"))}}},[v,M,g,u]),t.useEffect(()=>{const e=p.current;if(!e)return;if(!f){z();return}if(v){a.current=!1,u(!1),e.pause(),i(!1);return}const r=At.resolveAudioPlaybackSourceType({activeSourceType:T.current,hasAudioUrl:!!O,segmentCount:E.length,preferredSourceType:H.current,waitingSegmentIndex:c.current});if(r&&H.current!==r&&(H.current=r),r==="url"&&O){const s=q.current!==O,k=P();if(s){const _=c.current!==null?Xe():0;e.pause(),e.removeAttribute("src"),e.load(),q.current=O,T.current="url",e.src=O,e.load(),h.current=_,S(_*1e3),e.readyState>0&&(e.currentTime=_,h.current=null)}if(a.current=k,x.current=!1,w.current=!1,u(!1),!k){a.current=!1,e.pause(),i(!1);return}g(s?"sync-url-init":"sync-url");return}if(r==="segment"&&c.current!==null){if(c.current<E.length){if(y.current){i(!1),u(!1);return}M(c.current,"wait-resume");return}x.current=!0,a.current=P(),i(!1),u(P());return}if(r==="segment"&&!E.length){if(f.isAudioStreaming){c.current=C.current,x.current=!0,a.current=P(),i(!1),u(P());return}z();return}if(r==="segment"&&!q.current){M(Math.min(C.current,E.length-1),"effect-init");return}if(r!=="segment"){z();return}if(!b||y.current){a.current=!1,e.pause(),i(!1);return}e.paused&&(a.current=!0,g("sync-paused-retry"))},[f,m,E,O,b,v,P,S,z,M,g,Xe,u]),t.useEffect(()=>z,[z]),t.useEffect(()=>d,[d]);const pt=t.useCallback(()=>{o(),Je(),i(!0),u(!1),Ee?.()},[Ee,Je,o,u]),yt=t.useCallback(()=>{x.current||w.current||(d(),o(),i(!1))},[m,d,o]),ht=t.useCallback(()=>{const e=p.current;e&&h.current!==null&&(e.currentTime=h.current,h.current=null),o(),!oe("canplay-seek-finished")&&(!a.current||!b||g("canplay"))},[m,b,oe,o,g]),bt=t.useCallback(()=>{const e=p.current;e&&h.current!==null&&(e.currentTime=h.current,h.current=null),o(),oe("metadata-seek-finished")},[m,oe,o]),xt=t.useCallback(()=>{o()},[o]),St=t.useCallback(()=>{x.current||u(!0,"loadingAudio")},[u]),kt=t.useCallback(()=>{if(x.current){u(!0,"waitingForMoreAudio");return}u(!0,"loadingAudio")},[u]),Ie=t.useCallback(()=>{o()},[o]),Rt=t.useCallback(()=>{const e=T.current==="url"||A.current.length===0;if(d(),w.current=!1,e){Y("url-ended");return}Qe()},[Y,Qe,d]),Et=t.useCallback(()=>{d(),o(),i(!1),u(!1)},[d,o,u]),gt=t.useCallback(e=>{_e?.(e),$(!1)},[_e]),xe=t.useCallback(()=>{if(L){const r=!U;return B(r),Ce?.(r),!0}const e=p.current;return v||!e||!f?!1:c.current!==null?le?(B(!1),a.current=!1,y.current=!0,c.current=null,x.current=!1,i(!1),u(!1),e.pause(),!0):(B(!0),K.current="manual",y.current=!1,a.current=!0,u(!0,"waitingForMoreAudio"),!0):!e.src&&E.length>0?(B(!0),K.current="manual",y.current=!1,M(Math.min(C.current,E.length-1),"toggle"),!0):e.paused?(B(!0),K.current="manual",y.current=!1,a.current=!0,g("toggle-resume"),!0):(B(!1),a.current=!1,y.current=!0,e.pause(),!0)},[f,E.length,U,v,le,Ce,M,g,u,B,L]);t.useEffect(()=>{if(N)return ee.registerPlayerKeyboardShortcutOwner(W)},[W,N]);const Se=t.useMemo(()=>({fullscreen:()=>G?(G(),!0):!1,interaction:()=>ue?(fe&&ue(),!0):!1,next:()=>ne?(pe||ne(I()),!0):!1,previous:()=>re?(me||re(I()),!0):!1,subtitle:()=>X?(X(),!0):!1,togglePlayback:()=>(xe(),!0)}),[I,fe,pe,G,ue,ne,re,X,me,xe]),et=t.useRef(Se);return t.useEffect(()=>{et.current=Se},[Se]),t.useEffect(()=>{if(!N||typeof document>"u")return;const e=r=>{if(!ee.isActivePlayerKeyboardShortcutOwner(W))return;const s=ee.getPlayerKeyboardShortcutAction(r);if(!s||ee.shouldIgnorePlayerKeyboardShortcutEvent(r,s))return;let k=!1;const _=et.current[s];k=_(),k&&r.preventDefault()};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}},[W,N]),t.useEffect(()=>{te?.(he.current)},[te]),n.jsxRuntimeExports.jsxs("div",{...ct,"data-slide-player-shortcut-owner":W,className:tt.cn("slide-player",j),onFocusCapture:mt,onPointerDown:dt,children:[n.jsxRuntimeExports.jsx("audio",{ref:p,preload:"auto",playsInline:!0,onLoadStart:St,onLoadedMetadata:bt,onCanPlay:ht,onPlay:pt,onPause:yt,onWaiting:kt,onSeeking:Ie,onSeeked:Ie,onTimeUpdate:xt,onEnded:Rt,onError:Et}),ye?n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(jt.default,{container:at,labels:{closeSettings:l.closeSettingsLabel,fullscreen:l.fullscreenLabel,nonFullscreen:l.nonFullscreenLabel,screen:l.screenLabel,screenMode:l.screenModeLabel,subtitle:l.subtitleLabel,subtitleToggle:l.subtitleToggleAriaLabel,title:l.settingsTitle},isSubtitleEnabled:de,onClose:()=>$(!1),onOpenChange:$,onSubtitleToggle:X??(()=>{}),onViewModeChange:gt,open:Pe,viewMode:st}),n.jsxRuntimeExports.jsxs("div",{className:"slide-player__controls",style:it,children:[n.jsxRuntimeExports.jsxs("div",{className:"slide-player__group",children:[n.jsxRuntimeExports.jsx("button",{"aria-expanded":Pe,"aria-haspopup":"dialog","aria-label":l.moreOptionsAriaLabel,className:"slide-player__action slide-player__action--mobile-more",onClick:()=>{$(e=>!e)},type:"button",children:n.jsxRuntimeExports.jsx(qt.default,{className:"slide-player__icon",strokeWidth:2.25})}),n.jsxRuntimeExports.jsx("button",{"aria-label":l.volumeAriaLabel,className:"hidden",type:"button",children:n.jsxRuntimeExports.jsx(Tt.default,{className:"slide-player__icon",strokeWidth:2.25})}),n.jsxRuntimeExports.jsx("button",{"aria-label":l.subtitleToggleAriaLabel,"aria-keyshortcuts":Be.ariaKeyShortcuts,"aria-pressed":de,className:"slide-player__action slide-player__action--subtitle",onClick:X,title:Be.title,type:"button",children:de?n.jsxRuntimeExports.jsx(Kt.default,{className:"slide-player__icon",strokeWidth:2.25}):n.jsxRuntimeExports.jsx(Pt.default,{className:"slide-player__icon",strokeWidth:2.25})}),n.jsxRuntimeExports.jsx("button",{"aria-keyshortcuts":Ve.ariaKeyShortcuts,"aria-label":l.previousLabel,className:"slide-player__action slide-player__action--prev",disabled:me,onClick:()=>{re?.(I())},title:Ve.title,type:"button",children:n.jsxRuntimeExports.jsx(Ut.default,{className:"slide-player__icon",strokeWidth:2.25})}),n.jsxRuntimeExports.jsx("button",{"aria-label":We,"aria-keyshortcuts":He.ariaKeyShortcuts,className:"slide-player__toggle slide-player__toggle--playback",onClick:()=>{xe()},title:He.title,type:"button",children:ft?n.jsxRuntimeExports.jsx(Vt,{}):n.jsxRuntimeExports.jsx(Ht,{})}),n.jsxRuntimeExports.jsx("button",{"aria-keyshortcuts":$e.ariaKeyShortcuts,"aria-label":l.nextLabel,className:"slide-player__action slide-player__action--next",disabled:pe,onClick:()=>{ne?.(I())},title:$e.title,type:"button",children:n.jsxRuntimeExports.jsx(Ft.default,{className:"slide-player__icon",strokeWidth:2.25})}),G?n.jsxRuntimeExports.jsx("button",{"aria-label":Oe,"aria-keyshortcuts":Ze.ariaKeyShortcuts,className:"slide-player__action slide-player__action--fullscreen",onClick:G,title:Ze.title,type:"button",children:ge?n.jsxRuntimeExports.jsx(Wt.default,{className:"slide-player__icon",strokeWidth:2.25}):n.jsxRuntimeExports.jsx(Ot.default,{className:"slide-player__icon",strokeWidth:2.25})}):null]}),n.jsxRuntimeExports.jsx("div",{className:"slide-player__separator"}),n.jsxRuntimeExports.jsxs("div",{className:"slide-player__group",children:[Ue.map((e,r)=>n.jsxRuntimeExports.jsx(t.Fragment,{children:e},`custom-action-${r}`)),n.jsxRuntimeExports.jsx("button",{"aria-label":l.notesLabel,"aria-keyshortcuts":ze.ariaKeyShortcuts,className:tt.cn("slide-player__action slide-player__action--notes",J&&"slide-player__action--active"),disabled:!fe,onClick:ue,title:ze.title,type:"button",children:n.jsxRuntimeExports.jsx(Bt.default,{className:"slide-player__icon",strokeWidth:2.25})})]})]})]}):null]})},ut=t.memo(Zt);ut.displayName="Player";exports.default=ut;
 //# sourceMappingURL=Player.cjs.js.map