@aurigma/design-editor-iframe
Version:
Using this module you can embed Design Editor (a part of Customer's Canvas) to your page through the IFrame API.
298 lines • 10.4 kB
JavaScript
//TODO: remove namespaces
/**
* Editing modes.
* @public
*/
export var ModelMode;
(function (ModelMode) {
/**
* The `Simple` mode provides only basic functions like changing texts and images. It allows you for switching to the `Advanced` mode.
*/
ModelMode.Simple = "Simple";
/**
* The `Advanced` mode provides all the functions of the web-to-print editor like adding, changing, and removing design elements.
*/
ModelMode.Advanced = "Advanced";
/**
* The `SimpleOnly` mode provides only basic functions. It does not allow you for switching to the `Advanced` mode.
*/
ModelMode.SimpleOnly = "SimpleOnly";
})(ModelMode || (ModelMode = {}));
/**
* Modes of the font list.
* @public
*/
export var FontListMode;
(function (FontListMode) {
/**
* The `Simple` mode allows users to select a font and set the font size.
*/
FontListMode.Simple = "Simple";
/**
* The `Advanced` mode allows users to select a font, set the font size, and change the font style.
*/
FontListMode.Advanced = "Advanced";
})(FontListMode || (FontListMode = {}));
/**
* Modes of the Finish design button.
* @public
*/
export var FinishButtonMode;
(function (FinishButtonMode) {
/**
* `Disabled` hides the button and enables the callback.
*/
FinishButtonMode.Disabled = "Disabled";
/**
* `Download` enables a debug mode that shows the button and disables the callback, but allows downloading the hi-res output.
*/
FinishButtonMode.Download = "Download";
/**
* @internal
*/
FinishButtonMode.Post = "Post";
})(FinishButtonMode || (FinishButtonMode = {}));
/**
* Supported barcode types.
* @public
*/
export var BarcodeType;
(function (BarcodeType) {
/** Design element representing a Qr code based on vCard contact information. */
BarcodeType["QrVCard"] = "QrVCard";
/** Design element representing a Qr code based on a Phone number. */
BarcodeType["QrPhone"] = "QrPhone";
/** Design element representing a Qr code based on a Url. */
BarcodeType["QrUrl"] = "QrUrl";
/** Design element representing a Qr code of arbitrary data. */
BarcodeType["QrData"] = "QrData";
/** Design element representing a linear EAN-8 code. */
BarcodeType["LinearEan8"] = "LinearEan8";
/** Design element representing a linear EAN-13 code. */
BarcodeType["LinearEan13"] = "LinearEan13";
/** Design element representing a 13-digit UPC-A code. */
BarcodeType["LinearUpcA"] = "LinearUpcA";
/** Design element representing an 8-digit UPC-E code. */
BarcodeType["LinearUpcE"] = "LinearUpcE";
/** Design element representing a barcode in the Code 128B format. */
BarcodeType["LinearCode128"] = "LinearCode128";
/** Design element representing a DataMatrix Code. */
BarcodeType["DataMatrix"] = "DataMatrix";
})(BarcodeType || (BarcodeType = {}));
/**
* The Object Inspector position.
* @public
*/
export var ObjectInspectorPosition;
(function (ObjectInspectorPosition) {
/**
* The `Left` position places the Object Inspector on the left of the canvas.
*/
ObjectInspectorPosition.Left = "Left";
/**
* The `Right` position places the Object Inspector on the right of the canvas.
*/
ObjectInspectorPosition.Right = "Right";
})(ObjectInspectorPosition || (ObjectInspectorPosition = {}));
/**
* Display modes of linked in-string placeholders in the Object Inspector.
* @public
*/
export var InStringPlaceholderMode;
(function (InStringPlaceholderMode) {
/**
* Display modes of linked in-string placeholders in the Object Inspector.
*/
var InStringPlaceholderModeType;
(function (InStringPlaceholderModeType) {
/**
* In this mode, linked in-string placeholders appear as one item in the Object Inspector. These items appear at the top of the Object Inspector despite the layer order in PSD templates.
*/
InStringPlaceholderModeType["Single"] = "single";
/**
* In this mode, linked in-string placeholders appear as separate items in the Object Inspector. The item order in the Object Inspector is the same as the layer order in PSD templates.
*/
InStringPlaceholderModeType["Multiple"] = "multiple";
})(InStringPlaceholderModeType = InStringPlaceholderMode.InStringPlaceholderModeType || (InStringPlaceholderMode.InStringPlaceholderModeType = {}));
})(InStringPlaceholderMode || (InStringPlaceholderMode = {}));
/**
* Text alignment types.
* @public
*/
export var TextAlignment;
(function (TextAlignment) {
/**
* Align text along the left edge.
*/
TextAlignment.Left = "Left";
/**
* Align text along the center.
*/
TextAlignment.Center = "Center";
/**
* Align text along the right edge.
*/
TextAlignment.Right = "Right";
/**
* Align text along both the left and right edges.
*/
TextAlignment.Justify = "Justify";
/**
* Justify text and align its last line to the left.
*/
TextAlignment.LastLeft = "LastLeft";
/**
* Justify text and align its last line to the right.
*/
TextAlignment.LastRight = "LastRight";
/**
* Justify text and center its last line.
*/
TextAlignment.LastCenter = "LastCenter";
})(TextAlignment || (TextAlignment = {}));
/**
* Sources of the Gallery widget.
* @public
*/
export var GallerySource;
(function (GallerySource) {
/**
* Gallery assets are predefined and located in the memory.
*/
GallerySource.InMemorySource = "InMemorySource";
})(GallerySource || (GallerySource = {}));
/**
* PSD upload modes.
* @public
*/
export var PsdActionMode;
(function (PsdActionMode) {
/**
* In this mode, a PSD file opens as a merged raster image.
*/
PsdActionMode.Merged = "Merged";
/**
* In this mode, a PSD file opens as a set of design elements.
*/
PsdActionMode.Design = "Design";
/**
* In this mode, a PSD file opens as a group of design elements.
*/
PsdActionMode.Group = "Group";
})(PsdActionMode || (PsdActionMode = {}));
/**
* SVG upload modes.
* @public
*/
export var SvgActionMode;
(function (SvgActionMode) {
/**
* In this mode, an SVG file opens as a combination of shapes in one color and width and appears on the canvas as a shape element. This mode eliminates raster images.
* To check if losses occur, you can use the `shapeViolationsEnabled` warning.
*/
SvgActionMode.Shape = "Shape";
/**
* In this mode, an SVG file opens as a vector image and appears on the canvas as an image element.
*/
SvgActionMode.Vector = "Vector";
/**
* In this mode, an SVG file opens as a set of SVG paths and appears on the canvas as a group element.
*/
SvgActionMode.Group = "Group";
/**
* In this mode, an SVG file opens as a combination of multicolor shapes and appears on the canvas as a shape element.
*/
SvgActionMode.Clipart = "Clipart";
})(SvgActionMode || (SvgActionMode = {}));
/**
* PDF upload modes.
* @public
*/
export var PdfActionMode;
(function (PdfActionMode) {
/**
* In this mode, a PDF file opens as a combination of shapes in one color and width. This mode eliminates raster images.
* To check if losses occur, you can use the `shapeViolationsEnabled` warning.
*/
PdfActionMode.Shape = "Shape";
/**
* In this mode, a PDF file opens as a vector image.
*/
PdfActionMode.Vector = "Vector";
/**
* In this mode, a PDF file opens as a set of shapes and appears on the canvas as a group element.
*/
PdfActionMode.Group = "Group";
})(PdfActionMode || (PdfActionMode = {}));
/**
* Available color spaces.
* @public
*/
export var ColorSpace;
(function (ColorSpace) {
/**
* Available color spaces.
*/
var ColorSpaceType;
(function (ColorSpaceType) {
/**
* The RGB color space.
*/
ColorSpaceType["Rgb"] = "rgb";
/**
* The CMYK color space.
*/
ColorSpaceType["Cmyk"] = "cmyk";
})(ColorSpaceType = ColorSpace.ColorSpaceType || (ColorSpace.ColorSpaceType = {}));
})(ColorSpace || (ColorSpace = {}));
/**
* Depositphotos image size.
* @public
*/
export var ImageSize;
(function (ImageSize) {
/**
* Sizes of images provided by Depositphotos.
*/
var ImageSizeType;
(function (ImageSizeType) {
/**
* The small size, when the longest side is reduced to 500 px at 72 DPI. Proportional scaling is applied.
*/
ImageSizeType["S"] = "s";
/**
* The medium size, when the longest side is reduced to 1000 px at 300 DPI. Proportional scaling is applied.
*/
ImageSizeType["M"] = "m";
/**
* The large size, when the longest side is reduced to 2000 px at 300 DPI. Proportional scaling is applied.
*/
ImageSizeType["L"] = "l";
/**
* The highest resolution uploaded by the contributor. This is the default value.
*/
ImageSizeType["XL"] = "xl";
/**
* The SUPER size, which is twice as long and wide as the XL option. Proportional scaling is applied.
*/
ImageSizeType["DS"] = "ds";
})(ImageSizeType = ImageSize.ImageSizeType || (ImageSize.ImageSizeType = {}));
})(ImageSize || (ImageSize = {}));
/**
* Modes of using the `crossOrigin` attribute when requesting images from domains using CORS policy.
* @public
*/
export var CrossOriginMode;
(function (CrossOriginMode) {
/**
* Modes of using the `crossOrigin` attribute when requesting images from domains using CORS policy.
*/
var CrossOriginModeType;
(function (CrossOriginModeType) {
/** Enables fetching images with the `crossOrigin = "anonymous"` attribute. */
CrossOriginModeType["On"] = "on";
/** Enables fetching images without the `crossOrigin` attribute. */
CrossOriginModeType["Off"] = "off";
})(CrossOriginModeType = CrossOriginMode.CrossOriginModeType || (CrossOriginMode.CrossOriginModeType = {}));
})(CrossOriginMode || (CrossOriginMode = {}));
//# sourceMappingURL=ConfigurationTypes.js.map