1

video-gen-admin/node_modules/antd/lib/grid/RowContext.d.ts

@@ -0,0 +1,8 @@
+export type GutterUnit = number | string;
+export type RowContextGutter = readonly [GutterUnit, GutterUnit];
+export interface RowContextState {
+    gutter?: RowContextGutter;
+    wrap?: boolean;
+}
+declare const RowContext: import("react").Context<RowContextState>;
+export default RowContext;

video-gen-admin/node_modules/antd/lib/grid/RowContext.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+const RowContext = /*#__PURE__*/(0, _react.createContext)({});
+var _default = exports.default = RowContext;

video-gen-admin/node_modules/antd/lib/grid/col.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import type { Breakpoint } from '../_util/responsiveObserver';
+import type { LiteralUnion } from '../_util/type';
+type ColSpanType = number | string;
+type FlexType = number | LiteralUnion<'none' | 'auto'>;
+export interface ColSize {
+    flex?: FlexType;
+    span?: ColSpanType;
+    order?: ColSpanType;
+    offset?: ColSpanType;
+    push?: ColSpanType;
+    pull?: ColSpanType;
+}
+export interface ColProps extends React.HTMLAttributes<HTMLDivElement>, Partial<Record<Breakpoint, ColSpanType | ColSize>> {
+    flex?: FlexType;
+    span?: ColSpanType;
+    order?: ColSpanType;
+    offset?: ColSpanType;
+    push?: ColSpanType;
+    pull?: ColSpanType;
+    prefixCls?: string;
+}
+declare const Col: React.ForwardRefExoticComponent<ColProps & React.RefAttributes<HTMLDivElement>>;
+export default Col;

video-gen-admin/node_modules/antd/lib/grid/col.js

