@nuralyui/video 0.0.2 → 0.0.5

package/video.types.d.ts

@@ -0,0 +1,80 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+/**
+ * Video player controls visibility
+ */
+export declare const enum VideoControls {
+    /** Show controls */
+    Show = "show",
+    /** Hide controls */
+    Hide = "hide",
+    /** Show controls on hover */
+    Hover = "hover"
+}
+/**
+ * Video preload strategy
+ */
+export declare const enum VideoPreload {
+    /** No preloading */
+    None = "none",
+    /** Preload metadata only */
+    Metadata = "metadata",
+    /** Preload entire video */
+    Auto = "auto"
+}
+/**
+ * Video configuration interface
+ */
+export interface VideoConfig {
+    /** Video source URL */
+    src: string;
+    /** Fallback video URL or image */
+    fallback?: string;
+    /** Video width */
+    width?: string | number;
+    /** Video height */
+    height?: string | number;
+    /** Whether video should autoplay */
+    autoplay?: boolean;
+    /** Whether video should loop */
+    loop?: boolean;
+    /** Whether video is muted */
+    muted?: boolean;
+    /** Show video controls */
+    controls?: boolean | VideoControls;
+    /** Video poster image */
+    poster?: string;
+    /** Preload strategy */
+    preload?: VideoPreload;
+    /** Whether video is previewable (fullscreen) */
+    previewable?: boolean;
+    /** Custom CSS class */
+    customClass?: string;
+    /** Callback when video starts playing */
+    onPlay?: () => void;
+    /** Callback when video is paused */
+    onPause?: () => void;
+    /** Callback when video ends */
+    onEnded?: () => void;
+    /** Callback when video fails to load */
+    onError?: (error: Error) => void;
+}
+/**
+ * Video event detail
+ */
+export interface VideoEventDetail {
+    /** Original event */
+    originalEvent?: Event;
+    /** Error message if applicable */
+    error?: string;
+    /** Video source */
+    src?: string;
+    /** Current time in seconds */
+    currentTime?: number;
+    /** Duration in seconds */
+    duration?: number;
+}
+//# sourceMappingURL=video.types.d.ts.map

package/video.types.js

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+export {};
+//# sourceMappingURL=video.types.js.map

package/video.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"video.types.js","sourceRoot":"","sources":["../../../src/components/video/video.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG","sourcesContent":["/**\n * @license\n * Copyright 2023 Nuraly, Laabidi Aymen\n * SPDX-License-Identifier: MIT\n */\n\n/**\n * Video player controls visibility\n */\nexport const enum VideoControls {\n  /** Show controls */\n  Show = 'show',\n  /** Hide controls */\n  Hide = 'hide',\n  /** Show controls on hover */\n  Hover = 'hover',\n}\n\n/**\n * Video preload strategy\n */\nexport const enum VideoPreload {\n  /** No preloading */\n  None = 'none',\n  /** Preload metadata only */\n  Metadata = 'metadata',\n  /** Preload entire video */\n  Auto = 'auto',\n}\n\n/**\n * Video configuration interface\n */\nexport interface VideoConfig {\n  /** Video source URL */\n  src: string;\n  \n  /** Fallback video URL or image */\n  fallback?: string;\n  \n  /** Video width */\n  width?: string | number;\n  \n  /** Video height */\n  height?: string | number;\n  \n  /** Whether video should autoplay */\n  autoplay?: boolean;\n  \n  /** Whether video should loop */\n  loop?: boolean;\n  \n  /** Whether video is muted */\n  muted?: boolean;\n  \n  /** Show video controls */\n  controls?: boolean | VideoControls;\n  \n  /** Video poster image */\n  poster?: string;\n  \n  /** Preload strategy */\n  preload?: VideoPreload;\n  \n  /** Whether video is previewable (fullscreen) */\n  previewable?: boolean;\n  \n  /** Custom CSS class */\n  customClass?: string;\n  \n  /** Callback when video starts playing */\n  onPlay?: () => void;\n  \n  /** Callback when video is paused */\n  onPause?: () => void;\n  \n  /** Callback when video ends */\n  onEnded?: () => void;\n  \n  /** Callback when video fails to load */\n  onError?: (error: Error) => void;\n}\n\n/**\n * Video event detail\n */\nexport interface VideoEventDetail {\n  /** Original event */\n  originalEvent?: Event;\n  \n  /** Error message if applicable */\n  error?: string;\n  \n  /** Video source */\n  src?: string;\n  \n  /** Current time in seconds */\n  currentTime?: number;\n  \n  /** Duration in seconds */\n  duration?: number;\n}\n"]}

