@lobehub/ui 5.64.2 → 6.0.0-beta.10

package/es/Video/style.mjs

@@ -1,66 +1,417 @@
-import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
-import { createStaticStyles, cx } from "antd-style";
-import { cva } from "class-variance-authority";
+import { cssVar } from "../styles/stylex/cssVar.stylex.mjs";
 //#region src/Video/style.ts
-const maskHoverCls = "lobe-video-mask";
-const styles = createStaticStyles(({ css, cssVar }) => {
-	const mask = css`
-    pointer-events: none;
-
-    position: absolute;
-    z-index: 1;
-    inset: 0;
-
-    width: 100%;
-    height: 100%;
-
-    opacity: 0;
-    background: ${cssVar.colorBgMask};
-
-    transition: opacity 0.2s ease;
-  `;
-	return {
-		borderless: staticStylish.variantBorderlessWithoutHover,
-		filled: cx(staticStylish.variantOutlinedWithoutHover, staticStylish.variantFilledWithoutHover),
-		mask: cx(maskHoverCls, mask),
-		outlined: staticStylish.variantOutlinedWithoutHover,
-		root: css`
-      position: relative;
-
-      overflow: hidden;
-
-      width: 100%;
-      min-width: var(--video-min-width, unset);
-      max-width: var(--video-max-width, 100%);
-      height: auto;
-      min-height: var(--video-min-height, unset);
-      max-height: var(--video-max-height, 100%);
-      margin-block: 0 1em;
-      border-radius: ${cssVar.borderRadius};
-
-      background: ${cssVar.colorFillTertiary};
-
-      &:hover {
-        [class*='${maskHoverCls}'] {
-          opacity: 1;
-        }
-      }
-    `,
-		video: css`
-      cursor: pointer;
-      width: 100%;
-    `
-	};
-});
-const variants = cva(styles.root, {
-	defaultVariants: { variant: "filled" },
-	variants: { variant: {
-		filled: styles.filled,
-		outlined: styles.outlined,
-		borderless: styles.borderless
-	} }
-});
+const styles = {
+	barButton: {
+		kmVPX3: "lb1717udv",
+		kaIpWk: "lb1kogg8i",
+		ksu8eU: "lbng3xce",
+		kUk6DE: "lb1okw0bk",
+		kI3sdo: "lb1a2a7pz lb1aklsn",
+		kGNEyG: "lb6s0dn4",
+		kWkggS: "lbjbqb8w lb19ait8a",
+		kMwMTN: "lb1heor9g",
+		kkrTdU: "lb1ypdohk",
+		k1xSpc: "lb3nfvp2",
+		kMv6JI: "lbjb2p0i",
+		kGuDYH: "lbfifm61",
+		kjj79g: "lbl56j7k",
+		kZKoxP: "lb1fgtraw",
+		k7Eaqz: "lb1264ykn",
+		$$css: true
+	},
+	barButtonActive: {
+		kWkggS: "lb1cqq46t",
+		$$css: true
+	},
+	caption: {
+		kaIpWk: "lbur7f20",
+		k8WAf4: "lb1vvogim",
+		kg3NbH: "lbaope02",
+		kmkexE: "lbjltk9q lb9kvfbb",
+		kWkggS: "lb1a9z08n",
+		kMwMTN: "lbfungia",
+		kGuDYH: "lb4z9k3i",
+		krVfgx: "lb191j7n5",
+		kLqNvP: "lbzwoauc",
+		kLWn49: "lb1evy7pa",
+		kVAEAm: "lb10l6tqk",
+		kY2c9j: "lbhtitgo",
+		ks0D6T: "lb1cxeki3",
+		$$css: true
+	},
+	captionItem: {
+		keoZOQ: "lb1xmf6yo lb14l7nz5",
+		$$css: true
+	},
+	captionRaised: {
+		krVfgx: "lbhjxwu4",
+		$$css: true
+	},
+	captionTitle: {
+		kOIVth: "lb17d4w8g",
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb78zum5",
+		k63SB2: "lb1s688f",
+		$$css: true
+	},
+	centerPlay: {
+		kaIpWk: "lb16rqkct",
+		ksu8eU: "lbng3xce",
+		kGNEyG: "lb6s0dn4",
+		kWkggS: "lb12cimdh",
+		kMwMTN: "lbfungia",
+		kkrTdU: "lb1ypdohk",
+		k1xSpc: "lb78zum5",
+		k87sOh: "lbwa60dl",
+		kLqNvP: "lbbudbmw",
+		kjj79g: "lbl56j7k",
+		kVAEAm: "lb10l6tqk",
+		k3aq6I: "lb11lhmoz",
+		kY2c9j: "lbhtitgo",
+		kZKoxP: "lbnnlda6",
+		kzqmXN: "lb15yg21f",
+		$$css: true
+	},
+	chip: {
+		kaIpWk: "lb1kogg8i",
+		ksu8eU: "lbng3xce",
+		kOIVth: "lb195vfkc",
+		kVQacm: "lbb3r6kr",
+		kGNEyG: "lb6s0dn4",
+		kWkggS: "lbhkldz1 lb117i599",
+		kMwMTN: "lb1heor9g",
+		kkrTdU: "lb1ypdohk",
+		k1xSpc: "lb3nfvp2",
+		kMv6JI: "lbjb2p0i",
+		kGuDYH: "lbfifm61",
+		kwRFfy: "lb11lfxj5",
+		kZCmMZ: "lbmzvs34",
+		kZKoxP: "lbxk0z11",
+		ks0D6T: "lb8jryan",
+		k7Eaqz: "lbeuugli",
+		$$css: true
+	},
+	chipLabelBackward: {
+		k44tkh: "lbw6taxk lb1u6grsq",
+		kKVMdj: "lb6ojt31",
+		kyAemX: "lbvjiv3b",
+		$$css: true
+	},
+	chipLabelForward: {
+		k44tkh: "lbw6taxk lb1u6grsq",
+		kKVMdj: "lbvvj72e",
+		kyAemX: "lbvjiv3b",
+		$$css: true
+	},
+	chipText: {
+		kVQacm: "lbb3r6kr",
+		k1xSpc: "lb1lliihq",
+		kg5iWk: "lblyipyv",
+		khDVqt: "lbuxw1ft",
+		$$css: true
+	},
+	controls: {
+		kg3NbH: "lbaope02",
+		kMwMTN: "lbfungia",
+		kGO01o: "lb10b6aqq",
+		$$css: true
+	},
+	controlsBelow: {
+		kWkggS: "lb1aje6hn",
+		kLKAdn: "lb1yrsyyn",
+		$$css: true
+	},
+	controlsHidden: {
+		kSiTet: "lbg01cxk",
+		kfzvcC: "lb47corl",
+		$$css: true
+	},
+	controlsOverlay: {
+		kkqhue: "lb17y0mx6",
+		kmkexE: "lbzdg38j lb9kvfbb",
+		kKwaWg: "lbl8g59w",
+		krVfgx: "lb1ey2m1c",
+		kLKAdn: "lb13zrc24",
+		kVAEAm: "lb10l6tqk",
+		kY2c9j: "lbzkaem6",
+		$$css: true
+	},
+	disabled: {
+		kSiTet: "lbti2d7y",
+		kfzvcC: "lb47corl",
+		$$css: true
+	},
+	dot: {
+		kaIpWk: "lb16rqkct",
+		kUk6DE: "lb1okw0bk",
+		kZKoxP: "lbols6we",
+		kzqmXN: "lb1v4s8kt",
+		$$css: true
+	},
+	error: {
+		kpwlN0: "lb10a8y8t",
+		kOIVth: "lb883omv",
+		kGNEyG: "lb6s0dn4",
+		kWkggS: "lb1r1mewj",
+		kMwMTN: "lb1qk1tsj",
+		k1xSpc: "lb78zum5",
+		kXwgrk: "lbdt5ytf",
+		kGuDYH: "lb4z9k3i",
+		kjj79g: "lbl56j7k",
+		kVAEAm: "lb10l6tqk",
+		kY2c9j: "lboegz02",
+		$$css: true
+	},
+	errorActions: {
+		kOIVth: "lb167g77z",
+		k1xSpc: "lb78zum5",
+		$$css: true
+	},
+	errorButton: {
+		kVAM5u: "lb1e75yku",
+		kaIpWk: "lb1kogg8i",
+		ksu8eU: "lb1y0btm7",
+		kMzoRj: "lbmkeg23",
+		kOIVth: "lb17d4w8g",
+		kg3NbH: "lb1awh872",
+		kybGjl: "lb1hl2dhg",
+		kGNEyG: "lb6s0dn4",
+		kWkggS: "lblw48vq lb16gz26q",
+		kMwMTN: "lbfungia",
+		kkrTdU: "lb1ypdohk",
+		k1xSpc: "lb3nfvp2",
+		kMv6JI: "lbjb2p0i",
+		kGuDYH: "lbfifm61",
+		kZKoxP: "lb1fgtraw",
+		$$css: true
+	},
+	frame: {
+		kVQacm: "lbb3r6kr",
+		kWkggS: "lb1r1mewj",
+		kVAEAm: "lb1n2onr6",
+		kzqmXN: "lbh8yej3",
+		$$css: true
+	},
+	frameNo: {
+		kMwMTN: "lb1ko894a",
+		kMv6JI: "lb2xbw48",
+		kcqcaj: "lbss6m8b",
+		khDVqt: "lbuxw1ft",
+		$$css: true
+	},
+	hairline: {
+		kWkggS: "lb12cimdh",
+		k87sOh: "lbfr5jun",
+		kfzvcC: "lb47corl",
+		kVAEAm: "lb10l6tqk",
+		kZKoxP: "lbqu0tyb",
+		kzqmXN: "lb1i1rx1s",
+		$$css: true
+	},
+	head: {
+		kaIpWk: "lb16rqkct",
+		kWkggS: "lb83z2og",
+		k87sOh: "lbndqk7f",
+		keTefX: "lbw01apr",
+		kfzvcC: "lb47corl",
+		kVAEAm: "lb10l6tqk",
+		kZKoxP: "lb1kpxq89",
+		kzqmXN: "lbsmyaan",
+		$$css: true
+	},
+	marker: {
+		kmVPX3: "lb1717udv",
+		kVAM5u: "lb1bmaitd",
+		kaIpWk: "lb16rqkct",
+		ksu8eU: "lb1y0btm7",
+		kMzoRj: "lbvndefy",
+		kI3sdo: "lb1a2a7pz lbwv73w1",
+		kmkexE: "lb1ri61pi lb9kvfbb",
+		kkrTdU: "lb1ypdohk",
+		k87sOh: "lb1qiirwl",
+		keTefX: "lb137kccz",
+		kVAEAm: "lb10l6tqk",
+		k3aq6I: "lbqzx2ld",
+		kY2c9j: "lb1vjfegm",
+		kZKoxP: "lb170jfvy",
+		kzqmXN: "lb1fsd2vl",
+		$$css: true
+	},
+	preview: {
+		kOIVth: "lb1jnr06f",
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb78zum5",
+		kXwgrk: "lbdt5ytf",
+		krVfgx: "lby58vm5",
+		keTefX: "lbyjvg7b",
+		kfzvcC: "lb47corl",
+		kVAEAm: "lb10l6tqk",
+		kY2c9j: "lbhtitgo",
+		kzqmXN: "lb1f1nzxn",
+		$$css: true
+	},
+	previewCanvas: {
+		kVAM5u: "lb165c8v",
+		kaIpWk: "lbur7f20",
+		ksu8eU: "lb1y0btm7",
+		kMzoRj: "lbmkeg23",
+		kWkggS: "lb1r1mewj",
+		k1xSpc: "lb1lliihq",
+		kZKoxP: "lb1q7kiqf",
+		kzqmXN: "lb1f1nzxn",
+		$$css: true
+	},
+	previewLabel: {
+		kaIpWk: "lb1kogg8i",
+		kVQacm: "lbb3r6kr",
+		k8WAf4: "lbf4egzd",
+		kg3NbH: "lbdqyycr",
+		kWkggS: "lb1pl4qn3",
+		kGuDYH: "lbfifm61",
+		kLWn49: "lb37zpob",
+		k9WMMc: "lb2b8uid",
+		kg5iWk: "lblyipyv",
+		ks0D6T: "lb1gocmvm",
+		$$css: true
+	},
+	previewTime: {
+		kMwMTN: "lb1a853yn",
+		kMv6JI: "lb2xbw48",
+		kGuDYH: "lb1j6dyjg",
+		$$css: true
+	},
+	previewTitle: {
+		k63SB2: "lb1s688f",
+		khDVqt: "lbuxw1ft",
+		$$css: true
+	},
+	root: {
+		kaIpWk: "lb1ndkxwp",
+		kI3sdo: "lb1a2a7pz",
+		kVQacm: "lbb3r6kr",
+		kWkggS: "lb1r1mewj",
+		kGVxlE: "lb2pgxse",
+		kMwMTN: "lbfungia",
+		kLWn49: "lbo5v014",
+		kVAEAm: "lb1n2onr6",
+		ks0D6T: "lb193iq5w",
+		$$css: true
+	},
+	rateButton: {
+		kg3NbH: "lb1xijbu4",
+		kMv6JI: "lb2xbw48",
+		$$css: true
+	},
+	row: {
+		kOIVth: "lb1jnr06f",
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb78zum5",
+		kGuDYH: "lbfifm61",
+		kZKoxP: "lb10w6t97",
+		$$css: true
+	},
+	sectionChip: {
+		kVAM5u: "lb786t8j",
+		kaIpWk: "lb1kogg8i",
+		ksu8eU: "lb1y0btm7",
+		kMzoRj: "lbmkeg23",
+		kOIVth: "lb17d4w8g",
+		kI3sdo: "lb1a2a7pz lb1aklsn",
+		kg3NbH: "lbdqyycr",
+		kGNEyG: "lb6s0dn4",
+		kWkggS: "lbjbqb8w lb1cbgfi2",
+		kMwMTN: "lbjmch63 lb1iih0q2",
+		kkrTdU: "lb1ypdohk",
+		k1xSpc: "lb3nfvp2",
+		kMv6JI: "lbjb2p0i",
+		kGuDYH: "lbfifm61",
+		kZKoxP: "lbxk0z11",
+		$$css: true
+	},
+	sectionChipActive: {
+		kWkggS: "lbxywgfh",
+		kMwMTN: "lbfungia",
+		$$css: true
+	},
+	sectionChipTime: {
+		kMv6JI: "lb2xbw48",
+		kSiTet: "lb1ks1olk",
+		$$css: true
+	},
+	sectionList: {
+		kOIVth: "lb17d4w8g",
+		k8WAf4: "lb1vvogim",
+		kg3NbH: "lbaope02",
+		kWkggS: "lb1aje6hn",
+		k1xSpc: "lb78zum5",
+		kwnvtZ: "lb1a02dak",
+		$$css: true
+	},
+	segment: {
+		kaIpWk: "lb1cum3z5",
+		kVQacm: "lbb3r6kr",
+		kmkexE: "lbgy48lf lb9kvfbb",
+		kWkggS: "lbyuqjph",
+		k87sOh: "lbfr5jun",
+		kVAEAm: "lb10l6tqk",
+		kZKoxP: "lbqu0tyb",
+		$$css: true
+	},
+	segmentFill: {
+		kYYq5F: "lb10no89f",
+		kLqNvP: "lb1o0tod",
+		kVAEAm: "lb10l6tqk",
+		$$css: true
+	},
+	segmentHovered: {
+		k87sOh: "lb1atx4j1",
+		kZKoxP: "lbdk7pt",
+		$$css: true
+	},
+	spacer: {
+		kUk6DE: "lb98rzlu",
+		$$css: true
+	},
+	surface: {
+		kpwlN0: "lb10a8y8t",
+		kkrTdU: "lb1ypdohk",
+		kVAEAm: "lb10l6tqk",
+		$$css: true
+	},
+	time: {
+		kMwMTN: "lb1a853yn",
+		kMv6JI: "lb2xbw48",
+		kcqcaj: "lbss6m8b",
+		khDVqt: "lbuxw1ft",
+		$$css: true
+	},
+	track: {
+		kI3sdo: "lb1a2a7pz",
+		kkrTdU: "lb1ypdohk",
+		kVAEAm: "lb1n2onr6",
+		kFalU9: "lb5ve5x3",
+		kZKoxP: "lb1qx5ct2",
+		$$css: true
+	},
+	video: {
+		k1xSpc: "lb1lliihq",
+		kVIFPx: "lb19kjcj4",
+		kZKoxP: "lb5yr21d",
+		kzqmXN: "lbh8yej3",
+		$$css: true
+	}
+};
+const markerColor = (color) => {
+	switch (color) {
+		case void 0:
+		case "info": return cssVar.colorInfo;
+		case "success": return cssVar.colorSuccess;
+		case "warning": return cssVar.colorWarning;
+		case "error": return cssVar.colorError;
+		default: return color;
+	}
+};
 //#endregion