@@ -0,0 +1,120 @@
+"use strict";
+"use client";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _clsx = require("clsx");
+var _is = require("../_util/is");
+var _responsiveObserver = require("../_util/responsiveObserver");
+var _configProvider = require("../config-provider");
+var _genStyleUtils = require("../theme/util/genStyleUtils");
+var _RowContext = _interopRequireDefault(require("./RowContext"));
+var _style = require("./style");
+function parseFlex(flex) {
+  if (flex === 'auto') {
+    return '1 1 auto';
+  }
+  if ((0, _is.isNumber)(flex)) {
+    return `${flex} ${flex} auto`;
+  }
+  if (/^\d+(\.\d+)?(px|em|rem|%)$/.test(flex)) {
+    return `0 0 ${flex}`;
+  }
+  return flex;
+}
+const Col = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    getPrefixCls,
+    direction
+  } = React.useContext(_configProvider.ConfigContext);
+  const {
+    gutter,
+    wrap
+  } = React.useContext(_RowContext.default);
+  const {
+    prefixCls: customizePrefixCls,
+    span,
+    order,
+    offset,
+    push,
+    pull,
+    className,
+    children,
+    flex,
+    style,
+    ...others
+  } = props;
+  const prefixCls = getPrefixCls('col', customizePrefixCls);
+  const rootPrefixCls = getPrefixCls();
+  const [hashId, cssVarCls] = (0, _style.useColStyle)(prefixCls);
+  const [varName] = (0, _genStyleUtils.genCssVar)(rootPrefixCls, 'col');
+  // ===================== Size ======================
+  const sizeStyle = {};
+  let sizeClassObj = {};
+  _responsiveObserver.responsiveArrayReversed.forEach(size => {
+    let sizeProps = {};
+    const propSize = props[size];
+    if ((0, _is.isNumber)(propSize)) {
+      sizeProps.span = propSize;
+    } else if ((0, _is.isPlainObject)(propSize)) {
+      sizeProps = propSize || {};
+    }
+    delete others[size];
+    sizeClassObj = {
+      ...sizeClassObj,
+      [`${prefixCls}-${size}-${sizeProps.span}`]: (0, _is.isNonNullable)(sizeProps.span),
+      [`${prefixCls}-${size}-order-${sizeProps.order}`]: sizeProps.order || sizeProps.order === 0,
+      [`${prefixCls}-${size}-offset-${sizeProps.offset}`]: sizeProps.offset || sizeProps.offset === 0,
+      [`${prefixCls}-${size}-push-${sizeProps.push}`]: sizeProps.push || sizeProps.push === 0,
+      [`${prefixCls}-${size}-pull-${sizeProps.pull}`]: sizeProps.pull || sizeProps.pull === 0,
+      [`${prefixCls}-rtl`]: direction === 'rtl'
+    };
+    // Responsive flex layout
+    if (sizeProps.flex) {
+      sizeClassObj[`${prefixCls}-${size}-flex`] = true;
+      sizeStyle[varName(`${size}-flex`)] = parseFlex(sizeProps.flex);
+    }
+  });
+  // ==================== Normal =====================
+  const classes = (0, _clsx.clsx)(prefixCls, {
+    [`${prefixCls}-${span}`]: span !== undefined,
+    [`${prefixCls}-order-${order}`]: order,
+    [`${prefixCls}-offset-${offset}`]: offset,
+    [`${prefixCls}-push-${push}`]: push,
+    [`${prefixCls}-pull-${pull}`]: pull
+  }, className, sizeClassObj, hashId, cssVarCls);
+  const mergedStyle = {};
+  // Horizontal gutter use padding
+  if (gutter?.[0]) {
+    const horizontalGutter = (0, _is.isNumber)(gutter[0]) ? `${gutter[0] / 2}px` : `calc(${gutter[0]} / 2)`;
+    mergedStyle.paddingInline = horizontalGutter;
+  }
+  if (flex) {
+    mergedStyle.flex = parseFlex(flex);
+    // Hack for Firefox to avoid size issue
+    // https://github.com/ant-design/ant-design/pull/20023#issuecomment-564389553
+    if (wrap === false && !mergedStyle.minWidth) {
+      mergedStyle.minWidth = 0;
+    }
+  }
+  // ==================== Render =====================
+  return /*#__PURE__*/React.createElement("div", {
+    ...others,
+    style: {
+      ...mergedStyle,
+      ...style,
+      ...sizeStyle
+    },
+    className: classes,
+    ref: ref
+  }, children);
+});
+if (process.env.NODE_ENV !== 'production') {
+  Col.displayName = 'Col';
+}
+var _default = exports.default = Col;

video-gen-admin/node_modules/antd/lib/grid/hooks/useBreakpoint.d.ts

@@ -0,0 +1,4 @@
+import type { ScreenMap } from '../../_util/responsiveObserver';
+declare function useBreakpoint(refreshOnChange: boolean, defaultScreens: null): ScreenMap | null;
+declare function useBreakpoint(refreshOnChange?: boolean, defaultScreens?: ScreenMap): ScreenMap;
+export default useBreakpoint;

video-gen-admin/node_modules/antd/lib/grid/hooks/useBreakpoint.js

@@ -0,0 +1,28 @@
+"use strict";
+"use client";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _useLayoutEffect = _interopRequireDefault(require("@rc-component/util/lib/hooks/useLayoutEffect"));
+var _hooks = require("../../_util/hooks");
+var _responsiveObserver = _interopRequireDefault(require("../../_util/responsiveObserver"));
+function useBreakpoint(refreshOnChange = true, defaultScreens = {}) {
+  const screensRef = (0, _react.useRef)(defaultScreens);
+  const [, forceUpdate] = (0, _hooks.useForceUpdate)();
+  const responsiveObserver = (0, _responsiveObserver.default)();
+  (0, _useLayoutEffect.default)(() => {
+    const token = responsiveObserver.subscribe(supportScreens => {
+      screensRef.current = supportScreens;
+      if (refreshOnChange) {
+        forceUpdate();
+      }
+    });
+    return () => responsiveObserver.unsubscribe(token);
+  }, []);
+  return screensRef.current;
+}
+var _default = exports.default = useBreakpoint;

