markdown-flow-ui 0.2.14 → 0.2.16-dev.1

package/dist/components/Slide/MobilePlayerSettingsSheet.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../_virtual/jsx-runtime.cjs"),u=require("../../node_modules/@radix-ui/react-dialog/dist/index.cjs"),r=require("../../lib/utils.cjs"),s=require("../ui/dialog.cjs"),m=require("../../node_modules/lucide-react/dist/esm/icons/x.cjs"),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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),b=require("../../node_modules/@radix-ui/react-dialog/dist/index.cjs"),r=require("../../lib/utils.cjs"),o=require("../ui/dialog.cjs"),m=require("../../node_modules/lucide-react/dist/esm/icons/x.cjs"),p=({open:l,dir:i,lang:d,labels:t,isSubtitleEnabled:s,viewMode:n,container:c,onClose:x,onOpenChange:u,onSubtitleToggle:f,onViewModeChange:a})=>e.jsx(o.Dialog,{open:l,onOpenChange:u,children:e.jsxs(o.DialogPortal,{container:c,children:[e.jsx(o.DialogOverlay,{className:"z-[60] bg-black/35"}),e.jsxs(b.Content,{"aria-describedby":void 0,"data-player-keyboard-shortcuts-ignore":"true",dir:i,lang:d,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.jsxs("div",{className:"flex min-h-14 items-center justify-between border-b border-border px-4",children:[e.jsx(o.DialogTitle,{className:"text-[15px] font-semibold leading-5 text-foreground",children:t.title}),e.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.jsx(m.default,{className:"h-4 w-4"})})]}),e.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.jsx("span",{className:"shrink-0 text-[15px] font-semibold leading-5 text-foreground",children:t.subtitle}),e.jsx("button",{"aria-label":t.subtitleToggle,"aria-pressed":s,className:"inline-flex h-6 w-6 shrink-0 items-center justify-center p-0",onClick:f,type:"button",children:e.jsx("span",{className:r.cn("relative block h-4 w-6 rounded-full border-2 border-foreground transition-colors",s&&"border-primary"),children:e.jsx("span",{className:r.cn("absolute start-[2px] top-1/2 block h-1.5 w-1.5 -translate-y-1/2 rounded-full bg-foreground transition-transform",s?"translate-x-[10px] [&:dir(rtl)]:-translate-x-[10px] bg-primary":"translate-x-0")})})})]}),e.jsxs("div",{className:"flex min-h-[72px] items-center gap-6 px-4",children:[e.jsx("span",{className:"shrink-0 text-[15px] font-semibold leading-5 text-foreground",children:t.screen}),e.jsxs("div",{"aria-label":t.screenMode,className:"flex items-center gap-8",role:"radiogroup",children:[e.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:()=>a("nonFullscreen"),role:"radio",type:"button",children:t.nonFullscreen}),e.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:()=>a("fullscreen"),role:"radio",type:"button",children:t.fullscreen})]})]})]})]})});exports.default=p;
 //# sourceMappingURL=MobilePlayerSettingsSheet.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"MobilePlayerSettingsSheet.cjs","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":"qWA8BMA,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"}
