@stackshift-ui/youtube-video 6.0.5 → 6.0.6

package/dist/chunk-LHKILQPY.mjs

@@ -0,0 +1 @@
+import{DefaultComponent as l,useStackShiftUIComponents as n}from"@stackshift-ui/system";import{jsx as o}from"react/jsx-runtime";var t="YoutubeVideo",m=({videoLinkId:e,title:a,children:p,className:d,as:s,...r})=>{let{[t]:i=l}=n();return o(i,{as:s,className:"aspect-video",...r,"data-testid":t,children:o("iframe",{"aria-label":"Show Video Frame",className:"w-full h-full rounded-lg",src:`https://www.youtube.com/embed/${e}`,srcDoc:`<style>*{padding:0;margin:0;overflow:hidden;border-radius:8px}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em black}</style><a href=${`https://www.youtube.com/embed/${e}`}><img src=${`https://i.ytimg.com/vi_webp/${e}/maxresdefault.webp`} alt=${a} loading="lazy" /><span>\u25B6</span></a>`,frameBorder:"0",loading:"lazy",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"})})};m.displayName=t;export{m as a};

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from "./youtube-video";

package/dist/index.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";var i=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var h=(e,t)=>{for(var a in t)i(e,a,{get:t[a],enumerable:!0})},b=(e,t,a,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of u(t))!f.call(e,o)&&o!==a&&i(e,o,{get:()=>t[o],enumerable:!(r=c(t,o))||r.enumerable});return e};var g=e=>b(i({},"__esModule",{value:!0}),e);var y={};h(y,{YoutubeVideo:()=>m});module.exports=g(y);var s=require("@stackshift-ui/system"),n=require("react/jsx-runtime"),l="YoutubeVideo",m=({videoLinkId:e,title:t,children:a,className:r,as:o,...p})=>{let{[l]:d=s.DefaultComponent}=(0,s.useStackShiftUIComponents)();return(0,n.jsx)(d,{as:o,className:"aspect-video",...p,"data-testid":l,children:(0,n.jsx)("iframe",{"aria-label":"Show Video Frame",className:"w-full h-full rounded-lg",src:`https://www.youtube.com/embed/${e}`,srcDoc:`<style>*{padding:0;margin:0;overflow:hidden;border-radius:8px}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em black}</style><a href=${`https://www.youtube.com/embed/${e}`}><img src=${`https://i.ytimg.com/vi_webp/${e}/maxresdefault.webp`} alt=${t} loading="lazy" /><span>\u25B6</span></a>`,frameBorder:"0",loading:"lazy",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"})})};m.displayName=l;0&&(module.exports={YoutubeVideo});

package/dist/index.mjs

@@ -0,0 +1,2 @@
+"use client";
+"use strict";import{a as e}from"./chunk-LHKILQPY.mjs";export{e as YoutubeVideo};

package/dist/youtube-video.d.ts

@@ -0,0 +1,9 @@
+import type { ElementType, HTMLProps, ReactNode } from "react";
+export interface YoutubeVideoProps extends Omit<HTMLProps<HTMLElement>, "as"> {
+    videoLinkId?: string;
+    title?: string;
+    children?: ReactNode;
+    className?: string;
+    as?: ElementType;
+}
+export declare const YoutubeVideo: React.FC<YoutubeVideoProps>;

package/dist/youtube-video.js

@@ -0,0 +1 @@
+"use strict";var i=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var f=(e,t)=>{for(var a in t)i(e,a,{get:t[a],enumerable:!0})},b=(e,t,a,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of u(t))!h.call(e,o)&&o!==a&&i(e,o,{get:()=>t[o],enumerable:!(r=c(t,o))||r.enumerable});return e};var g=e=>b(i({},"__esModule",{value:!0}),e);var y={};f(y,{YoutubeVideo:()=>m});module.exports=g(y);var s=require("@stackshift-ui/system"),n=require("react/jsx-runtime"),l="YoutubeVideo",m=({videoLinkId:e,title:t,children:a,className:r,as:o,...p})=>{let{[l]:d=s.DefaultComponent}=(0,s.useStackShiftUIComponents)();return(0,n.jsx)(d,{as:o,className:"aspect-video",...p,"data-testid":l,children:(0,n.jsx)("iframe",{"aria-label":"Show Video Frame",className:"w-full h-full rounded-lg",src:`https://www.youtube.com/embed/${e}`,srcDoc:`<style>*{padding:0;margin:0;overflow:hidden;border-radius:8px}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em black}</style><a href=${`https://www.youtube.com/embed/${e}`}><img src=${`https://i.ytimg.com/vi_webp/${e}/maxresdefault.webp`} alt=${t} loading="lazy" /><span>\u25B6</span></a>`,frameBorder:"0",loading:"lazy",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"})})};m.displayName=l;0&&(module.exports={YoutubeVideo});

package/dist/youtube-video.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-LHKILQPY.mjs";export{a as YoutubeVideo};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stackshift-ui/youtube-video",
   "description": "",
-  "version": "6.0.5",
+  "version": "6.0.6",
   "private": false,
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -29,19 +29,19 @@
     "typescript": "^5.6.2",
     "vite-tsconfig-paths": "^5.0.1",
     "vitest": "^2.1.1",
-    "@stackshift-ui/eslint-config": "6.0.4",
-    "@stackshift-ui/typescript-config": "6.0.4"
+    "@stackshift-ui/eslint-config": "6.0.5",
+    "@stackshift-ui/typescript-config": "6.0.5"
   },
   "dependencies": {
-    "@stackshift-ui/scripts": "6.0.4",
-    "@stackshift-ui/system": "6.0.5"
+    "@stackshift-ui/scripts": "6.0.5",
+    "@stackshift-ui/system": "6.0.6"
   },
   "peerDependencies": {
     "@types/react": "16.8 - 19",
     "next": "10 - 14",
     "react": "16.8 - 19",
     "react-dom": "16.8 - 19",
-    "@stackshift-ui/system": ">=6.0.5"
+    "@stackshift-ui/system": ">=6.0.6"
   },
   "peerDependenciesMeta": {
     "next": {