video-gen-admin/node_modules/antd/lib/grid/hooks/useGutter.d.ts

@@ -0,0 +1,4 @@
+import type { ScreenMap } from '../../_util/responsiveObserver';
+import type { RowProps } from '../row';
+export type Gap = number | string | undefined;
+export default function useGutter(gutter: RowProps['gutter'], screens: ScreenMap | null): [Gap, Gap];

video-gen-admin/node_modules/antd/lib/grid/hooks/useGutter.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useGutter;
+var _is = require("../../_util/is");
+var _responsiveObserver = require("../../_util/responsiveObserver");
+function useGutter(gutter, screens) {
+  const results = [undefined, undefined];
+  const normalizedGutter = Array.isArray(gutter) ? gutter : [gutter, undefined];
+  // By default use as `xs`
+  const mergedScreens = screens || {
+    xs: true,
+    sm: true,
+    md: true,
+    lg: true,
+    xl: true,
+    xxl: true,
+    xxxl: true
+  };
+  normalizedGutter.forEach((g, index) => {
+    if ((0, _is.isPlainObject)(g)) {
+      for (let i = 0; i < _responsiveObserver.responsiveArray.length; i++) {
+        const breakpoint = _responsiveObserver.responsiveArray[i];
+        if (mergedScreens[breakpoint] && g[breakpoint] !== undefined) {
+          results[index] = g[breakpoint];
+          break;
+        }
+      }
+    } else {
+      results[index] = g;
+    }
+  });
+  return results;
+}

video-gen-admin/node_modules/antd/lib/grid/index.d.ts

@@ -0,0 +1,10 @@
+import Col from './col';
+import Row from './row';
+declare function useBreakpoint(): Partial<Record<"xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl", boolean>>;
+export type { ColProps, ColSize } from './col';
+export type { RowProps } from './row';
+export { Col, Row };
+declare const _default: {
+    useBreakpoint: typeof useBreakpoint;
+};
+export default _default;

video-gen-admin/node_modules/antd/lib/grid/index.js

@@ -0,0 +1,30 @@
+"use strict";
+"use client";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Col", {
+  enumerable: true,
+  get: function () {
+    return _col.default;
+  }
+});
+Object.defineProperty(exports, "Row", {
+  enumerable: true,
+  get: function () {
+    return _row.default;
+  }
+});
+exports.default = void 0;
+var _col = _interopRequireDefault(require("./col"));
+var _useBreakpoint = _interopRequireDefault(require("./hooks/useBreakpoint"));
+var _row = _interopRequireDefault(require("./row"));
+// Do not export params
+function useBreakpoint() {
+  return (0, _useBreakpoint.default)();
+}
+var _default = exports.default = {
+  useBreakpoint
+};

video-gen-admin/node_modules/antd/lib/grid/row.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import type { Breakpoint } from '../_util/responsiveObserver';
+declare const _RowAligns: readonly ["top", "middle", "bottom", "stretch"];
+declare const _RowJustify: readonly ["start", "end", "center", "space-around", "space-between", "space-evenly"];
+type ResponsiveLike<T> = {
+    [key in Breakpoint]?: T;
+};
+export type Gutter = number | string | undefined | Partial<Record<Breakpoint, number>>;
+type ResponsiveAligns = ResponsiveLike<(typeof _RowAligns)[number]>;
+type ResponsiveJustify = ResponsiveLike<(typeof _RowJustify)[number]>;
+export interface RowProps extends React.HTMLAttributes<HTMLDivElement> {
+    gutter?: Gutter | [Gutter, Gutter];
+    align?: (typeof _RowAligns)[number] | ResponsiveAligns;
+    justify?: (typeof _RowJustify)[number] | ResponsiveJustify;
+    prefixCls?: string;
+    wrap?: boolean;
+}
+declare const Row: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<HTMLDivElement>>;
+export default Row;

video-gen-admin/node_modules/antd/lib/grid/row.js

