@fluid-app/portal-sdk 0.1.211 → 0.1.213

package/dist/VideoWidget-B9yfmLXd.cjs

@@ -1,222 +0,0 @@
-const require_chunk = require("./chunk-9hOWP6kD.cjs");
-const require_registries = require("./registries-CpUM406S.cjs");
-const require_MediaRenderer = require("./MediaRenderer-D4HnIAbN.cjs");
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region ../widgets/src/widgets/VideoWidget.tsx
-var VideoWidget_exports = /* @__PURE__ */ require_chunk.__exportAll({
-	VideoWidget: () => VideoWidget,
-	videoWidgetPropertySchema: () => videoWidgetPropertySchema
-});
-function VideoWidget({ src = "", poster = "", borderRadius = "md", borderWidth = "none", borderColor = "muted", verticalSizing = "auto", fixedHeight = "200px", displayFit = "cover", focusPoint, controls = true, autoplay = false, loop = false, muted = true, resource, useCustomUrl }) {
-	const effectiveSrc = useCustomUrl ? src : resource?.videoUrl ?? src;
-	const effectivePoster = useCustomUrl ? poster : resource?.imageUrl ?? poster;
-	const isFixed = verticalSizing === "fixed";
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: `relative w-full overflow-hidden rounded-${borderRadius} ${require_registries.borderWidthClasses[borderWidth]} ${borderWidth !== "none" ? require_registries.borderColorClasses[borderColor] : ""}`,
-		style: isFixed ? { height: fixedHeight } : void 0,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MediaRenderer.MediaRenderer, {
-			mediaType: "video",
-			src: effectiveSrc,
-			poster: effectivePoster,
-			objectFit: isFixed ? displayFit : void 0,
-			focusPoint: isFixed ? focusPoint : void 0,
-			controls,
-			autoplay,
-			loop,
-			muted
-		})
-	});
-}
-const videoWidgetPropertySchema = {
-	widgetType: "VideoWidget",
-	displayName: "Video",
-	tabsConfig: [{
-		id: "styling",
-		label: "Styling"
-	}, {
-		id: "behavior",
-		label: "Behavior"
-	}],
-	fields: [
-		{
-			key: "resource",
-			label: "Select Video",
-			type: "resource",
-			description: "Browse and select a video",
-			allowedTypes: ["Medium"],
-			tab: "styling",
-			group: "Content"
-		},
-		{
-			key: "useCustomUrl",
-			label: "Use Custom URL",
-			type: "boolean",
-			description: "Enter a custom video URL instead of selecting media",
-			defaultValue: false,
-			tab: "styling",
-			group: "Content"
-		},
-		{
-			key: "src",
-			label: "Video URL",
-			type: "text",
-			description: "The source URL of the video",
-			defaultValue: "",
-			tab: "styling",
-			group: "Content",
-			requiresKeyToBeTrue: "useCustomUrl"
-		},
-		{
-			key: "poster",
-			label: "Poster Image URL",
-			type: "text",
-			description: "Thumbnail image displayed before video plays",
-			defaultValue: "",
-			tab: "styling",
-			group: "Content",
-			requiresKeyToBeTrue: "useCustomUrl"
-		},
-		require_registries.getBorderRadiusField({
-			key: "borderRadius",
-			label: "Border Radius",
-			description: "Border radius for the calendar container",
-			defaultValue: "md",
-			tab: "styling",
-			group: "Design"
-		}),
-		require_registries.getBorderWidthField({
-			key: "borderWidth",
-			label: "Border Width",
-			description: "Border width for the widget",
-			defaultValue: "none",
-			tab: "styling",
-			group: "Design"
-		}),
-		require_registries.getBorderColorField({
-			key: "borderColor",
-			label: "Border Color",
-			description: "Border color for the widget",
-			defaultValue: "muted",
-			tab: "styling",
-			group: "Design"
-		}),
-		{
-			key: "verticalSizing",
-			label: "Vertical Sizing",
-			type: "buttonGroup",
-			description: "How the video height is determined",
-			options: [{
-				label: "Auto",
-				value: "auto"
-			}, {
-				label: "Fixed",
-				value: "fixed"
-			}],
-			defaultValue: "auto",
-			tab: "styling",
-			group: "Design"
-		},
-		require_registries.getHeightField({
-			key: "fixedHeight",
-			label: "Height",
-			description: "Fixed height of the video container",
-			defaultValue: "200px",
-			tab: "styling",
-			group: "Design",
-			requiresKeyValue: {
-				key: "verticalSizing",
-				value: "fixed"
-			}
-		}),
-		{
-			key: "displayFit",
-			label: "Display Fit",
-			type: "buttonGroup",
-			description: "How the video fills its container",
-			options: [{
-				label: "Cover",
-				value: "cover"
-			}, {
-				label: "Contain",
-				value: "contain"
-			}],
-			defaultValue: "cover",
-			tab: "styling",
-			group: "Design",
-			requiresKeyValue: {
-				key: "verticalSizing",
-				value: "fixed"
-			}
-		},
-		{
-			key: "focusPoint",
-			label: "Focus Point",
-			type: "contentPosition",
-			description: "The focal point of the video within its container",
-			defaultValue: "center",
-			tab: "styling",
-			group: "Design",
-			requiresKeyValue: {
-				key: "verticalSizing",
-				value: "fixed"
-			}
-		},
-		{
-			key: "controls",
-			label: "Show Controls",
-			type: "boolean",
-			description: "Display video playback controls",
-			defaultValue: true,
-			tab: "behavior",
-			group: "Behavior"
-		},
-		{
-			key: "autoplay",
-			label: "Autoplay",
-			type: "boolean",
-			description: "Automatically start playing the video",
-			defaultValue: false,
-			tab: "behavior",
-			group: "Behavior"
-		},
-		{
-			key: "loop",
-			label: "Loop",
-			type: "boolean",
-			description: "Repeat the video when it ends",
-			defaultValue: false,
-			tab: "behavior",
-			group: "Behavior"
-		},
-		{
-			key: "muted",
-			label: "Muted",
-			type: "boolean",
-			description: "Start with audio muted",
-			defaultValue: true,
-			tab: "behavior",
-			group: "Behavior"
-		}
-	]
-};
-//#endregion
-Object.defineProperty(exports, "VideoWidget", {
-	enumerable: true,
-	get: function() {
-		return VideoWidget;
-	}
-});
-Object.defineProperty(exports, "VideoWidget_exports", {
-	enumerable: true,
-	get: function() {
-		return VideoWidget_exports;
-	}
-});
-Object.defineProperty(exports, "videoWidgetPropertySchema", {
-	enumerable: true,
-	get: function() {
-		return videoWidgetPropertySchema;
-	}
-});
-
-//# sourceMappingURL=VideoWidget-B9yfmLXd.cjs.map