+{"version":3,"file":"MobilePlayerSettingsSheet.cjs","sources":["../../../src/components/Slide/MobilePlayerSettingsSheet.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport type { ComponentProps } from \"react\";\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  dir?: ComponentProps<typeof DialogPrimitive.Content>[\"dir\"];\n  /** Language of the detached settings content. */\n  lang?: string;\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  dir,\n  lang,\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          dir={dir}\n          lang={lang}\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 start-[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] [&:dir(rtl)]:-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","dir","lang","labels","isSubtitleEnabled","viewMode","container","onClose","onOpenChange","onSubtitleToggle","onViewModeChange","Dialog","jsxs","DialogPortal","jsx","DialogOverlay","DialogPrimitive.Content","cn","DialogTitle","X"],"mappings":"wVAkCMA,EAA4B,CAAC,CACjC,KAAAC,EACA,IAAAC,EACA,KAAAC,EACA,OAAAC,EACA,kBAAAC,EACA,SAAAC,EACA,UAAAC,EACA,QAAAC,EACA,aAAAC,EACA,iBAAAC,EACA,iBAAAC,CACF,UAKKC,EAAAA,OAAA,CAAO,KAAAX,EAAY,aAAAQ,EAClB,SAAAI,EAAAA,KAACC,EAAAA,cAAa,UAAAP,EACZ,SAAA,CAAAQ,EAAAA,IAACC,EAAAA,cAAA,CAAc,UAAU,oBAAA,CAAqB,EAC9CH,EAAAA,KAACI,EAAAA,QAAA,CACC,mBAAkB,OAClB,wCAAsC,OACtC,IAAAf,EACA,KAAAC,EACA,UAAWe,EAAAA,GACT,kNACA,+DACA,0FAAA,EAGF,SAAA,CAAAL,EAAAA,KAAC,MAAA,CAAI,UAAU,yEACb,SAAA,CAAAE,EAAAA,IAACI,EAAAA,YAAA,CAAY,UAAU,sDACpB,SAAAf,EAAO,MACV,EACAW,EAAAA,IAAC,SAAA,CACC,aAAYX,EAAO,cACnB,UAAU,yJACV,QAASI,EACT,KAAK,SAEL,SAAAO,EAAAA,IAACK,EAAAA,QAAA,CAAE,UAAU,SAAA,CAAU,CAAA,CAAA,CACzB,EACF,EAEAP,EAAAA,KAAC,MAAA,CACC,UAAWK,EAAAA,GACT,qEAjCV,0IAkCU,EAGF,SAAA,CAAAH,EAAAA,IAAC,OAAA,CAAK,UAAU,+DACb,SAAAX,EAAO,SACV,EAEAW,EAAAA,IAAC,SAAA,CACC,aAAYX,EAAO,eACnB,eAAcC,EACd,UAAU,+DACV,QAASK,EACT,KAAK,SAEL,SAAAK,EAAAA,IAAC,OAAA,CACC,UAAWG,EAAAA,GACT,mFACAb,GAAqB,gBAAA,EAGvB,SAAAU,EAAAA,IAAC,OAAA,CACC,UAAWG,EAAAA,GACT,kHACAb,EACI,iEACA,eAAA,CACN,CAAA,CACF,CAAA,CACF,CAAA,CACF,CAAA,CAAA,EAGFQ,EAAAA,KAAC,MAAA,CAAI,UAAU,4CACb,SAAA,CAAAE,EAAAA,IAAC,OAAA,CAAK,UAAU,+DACb,SAAAX,EAAO,OACV,EACAS,EAAAA,KAAC,MAAA,CACC,aAAYT,EAAO,WACnB,UAAU,0BACV,KAAK,aAEL,SAAA,CAAAW,EAAAA,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,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,4 +1,6 @@
-import { MobileViewMode } from './utils/mobileScreenMode';
+import { ComponentProps } from 'react';
+import { MobileViewMode } from './utils/mobileScreenMode.js';
+import * as DialogPrimitive from "@radix-ui/react-dialog";
 export type MobilePlayerSettingsSheetLabels = {
     closeSettings: string;
     title: string;
@@ -11,6 +13,9 @@ export type MobilePlayerSettingsSheetLabels = {
 };
 export type MobilePlayerSettingsSheetProps = {
     open: boolean;
+    dir?: ComponentProps<typeof DialogPrimitive.Content>["dir"];
+    /** Language of the detached settings content. */
+    lang?: string;
     labels: MobilePlayerSettingsSheetLabels;
     isSubtitleEnabled: boolean;
     viewMode: MobileViewMode;
@@ -20,5 +25,5 @@ export type MobilePlayerSettingsSheetProps = {
     onSubtitleToggle: () => void;
     onViewModeChange: (nextViewMode: MobileViewMode) => void;
 };
-declare const MobilePlayerSettingsSheet: ({ open, labels, isSubtitleEnabled, viewMode, container, onClose, onOpenChange, onSubtitleToggle, onViewModeChange, }: MobilePlayerSettingsSheetProps) => import("react").JSX.Element;
+declare const MobilePlayerSettingsSheet: ({ open, dir, lang, labels, isSubtitleEnabled, viewMode, container, onClose, onOpenChange, onSubtitleToggle, onViewModeChange, }: MobilePlayerSettingsSheetProps) => import("react").JSX.Element;
 export default MobilePlayerSettingsSheet;

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

@@ -1,74 +1,78 @@
-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 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,
-  isSubtitleEnabled: o,
-  viewMode: n,
-  container: l,
-  onClose: i,
-  onOpenChange: d,
-  onSubtitleToggle: c,
-  onViewModeChange: s
-}) => /* @__PURE__ */ e.jsx(m, { open: a, onOpenChange: d, children: /* @__PURE__ */ e.jsxs(f, { container: l, children: [
-  /* @__PURE__ */ e.jsx(p, { className: "z-[60] bg-black/35" }),
-  /* @__PURE__ */ e.jsxs(
-    x,
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { Content as u } from "../../node_modules/@radix-ui/react-dialog/dist/index.es.js";
+import { cn as n } from "../../lib/utils.es.js";
+import { Dialog as x, DialogPortal as b, DialogOverlay as g, DialogTitle as h } from "../ui/dialog.es.js";
+import y from "../../node_modules/lucide-react/dist/esm/icons/x.es.js";
+const w = ({
+  open: i,
+  dir: s,
+  lang: d,
+  labels: r,
+  isSubtitleEnabled: a,
+  viewMode: o,
+  container: c,
+  onClose: m,
+  onOpenChange: f,
+  onSubtitleToggle: p,
+  onViewModeChange: l
+}) => /* @__PURE__ */ e(x, { open: i, onOpenChange: f, children: /* @__PURE__ */ t(b, { container: c, children: [
+  /* @__PURE__ */ e(g, { className: "z-[60] bg-black/35" }),
+  /* @__PURE__ */ t(
+    u,
     {
       "aria-describedby": void 0,
       "data-player-keyboard-shortcuts-ignore": "true",
-      className: r(
+      dir: s,
+      lang: d,
+      className: 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",
         "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: [
-        /* @__PURE__ */ e.jsxs("div", { className: "flex min-h-14 items-center justify-between border-b border-border px-4", children: [
-          /* @__PURE__ */ e.jsx(u, { className: "text-[15px] font-semibold leading-5 text-foreground", children: t.title }),
-          /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ t("div", { className: "flex min-h-14 items-center justify-between border-b border-border px-4", children: [
+          /* @__PURE__ */ e(h, { className: "text-[15px] font-semibold leading-5 text-foreground", children: r.title }),
+          /* @__PURE__ */ e(
             "button",
             {
-              "aria-label": t.closeSettings,
+              "aria-label": r.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,
+              onClick: m,
               type: "button",
-              children: /* @__PURE__ */ e.jsx(b, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ e(y, { className: "h-4 w-4" })
             }
           )
         ] }),
-        /* @__PURE__ */ e.jsxs(
+        /* @__PURE__ */ t(
           "div",
           {
-            className: r(
+            className: n(
               "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: [
-              /* @__PURE__ */ e.jsx("span", { className: "shrink-0 text-[15px] font-semibold leading-5 text-foreground", children: t.subtitle }),
-              /* @__PURE__ */ e.jsx(
+              /* @__PURE__ */ e("span", { className: "shrink-0 text-[15px] font-semibold leading-5 text-foreground", children: r.subtitle }),
+              /* @__PURE__ */ e(
                 "button",
                 {
-                  "aria-label": t.subtitleToggle,
-                  "aria-pressed": o,
+                  "aria-label": r.subtitleToggle,
+                  "aria-pressed": a,
                   className: "inline-flex h-6 w-6 shrink-0 items-center justify-center p-0",
-                  onClick: c,
+                  onClick: p,
                   type: "button",
-                  children: /* @__PURE__ */ e.jsx(
+                  children: /* @__PURE__ */ e(
                     "span",
                     {
-                      className: r(
+                      className: n(
                         "relative block h-4 w-6 rounded-full border-2 border-foreground transition-colors",
-                        o && "border-primary"
+                        a && "border-primary"
                       ),
-                      children: /* @__PURE__ */ e.jsx(
+                      children: /* @__PURE__ */ e(
                         "span",
                         {
-                          className: r(
-                            "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"
+                          className: n(
+                            "absolute start-[2px] top-1/2 block h-1.5 w-1.5 -translate-y-1/2 rounded-full bg-foreground transition-transform",
+                            a ? "translate-x-[10px] [&:dir(rtl)]:-translate-x-[10px] bg-primary" : "translate-x-0"
                           )
                         }
                       )
@@ -79,41 +83,41 @@ const v = ({
             ]
           }
         ),
-        /* @__PURE__ */ e.jsxs("div", { className: "flex min-h-[72px] items-center gap-6 px-4", children: [
-          /* @__PURE__ */ e.jsx("span", { className: "shrink-0 text-[15px] font-semibold leading-5 text-foreground", children: t.screen }),
-          /* @__PURE__ */ e.jsxs(
+        /* @__PURE__ */ t("div", { className: "flex min-h-[72px] items-center gap-6 px-4", children: [
+          /* @__PURE__ */ e("span", { className: "shrink-0 text-[15px] font-semibold leading-5 text-foreground", children: r.screen }),
+          /* @__PURE__ */ t(
             "div",
             {
-              "aria-label": t.screenMode,
+              "aria-label": r.screenMode,
               className: "flex items-center gap-8",
               role: "radiogroup",
               children: [
-                /* @__PURE__ */ e.jsx(
+                /* @__PURE__ */ e(
                   "button",
                   {
-                    "aria-checked": n === "nonFullscreen",
-                    className: r(
+                    "aria-checked": o === "nonFullscreen",
+                    className: n(
                       "border-none bg-transparent p-0 text-[15px] leading-5 text-foreground/70 transition-colors",
-                      n === "nonFullscreen" && "font-semibold text-primary"
+                      o === "nonFullscreen" && "font-semibold text-primary"
                     ),
-                    onClick: () => s("nonFullscreen"),
+                    onClick: () => l("nonFullscreen"),
                     role: "radio",
                     type: "button",
-                    children: t.nonFullscreen
+                    children: r.nonFullscreen
                   }
                 ),
-                /* @__PURE__ */ e.jsx(
+                /* @__PURE__ */ e(
                   "button",
                   {
-                    "aria-checked": n === "fullscreen",
-                    className: r(
+                    "aria-checked": o === "fullscreen",
+                    className: n(
                       "border-none bg-transparent p-0 text-[15px] leading-5 text-foreground/70 transition-colors",
-                      n === "fullscreen" && "font-semibold text-primary"
+                      o === "fullscreen" && "font-semibold text-primary"
                     ),
-                    onClick: () => s("fullscreen"),
+                    onClick: () => l("fullscreen"),
                     role: "radio",
                     type: "button",
-                    children: t.fullscreen
+                    children: r.fullscreen
                   }
                 )
               ]
@@ -125,6 +129,6 @@ const v = ({
   )
 ] }) });
 export {
-  v as default
+  w as default
 };
 //# sourceMappingURL=MobilePlayerSettingsSheet.es.js.map

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  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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"}
+{"version":3,"file":"MobilePlayerSettingsSheet.es.js","sources":["../../../src/components/Slide/MobilePlayerSettingsSheet.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport type { ComponentProps } from \"react\";\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  dir?: ComponentProps<typeof DialogPrimitive.Content>[\"dir\"];\n  /** Language of the detached settings content. */\n  lang?: string;\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  dir,\n  lang,\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          dir={dir}\n          lang={lang}\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 start-[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] [&:dir(rtl)]:-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","dir","lang","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

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