@doyourjob/gravity-ui-page-constructor 5.31.16

package/build/esm/models/constructor-items/common.d.ts

@@ -0,0 +1,381 @@
+import React, { CSSProperties, DetailedHTMLProps, HTMLProps, ImgHTMLAttributes, ReactNode } from 'react';
+import { ButtonView, ButtonProps as UikitButtonProps } from '@gravity-ui/uikit';
+import { ThemeSupporting } from '../../utils';
+import { AnalyticsEventsBase, AnalyticsEventsProp, ClassNameProps, QAProps } from '../common';
+export declare enum AuthorType {
+    Column = "column",
+    Line = "line"
+}
+export declare enum PriceDetailsType {
+    MARKED_LIST = "marked-list",
+    SETTINGS = "settings"
+}
+export declare enum PriceLabelColor {
+    BLUE = "blue",
+    GREEN = "green",
+    YELLOW = "yellow",
+    PURPLE = "purple",
+    RED = "red"
+}
+export declare enum PlayButtonType {
+    Default = "default",
+    Text = "text"
+}
+export declare enum PlayButtonThemes {
+    Blue = "blue",
+    Grey = "grey"
+}
+export declare enum CustomControlsType {
+    WithMuteButton = "with-mute-button",
+    WithPlayPauseButton = "with-play-pause-button"
+}
+export declare enum CustomControlsButtonPositioning {
+    Left = "left",
+    Right = "right",
+    Center = "center"
+}
+export declare enum MediaVideoType {
+    Default = "default",
+    Player = "player"
+}
+export declare enum MediaVideoControlsType {
+    Default = "default",
+    Custom = "custom"
+}
+export declare enum QuoteType {
+    Chevron = "chevron",
+    EnglishDouble = "english-double"
+}
+export type TextTheme = 'light' | 'dark';
+export type TextSize = 'xs' | 's' | 'm' | 'l';
+export type TitleTextSize = TextSize | 'xl';
+export type DividerSize = '0' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
+export type HeaderWidth = 's' | 'm' | 'l';
+export type HeaderImageSize = 's' | 'm';
+export type HeaderOffset = 'default' | 'large';
+export type Justify = 'start' | 'center' | 'end';
+export type ColumnsCount = 1 | 2 | 3 | 4;
+export type LegendTableMarkerType = 'disk' | 'tick';
+export type LinkTheme = 'file-link' | 'normal' | 'back' | 'underline';
+export type MediaDirection = 'media-content' | 'content-media';
+export type PriceDescriptionColor = 'cornflower' | 'black';
+export type ContentSize = 's' | 'l';
+export type ContentTextSize = 's' | 'm' | 'l';
+export type ContentTheme = 'default' | 'dark' | 'light';
+export type FileLinkType = 'vertical' | 'horizontal';
+export type ImageCardMargins = 's' | 'm';
+export interface Themable {
+    theme?: TextTheme;
+}
+export interface Justifyable {
+    justify?: Justify;
+}
+export interface Stylable {
+    className?: string;
+}
+export interface Animatable {
+    animated?: boolean;
+}
+export interface Tabbable {
+    tabIndex?: number;
+}
+export interface Roleable {
+    role?: React.AriaRole;
+}
+export interface Background {
+    image?: string;
+    color?: string;
+}
+export interface AnchorProps {
+    text: string;
+    url: string;
+}
+/**
+ * @deprecated Component VideoBlock will be deleted, which uses this logic
+ */
+interface LoopProps {
+    start: number;
+    end?: number;
+}
+export interface ImageInfoProps extends Pick<DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, 'aria-describedby' | 'loading'> {
+    alt?: string;
+    fetchPriority?: 'high' | 'low' | 'auto';
+    disableCompress?: boolean;
+}
+export interface ImageObjectProps extends ImageInfoProps {
+    src: string;
+}
+export interface ImageDeviceProps extends ImageInfoProps {
+    desktop: string;
+    mobile: string;
+    tablet?: string;
+}
+export type ImageProps = string | ImageObjectProps | ImageDeviceProps;
+export type ThemedImage = ThemeSupporting<ImageProps>;
+export interface BackgroundImageProps extends React.HTMLProps<HTMLDivElement>, Partial<ImageDeviceProps>, Partial<ImageObjectProps>, QAProps {
+    style?: CSSProperties;
+    imageClassName?: string;
+    hide?: boolean;
+}
+export interface MediaVideoProps extends AnalyticsEventsBase {
+    src: string[];
+    type?: MediaVideoType;
+    loop?: LoopProps | boolean;
+    muted?: boolean;
+    autoplay?: boolean;
+    elapsedTime?: number;
+    playButton?: PlayButtonProps;
+    controls?: MediaVideoControlsType;
+    customControlsOptions?: CustomControlsOptions;
+    ariaLabel?: string;
+    contain?: boolean;
+}
+export interface LinkProps extends AnalyticsEventsBase, Stylable, Tabbable {
+    url: string;
+    urlTitle?: string;
+    text?: string;
+    textSize?: TextSize;
+    theme?: LinkTheme;
+    colorTheme?: TextTheme;
+    arrow?: boolean;
+    target?: string;
+    extraProps?: HTMLProps<HTMLAnchorElement>;
+}
+export interface FileLinkProps extends ClassNameProps, Tabbable {
+    href: string;
+    text: ReactNode;
+    type?: FileLinkType;
+    textSize?: TextSize;
+    theme?: ContentTheme;
+    urlTitle?: string;
+    onClick?: () => void;
+    extraProps?: HTMLProps<HTMLAnchorElement>;
+}
+export type ButtonTheme = ButtonView | 'github' | 'app-store' | 'google-play' | 'scale' | 'monochrome';
+export interface ButtonProps extends AnalyticsEventsBase, Pick<UikitButtonProps, 'size' | 'width' | 'extraProps'> {
+    text: string;
+    url: string;
+    urlTitle?: string;
+    primary?: boolean;
+    theme?: ButtonTheme;
+    img?: ButtonImageProps | string;
+    target?: string;
+}
+export type ButtonImagePosition = 'left' | 'right';
+export interface ButtonImageProps {
+    url: string;
+    position?: ButtonImagePosition;
+    alt?: string;
+}
+export interface CustomControlsOptions {
+    type?: CustomControlsType;
+    muteButtonShown?: boolean;
+    positioning?: CustomControlsButtonPositioning;
+}
+export interface PlayButtonProps extends ClassNameProps {
+    type?: PlayButtonType;
+    theme?: PlayButtonThemes;
+    text?: string;
+}
+export type ThemedMediaVideoProps = ThemeSupporting<MediaVideoProps>;
+export interface MediaComponentVideoProps extends AnalyticsEventsBase {
+    video: MediaVideoProps;
+    height?: number;
+    ratio?: number | 'auto';
+    previewImg?: string;
+}
+export interface MediaComponentVideoIframeProps {
+    videoIframe: string;
+}
+export interface MediaComponentYoutubeProps {
+    youtube: string;
+    previewImg?: string;
+    fullscreen?: boolean;
+}
+export interface MediaComponentImageProps {
+    image: ImageProps | ImageProps[] | ImageDeviceProps;
+    video?: MediaVideoProps;
+    parallax?: boolean;
+    height?: number;
+    disableImageSliderForArrayInput?: boolean;
+}
+export interface MediaComponentDataLensProps {
+    dataLens: DataLensProps;
+}
+export interface MediaComponentIframeProps {
+    iframe: IframeProps;
+    margins?: boolean;
+}
+export interface MediaProps extends Animatable, Partial<MediaComponentDataLensProps>, Partial<MediaComponentYoutubeProps>, Partial<MediaComponentVideoIframeProps>, Partial<MediaComponentImageProps>, Partial<MediaComponentIframeProps>, Partial<MediaComponentVideoProps> {
+    color?: string;
+    videoMicrodata?: {
+        name?: string;
+        description?: string;
+        duration?: string;
+        uploadDate?: string;
+        contentUrl?: string;
+        thumbnailUrl?: string;
+    };
+}
+export interface BackgroundMediaProps extends MediaProps, Animatable, QAProps {
+    fullWidthMedia?: boolean;
+    className?: string;
+    mediaClassName?: string;
+}
+export type Coordinate = number[];
+export interface MapBaseProps {
+    zoom?: number;
+    className?: string;
+}
+export interface GMapProps extends MapBaseProps {
+    address: string;
+}
+export interface YMapProps extends MapBaseProps {
+    markers: YMapMarker[];
+    id: string;
+}
+export interface YMapMarker {
+    address?: string;
+    coordinate?: Coordinate;
+    label?: YMapMarkerLabel;
+}
+export interface YMapMarkerLabel {
+    iconCaption?: string;
+    iconContent?: string;
+    iconColor?: string;
+    preset?: string;
+}
+export type MapProps = GMapProps | YMapProps;
+export type ThemedMediaProps = ThemeSupporting<MediaProps>;
+export interface DataLensObjectProps {
+    id: string;
+    theme: 'dark' | 'light';
+}
+export interface IframeProps {
+    src: string;
+    width?: number;
+    height?: number;
+    title?: string;
+    name?: string;
+}
+export type DataLensProps = string | DataLensObjectProps;
+export interface AuthorItem {
+    firstName: string;
+    secondName: string;
+    description?: string;
+    avatar?: ThemeSupporting<ImageProps> | JSX.Element;
+}
+export interface HeaderBreadCrumbsProps extends ClassNameProps {
+    items: {
+        url: string;
+        text: ReactNode;
+    }[];
+    theme?: TextTheme;
+    analyticsEvents?: AnalyticsEventsProp;
+}
+export interface TitleItemProps extends Justifyable, TitleItemBaseProps {
+    navTitle?: string;
+    anchor?: string;
+}
+export interface TitleItemBaseProps {
+    text: string;
+    textSize?: TitleTextSize;
+    url?: string;
+    urlTitle?: string;
+    custom?: string | ReactNode;
+    onClick?: () => void;
+}
+export type MediaView = 'fit' | 'full';
+export type MediaBorder = 'shadow' | 'line' | 'none';
+export type CardBorder = MediaBorder;
+export type ControlPosition = 'content' | 'footer';
+export interface CardBaseProps {
+    border?: CardBorder;
+}
+export type CardLayoutProps = {
+    controlPosition?: ControlPosition;
+};
+export interface PriceDescriptionProps {
+    title: string;
+    detailedTitle?: string;
+    description: string;
+    label?: {
+        color: PriceLabelColor;
+        text?: string;
+        size?: TextSize;
+    };
+}
+export interface PriceDetailsSettingsProps {
+    title: string;
+    description: string;
+}
+export interface PriceDetailsListProps {
+    text: string;
+}
+export interface PriceDetailsProps {
+    items?: PriceDetailsSettingsProps[] | PriceDetailsListProps[];
+}
+export interface PriceItemProps extends PriceDetailsProps, PriceDescriptionProps, AnalyticsEventsBase {
+}
+export interface PriceFoldableDetailsProps {
+    title: string;
+    size?: TextSize;
+    titleColor?: PriceDescriptionColor;
+}
+/** @deprecated */
+export interface PriceDetailedProps extends CardBaseProps {
+    items: PriceItemProps[];
+    description?: {
+        titleSize?: TextSize;
+        descriptionSize?: TextSize;
+        titleColor?: PriceDescriptionColor;
+    };
+    details?: {
+        titleSize?: TextSize;
+        descriptionSize?: TextSize;
+    };
+    priceType?: PriceDetailsType;
+    numberGroupItems?: 3 | 4 | 5;
+    isCombined?: boolean;
+    useMixedView?: boolean;
+    foldable?: PriceFoldableDetailsProps;
+    labelsDefaultText?: Record<PriceLabelColor, string>;
+}
+export interface AuthorProps extends QAProps {
+    author: AuthorItem;
+    className?: string;
+    authorContainerClassName?: string;
+    type?: AuthorType;
+    theme?: ContentTheme;
+}
+export interface TitleProps {
+    title?: TitleItemProps | string;
+    subtitle?: string;
+    subtitleBold?: boolean;
+}
+export interface YandexFormProps extends AnalyticsEventsBase {
+    id: number | string;
+    containerId?: string;
+    theme?: string;
+    className?: string;
+    headerHeight?: number;
+    customFormOrigin?: string;
+    customFormSection?: string;
+    params?: {
+        [key: string]: string;
+    };
+    onSubmit?: () => void;
+    onLoad?: () => void;
+}
+export interface WithBorder {
+    border?: MediaBorder;
+    /**
+     * @deprecated use custom class for media-component
+     */
+    disableShadow?: boolean;
+}
+export interface ServiceLabelProps {
+    slug: string;
+    name: string;
+}
+export {};

