playron 1.0.25 → 1.0.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/dist/playron.cjs.js +43 -43
  2. package/dist/playron.css +1 -1
  3. package/dist/playron.es.js +7945 -7917
  4. package/dist/ui/Controls/FullscreenButton.d.ts +7 -1
  5. package/dist/ui/Controls/FullscreenButton.d.ts.map +1 -1
  6. package/dist/ui/Controls/PlayButton.d.ts +7 -1
  7. package/dist/ui/Controls/PlayButton.d.ts.map +1 -1
  8. package/dist/ui/Controls/SettingsPanel.d.ts +5 -1
  9. package/dist/ui/Controls/SettingsPanel.d.ts.map +1 -1
  10. package/dist/ui/Controls/SkipBackwardButton.d.ts +5 -1
  11. package/dist/ui/Controls/SkipBackwardButton.d.ts.map +1 -1
  12. package/dist/ui/Controls/SkipForwardButton.d.ts +5 -1
  13. package/dist/ui/Controls/SkipForwardButton.d.ts.map +1 -1
  14. package/dist/ui/Controls/VolumeControl.d.ts +3 -1
  15. package/dist/ui/Controls/VolumeControl.d.ts.map +1 -1
  16. package/package.json +1 -1
package/dist/ui/Controls/FullscreenButton.d.ts CHANGED
@@ -1,7 +1,13 @@
1
1
  interface FullscreenButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
2
2
  /** Icon size in px. Default: 18 */
3
3
  iconSize?: number;
4
+ /** Hover background color. Pass false to disable hover background. */
5
+ hoverBackground?: string | false;
6
+ /** Custom icon shown when not in fullscreen (enter fullscreen). */
7
+ enterIcon?: React.ReactNode;
8
+ /** Custom icon shown when in fullscreen (exit fullscreen). */
9
+ exitIcon?: React.ReactNode;
4
10
  }
5
- export default function FullscreenButton({ className, onClick, iconSize, ...props }: FullscreenButtonProps): import("react/jsx-runtime").JSX.Element;
11
+ export default function FullscreenButton({ className, onClick, iconSize, hoverBackground, enterIcon, exitIcon, style, ...props }: FullscreenButtonProps): import("react/jsx-runtime").JSX.Element;
6
12
  export {};
7
13
  //# sourceMappingURL=FullscreenButton.d.ts.map
package/dist/ui/Controls/FullscreenButton.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FullscreenButton.d.ts","sourceRoot":"","sources":["../../../src/ui/Controls/FullscreenButton.tsx"],"names":[],"mappings":"AAIA,UAAU,qBAAsB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACnF,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAa,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CA0D9G"}
1
+ {"version":3,"file":"FullscreenButton.d.ts","sourceRoot":"","sources":["../../../src/ui/Controls/FullscreenButton.tsx"],"names":[],"mappings":"AAIA,UAAU,qBAAsB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACnF,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sEAAsE;IACtE,eAAe,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACjC,mEAAmE;IACnE,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,SAAS,EACT,OAAO,EACP,QAAa,EACb,eAAe,EACf,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,qBAAqB,2CA+DvB"}
package/dist/ui/Controls/PlayButton.d.ts CHANGED
@@ -1,7 +1,13 @@
1
1
  interface PlayButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
2
2
  /** Icon size in px. Default: 24 */
3
3
  iconSize?: number;
4
+ /** Hover background color. Pass false to disable hover background. */
5
+ hoverBackground?: string | false;
6
+ /** Custom icon shown when playing (replaces default pause icon). */
7
+ pauseIcon?: React.ReactNode;
8
+ /** Custom icon shown when paused (replaces default play icon). */
9
+ playIcon?: React.ReactNode;
4
10
  }
5
- export default function PlayButton({ className, onClick, iconSize, ...props }: PlayButtonProps): import("react/jsx-runtime").JSX.Element;
11
+ export default function PlayButton({ className, onClick, iconSize, hoverBackground, pauseIcon, playIcon, style, ...props }: PlayButtonProps): import("react/jsx-runtime").JSX.Element;
6
12
  export {};
7
13
  //# sourceMappingURL=PlayButton.d.ts.map