@@ -0,0 +1,105 @@
+"use strict";
+"use client";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _clsx = require("clsx");
+var _is = require("../_util/is");
+var _responsiveObserver = require("../_util/responsiveObserver");
+var _configProvider = require("../config-provider");
+var _useBreakpoint = _interopRequireDefault(require("./hooks/useBreakpoint"));
+var _useGutter = _interopRequireDefault(require("./hooks/useGutter"));
+var _RowContext = _interopRequireDefault(require("./RowContext"));
+var _style = require("./style");
+const _RowAligns = ['top', 'middle', 'bottom', 'stretch'];
+const _RowJustify = ['start', 'end', 'center', 'space-around', 'space-between', 'space-evenly'];
+const useMergedPropByScreen = (oriProp, screen) => {
+  const [prop, setProp] = React.useState(() => (0, _is.isString)(oriProp) ? oriProp : '');
+  const calcMergedAlignOrJustify = () => {
+    if ((0, _is.isString)(oriProp)) {
+      setProp(oriProp);
+    }
+    if (!(0, _is.isPlainObject)(oriProp)) {
+      return;
+    }
+    for (let i = 0; i < _responsiveObserver.responsiveArray.length; i++) {
+      const breakpoint = _responsiveObserver.responsiveArray[i];
+      // if do not match, do nothing
+      if (!screen || !screen[breakpoint]) {
+        continue;
+      }
+      const curVal = oriProp[breakpoint];
+      if (curVal !== undefined) {
+        setProp(curVal);
+        return;
+      }
+    }
+  };
+  React.useEffect(() => {
+    calcMergedAlignOrJustify();
+  }, [JSON.stringify(oriProp), screen]);
+  return prop;
+};
+const Row = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    prefixCls: customizePrefixCls,
+    justify,
+    align,
+    className,
+    style,
+    children,
+    gutter = 0,
+    wrap,
+    ...others
+  } = props;
+  const {
+    getPrefixCls,
+    direction
+  } = React.useContext(_configProvider.ConfigContext);
+  const screens = (0, _useBreakpoint.default)(true, null);
+  const mergedAlign = useMergedPropByScreen(align, screens);
+  const mergedJustify = useMergedPropByScreen(justify, screens);
+  const prefixCls = getPrefixCls('row', customizePrefixCls);
+  const [hashId, cssVarCls] = (0, _style.useRowStyle)(prefixCls);
+  const gutters = (0, _useGutter.default)(gutter, screens);
+  const classes = (0, _clsx.clsx)(prefixCls, {
+    [`${prefixCls}-no-wrap`]: wrap === false,
+    [`${prefixCls}-${mergedJustify}`]: mergedJustify,
+    [`${prefixCls}-${mergedAlign}`]: mergedAlign,
+    [`${prefixCls}-rtl`]: direction === 'rtl'
+  }, className, hashId, cssVarCls);
+  // Add gutter related style
+  const rowStyle = {};
+  if (gutters?.[0]) {
+    const horizontalGutter = (0, _is.isNumber)(gutters[0]) ? `${gutters[0] / -2}px` : `calc(${gutters[0]} / -2)`;
+    rowStyle.marginInline = horizontalGutter;
+  }
+  // "gutters" is a new array in each rendering phase, it'll make 'React.useMemo' effectless.
+  // So we deconstruct "gutters" variable here.
+  const [gutterH, gutterV] = gutters;
+  rowStyle.rowGap = gutterV;
+  const rowContext = React.useMemo(() => ({
+    gutter: [gutterH, gutterV],
+    wrap
+  }), [gutterH, gutterV, wrap]);
+  return /*#__PURE__*/React.createElement(_RowContext.default.Provider, {
+    value: rowContext
+  }, /*#__PURE__*/React.createElement("div", {
+    ...others,
+    className: classes,
+    style: {
+      ...rowStyle,
+      ...style
+    },
+    ref: ref
+  }, children));
+});
+if (process.env.NODE_ENV !== 'production') {
+  Row.displayName = 'Row';
+}
+var _default = exports.default = Row;

