{
  "definitions": {
    "events": {
      "$ref": "#/definitions/Events",
      "$schema": "http://json-schema.org/draft-07/schema#",
      "definitions": {
        "Events": {
          "additionalProperties": false,
          "type": "object"
        }
      }
    },
    "component": {
      "$ref": "#/definitions/Component",
      "$schema": "http://json-schema.org/draft-07/schema#",
      "definitions": {
        "Component": {
          "additionalProperties": false,
          "properties": {
            "dateformat": {
              "type": "string"
            },
            "description": {
              "type": "string"
            },
            "id": {
              "type": "string"
            },
            "linklabel": {
              "type": "string"
            },
            "pageuri": {
              "type": "string"
            },
            "provider": {
              "enum": [
                "youtube",
                ""
              ],
              "type": "string"
            },
            "style": {
              "type": "string"
            },
            "time": {
              "format": "date-time",
              "type": "string"
            },
            "title": {
              "type": "string"
            },
            "videosrc": {
              "type": "string"
            }
          },
          "required": [
            "videosrc"
          ],
          "type": "object"
        }
      }
    }
  },
  "description": "Bulma `card` with a 16:9 `image` frame: YouTube embed when `provider` is `youtube`, otherwise an HTML5 `<video>` with MP4 source. Optional title, truncated description (100 chars), formatted `time` via Day.js (`dateformat`), “read more” primary button, and social share placeholders (Facebook/Twitter widgets) when `pageuri` is set.",
  "storybookArgs": {
    "videosrc": {
      "control": {
        "type": "text"
      }
    },
    "title": {
      "control": {
        "type": "text"
      }
    },
    "provider": {
      "control": {
        "type": "text"
      }
    },
    "description": {
      "control": {
        "type": "text"
      }
    },
    "time": {
      "control": {
        "type": "date"
      }
    },
    "pageuri": {
      "control": {
        "type": "text"
      }
    },
    "linklabel": {
      "control": {
        "type": "text"
      }
    },
    "dateformat": {
      "control": {
        "type": "text"
      }
    }
  },
  "styleSetup": {
    "vars": [],
    "parts": []
  },
  "contributors": [],
  "htmlSlots": [
    {
      "name": "card-footer",
      "description": ""
    }
  ],
  "i18n": [],
  "examples": [
    {
      "name": "default",
      "description": "HTML5 video card with title, blurb, and timestamp.",
      "data": {
        "videosrc": "https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4",
        "title": "aa",
        "description": "desc6",
        "time": "2021-08-15T18:55:22.135Z"
      }
    },
    {
      "name": "youtube",
      "description": "YouTube embed when `provider` is set to youtube (full embed URL).",
      "data": {
        "videosrc": "https://www.youtube.com/embed/dQw4w9WgXcQ",
        "provider": "youtube",
        "title": "Sample clip",
        "description": "Embedded iframe player.",
        "time": "2024-01-01T12:00:00.000Z"
      }
    },
    {
      "name": "minimalMp4",
      "description": "Only the required source URL.",
      "data": {
        "videosrc": "https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4"
      }
    },
    {
      "name": "withShareAndFormat",
      "description": "Custom date pattern and share context via `pageuri`.",
      "data": {
        "videosrc": "https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4",
        "title": "Weekly update",
        "description": "Notes for the team.",
        "time": "2023-06-15T09:30:00.000Z",
        "dateformat": "DD MMM YYYY, HH:mm",
        "pageuri": "https://example.com/videos/weekly-update",
        "linklabel": "Open post"
      }
    }
  ],
  "iifeIntegrity": "sha384-ro5GH27csiseJM3/6/j1nv9XNfTSaHB99brFzd4AJwxfEXj813ZvPubSbEeMC9eg",
  "dependencies": [],
  "screenshots": [],
  "licenses": [
    {
      "type": "Apache-2.0",
      "path": "LICENSE.md",
      "cost": 0,
      "currency": "EUR"
    }
  ],
  "readmePath": "README.md",
  "name": "hb-card-video",
  "category": "media",
  "tags": [
    "media",
    "video"
  ],
  "size": {},
  "iifePath": "main.iife.js",
  "repoName": "@htmlbricks/hb-card-video",
  "version": "0.71.32"
}