package/dist/ui/Controls/PlayButton.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PlayButton.d.ts","sourceRoot":"","sources":["../../../src/ui/Controls/PlayButton.tsx"],"names":[],"mappings":"AAIA,UAAU,eAAgB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC7E,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAa,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CA2DlG"}
1
+ {"version":3,"file":"PlayButton.d.ts","sourceRoot":"","sources":["../../../src/ui/Controls/PlayButton.tsx"],"names":[],"mappings":"AAIA,UAAU,eAAgB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC7E,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sEAAsE;IACtE,eAAe,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACjC,oEAAoE;IACpE,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,kEAAkE;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,SAAS,EACT,OAAO,EACP,QAAa,EACb,eAAe,EACf,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,eAAe,2CA+DjB"}
package/dist/ui/Controls/SettingsPanel.d.ts CHANGED
@@ -36,10 +36,14 @@ export interface SettingsPanelPosition {
36
36
  /** 'right' = right-aligned (default). 'left' = left-aligned. */
37
37
  horizontal?: 'left' | 'right';
38
38
  }
39
- export default function SettingsPanel({ theme, panelPosition, iconSize, }?: {
39
+ export default function SettingsPanel({ theme, panelPosition, iconSize, hoverBackground, gearIcon, }?: {
40
40
  theme?: SettingsPanelTheme;
41
41
  panelPosition?: SettingsPanelPosition;
42
42
  /** Gear icon size in px. Default: 20 */
43
43
  iconSize?: number;
44
+ /** Hover background color for the gear button. Pass false to disable. */
45
+ hoverBackground?: string | false;
46
+ /** Custom icon replacing the default gear SVG. */
47
+ gearIcon?: React.ReactNode;
44
48
  }): import("react/jsx-runtime").JSX.Element;
45
49
  //# sourceMappingURL=SettingsPanel.d.ts.map
package/dist/ui/Controls/SettingsPanel.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SettingsPanel.d.ts","sourceRoot":"","sources":["../../../src/ui/Controls/SettingsPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAWH,4DAA4D;AAC5D,MAAM,WAAW,kBAAkB;IACjC,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,yDAAyD;AACzD,MAAM,WAAW,qBAAqB;IACpC,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC5B,gEAAgE;IAChE,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC/B;AA2ND,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,KAAK,EACL,aAAa,EACb,QAAa,GACd,GAAE;IACD,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACd,2CAukBL"}
1
+ {"version":3,"file":"SettingsPanel.d.ts","sourceRoot":"","sources":["../../../src/ui/Controls/SettingsPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAWH,4DAA4D;AAC5D,MAAM,WAAW,kBAAkB;IACjC,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,yDAAyD;AACzD,MAAM,WAAW,qBAAqB;IACpC,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC5B,gEAAgE;IAChE,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC/B;AA2ND,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,KAAK,EACL,aAAa,EACb,QAAa,EACb,eAAe,EACf,QAAQ,GACT,GAAE;IACD,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yEAAyE;IACzE,eAAe,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACjC,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB,2CAykBL"}
package/dist/ui/Controls/SkipBackwardButton.d.ts CHANGED
@@ -2,7 +2,11 @@ interface SkipBackwardButtonProps {
2
2
  seconds?: number;
3
3
  /** Icon size in px. Default: 24 */
4
4
  iconSize?: number;
5
+ /** Hover background color. Pass false to disable hover background. */
6
+ hoverBackground?: string | false;
7
+ /** Custom icon (replaces default skip backward SVG). */
8
+ icon?: React.ReactNode;
5
9
  }
6
- export default function SkipBackwardButton({ seconds, iconSize }: SkipBackwardButtonProps): import("react/jsx-runtime").JSX.Element | null;
10
+ export default function SkipBackwardButton({ seconds, iconSize, hoverBackground, icon, }: SkipBackwardButtonProps): import("react/jsx-runtime").JSX.Element | null;
7
11
  export {};
8
12
  //# sourceMappingURL=SkipBackwardButton.d.ts.map
package/dist/ui/Controls/SkipBackwardButton.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SkipBackwardButton.d.ts","sourceRoot":"","sources":["../../../src/ui/Controls/SkipBackwardButton.tsx"],"names":[],"mappings":"AAIA,UAAU,uBAAuB;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAAE,OAAY,EAAE,QAAa,EAAE,EAAE,uBAAuB,kDAqDlG"}
1
+ {"version":3,"file":"SkipBackwardButton.d.ts","sourceRoot":"","sources":["../../../src/ui/Controls/SkipBackwardButton.tsx"],"names":[],"mappings":"AAIA,UAAU,uBAAuB;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sEAAsE;IACtE,eAAe,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACjC,wDAAwD;IACxD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,OAAY,EACZ,QAAa,EACb,eAAe,EACf,IAAI,GACL,EAAE,uBAAuB,kDAoDzB"}
package/dist/ui/Controls/SkipForwardButton.d.ts CHANGED
@@ -2,7 +2,11 @@ interface SkipForwardButtonProps {
2
2
  seconds?: number;
3
3
  /** Icon size in px. Default: 24 */
4
4
  iconSize?: number;
5
+ /** Hover background color. Pass false to disable hover background. */
6
+ hoverBackground?: string | false;
7
+ /** Custom icon (replaces default skip forward SVG). */
8
+ icon?: React.ReactNode;
5
9
  }
6
- export default function SkipForwardButton({ seconds, iconSize }: SkipForwardButtonProps): import("react/jsx-runtime").JSX.Element | null;
10
+ export default function SkipForwardButton({ seconds, iconSize, hoverBackground, icon, }: SkipForwardButtonProps): import("react/jsx-runtime").JSX.Element | null;
7
11
  export {};
8
12
  //# sourceMappingURL=SkipForwardButton.d.ts.map
package/dist/ui/Controls/SkipForwardButton.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SkipForwardButton.d.ts","sourceRoot":"","sources":["../../../src/ui/Controls/SkipForwardButton.tsx"],"names":[],"mappings":"AAIA,UAAU,sBAAsB;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAAE,OAAY,EAAE,QAAa,EAAE,EAAE,sBAAsB,kDAqDhG"}
1
+ {"version":3,"file":"SkipForwardButton.d.ts","sourceRoot":"","sources":["../../../src/ui/Controls/SkipForwardButton.tsx"],"names":[],"mappings":"AAIA,UAAU,sBAAsB;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sEAAsE;IACtE,eAAe,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACjC,uDAAuD;IACvD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,OAAY,EACZ,QAAa,EACb,eAAe,EACf,IAAI,GACL,EAAE,sBAAsB,kDAoDxB"}
package/dist/ui/Controls/VolumeControl.d.ts CHANGED
@@ -25,7 +25,9 @@ interface VolumeControlProps {
25
25
  theme?: VolumeControlTheme;
26
26
  /** Mute button icon size in px. Default: 20 */
27
27
  iconSize?: number;
28
+ /** Hover background color for the mute button. Pass false to disable. */
29
+ hoverBackground?: string | false;
28
30
  }
29
- export default function VolumeControl({ sliderDirection, theme, iconSize }: VolumeControlProps): import("react/jsx-runtime").JSX.Element;
31
+ export default function VolumeControl({ sliderDirection, theme, iconSize, hoverBackground }: VolumeControlProps): import("react/jsx-runtime").JSX.Element;
30
32
  export {};
31
33
  //# sourceMappingURL=VolumeControl.d.ts.map
package/dist/ui/Controls/VolumeControl.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"VolumeControl.d.ts","sourceRoot":"","sources":["../../../src/ui/Controls/VolumeControl.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;AAExE,4DAA4D;AAC5D,MAAM,WAAW,kBAAkB;IACjC,uEAAuE;IACvE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qEAAqE;IACrE,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,kBAAkB;IAC1B,iFAAiF;IACjF,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC,8BAA8B;IAC9B,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,eAAyB,EAAE,KAAK,EAAE,QAAa,EAAE,EAAE,kBAAkB,2CAwP5G"}
1
+ {"version":3,"file":"VolumeControl.d.ts","sourceRoot":"","sources":["../../../src/ui/Controls/VolumeControl.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;AAExE,4DAA4D;AAC5D,MAAM,WAAW,kBAAkB;IACjC,uEAAuE;IACvE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qEAAqE;IACrE,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,kBAAkB;IAC1B,iFAAiF;IACjF,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC,8BAA8B;IAC9B,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yEAAyE;IACzE,eAAe,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CAClC;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,eAAyB,EAAE,KAAK,EAAE,QAAa,EAAE,eAAe,EAAE,EAAE,kBAAkB,2CAwP7H"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "playron",
3
- "version": "1.0.25",
3
+ "version": "1.0.27",
4
4
  "description": "Modern OTT video player for React, Next.js, and vanilla JS",
5
5
  "type": "module",
6
6
  "main": "./dist/playron.cjs.js",