const bothArrow = new URL('../../assets/images/components/both-arrow.png', import.meta.url).href;
const colorImage = new URL('../../assets/images/components/color-image.png', import.meta.url).href;
const dash = new URL('../../assets/images/components/dash.png', import.meta.url).href;
const donut = new URL('../../assets/images/components/donut.png', import.meta.url).href;
const ellipse = new URL('../../assets/images/components/ellipse.png', import.meta.url).href;
const gifImage = new URL('../../assets/images/components/gif-image.png', import.meta.url).href;
const grayImage = new URL('../../assets/images/components/gray-image.png', import.meta.url).href;
const lineIcon = new URL('../../assets/images/components/line.png', import.meta.url).href;
const polygon = new URL('../../assets/images/components/polygon.png', import.meta.url).href;
const polyline = new URL('../../assets/images/components/polyline.png', import.meta.url).href;
const ortholine = new URL('../../assets/images/components/ortholine.png', import.meta.url).href;
const streamline = new URL('../../assets/images/components/streamline.png', import.meta.url).href;
const rect = new URL('../../assets/images/components/rect.png', import.meta.url).href;
const singleArrow = new URL('../../assets/images/components/single-arrow.png', import.meta.url).href;
const text = new URL('../../assets/images/components/text.png', import.meta.url).href;
const triangle = new URL('../../assets/images/components/triangle.png', import.meta.url).href;
const massFraction = new URL('../../assets/images/components/mass-fraction.png', import.meta.url).href;
const inputUnitNumber = new URL('../../assets/images/components/input-unit-number.png', import.meta.url).href;
const icon = `
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 50 35" style="enable-background:new 0 0 50 35;" xml:space="preserve">
<style type="text/css">
	.st4{fill:{{strokeColor}};}
</style>
<g>
	<circle class="st4" cx="14.1" cy="17.5" r="2.8"/>
	<circle class="st4" cx="25" cy="17.5" r="2.8"/>
	<circle class="st4" cx="35.9" cy="17.5" r="2.8"/>
</g>
</svg>
`;
export const etc = {
    name: 'etc',
    description: 'a group of various components',
    icon,
    templates: [
        {
            type: 'line',
            description: 'simple line',
            icon: lineIcon,
            group: 'etc',
            model: {
                type: 'line',
                x1: 100,
                y1: 100,
                x2: 200,
                y2: 200,
                fillStyle: '#fff',
                strokeStyle: '#000',
                alpha: 1,
                hidden: false,
                lineWidth: 3,
                lineDash: 'solid',
                lineCap: 'butt'
            }
        },
        {
            type: 'dash',
            description: 'dash line',
            icon: dash,
            group: 'etc',
            model: {
                type: 'line',
                x1: 100,
                y1: 100,
                x2: 200,
                y2: 200,
                fillStyle: '#fff',
                strokeStyle: '#000',
                alpha: 1,
                hidden: false,
                lineWidth: 3,
                lineDash: 'round-dot',
                lineCap: 'butt'
            }
        },
        {
            type: 'single arrow',
            description: 'single arrow tip line',
            icon: singleArrow,
            group: 'etc',
            model: {
                type: 'line',
                x1: 100,
                y1: 100,
                x2: 200,
                y2: 200,
                fillStyle: '#fff',
                strokeStyle: '#000',
                alpha: 3,
                hidden: false,
                lineWidth: 3,
                lineDash: 'solid',
                begin: 'arrow',
                lineCap: 'butt'
            }
        },
        {
            type: 'both arrow',
            description: 'both arrow tip line',
            icon: bothArrow,
            group: 'etc',
            model: {
                type: 'line',
                x1: 100,
                y1: 100,
                x2: 200,
                y2: 200,
                fillStyle: '#fff',
                strokeStyle: '#000',
                alpha: 1,
                hidden: false,
                lineWidth: 3,
                lineDash: 'solid',
                begin: 'arrow',
                end: 'arrow',
                lineCap: 'butt'
            }
        },
        {
            type: 'polyline',
            description: 'polyline',
            icon: polyline,
            group: 'etc',
            model: {
                type: 'polyline',
                path: [
                    { x: 100, y: 100 },
                    { x: 200, y: 100 },
                    { x: 200, y: 200 },
                    { x: 100, y: 200 }
                ],
                fillStyle: '#fff',
                strokeStyle: '#000',
                alpha: 1,
                hidden: false,
                lineWidth: 1,
                lineDash: 'solid',
                lineCap: 'butt'
            }
        },
        {
            type: 'ortholine',
            description: 'ortholine',
            icon: ortholine,
            group: 'etc',
            model: {
                type: 'ortholine',
                x1: 100,
                y1: 100,
                x2: 200,
                y2: 200,
                fillStyle: '#fff',
                strokeStyle: '#000',
                alpha: 1,
                hidden: false,
                lineWidth: 1,
                lineDash: 'solid',
                lineCap: 'butt'
            }
        },
        {
            type: 'streamline',
            description: 'streamline',
            icon: streamline,
            group: 'etc',
            model: {
                type: 'streamline',
                x1: 100,
                y1: 100,
                x2: 200,
                y2: 200,
                fillStyle: '#fff',
                strokeStyle: '#000',
                fontColor: 'yellow',
                alpha: 1,
                hidden: false,
                lineWidth: 1,
                lineDash: 'solid',
                lineCap: 'butt'
            }
        },
        {
            type: 'rect',
            description: 'rectangle shape',
            icon: rect,
            group: 'etc',
            model: {
                type: 'rect',
                left: 100,
                top: 100,
                width: 100,
                height: 100,
                fillStyle: '#fff',
                strokeStyle: '#000',
                alpha: 1,
                hidden: false,
                lineWidth: 1,
                lineDash: 'solid',
                lineCap: 'butt'
            }
        },
        {
            type: 'ellipse',
            description: 'ellipse shape',
            icon: ellipse,
            group: 'etc',
            model: {
                type: 'ellipse',
                rx: 50,
                ry: 50,
                cx: 150,
                cy: 150,
                fillStyle: '#fff',
                strokeStyle: '#000',
                alpha: 1,
                hidden: false,
                lineWidth: 1,
                lineDash: 'solid',
                lineCap: 'butt'
            }
        },
        {
            type: 'donut',
            description: 'donut shape',
            icon: donut,
            group: 'etc',
            model: {
                type: 'donut',
                rx: 50,
                ry: 50,
                cx: 150,
                cy: 150,
                ratio: 30,
                fillStyle: '#fff',
                strokeStyle: '#000',
                alpha: 1,
                hidden: false,
                lineWidth: 1,
                lineDash: 'solid',
                lineCap: 'butt'
            }
        },
        {
            type: 'triangle',
            description: 'triangle shape',
            icon: triangle,
            group: 'etc',
            model: {
                type: 'triangle',
                x1: 150,
                y1: 100,
                x2: 100,
                y2: 200,
                x3: 200,
                y3: 200,
                fillStyle: '#fff',
                strokeStyle: '#000',
                alpha: 1,
                hidden: false,
                lineWidth: 1,
                lineDash: 'solid',
                lineCap: 'butt'
            }
        },
        {
            type: 'polygon',
            description: 'polygon shape',
            icon: polygon,
            group: 'etc',
            model: {
                type: 'polygon',
                path: [
                    { x: 100, y: 100 },
                    { x: 200, y: 100 },
                    { x: 200, y: 200 },
                    { x: 100, y: 200 }
                ],
                fillStyle: '#fff',
                strokeStyle: '#000',
                alpha: 1,
                hidden: false,
                lineWidth: 1,
                lineDash: 'solid',
                lineCap: 'butt'
            }
        },
        {
            type: 'text',
            description: 'text',
            icon: text,
            group: 'etc',
            model: {
                type: 'text',
                left: 100,
                top: 100,
                width: 200,
                height: 50,
                text: 'Text',
                fillStyle: '#fff',
                strokeStyle: '#000',
                alpha: 1,
                hidden: false,
                lineWidth: 5,
                lineDash: 'solid',
                lineCap: 'butt',
                textAlign: 'left',
                textBaseline: 'top',
                textWrap: false,
                fontFamily: 'serif',
                fontSize: 30
            }
        },
        {
            type: 'color image',
            description: 'color image',
            icon: colorImage,
            group: 'etc',
            model: {
                type: 'image-view',
                left: 100,
                top: 100,
                width: 100,
                height: 100,
                isGray: false,
                fillStyle: '#fff',
                strokeStyle: '#000',
                alpha: 1,
                hidden: false,
                lineWidth: 1,
                lineDash: 'solid',
                lineCap: 'butt'
            }
        },
        {
            type: 'gray image',
            description: 'gray image',
            icon: grayImage,
            group: 'etc',
            model: {
                type: 'image-view',
                left: 100,
                top: 100,
                width: 100,
                height: 100,
                isGray: true,
                fillStyle: '#fff',
                strokeStyle: '#000',
                alpha: 1,
                hidden: false,
                lineWidth: 1,
                lineDash: 'solid',
                lineCap: 'butt'
            }
        },
        {
            type: 'gif image',
            description: 'gif image',
            icon: gifImage,
            group: 'etc',
            model: {
                type: 'gif-view',
                left: 100,
                top: 100,
                width: 100,
                height: 100
            }
        },
        {
            type: 'input-unit-number',
            description: 'input-unit-number',
            group: 'etc',
            icon: inputUnitNumber,
            model: {
                type: 'input-unit-number',
                left: 10,
                top: 10,
                width: 100,
                height: 20
            }
        },
        {
            type: 'mass-fraction',
            description: 'mass-fraction',
            group: 'etc',
            icon: massFraction,
            model: {
                type: 'mass-fraction',
                left: 10,
                top: 10,
                width: 500,
                height: 100
            }
        }
    ]
};
//# sourceMappingURL=etc.js.map