package/build/esm/models/constructor-items/common.js

@@ -0,0 +1,55 @@
+// enums
+export var AuthorType;
+(function (AuthorType) {
+    AuthorType["Column"] = "column";
+    AuthorType["Line"] = "line";
+})(AuthorType || (AuthorType = {}));
+export var PriceDetailsType;
+(function (PriceDetailsType) {
+    PriceDetailsType["MARKED_LIST"] = "marked-list";
+    PriceDetailsType["SETTINGS"] = "settings";
+})(PriceDetailsType || (PriceDetailsType = {}));
+export var PriceLabelColor;
+(function (PriceLabelColor) {
+    PriceLabelColor["BLUE"] = "blue";
+    PriceLabelColor["GREEN"] = "green";
+    PriceLabelColor["YELLOW"] = "yellow";
+    PriceLabelColor["PURPLE"] = "purple";
+    PriceLabelColor["RED"] = "red";
+})(PriceLabelColor || (PriceLabelColor = {}));
+export var PlayButtonType;
+(function (PlayButtonType) {
+    PlayButtonType["Default"] = "default";
+    PlayButtonType["Text"] = "text";
+})(PlayButtonType || (PlayButtonType = {}));
+export var PlayButtonThemes;
+(function (PlayButtonThemes) {
+    PlayButtonThemes["Blue"] = "blue";
+    PlayButtonThemes["Grey"] = "grey";
+})(PlayButtonThemes || (PlayButtonThemes = {}));
+export var CustomControlsType;
+(function (CustomControlsType) {
+    CustomControlsType["WithMuteButton"] = "with-mute-button";
+    CustomControlsType["WithPlayPauseButton"] = "with-play-pause-button";
+})(CustomControlsType || (CustomControlsType = {}));
+export var CustomControlsButtonPositioning;
+(function (CustomControlsButtonPositioning) {
+    CustomControlsButtonPositioning["Left"] = "left";
+    CustomControlsButtonPositioning["Right"] = "right";
+    CustomControlsButtonPositioning["Center"] = "center";
+})(CustomControlsButtonPositioning || (CustomControlsButtonPositioning = {}));
+export var MediaVideoType;
+(function (MediaVideoType) {
+    MediaVideoType["Default"] = "default";
+    MediaVideoType["Player"] = "player";
+})(MediaVideoType || (MediaVideoType = {}));
+export var MediaVideoControlsType;
+(function (MediaVideoControlsType) {
+    MediaVideoControlsType["Default"] = "default";
+    MediaVideoControlsType["Custom"] = "custom";
+})(MediaVideoControlsType || (MediaVideoControlsType = {}));
+export var QuoteType;
+(function (QuoteType) {
+    QuoteType["Chevron"] = "chevron";
+    QuoteType["EnglishDouble"] = "english-double";
+})(QuoteType || (QuoteType = {}));