package/demo/video-demo.d.ts

@@ -1,12 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google Laabidi Aymen
- * SPDX-License-Identifier: MIT
- */
-import { LitElement } from 'lit';
-import '../video.component.js';
-export declare class HyDatePickerDemoElement extends LitElement {
-    selectedLanguage: string;
-    render(): import("lit").TemplateResult<1>;
-}
-//# sourceMappingURL=video-demo.d.ts.map

package/demo/video-demo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"video-demo.d.ts","sourceRoot":"","sources":["../../../../src/components/video/demo/video-demo.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAEvC,OAAO,uBAAuB,CAAC;AAE/B,qBACa,uBAAwB,SAAQ,UAAU;IAErD,gBAAgB,SAAQ;IAEf,MAAM;CAYhB"}

package/demo/video-demo.js

@@ -1,40 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google Laabidi Aymen
- * SPDX-License-Identifier: MIT
- */
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { LitElement, html } from 'lit';
-import { customElement, state } from 'lit/decorators.js';
-import '../video.component.js';
-let HyDatePickerDemoElement = class HyDatePickerDemoElement extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.selectedLanguage = 'en';
-    }
-    render() {
-        return html `
-       <hy-video-player
-       previewable="true"
-          id="url-viewer"
-          src="https://file-examples.com/storage/fe7d258bd9680a7429c6b40/2017/04/file_example_MP4_480_1_5MG.mp4"
-          width="100%"
-          height="500px"
-          previewable
-        ></hy-video-player>
-    `;
-    }
-};
-__decorate([
-    state()
-], HyDatePickerDemoElement.prototype, "selectedLanguage", void 0);
-HyDatePickerDemoElement = __decorate([
-    customElement('hy-video-demo')
-], HyDatePickerDemoElement);
-export { HyDatePickerDemoElement };
-//# sourceMappingURL=video-demo.js.map

package/demo/video-demo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"video-demo.js","sourceRoot":"","sources":["../../../../src/components/video/demo/video-demo.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;;;;;;AAEH,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,uBAAuB,CAAC;AAG/B,IAAa,uBAAuB,GAApC,MAAa,uBAAwB,SAAQ,UAAU;IAAvD;;QAEE,qBAAgB,GAAG,IAAI,CAAC;IAc1B,CAAC;IAZU,MAAM;QACb,OAAO,IAAI,CAAA;;;;;;;;;KASV,CAAC;IACJ,CAAC;CACF,CAAA;AAdC;IADC,KAAK,EAAE;iEACgB;AAFb,uBAAuB;IADnC,aAAa,CAAC,eAAe,CAAC;GAClB,uBAAuB,CAgBnC;SAhBY,uBAAuB","sourcesContent":["/**\n * @license\n * Copyright 2023 Google Laabidi Aymen\n * SPDX-License-Identifier: MIT\n */\n\nimport { LitElement, html } from 'lit';\nimport { customElement, state } from 'lit/decorators.js';\nimport '../video.component.js';\n\n@customElement('hy-video-demo')\nexport class HyDatePickerDemoElement extends LitElement {\n  @state()\n  selectedLanguage = 'en';\n\n  override render() {\n    return html`\n       <hy-video-player\n       previewable=\"true\"\n          id=\"url-viewer\"\n          src=\"https://file-examples.com/storage/fe7d258bd9680a7429c6b40/2017/04/file_example_MP4_480_1_5MG.mp4\"\n          width=\"100%\"\n          height=\"500px\"\n          previewable\n        ></hy-video-player>\n    `;\n  }\n}"]}

package/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/video/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA"}

package/react.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../src/components/video/react.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EASlB,CAAC"}

package/video.component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"video.component.d.ts","sourceRoot":"","sources":["../../../src/components/video/video.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBACa,aAAc,SAAQ,UAAU;IAE3C,GAAG,EAAG,MAAM,CAAC;IAGb,KAAK,SAAU;IAGf,MAAM,SAAU;IAGhB,QAAQ,OAAQ;IAGhB,WAAW,UAAS;IAGpB,OAAO,CAAC,YAAY,CAAS;IAG7B,OAAO,CAAC,QAAQ,CAAS;IAGzB,eAAe,SAkBV;IAEL,OAAgB,MAAM,0BAkHpB;IAEO,MAAM;IAqEf,YAAY,CAAC,CAAC,EAAE,KAAK;IAYrB,eAAe;IAKf,gBAAgB;IAKP,oBAAoB;CAM9B"}