-export { maskHoverCls, styles, variants };
+export { markerColor, styles };
 
 //# sourceMappingURL=style.mjs.map

package/es/Video/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Video/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\n// 用于 hover 选择器的类名标识\nexport const maskHoverCls = 'lobe-video-mask';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  const mask = css`\n    pointer-events: none;\n\n    position: absolute;\n    z-index: 1;\n    inset: 0;\n\n    width: 100%;\n    height: 100%;\n\n    opacity: 0;\n    background: ${cssVar.colorBgMask};\n\n    transition: opacity 0.2s ease;\n  `;\n\n  return {\n    borderless: lobeStaticStylish.variantBorderlessWithoutHover,\n    filled: cx(\n      lobeStaticStylish.variantOutlinedWithoutHover,\n      lobeStaticStylish.variantFilledWithoutHover,\n    ),\n    mask: cx(maskHoverCls, mask),\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n    root: css`\n      position: relative;\n\n      overflow: hidden;\n\n      width: 100%;\n      min-width: var(--video-min-width, unset);\n      max-width: var(--video-max-width, 100%);\n      height: auto;\n      min-height: var(--video-min-height, unset);\n      max-height: var(--video-max-height, 100%);\n      margin-block: 0 1em;\n      border-radius: ${cssVar.borderRadius};\n\n      background: ${cssVar.colorFillTertiary};\n\n      &:hover {\n        [class*='${maskHoverCls}'] {\n          opacity: 1;\n        }\n      }\n    `,\n    video: css`\n      cursor: pointer;\n      width: 100%;\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    variant: 'filled',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n  },\n});\n"],"mappings":";;;;AAMA,MAAa,eAAe;AAE5B,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,MAAM,OAAO,GAAG;;;;;;;;;;;kBAWA,OAAO,YAAY;;;;CAKnC,OAAO;EACL,YAAYA,cAAkB;EAC9B,QAAQ,GACNA,cAAkB,6BAClBA,cAAkB,yBACpB;EACA,MAAM,GAAG,cAAc,IAAI;EAC3B,UAAUA,cAAkB;EAC5B,MAAM,GAAG;;;;;;;;;;;;uBAYU,OAAO,aAAa;;oBAEvB,OAAO,kBAAkB;;;mBAG1B,aAAa;;;;;EAK5B,OAAO,GAAG;;;;CAIZ;AACF,CAAC;AAED,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,EACf,SAAS,SACX;CAEA,UAAU,EACR,SAAS;EACP,QAAQ,OAAO;EACf,UAAU,OAAO;EACjB,YAAY,OAAO;CACrB,EACF;AACF,CAAC"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Video/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nconst reducedMotion = '@media (prefers-reduced-motion: reduce)';\nconst chromeBar = '#151515';\n\nconst labelFromBelow = stylex.keyframes({\n  from: { opacity: 0, transform: 'translateY(70%)' },\n  to: { opacity: 1, transform: 'none' },\n});\nconst labelFromAbove = stylex.keyframes({\n  from: { opacity: 0, transform: 'translateY(-70%)' },\n  to: { opacity: 1, transform: 'none' },\n});\n\n// The chrome stays dark in both themes: it sits on the black letterbox and\n// must not flash white around a dark recording.\nexport const styles = stylex.create({\n  barButton: {\n    padding: 0,\n    borderRadius: 6,\n    borderStyle: 'none',\n    flex: 'none',\n    outline: { 'default': 'none', ':focus-visible': '2px solid rgb(255 255 255 / 60%)' },\n    alignItems: 'center',\n    backgroundColor: {\n      'default': 'transparent',\n      ':hover': 'rgb(255 255 255 / 12%)',\n    },\n    color: 'inherit',\n    cursor: 'pointer',\n    display: 'inline-flex',\n    fontFamily: 'inherit',\n    fontSize: 12,\n    justifyContent: 'center',\n    height: 28,\n    minWidth: 28,\n  },\n  barButtonActive: {\n    backgroundColor: 'rgb(255 255 255 / 18%)',\n  },\n  caption: {\n    borderRadius: 8,\n    paddingBlock: 8,\n    paddingInline: 12,\n    transition: { default: 'inset-block-end 200ms ease', [reducedMotion]: 'none' },\n    backgroundColor: 'rgb(0 0 0 / 78%)',\n    color: '#fff',\n    fontSize: 13,\n    insetBlockEnd: 16,\n    insetInlineStart: 16,\n    lineHeight: 1.5,\n    position: 'absolute',\n    zIndex: 2,\n    maxWidth: '70%',\n  },\n  captionItem: {\n    marginBlockStart: { 'default': 8, ':first-child': 0 },\n  },\n  captionRaised: {\n    insetBlockEnd: 76,\n  },\n  captionTitle: {\n    gap: 6,\n    alignItems: 'center',\n    display: 'flex',\n    fontWeight: 600,\n  },\n  centerPlay: {\n    borderRadius: '50%',\n    borderStyle: 'none',\n    alignItems: 'center',\n    backgroundColor: 'rgb(0 0 0 / 55%)',\n    color: '#fff',\n    cursor: 'pointer',\n    display: 'flex',\n    insetBlockStart: '50%',\n    insetInlineStart: '50%',\n    justifyContent: 'center',\n    position: 'absolute',\n    transform: 'translate(-50%, -50%)',\n    zIndex: 2,\n    height: 56,\n    width: 56,\n  },\n  chip: {\n    borderRadius: 6,\n    borderStyle: 'none',\n    gap: 2,\n    overflow: 'hidden',\n    alignItems: 'center',\n    backgroundColor: { 'default': 'rgb(255 255 255 / 10%)', ':hover': 'rgb(255 255 255 / 16%)' },\n    color: 'inherit',\n    cursor: 'pointer',\n    display: 'inline-flex',\n    fontFamily: 'inherit',\n    fontSize: 12,\n    paddingInlineEnd: 4,\n    paddingInlineStart: 8,\n    height: 24,\n    maxWidth: '40%',\n    minWidth: 0,\n  },\n  chipLabelBackward: {\n    animationDuration: { default: '220ms', [reducedMotion]: '0s' },\n    animationName: labelFromAbove,\n    animationTimingFunction: 'cubic-bezier(0.2, 0, 0, 1)',\n  },\n  chipLabelForward: {\n    animationDuration: { default: '220ms', [reducedMotion]: '0s' },\n    animationName: labelFromBelow,\n    animationTimingFunction: 'cubic-bezier(0.2, 0, 0, 1)',\n  },\n  chipText: {\n    overflow: 'hidden',\n    display: 'block',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  },\n  controls: {\n    paddingInline: 12,\n    color: '#fff',\n    paddingBlockEnd: 6,\n  },\n  controlsBelow: {\n    backgroundColor: chromeBar,\n    paddingBlockStart: 6,\n  },\n  controlsHidden: {\n    opacity: 0,\n    pointerEvents: 'none',\n  },\n  controlsOverlay: {\n    insetInline: 0,\n    transition: { default: 'opacity 200ms ease', [reducedMotion]: 'none' },\n    backgroundImage: 'linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(0 0 0 / 72%))',\n    insetBlockEnd: 0,\n    paddingBlockStart: 40,\n    position: 'absolute',\n    zIndex: 3,\n  },\n  disabled: {\n    opacity: 0.4,\n    pointerEvents: 'none',\n  },\n  dot: {\n    borderRadius: '50%',\n    flex: 'none',\n    height: 6,\n    width: 6,\n  },\n  error: {\n    inset: 0,\n    gap: 10,\n    alignItems: 'center',\n    backgroundColor: '#000',\n    color: '#ccc',\n    display: 'flex',\n    flexDirection: 'column',\n    fontSize: 13,\n    justifyContent: 'center',\n    position: 'absolute',\n    zIndex: 4,\n  },\n  errorActions: {\n    gap: 8,\n    display: 'flex',\n  },\n  errorButton: {\n    borderColor: 'rgb(255 255 255 / 20%)',\n    borderRadius: 6,\n    borderStyle: 'solid',\n    borderWidth: 1,\n    gap: 6,\n    paddingInline: 10,\n    textDecoration: 'none',\n    alignItems: 'center',\n    backgroundColor: { 'default': 'rgb(255 255 255 / 8%)', ':hover': 'rgb(255 255 255 / 14%)' },\n    color: '#fff',\n    cursor: 'pointer',\n    display: 'inline-flex',\n    fontFamily: 'inherit',\n    fontSize: 12,\n    height: 28,\n  },\n  frame: {\n    overflow: 'hidden',\n    backgroundColor: '#000',\n    position: 'relative',\n    width: '100%',\n  },\n  frameNo: {\n    color: '#8a8a8a',\n    fontFamily: cssVar.fontFamilyCode,\n    fontVariantNumeric: 'tabular-nums',\n    whiteSpace: 'nowrap',\n  },\n  hairline: {\n    backgroundColor: 'rgb(0 0 0 / 55%)',\n    insetBlockStart: 8,\n    pointerEvents: 'none',\n    position: 'absolute',\n    height: 4,\n    width: 1,\n  },\n  head: {\n    borderRadius: '50%',\n    backgroundColor: '#fff',\n    insetBlockStart: 4,\n    marginInlineStart: -6,\n    pointerEvents: 'none',\n    position: 'absolute',\n    height: 12,\n    width: 12,\n  },\n  marker: {\n    padding: 0,\n    borderColor: 'rgb(0 0 0 / 60%)',\n    borderRadius: '50%',\n    borderStyle: 'solid',\n    borderWidth: 1.5,\n    outline: { 'default': 'none', ':focus-visible': '2px solid #fff' },\n    transition: { default: 'transform 120ms ease', [reducedMotion]: 'none' },\n    cursor: 'pointer',\n    insetBlockStart: -2,\n    marginInlineStart: -5,\n    position: 'absolute',\n    transform: { 'default': null, ':hover': 'scale(1.3)' },\n    zIndex: 1,\n    height: 10,\n    width: 10,\n  },\n  preview: {\n    gap: 4,\n    alignItems: 'center',\n    display: 'flex',\n    flexDirection: 'column',\n    insetBlockEnd: 24,\n    marginInlineStart: -88,\n    pointerEvents: 'none',\n    position: 'absolute',\n    zIndex: 2,\n    width: 176,\n  },\n  previewCanvas: {\n    borderColor: '#333',\n    borderRadius: 8,\n    borderStyle: 'solid',\n    borderWidth: 1,\n    backgroundColor: '#000',\n    display: 'block',\n    height: 99,\n    width: 176,\n  },\n  previewLabel: {\n    borderRadius: 6,\n    overflow: 'hidden',\n    paddingBlock: 3,\n    paddingInline: 8,\n    backgroundColor: 'rgb(0 0 0 / 82%)',\n    fontSize: 12,\n    lineHeight: 1.4,\n    textAlign: 'center',\n    textOverflow: 'ellipsis',\n    maxWidth: 176,\n  },\n  previewTime: {\n    color: '#ddd',\n    fontFamily: cssVar.fontFamilyCode,\n    fontSize: 11,\n  },\n  previewTitle: {\n    fontWeight: 600,\n    whiteSpace: 'nowrap',\n  },\n  root: {\n    borderRadius: cssVar.borderRadiusLG,\n    outline: 'none',\n    overflow: 'hidden',\n    backgroundColor: '#000',\n    boxShadow: { 'default': null, ':focus-visible': `0 0 0 2px ${cssVar.colorPrimaryBorder}` },\n    color: '#fff',\n    lineHeight: 1,\n    position: 'relative',\n    maxWidth: '100%',\n  },\n  rateButton: {\n    paddingInline: 6,\n    fontFamily: cssVar.fontFamilyCode,\n  },\n  row: {\n    gap: 4,\n    alignItems: 'center',\n    display: 'flex',\n    fontSize: 12,\n    height: 32,\n  },\n  sectionChip: {\n    borderColor: 'rgb(255 255 255 / 14%)',\n    borderRadius: 6,\n    borderStyle: 'solid',\n    borderWidth: 1,\n    gap: 6,\n    outline: { 'default': 'none', ':focus-visible': '2px solid rgb(255 255 255 / 60%)' },\n    paddingInline: 8,\n    alignItems: 'center',\n    backgroundColor: { 'default': 'transparent', ':hover': 'rgb(255 255 255 / 8%)' },\n    color: { 'default': '#bbb', ':hover': '#fff' },\n    cursor: 'pointer',\n    display: 'inline-flex',\n    fontFamily: 'inherit',\n    fontSize: 12,\n    height: 24,\n  },\n  sectionChipActive: {\n    backgroundColor: 'rgb(255 255 255 / 16%)',\n    color: '#fff',\n  },\n  sectionChipTime: {\n    fontFamily: cssVar.fontFamilyCode,\n    opacity: 0.7,\n  },\n  sectionList: {\n    gap: 6,\n    paddingBlock: 8,\n    paddingInline: 12,\n    backgroundColor: '#151515',\n    display: 'flex',\n    flexWrap: 'wrap',\n  },\n  segment: {\n    borderRadius: 2,\n    overflow: 'hidden',\n    transition: {\n      default: 'height 120ms ease, inset-block-start 120ms ease',\n      [reducedMotion]: 'none',\n    },\n    backgroundColor: 'rgb(255 255 255 / 24%)',\n    insetBlockStart: 8,\n    position: 'absolute',\n    height: 4,\n  },\n  segmentFill: {\n    insetBlock: 0,\n    insetInlineStart: 0,\n    position: 'absolute',\n  },\n  segmentHovered: {\n    insetBlockStart: 6,\n    height: 8,\n  },\n  spacer: {\n    flex: '1',\n  },\n  surface: {\n    inset: 0,\n    cursor: 'pointer',\n    position: 'absolute',\n  },\n  time: {\n    color: '#ddd',\n    fontFamily: cssVar.fontFamilyCode,\n    fontVariantNumeric: 'tabular-nums',\n    whiteSpace: 'nowrap',\n  },\n  track: {\n    outline: 'none',\n    cursor: 'pointer',\n    position: 'relative',\n    touchAction: 'none',\n    height: 20,\n  },\n  video: {\n    display: 'block',\n    objectFit: 'contain',\n    height: '100%',\n    width: '100%',\n  },\n});\n\nexport const markerColor = (color?: string) => {\n  switch (color) {\n    case undefined:\n    case 'info': {\n      return cssVar.colorInfo;\n    }\n    case 'success': {\n      return cssVar.colorSuccess;\n    }\n    case 'warning': {\n      return cssVar.colorWarning;\n    }\n    case 'error': {\n      return cssVar.colorError;\n    }\n    default: {\n      return color;\n    }\n  }\n};\n"],"mappings":"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"}