package/build/esm/models/constructor-items/index.d.ts

@@ -0,0 +1,6 @@
+import { Block } from './blocks';
+import { SubBlock } from './sub-blocks';
+export * from './sub-blocks';
+export * from './blocks';
+export * from './common';
+export type ConstructorItem = Block | SubBlock;

package/build/esm/models/constructor-items/index.js

@@ -0,0 +1,3 @@
+export * from './sub-blocks';
+export * from './blocks';
+export * from './common';

package/build/esm/models/constructor-items/sub-blocks.d.ts

@@ -0,0 +1,207 @@
+import { ClassNameProps, QuoteType } from '../../models';
+import { ThemeSupporting } from '../../utils';
+import { HubspotEventData, HubspotEventHandlers } from '../../utils/hubspot';
+import { AnalyticsEventsBase } from '../common';
+import { ContentBlockProps } from './blocks';
+import { AuthorItem, ButtonProps, CardBaseProps, CardLayoutProps, ContentTheme, DividerSize, ImageCardMargins, ImageObjectProps, ImageProps, LinkProps, MediaProps, MediaView, PriceDetailedProps, ServiceLabelProps, TextTheme, Themable, ThemedImage, TitleTextSize } from './common';
+export declare enum SubBlockType {
+    Divider = "divider",
+    Quote = "quote",
+    /**
+     * @deprecated Will be removed
+     */
+    PriceDetailed = "price-detailed",
+    MediaCard = "media-card",
+    BannerCard = "banner-card",
+    LayoutItem = "layout-item",
+    BackgroundCard = "background-card",
+    BasicCard = "basic-card",
+    Content = "content",
+    HubspotForm = "hubspot-form",
+    PriceCard = "price-card",
+    ImageCard = "image-card",
+    ContentLayoutCard = "content-layout-card",
+    Card = "card"
+}
+export declare enum IconPosition {
+    Top = "top",
+    Left = "left"
+}
+export interface PositionedIcon {
+    value: ImageProps;
+    position?: IconPosition;
+}
+export interface IconWrapperProps {
+    icon?: PositionedIcon;
+}
+export declare enum ImageCardDirection {
+    Direct = "direct",
+    Reverse = "reverse"
+}
+export declare const SubBlockTypes: SubBlockType[];
+export interface DividerProps {
+    size?: DividerSize;
+    border?: boolean;
+}
+export interface HubspotFormProps extends HubspotEventHandlers, AnalyticsEventsBase {
+    className?: string;
+    theme?: ContentTheme;
+    isMobile?: boolean;
+    region?: string;
+    portalId: string;
+    formId: string;
+    formInstanceId?: string;
+    formClassName?: string;
+    /**
+     * To use this handler for component that is rendered in iframe, set up useLoopBackHubspotEvents hook on top level frame
+     */
+    onBeforeLoad?: (arg: HubspotEventData) => void;
+    /**
+     * To use this handler for component that is rendered in iframe, set up useLoopBackHubspotEvents hook on top level frame
+     */
+    onBeforeSubmit?: (arg: HubspotEventData) => void;
+    /**
+     * To use this handler for component that is rendered in iframe, set up useLoopBackHubspotEvents hook on top level frame
+     */
+    onSubmit?: (arg: HubspotEventData) => void;
+    /**
+     * To use this handler for component that is rendered in iframe, set up useLoopBackHubspotEvents hook on top level frame
+     */
+    onLoad?: (arg: HubspotEventData) => void;
+    hubspotEvents?: string[];
+    createDOMElement?: boolean;
+}
+export interface QuoteProps extends Themable, CardBaseProps {
+    text?: string;
+    yfmText?: string;
+    image: ThemedImage;
+    logo: ThemeSupporting<ImageProps>;
+    color?: string;
+    /**
+     * @deprecated use property button instead
+     */
+    url?: string;
+    /**
+     * @deprecated use property button instead
+     */
+    urlTitle?: string;
+    author?: AuthorItem;
+    /**
+     * @deprecated use property button instead
+     */
+    buttonText?: string;
+    theme?: TextTheme;
+    quoteType?: QuoteType;
+    button?: ButtonProps;
+}
+export interface BackgroundCardProps extends CardBaseProps, AnalyticsEventsBase, CardLayoutProps, Omit<ContentBlockProps, 'colSizes' | 'centered' | 'controlPosition'> {
+    url?: string;
+    urlTitle?: string;
+    target?: string;
+    background?: ThemeSupporting<ImageObjectProps>;
+    backgroundPosition?: 'left' | 'right' | 'center' | 'top' | 'bottom';
+    paddingBottom?: 's' | 'm' | 'l' | 'xl';
+    backgroundColor?: string;
+}
+export interface BasicCardProps extends CardBaseProps, AnalyticsEventsBase, CardLayoutProps, Omit<ContentBlockProps, 'colSizes' | 'centered' | 'size' | 'theme' | 'controlPosition'> {
+    url: string;
+    urlTitle?: string;
+    icon?: ThemeSupporting<ImageProps>;
+    target?: string;
+    iconPosition?: IconPosition;
+}
+export interface CardProps extends CardBaseProps {
+    header: {
+        image: string;
+        title: string;
+    };
+    text?: string;
+    service?: ServiceLabelProps;
+}
+export interface BannerCardProps {
+    title: string;
+    subtitle?: string;
+    className?: string;
+    image?: ThemeSupporting<string>;
+    disableCompress?: boolean;
+    color?: ThemeSupporting<string>;
+    theme?: TextTheme;
+    button?: Pick<ButtonProps, 'text' | 'url' | 'target' | 'theme'>;
+    mediaView?: MediaView;
+}
+export interface MediaCardProps extends MediaProps, AnalyticsEventsBase, CardBaseProps {
+}
+export interface PriceCardProps extends CardBaseProps, Pick<ContentBlockProps, 'theme'> {
+    title: string;
+    price: string;
+    pricePeriod?: string;
+    priceDetails?: string;
+    description?: string;
+    buttons?: ButtonProps[];
+    links?: LinkProps[];
+    backgroundColor?: string;
+    list?: string[];
+}
+export interface LayoutItemProps extends ClassNameProps, CardLayoutProps, AnalyticsEventsBase {
+    title?: {
+        text?: string;
+        size?: TitleTextSize;
+    };
+    afterTitle?: {
+        text?: string;
+        size?: TitleTextSize;
+    };
+    rightSpace?: boolean;
+    content: Omit<ContentBlockProps, 'colSizes' | 'centered' | 'size'>;
+    media?: ThemeSupporting<MediaProps>;
+    metaInfo?: string[];
+    border?: boolean;
+    fullscreen?: boolean;
+    icon?: ThemeSupporting<PositionedIcon>;
+}
+export interface ImageCardProps extends CardBaseProps, CardLayoutProps, Omit<ContentBlockProps, 'colSizes' | 'centered' | 'controlPosition'> {
+    image: ThemeSupporting<ImageProps>;
+    enableImageBorderRadius?: boolean;
+    margins?: ImageCardMargins;
+    direction?: ImageCardDirection;
+    backgroundColor?: string;
+    url?: string;
+    urlTitle?: string;
+    target?: string;
+}
+export type DividerModel = {
+    type: SubBlockType.Divider;
+} & DividerProps;
+export type QuoteModel = {
+    type: SubBlockType.Quote;
+} & QuoteProps;
+export type LayoutItemModel = {
+    type: SubBlockType.LayoutItem;
+} & LayoutItemProps;
+export type BackgroundCardModel = {
+    type: SubBlockType.BackgroundCard;
+} & BackgroundCardProps;
+/** @deprecated */
+export type PriceDetailedModel = {
+    type: SubBlockType.PriceDetailed;
+} & PriceDetailedProps;
+export type MediaCardModel = {
+    type: SubBlockType.MediaCard;
+} & MediaCardProps;
+export type HubspotFormModel = {
+    type: SubBlockType.HubspotForm;
+} & HubspotFormProps;
+export type BannerCardModel = {
+    type: SubBlockType.BannerCard;
+} & BannerCardProps;
+export type BasicCardModel = {
+    type: SubBlockType.BasicCard;
+} & BasicCardProps;
+export type PriceCardModel = {
+    type: SubBlockType.PriceCard;
+} & PriceCardProps;
+export type ImageCardModel = {
+    type: SubBlockType.ImageCard;
+} & ImageCardProps;
+export type SubBlockModels = DividerModel | QuoteModel | PriceDetailedModel | MediaCardModel | BackgroundCardModel | HubspotFormModel | BannerCardModel | BasicCardModel | PriceCardModel | LayoutItemModel | ImageCardModel;
+export type SubBlock = SubBlockModels;

