var DefaultPixieConfig  = {
    selector: 'pixie-editor',
    textureSize: 4096,
    ui: {
        visible: true,
        mode: 'inline',
        defaultTheme: 'light',
        allowEditorClose: true,
        allowZoom: true,
        toolbar: {
            hideOpenButton: false,
            hideCloseButton: true,
        },
        nav: {
            position: 'top',
            replaceDefault: false,
            items: [
                {name: 'filter', icon: 'filter-custom', action: 'filter'},
                {type: 'separator'},
                {name: 'resize', icon: 'resize-custom', action: 'resize'},
                {name: 'crop', icon: 'crop-custom', action: 'crop'},
                {name: 'transform', icon: 'transform-custom', action: 'transform'},
                {type: 'separator'},
                {name: 'draw', icon: 'pencil-custom', action: 'draw'},
                {name: 'text', icon: 'text-box-custom', action: 'text'},
                {name: 'shapes', icon: 'polygon-custom', action: 'shapes'},
                {name: 'stickers', icon: 'sticker-custom', action: 'stickers'},
                {name: 'frame', icon: 'frame-custom', action: 'frame'},
                {type: 'separator'},
                {name: 'corners', icon: 'rounded-corner-custom', action: 'corners'},
                {name: 'background', icon: 'background-custom', action: 'background'},
                {name: 'merge', icon: 'merge-custom', action: 'merge'},
            ]
        },
        openImageDialog: {
            show: true,
            replaceDefaultSampleImages: false,
            sampleImages: [
                {
                    url: 'images/samples/sample1.jpg',
                    thumbnail: 'images/samples/sample1_thumbnail.jpg',
                },
                {
                    url: 'images/samples/sample2.jpg',
                    thumbnail: 'images/samples/sample2_thumbnail.jpg',
                },
                {
                    url: 'images/samples/sample3.jpg',
                    thumbnail: 'images/samples/sample3_thumbnail.jpg',
                },
            ]
        },
        colorPresets: {
            replaceDefault: false,
            items: [
                'rgb(0,0,0)',
                'rgb(255, 255, 255)',
                'rgb(242, 38, 19)',
                'rgb(249, 105, 14)',
                'rgb(253, 227, 167)',
                'rgb(4, 147, 114)',
                'rgb(30, 139, 195)',
                'rgb(142, 68, 173)',
            ],
        }
    },
    languages: {
        active: 'default',
    },
    googleFontsApiKey: 'AIzaSyDOrI6VJiMbR6XLvlp3CdCPZj1T2PzVkKs',
    objectDefaults: {
        global: {
            transparentCorners: false,
            borderOpacityWhenMoving: 1,
            cornerStyle: 'circle',
            cornerColor: '#ccc',
            cornerStrokeColor: '#fff',
            cornerSize: 16,
            lockUniScaling: true,
            fill: 'rgb(30, 139, 195)',
            opacity: 1,
            backgroundColor: null,
            strokeWidth: 0.05,
            stroke: '#000',
            shadow: {
               color: '#000',
               blur: 3,
               offsetX: -1,
               offsetY: 0,
            },
            textAlign: 'initial',
            underline: false,
            linethrough: false,
            fontStyle: 'normal',
            fontFamily: 'Times New Roman',
            fontWeight: 400,
        }
    },
    tools: {
        filter: {
            replaceDefault: false,
            items: [
                'grayscale',
                'blackWhite',
                'sharpen',
                'invert',
                'vintage',
                'polaroid',
                'kodachrome',
                'technicolor',
                'brownie',
                'sepia',
                'removeColor',
                'brightness',
                'gamma',
                'noise',
                'pixelate',
                'blur',
                'emboss',
                'blendColor',
            ]
        },
        crop: {
            replaceDefaultPresets: false,
            hideCustomControls: false,
            defaultRatio: '16:9',
            presets: [
                {ratio: '3:2', name: '3:2'},
                {ratio: '5:3', name: '5:3'},
                {ratio: '4:3', name: '4:3'},
                {ratio: '5:4', name: '5:4'},
                {ratio: '6:4', name: '6:4'},
                {ratio: '7:5', name: '7:5'},
                {ratio: '10:8', name: '10:8'},
                {ratio: '16:9', name: '16:9'},
            ]
        },
        text: {
            defaultCategory: 'handwriting',
            defaultText: 'Double click to edit',
        },
        draw: {
            replaceDefaultBrushSizes: false,
            replaceDefaultBrushTypes: false,
            brushSizes: [1, 8, 15, 20, 25],
            brushTypes: [
                'PencilBrush',
                'VLineBrush',
                'HLineBrush',
                'CircleBrush',
                'SquareBrush',
                'SprayBrush',
            ],
        },
        shapes: {
            replaceDefault: false,
            items: defaultShapes.slice(),
        },
        stickers: {
            replaceDefault: false,
            items: [
                {name: 'emoticons', list: emoticonsList, type: 'svg', thumbnailUrl: 'images/ui/emoticon.svg'},
                {name: 'doodles', items: 100, type: 'svg', thumbnailUrl: 'images/ui/doodles.svg'},
                {name: 'landmarks', items: 100, type: 'svg', thumbnailUrl: 'images/ui/landmark.svg'},
                {name: 'stars', items: 6, type: 'png', darkBg: true, thumbnailUrl: 'images/ui/star.svg'},
                {name: 'clouds', items: 15, type: 'png', darkBg: true, thumbnailUrl: 'images/ui/clouds.svg'},
                {name: 'bubbles', items: 104, type: 'png', thumbnailUrl: 'images/ui/speech-bubble.svg'},
                {name: 'transportation', items: 22, type: 'svg', thumbnailUrl: 'images/ui/transportation.svg'},
                {name: 'beach', items: 22, type: 'svg', thumbnailUrl: 'images/ui/beach.svg'},
            ],
        },
        import: {
            validExtensions: ['png', 'jpg', 'jpeg', 'svg', 'json', 'gif'],
        },
        export: {
            defaultFormat: 'png',
            defaultQuality: 0.8,
            defaultName: 'image',
        },
        frame: {
            replaceDefault: false,
            items: [
                {
                    name: 'basic',
                    mode: 'basic',
                    size: {
                        min: 1,
                        max: 35,
                        default: 10,
                    }
                },
                {
                    name: 'pine',
                    mode: 'stretch',
                    size: {
                        min: 1,
                        max: 35,
                        default: 15,
                    }
                },
                {
                    name: 'oak',
                    mode: 'stretch',
                    size: {
                        min: 1,
                        max: 35,
                        default: 15,
                    }
                },
                {
                    name: 'rainbow',
                    mode: 'stretch',
                    size: {
                        min: 1,
                        max: 35,
                        default: 15,
                    }
                },
                {
                    name: 'grunge1',
                    display_name: 'grunge #1',
                    mode: 'stretch',
                    size: {
                        min: 1,
                        max: 35,
                        default: 15,
                    }
                },
                {
                    name: 'grunge2',
                    display_name: 'grunge #2',
                    mode: 'stretch',
                    size: {
                        min: 1,
                        max: 35,
                        default: 20,
                    }
                },
                {
                    name: 'ebony',
                    mode: 'stretch',
                    size: {
                        min: 1,
                        max: 35,
                        default: 15,
                    }
                },
                {
                    name: 'art1',
                    display_name: 'Art #1',
                    mode: 'repeat',
                    size: {
                        min: 10,
                        max: 70,
                        default: 55,
                    },
                },
                {
                    name: 'art2',
                    display_name: 'Art #2',
                    mode: 'repeat',
                    size: {
                        min: 10,
                        max: 70,
                        default: 55,
                    },
                }
            ]
        }
    }
};