package/es/Video/time.mjs

@@ -0,0 +1,60 @@
+const pad = (value) => String(value).padStart(2, "0");
+const formatTime = (seconds) => {
+	const total = Number.isFinite(seconds) && seconds > 0 ? Math.floor(seconds) : 0;
+	const hours = Math.floor(total / 3600);
+	const minutes = Math.floor(total % 3600 / 60);
+	const rest = total % 60;
+	return hours > 0 ? `${hours}:${pad(minutes)}:${pad(rest)}` : `${minutes}:${pad(rest)}`;
+};
+const frameOf = (seconds, fps) => Math.floor(seconds * fps + 1e-6);
+const steppedTime = (current, frames, duration, fps) => Math.min(Math.max((frameOf(current, fps) + frames + .5) / fps, 0), duration);
+const sortSections = (sections) => [...sections].sort((a, b) => a.start - b.start);
+const sectionAt = (sorted, time) => sorted.findLast((section) => section.start <= time + .01);
+const markersAt = (markers, time, fps) => {
+	let latest;
+	for (const marker of markers) {
+		if (marker.content === void 0 || marker.content === null) continue;
+		if (time >= marker.time - .5 / fps && time < marker.time + 2 && (latest === void 0 || marker.time > latest)) latest = marker.time;
+	}
+	if (latest === void 0) return [];
+	return markers.filter((marker) => marker.time === latest && marker.content !== void 0 && marker.content !== null);
+};
+const mergeSegments = (sorted, duration, trackPx, minPx = 12) => {
+	if (!(duration > 0)) return {
+		hairlines: [],
+		segments: []
+	};
+	const bounds = [
+		0,
+		...[...new Set(sorted.map((s) => s.start).filter((start) => start > 0 && start < duration))],
+		duration
+	];
+	const segments = [];
+	const hairlines = [];
+	const minSeconds = trackPx > 0 ? minPx / trackPx * duration : 0;
+	let carry = false;
+	for (let i = 0; i < bounds.length - 1; i++) {
+		const raw = {
+			end: bounds[i + 1],
+			start: bounds[i]
+		};
+		const narrow = raw.end - raw.start < minSeconds;
+		const last = segments.at(-1);
+		if (last && (narrow || carry)) {
+			last.end = raw.end;
+			hairlines.push(raw.start);
+			carry = false;
+			continue;
+		}
+		segments.push(raw);
+		carry = narrow;
+	}
+	return {
+		hairlines,
+		segments
+	};
+};
+//#endregion
+export { formatTime, frameOf, markersAt, mergeSegments, sectionAt, sortSections, steppedTime };
+
+//# sourceMappingURL=time.mjs.map