package/build/esm/models/constructor-items/sub-blocks.js

@@ -0,0 +1,31 @@
+export var SubBlockType;
+(function (SubBlockType) {
+    SubBlockType["Divider"] = "divider";
+    SubBlockType["Quote"] = "quote";
+    /**
+     * @deprecated Will be removed
+     */
+    SubBlockType["PriceDetailed"] = "price-detailed";
+    SubBlockType["MediaCard"] = "media-card";
+    SubBlockType["BannerCard"] = "banner-card";
+    SubBlockType["LayoutItem"] = "layout-item";
+    SubBlockType["BackgroundCard"] = "background-card";
+    SubBlockType["BasicCard"] = "basic-card";
+    SubBlockType["Content"] = "content";
+    SubBlockType["HubspotForm"] = "hubspot-form";
+    SubBlockType["PriceCard"] = "price-card";
+    SubBlockType["ImageCard"] = "image-card";
+    SubBlockType["ContentLayoutCard"] = "content-layout-card";
+    SubBlockType["Card"] = "card";
+})(SubBlockType || (SubBlockType = {}));
+export var IconPosition;
+(function (IconPosition) {
+    IconPosition["Top"] = "top";
+    IconPosition["Left"] = "left";
+})(IconPosition || (IconPosition = {}));
+export var ImageCardDirection;
+(function (ImageCardDirection) {
+    ImageCardDirection["Direct"] = "direct";
+    ImageCardDirection["Reverse"] = "reverse";
+})(ImageCardDirection || (ImageCardDirection = {}));
+export const SubBlockTypes = Object.values(SubBlockType);