package/dist/VideoWidget-B9yfmLXd.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"VideoWidget-B9yfmLXd.cjs","names":["borderWidthClasses","borderColorClasses","MediaRenderer","getBorderRadiusField","getBorderWidthField","getBorderColorField","getHeightField"],"sources":["../../widgets/src/widgets/VideoWidget.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport type React from \"react\";\nimport {\n  getBorderRadiusField,\n  getBorderWidthField,\n  getBorderColorField,\n  borderWidthClasses,\n  borderColorClasses,\n  getHeightField,\n  type WidgetPropertySchema,\n} from \"@fluid-app/portal-core/registries\";\nimport type {\n  BorderRadiusOptions,\n  BorderWidthOptions,\n  ColorOptions,\n  ShareableItem,\n} from \"@fluid-app/portal-core/types\";\nimport { MediaRenderer } from \"../components/MediaRenderer\";\n\ntype VideoWidgetProps = ComponentProps<\"div\"> & {\n  src?: string;\n  poster?: string;\n  borderRadius?: BorderRadiusOptions;\n  borderWidth?: BorderWidthOptions;\n  borderColor?: ColorOptions;\n  verticalSizing?: \"auto\" | \"fixed\";\n  fixedHeight?: string;\n  displayFit?: \"cover\" | \"contain\";\n  focusPoint?: string;\n  controls?: boolean;\n  autoplay?: boolean;\n  loop?: boolean;\n  muted?: boolean;\n  resource?: ShareableItem;\n  useCustomUrl?: boolean;\n};\n\nexport function VideoWidget({\n  src = \"\",\n  poster = \"\",\n  borderRadius = \"md\",\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n  verticalSizing = \"auto\",\n  fixedHeight = \"200px\",\n  displayFit = \"cover\",\n  focusPoint,\n  controls = true,\n  autoplay = false,\n  loop = false,\n  muted = true,\n  resource,\n  useCustomUrl,\n}: VideoWidgetProps): React.JSX.Element {\n  const effectiveSrc = useCustomUrl ? src : (resource?.videoUrl ?? src);\n  const effectivePoster = useCustomUrl\n    ? poster\n    : (resource?.imageUrl ?? poster);\n\n  const isFixed = verticalSizing === \"fixed\";\n\n  return (\n    <div\n      className={`relative w-full overflow-hidden rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"}`}\n      style={isFixed ? { height: fixedHeight } : undefined}\n    >\n      <MediaRenderer\n        mediaType=\"video\"\n        src={effectiveSrc}\n        poster={effectivePoster}\n        objectFit={isFixed ? displayFit : undefined}\n        focusPoint={isFixed ? focusPoint : undefined}\n        controls={controls}\n        autoplay={autoplay}\n        loop={loop}\n        muted={muted}\n      />\n    </div>\n  );\n}\n\nexport const videoWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"VideoWidget\",\n  displayName: \"Video\",\n  tabsConfig: [\n    { id: \"styling\", label: \"Styling\" },\n    { id: \"behavior\", label: \"Behavior\" },\n  ],\n  fields: [\n    // Styling tab - Content group\n    {\n      key: \"resource\",\n      label: \"Select Video\",\n      type: \"resource\",\n      description: \"Browse and select a video\",\n      allowedTypes: [\"Medium\"],\n      tab: \"styling\",\n      group: \"Content\",\n    },\n    {\n      key: \"useCustomUrl\",\n      label: \"Use Custom URL\",\n      type: \"boolean\",\n      description: \"Enter a custom video URL instead of selecting media\",\n      defaultValue: false,\n      tab: \"styling\",\n      group: \"Content\",\n    },\n    {\n      key: \"src\",\n      label: \"Video URL\",\n      type: \"text\",\n      description: \"The source URL of the video\",\n      defaultValue: \"\",\n      tab: \"styling\",\n      group: \"Content\",\n      requiresKeyToBeTrue: \"useCustomUrl\",\n    },\n    {\n      key: \"poster\",\n      label: \"Poster Image URL\",\n      type: \"text\",\n      description: \"Thumbnail image displayed before video plays\",\n      defaultValue: \"\",\n      tab: \"styling\",\n      group: \"Content\",\n      requiresKeyToBeTrue: \"useCustomUrl\",\n    },\n\n    // Styling tab - Design group\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Border radius for the calendar container\",\n      defaultValue: \"md\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"Border width for the widget\",\n      defaultValue: \"none\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"Border color for the widget\",\n      defaultValue: \"muted\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    {\n      key: \"verticalSizing\",\n      label: \"Vertical Sizing\",\n      type: \"buttonGroup\",\n      description: \"How the video height is determined\",\n      options: [\n        { label: \"Auto\", value: \"auto\" },\n        { label: \"Fixed\", value: \"fixed\" },\n      ],\n      defaultValue: \"auto\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getHeightField({\n      key: \"fixedHeight\",\n      label: \"Height\",\n      description: \"Fixed height of the video container\",\n      defaultValue: \"200px\",\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyValue: { key: \"verticalSizing\", value: \"fixed\" },\n    }),\n    {\n      key: \"displayFit\",\n      label: \"Display Fit\",\n      type: \"buttonGroup\",\n      description: \"How the video fills its container\",\n      options: [\n        { label: \"Cover\", value: \"cover\" },\n        { label: \"Contain\", value: \"contain\" },\n      ],\n      defaultValue: \"cover\",\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyValue: { key: \"verticalSizing\", value: \"fixed\" },\n    },\n    {\n      key: \"focusPoint\",\n      label: \"Focus Point\",\n      type: \"contentPosition\",\n      description: \"The focal point of the video within its container\",\n      defaultValue: \"center\",\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyValue: { key: \"verticalSizing\", value: \"fixed\" },\n    },\n\n    // Behavior tab\n    {\n      key: \"controls\",\n      label: \"Show Controls\",\n      type: \"boolean\",\n      description: \"Display video playback controls\",\n      defaultValue: true,\n      tab: \"behavior\",\n      group: \"Behavior\",\n    },\n    {\n      key: \"autoplay\",\n      label: \"Autoplay\",\n      type: \"boolean\",\n      description: \"Automatically start playing the video\",\n      defaultValue: false,\n      tab: \"behavior\",\n      group: \"Behavior\",\n    },\n    {\n      key: \"loop\",\n      label: \"Loop\",\n      type: \"boolean\",\n      description: \"Repeat the video when it ends\",\n      defaultValue: false,\n      tab: \"behavior\",\n      group: \"Behavior\",\n    },\n    {\n      key: \"muted\",\n      label: \"Muted\",\n      type: \"boolean\",\n      description: \"Start with audio muted\",\n      defaultValue: true,\n      tab: \"behavior\",\n      group: \"Behavior\",\n    },\n  ],\n};\n"],"mappings":"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"}

package/dist/VideoWidget-FoAueFwA.mjs

@@ -1,205 +0,0 @@
-import { r as __exportAll } from "./es-Cw_Kikmu.mjs";
-import { i as getBorderColorField, n as borderWidthClasses, o as getBorderRadiusField, p as getHeightField, s as getBorderWidthField, t as borderColorClasses } from "./registries-DT36l-bR.mjs";
-import { t as MediaRenderer } from "./MediaRenderer-C-cxsqLq.mjs";
-import { jsx } from "react/jsx-runtime";
-//#region ../widgets/src/widgets/VideoWidget.tsx
-var VideoWidget_exports = /* @__PURE__ */ __exportAll({
-	VideoWidget: () => VideoWidget,
-	videoWidgetPropertySchema: () => videoWidgetPropertySchema
-});
-function VideoWidget({ src = "", poster = "", borderRadius = "md", borderWidth = "none", borderColor = "muted", verticalSizing = "auto", fixedHeight = "200px", displayFit = "cover", focusPoint, controls = true, autoplay = false, loop = false, muted = true, resource, useCustomUrl }) {
-	const effectiveSrc = useCustomUrl ? src : resource?.videoUrl ?? src;
-	const effectivePoster = useCustomUrl ? poster : resource?.imageUrl ?? poster;
-	const isFixed = verticalSizing === "fixed";
-	return /* @__PURE__ */ jsx("div", {
-		className: `relative w-full overflow-hidden rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== "none" ? borderColorClasses[borderColor] : ""}`,
-		style: isFixed ? { height: fixedHeight } : void 0,
-		children: /* @__PURE__ */ jsx(MediaRenderer, {
-			mediaType: "video",
-			src: effectiveSrc,
-			poster: effectivePoster,
-			objectFit: isFixed ? displayFit : void 0,
-			focusPoint: isFixed ? focusPoint : void 0,
-			controls,
-			autoplay,
-			loop,
-			muted
-		})
-	});
-}
-const videoWidgetPropertySchema = {
-	widgetType: "VideoWidget",
-	displayName: "Video",
-	tabsConfig: [{
-		id: "styling",
-		label: "Styling"
-	}, {
-		id: "behavior",
-		label: "Behavior"
-	}],
-	fields: [
-		{
-			key: "resource",
-			label: "Select Video",
-			type: "resource",
-			description: "Browse and select a video",
-			allowedTypes: ["Medium"],
-			tab: "styling",
-			group: "Content"
-		},
-		{
-			key: "useCustomUrl",
-			label: "Use Custom URL",
-			type: "boolean",
-			description: "Enter a custom video URL instead of selecting media",
-			defaultValue: false,
-			tab: "styling",
-			group: "Content"
-		},
-		{
-			key: "src",
-			label: "Video URL",
-			type: "text",
-			description: "The source URL of the video",
-			defaultValue: "",
-			tab: "styling",
-			group: "Content",
-			requiresKeyToBeTrue: "useCustomUrl"
-		},
-		{
-			key: "poster",
-			label: "Poster Image URL",
-			type: "text",
-			description: "Thumbnail image displayed before video plays",
-			defaultValue: "",
-			tab: "styling",
-			group: "Content",
-			requiresKeyToBeTrue: "useCustomUrl"
-		},
-		getBorderRadiusField({
-			key: "borderRadius",
-			label: "Border Radius",
-			description: "Border radius for the calendar container",
-			defaultValue: "md",
-			tab: "styling",
-			group: "Design"
-		}),
-		getBorderWidthField({
-			key: "borderWidth",
-			label: "Border Width",
-			description: "Border width for the widget",
-			defaultValue: "none",
-			tab: "styling",
-			group: "Design"
-		}),
-		getBorderColorField({
-			key: "borderColor",
-			label: "Border Color",
-			description: "Border color for the widget",
-			defaultValue: "muted",
-			tab: "styling",
-			group: "Design"
-		}),
-		{
-			key: "verticalSizing",
-			label: "Vertical Sizing",
-			type: "buttonGroup",
-			description: "How the video height is determined",
-			options: [{
-				label: "Auto",
-				value: "auto"
-			}, {
-				label: "Fixed",
-				value: "fixed"
-			}],
-			defaultValue: "auto",
-			tab: "styling",
-			group: "Design"
-		},
-		getHeightField({
-			key: "fixedHeight",
-			label: "Height",
-			description: "Fixed height of the video container",
-			defaultValue: "200px",
-			tab: "styling",
-			group: "Design",
-			requiresKeyValue: {
-				key: "verticalSizing",
-				value: "fixed"
-			}
-		}),
-		{
-			key: "displayFit",
-			label: "Display Fit",
-			type: "buttonGroup",
-			description: "How the video fills its container",
-			options: [{
-				label: "Cover",
-				value: "cover"
-			}, {
-				label: "Contain",
-				value: "contain"
-			}],
-			defaultValue: "cover",
-			tab: "styling",
-			group: "Design",
-			requiresKeyValue: {
-				key: "verticalSizing",
-				value: "fixed"
-			}
-		},
-		{
-			key: "focusPoint",
-			label: "Focus Point",
-			type: "contentPosition",
-			description: "The focal point of the video within its container",
-			defaultValue: "center",
-			tab: "styling",
-			group: "Design",
-			requiresKeyValue: {
-				key: "verticalSizing",
-				value: "fixed"
-			}
-		},
-		{
-			key: "controls",
-			label: "Show Controls",
-			type: "boolean",
-			description: "Display video playback controls",
-			defaultValue: true,
-			tab: "behavior",
-			group: "Behavior"
-		},
-		{
-			key: "autoplay",
-			label: "Autoplay",
-			type: "boolean",
-			description: "Automatically start playing the video",
-			defaultValue: false,
-			tab: "behavior",
-			group: "Behavior"
-		},
-		{
-			key: "loop",
-			label: "Loop",
-			type: "boolean",
-			description: "Repeat the video when it ends",
-			defaultValue: false,
-			tab: "behavior",
-			group: "Behavior"
-		},
-		{
-			key: "muted",
-			label: "Muted",
-			type: "boolean",
-			description: "Start with audio muted",
-			defaultValue: true,
-			tab: "behavior",
-			group: "Behavior"
-		}
-	]
-};
-//#endregion
-export { VideoWidget_exports as n, videoWidgetPropertySchema as r, VideoWidget as t };
-
-//# sourceMappingURL=VideoWidget-FoAueFwA.mjs.map

package/dist/VideoWidget-FoAueFwA.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"VideoWidget-FoAueFwA.mjs","names":[],"sources":["../../widgets/src/widgets/VideoWidget.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport type React from \"react\";\nimport {\n  getBorderRadiusField,\n  getBorderWidthField,\n  getBorderColorField,\n  borderWidthClasses,\n  borderColorClasses,\n  getHeightField,\n  type WidgetPropertySchema,\n} from \"@fluid-app/portal-core/registries\";\nimport type {\n  BorderRadiusOptions,\n  BorderWidthOptions,\n  ColorOptions,\n  ShareableItem,\n} from \"@fluid-app/portal-core/types\";\nimport { MediaRenderer } from \"../components/MediaRenderer\";\n\ntype VideoWidgetProps = ComponentProps<\"div\"> & {\n  src?: string;\n  poster?: string;\n  borderRadius?: BorderRadiusOptions;\n  borderWidth?: BorderWidthOptions;\n  borderColor?: ColorOptions;\n  verticalSizing?: \"auto\" | \"fixed\";\n  fixedHeight?: string;\n  displayFit?: \"cover\" | \"contain\";\n  focusPoint?: string;\n  controls?: boolean;\n  autoplay?: boolean;\n  loop?: boolean;\n  muted?: boolean;\n  resource?: ShareableItem;\n  useCustomUrl?: boolean;\n};\n\nexport function VideoWidget({\n  src = \"\",\n  poster = \"\",\n  borderRadius = \"md\",\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n  verticalSizing = \"auto\",\n  fixedHeight = \"200px\",\n  displayFit = \"cover\",\n  focusPoint,\n  controls = true,\n  autoplay = false,\n  loop = false,\n  muted = true,\n  resource,\n  useCustomUrl,\n}: VideoWidgetProps): React.JSX.Element {\n  const effectiveSrc = useCustomUrl ? src : (resource?.videoUrl ?? src);\n  const effectivePoster = useCustomUrl\n    ? poster\n    : (resource?.imageUrl ?? poster);\n\n  const isFixed = verticalSizing === \"fixed\";\n\n  return (\n    <div\n      className={`relative w-full overflow-hidden rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"}`}\n      style={isFixed ? { height: fixedHeight } : undefined}\n    >\n      <MediaRenderer\n        mediaType=\"video\"\n        src={effectiveSrc}\n        poster={effectivePoster}\n        objectFit={isFixed ? displayFit : undefined}\n        focusPoint={isFixed ? focusPoint : undefined}\n        controls={controls}\n        autoplay={autoplay}\n        loop={loop}\n        muted={muted}\n      />\n    </div>\n  );\n}\n\nexport const videoWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"VideoWidget\",\n  displayName: \"Video\",\n  tabsConfig: [\n    { id: \"styling\", label: \"Styling\" },\n    { id: \"behavior\", label: \"Behavior\" },\n  ],\n  fields: [\n    // Styling tab - Content group\n    {\n      key: \"resource\",\n      label: \"Select Video\",\n      type: \"resource\",\n      description: \"Browse and select a video\",\n      allowedTypes: [\"Medium\"],\n      tab: \"styling\",\n      group: \"Content\",\n    },\n    {\n      key: \"useCustomUrl\",\n      label: \"Use Custom URL\",\n      type: \"boolean\",\n      description: \"Enter a custom video URL instead of selecting media\",\n      defaultValue: false,\n      tab: \"styling\",\n      group: \"Content\",\n    },\n    {\n      key: \"src\",\n      label: \"Video URL\",\n      type: \"text\",\n      description: \"The source URL of the video\",\n      defaultValue: \"\",\n      tab: \"styling\",\n      group: \"Content\",\n      requiresKeyToBeTrue: \"useCustomUrl\",\n    },\n    {\n      key: \"poster\",\n      label: \"Poster Image URL\",\n      type: \"text\",\n      description: \"Thumbnail image displayed before video plays\",\n      defaultValue: \"\",\n      tab: \"styling\",\n      group: \"Content\",\n      requiresKeyToBeTrue: \"useCustomUrl\",\n    },\n\n    // Styling tab - Design group\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Border radius for the calendar container\",\n      defaultValue: \"md\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"Border width for the widget\",\n      defaultValue: \"none\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"Border color for the widget\",\n      defaultValue: \"muted\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    {\n      key: \"verticalSizing\",\n      label: \"Vertical Sizing\",\n      type: \"buttonGroup\",\n      description: \"How the video height is determined\",\n      options: [\n        { label: \"Auto\", value: \"auto\" },\n        { label: \"Fixed\", value: \"fixed\" },\n      ],\n      defaultValue: \"auto\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getHeightField({\n      key: \"fixedHeight\",\n      label: \"Height\",\n      description: \"Fixed height of the video container\",\n      defaultValue: \"200px\",\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyValue: { key: \"verticalSizing\", value: \"fixed\" },\n    }),\n    {\n      key: \"displayFit\",\n      label: \"Display Fit\",\n      type: \"buttonGroup\",\n      description: \"How the video fills its container\",\n      options: [\n        { label: \"Cover\", value: \"cover\" },\n        { label: \"Contain\", value: \"contain\" },\n      ],\n      defaultValue: \"cover\",\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyValue: { key: \"verticalSizing\", value: \"fixed\" },\n    },\n    {\n      key: \"focusPoint\",\n      label: \"Focus Point\",\n      type: \"contentPosition\",\n      description: \"The focal point of the video within its container\",\n      defaultValue: \"center\",\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyValue: { key: \"verticalSizing\", value: \"fixed\" },\n    },\n\n    // Behavior tab\n    {\n      key: \"controls\",\n      label: \"Show Controls\",\n      type: \"boolean\",\n      description: \"Display video playback controls\",\n      defaultValue: true,\n      tab: \"behavior\",\n      group: \"Behavior\",\n    },\n    {\n      key: \"autoplay\",\n      label: \"Autoplay\",\n      type: \"boolean\",\n      description: \"Automatically start playing the video\",\n      defaultValue: false,\n      tab: \"behavior\",\n      group: \"Behavior\",\n    },\n    {\n      key: \"loop\",\n      label: \"Loop\",\n      type: \"boolean\",\n      description: \"Repeat the video when it ends\",\n      defaultValue: false,\n      tab: \"behavior\",\n      group: \"Behavior\",\n    },\n    {\n      key: \"muted\",\n      label: \"Muted\",\n      type: \"boolean\",\n      description: \"Start with audio muted\",\n      defaultValue: true,\n      tab: \"behavior\",\n      group: \"Behavior\",\n    },\n  ],\n};\n"],"mappings":"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"}