package/es/Video/time.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"time.mjs","names":[],"sources":["../../src/Video/time.ts"],"sourcesContent":["import type { VideoMarker, VideoSection } from './type';\n\nexport const CAPTION_SECONDS = 2;\nexport const MIN_SEGMENT_PX = 12;\n\nconst pad = (value: number) => String(value).padStart(2, '0');\n\nexport const formatTime = (seconds: number) => {\n  const total = Number.isFinite(seconds) && seconds > 0 ? Math.floor(seconds) : 0;\n  const hours = Math.floor(total / 3600);\n  const minutes = Math.floor((total % 3600) / 60);\n  const rest = total % 60;\n  return hours > 0 ? `${hours}:${pad(minutes)}:${pad(rest)}` : `${minutes}:${pad(rest)}`;\n};\n\n// The epsilon absorbs float error at exact frame boundaries.\nexport const frameOf = (seconds: number, fps: number) => Math.floor(seconds * fps + 1e-6);\n\n// Landing on frame centres means repeated steps never skip a frame or show one twice.\nexport const steppedTime = (current: number, frames: number, duration: number, fps: number) =>\n  Math.min(Math.max((frameOf(current, fps) + frames + 0.5) / fps, 0), duration);\n\nexport const sortSections = (sections: VideoSection[]) =>\n  [...sections].sort((a, b) => a.start - b.start);\n\nexport const sectionAt = (sorted: VideoSection[], time: number) =>\n  sorted.findLast((section) => section.start <= time + 0.01);\n\nexport const markersAt = (markers: VideoMarker[], time: number, fps: number): VideoMarker[] => {\n  let latest: number | undefined;\n  for (const marker of markers) {\n    if (marker.content === undefined || marker.content === null) continue;\n    const onScreen = time >= marker.time - 0.5 / fps && time < marker.time + CAPTION_SECONDS;\n    if (onScreen && (latest === undefined || marker.time > latest)) latest = marker.time;\n  }\n  if (latest === undefined) return [];\n  return markers.filter(\n    (marker) => marker.time === latest && marker.content !== undefined && marker.content !== null,\n  );\n};\n\nexport interface Segment {\n  end: number;\n  start: number;\n}\n\nexport const mergeSegments = (\n  sorted: VideoSection[],\n  duration: number,\n  trackPx: number,\n  minPx = MIN_SEGMENT_PX,\n): { hairlines: number[]; segments: Segment[] } => {\n  if (!(duration > 0)) return { hairlines: [], segments: [] };\n\n  const cuts = [\n    ...new Set(sorted.map((s) => s.start).filter((start) => start > 0 && start < duration)),\n  ];\n  const bounds = [0, ...cuts, duration];\n  const segments: Segment[] = [];\n  const hairlines: number[] = [];\n  const minSeconds = trackPx > 0 ? (minPx / trackPx) * duration : 0;\n  let carry = false;\n\n  for (let i = 0; i < bounds.length - 1; i++) {\n    const raw = { end: bounds[i + 1], start: bounds[i] };\n    const narrow = raw.end - raw.start < minSeconds;\n    const last = segments.at(-1);\n    if (last && (narrow || carry)) {\n      last.end = raw.end;\n      hairlines.push(raw.start);\n      carry = false;\n      continue;\n    }\n    segments.push(raw);\n    carry = narrow;\n  }\n\n  return { hairlines, segments };\n};\n"],"mappings":"AAKA,MAAM,OAAO,UAAkB,OAAO,KAAK,CAAC,CAAC,SAAS,GAAG,GAAG;AAE5D,MAAa,cAAc,YAAoB;CAC7C,MAAM,QAAQ,OAAO,SAAS,OAAO,KAAK,UAAU,IAAI,KAAK,MAAM,OAAO,IAAI;CAC9E,MAAM,QAAQ,KAAK,MAAM,QAAQ,IAAI;CACrC,MAAM,UAAU,KAAK,MAAO,QAAQ,OAAQ,EAAE;CAC9C,MAAM,OAAO,QAAQ;CACrB,OAAO,QAAQ,IAAI,GAAG,MAAM,GAAG,IAAI,OAAO,EAAE,GAAG,IAAI,IAAI,MAAM,GAAG,QAAQ,GAAG,IAAI,IAAI;AACrF;AAGA,MAAa,WAAW,SAAiB,QAAgB,KAAK,MAAM,UAAU,MAAM,IAAI;AAGxF,MAAa,eAAe,SAAiB,QAAgB,UAAkB,QAC7E,KAAK,IAAI,KAAK,KAAK,QAAQ,SAAS,GAAG,IAAI,SAAS,MAAO,KAAK,CAAC,GAAG,QAAQ;AAE9E,MAAa,gBAAgB,aAC3B,CAAC,GAAG,QAAQ,CAAC,CAAC,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK;AAEhD,MAAa,aAAa,QAAwB,SAChD,OAAO,UAAU,YAAY,QAAQ,SAAS,OAAO,GAAI;AAE3D,MAAa,aAAa,SAAwB,MAAc,QAA+B;CAC7F,IAAI;CACJ,KAAK,MAAM,UAAU,SAAS;EAC5B,IAAI,OAAO,YAAY,KAAA,KAAa,OAAO,YAAY,MAAM;EAE7D,IADiB,QAAQ,OAAO,OAAO,KAAM,OAAO,OAAO,OAAO,OAAA,MACjD,WAAW,KAAA,KAAa,OAAO,OAAO,SAAS,SAAS,OAAO;CAClF;CACA,IAAI,WAAW,KAAA,GAAW,OAAO,CAAC;CAClC,OAAO,QAAQ,QACZ,WAAW,OAAO,SAAS,UAAU,OAAO,YAAY,KAAA,KAAa,OAAO,YAAY,IAC3F;AACF;AAOA,MAAa,iBACX,QACA,UACA,SACA,QAAA,OACiD;CACjD,IAAI,EAAE,WAAW,IAAI,OAAO;EAAE,WAAW,CAAC;EAAG,UAAU,CAAC;CAAE;CAK1D,MAAM,SAAS;EAAC;EAAG,GAAG,CAFpB,GAAG,IAAI,IAAI,OAAO,KAAK,MAAM,EAAE,KAAK,CAAC,CAAC,QAAQ,UAAU,QAAQ,KAAK,QAAQ,QAAQ,CAAC,CAE/D;EAAG;CAAQ;CACpC,MAAM,WAAsB,CAAC;CAC7B,MAAM,YAAsB,CAAC;CAC7B,MAAM,aAAa,UAAU,IAAK,QAAQ,UAAW,WAAW;CAChE,IAAI,QAAQ;CAEZ,KAAK,IAAI,IAAI,GAAG,IAAI,OAAO,SAAS,GAAG,KAAK;EAC1C,MAAM,MAAM;GAAE,KAAK,OAAO,IAAI;GAAI,OAAO,OAAO;EAAG;EACnD,MAAM,SAAS,IAAI,MAAM,IAAI,QAAQ;EACrC,MAAM,OAAO,SAAS,GAAG,EAAE;EAC3B,IAAI,SAAS,UAAU,QAAQ;GAC7B,KAAK,MAAM,IAAI;GACf,UAAU,KAAK,IAAI,KAAK;GACxB,QAAQ;GACR;EACF;EACA,SAAS,KAAK,GAAG;EACjB,QAAQ;CACV;CAEA,OAAO;EAAE;EAAW;CAAS;AAC/B"}