video-gen-admin/node_modules/antd/lib/grid/style/index.d.ts

@@ -0,0 +1,16 @@
+import type { AliasToken, GetDefaultToken } from '../../theme/internal';
+export interface ComponentToken {
+}
+export declare const prepareRowComponentToken: GetDefaultToken<'Grid'>;
+export declare const prepareColComponentToken: GetDefaultToken<'Grid'>;
+export declare const useRowStyle: (prefixCls: string, rootCls?: string) => readonly [string, string];
+export declare const getMediaSize: (token: AliasToken) => {
+    readonly xs: number;
+    readonly sm: number;
+    readonly md: number;
+    readonly lg: number;
+    readonly xl: number;
+    readonly xxl: number;
+    readonly xxxl: number;
+};
+export declare const useColStyle: (prefixCls: string, rootCls?: string) => readonly [string, string];

video-gen-admin/node_modules/antd/lib/grid/style/index.js

@@ -0,0 +1,178 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useRowStyle = exports.useColStyle = exports.prepareRowComponentToken = exports.prepareColComponentToken = exports.getMediaSize = void 0;
+var _cssinjs = require("@ant-design/cssinjs");
+var _internal = require("../../theme/internal");
+var _genStyleUtils = require("../../theme/util/genStyleUtils");
+// ============================== Row-Shared ==============================
+const genGridRowStyle = token => {
+  const {
+    componentCls
+  } = token;
+  return {
+    // Grid system
+    [componentCls]: {
+      display: 'flex',
+      flexFlow: 'row wrap',
+      minWidth: 0,
+      '&::before, &::after': {
+        display: 'flex'
+      },
+      '&-no-wrap': {
+        flexWrap: 'nowrap'
+      },
+      // The origin of the X-axis
+      '&-start': {
+        justifyContent: 'flex-start'
+      },
+      // The center of the X-axis
+      '&-center': {
+        justifyContent: 'center'
+      },
+      // The opposite of the X-axis
+      '&-end': {
+        justifyContent: 'flex-end'
+      },
+      '&-space-between': {
+        justifyContent: 'space-between'
+      },
+      '&-space-around': {
+        justifyContent: 'space-around'
+      },
+      '&-space-evenly': {
+        justifyContent: 'space-evenly'
+      },
+      // Align at the top
+      '&-top': {
+        alignItems: 'flex-start'
+      },
+      // Align at the center
+      '&-middle': {
+        alignItems: 'center'
+      },
+      '&-bottom': {
+        alignItems: 'flex-end'
+      }
+    }
+  };
+};
+// ============================== Col-Shared ==============================
+const genGridColStyle = token => {
+  const {
+    componentCls
+  } = token;
+  return {
+    // Grid system
+    [componentCls]: {
+      position: 'relative',
+      maxWidth: '100%',
+      // Prevent columns from collapsing when empty
+      minHeight: 1
+    }
+  };
+};
+const genLoopGridColumnsStyle = (token, sizeCls) => {
+  const {
+    componentCls,
+    gridColumns,
+    antCls
+  } = token;
+  const [gridVarName, gridVarRef] = (0, _genStyleUtils.genCssVar)(antCls, 'grid');
+  const [, colVarRef] = (0, _genStyleUtils.genCssVar)(antCls, 'col');
+  const gridColumnsStyle = {};
+  for (let i = gridColumns; i >= 0; i--) {
+    if (i === 0) {
+      gridColumnsStyle[`${componentCls}${sizeCls}-${i}`] = {
+        display: 'none'
+      };
+      gridColumnsStyle[`${componentCls}-push-${i}`] = {
+        insetInlineStart: 'auto'
+      };
+      gridColumnsStyle[`${componentCls}-pull-${i}`] = {
+        insetInlineEnd: 'auto'
+      };
+      gridColumnsStyle[`${componentCls}${sizeCls}-push-${i}`] = {
+        insetInlineStart: 'auto'
+      };
+      gridColumnsStyle[`${componentCls}${sizeCls}-pull-${i}`] = {
+        insetInlineEnd: 'auto'
+      };
+      gridColumnsStyle[`${componentCls}${sizeCls}-offset-${i}`] = {
+        marginInlineStart: 0
+      };
+      gridColumnsStyle[`${componentCls}${sizeCls}-order-${i}`] = {
+        order: 0
+      };
+    } else {
+      gridColumnsStyle[`${componentCls}${sizeCls}-${i}`] = [
+      // https://github.com/ant-design/ant-design/issues/44456
+      // Form set `display: flex` on Col which will override `display: block`.
+      // Let's get it from css variable to support override.
+      {
+        [gridVarName('display')]: 'block',
+        // Fallback to display if variable not support
+        display: 'block'
+      }, {
+        display: gridVarRef('display'),
+        flex: `0 0 ${i / gridColumns * 100}%`,
+        maxWidth: `${i / gridColumns * 100}%`
+      }];
+      gridColumnsStyle[`${componentCls}${sizeCls}-push-${i}`] = {
+        insetInlineStart: `${i / gridColumns * 100}%`
+      };
+      gridColumnsStyle[`${componentCls}${sizeCls}-pull-${i}`] = {
+        insetInlineEnd: `${i / gridColumns * 100}%`
+      };
+      gridColumnsStyle[`${componentCls}${sizeCls}-offset-${i}`] = {
+        marginInlineStart: `${i / gridColumns * 100}%`
+      };
+      gridColumnsStyle[`${componentCls}${sizeCls}-order-${i}`] = {
+        order: i
+      };
+    }
+  }
+  // Flex CSS Var
+  gridColumnsStyle[`${componentCls}${sizeCls}-flex`] = {
+    flex: colVarRef(`${sizeCls.replace(/-/, '')}-flex`)
+  };
+  return gridColumnsStyle;
+};
+const genGridStyle = (token, sizeCls) => genLoopGridColumnsStyle(token, sizeCls);
+const genGridMediaStyle = (token, screenSize, sizeCls) => ({
+  [`@media (min-width: ${(0, _cssinjs.unit)(screenSize)})`]: {
+    ...genGridStyle(token, sizeCls)
+  }
+});
+const prepareRowComponentToken = () => ({});
+exports.prepareRowComponentToken = prepareRowComponentToken;
+const prepareColComponentToken = () => ({});
+// ============================== Export ==============================
+exports.prepareColComponentToken = prepareColComponentToken;
+const useRowStyle = exports.useRowStyle = (0, _internal.genStyleHooks)('Grid', genGridRowStyle, prepareRowComponentToken);
+const getMediaSize = token => {
+  const mediaSizesMap = {
+    xs: token.screenXSMin,
+    sm: token.screenSMMin,
+    md: token.screenMDMin,
+    lg: token.screenLGMin,
+    xl: token.screenXLMin,
+    xxl: token.screenXXLMin,
+    xxxl: token.screenXXXLMin
+  };
+  return mediaSizesMap;
+};
+exports.getMediaSize = getMediaSize;
+const useColStyle = exports.useColStyle = (0, _internal.genStyleHooks)('Grid', token => {
+  const gridToken = (0, _internal.mergeToken)(token, {
+    gridColumns: 24 // Row is divided into 24 parts in Grid
+  });
+  const gridMediaSizesMap = getMediaSize(gridToken);
+  delete gridMediaSizesMap.xs;
+  return [genGridColStyle(gridToken), genGridStyle(gridToken, ''), genGridStyle(gridToken, '-xs'), Object.keys(gridMediaSizesMap).map(key => genGridMediaStyle(gridToken, gridMediaSizesMap[key], `-${key}`)).reduce((pre, cur) => ({
+    ...pre,
+    ...cur
+  }), {})];
+}, prepareColComponentToken);