(function () {
	// Adds Atlassian shapes
	// flowMeter label
	Sidebar.prototype.addThingsKitFlowMeterPalette = function () {

		const gn = 'mxgraph.flowMeter';
		const dt = 'flowMeter';
		const label = mxResources.get('flowmeter')
		const width = 66;
		const height = 74;
		const prefix = `image;image=${window?.PROJECT_ENV.base}/webapp/images/thingskit/libs/`
		const defaultStyle = ';imageAspect=0;'
		this.setCurrentSearchEntryLibrary(dt);

		const { COMPONENT_KEY, CATEGORY } = window.CellAttributeKeyEnum

		function createUserObject(attribute) {
			attribute = Object.assign({ [COMPONENT_KEY]: '', [CATEGORY]: '' }, attribute || {})
			var xmlElement = mxUtils.createXmlDocument().createElement('UserObject');

			Object.keys(attribute).forEach(key => {
				xmlElement.setAttribute(key, attribute[key]);
			})
			return xmlElement
		}

		// 自定义属性
		const cellAttribute = {
			[COMPONENT_KEY]: 'Image',
			[CATEGORY]: 'DEFAULT'
		}

		const graphPathLib = [
			{
				"name": mxResources.get('flowmeter1'),
				"path": "flowMeter/压力.svg"
			},
			{
				"name": mxResources.get('flowmeter2'),
				"path": "flowMeter/微电脑控制器.svg"
			},
			{
				"name": mxResources.get('flowmeter3'),
				"path": "flowMeter/排气压力.svg"
			},
			{
				"name": mxResources.get('flowmeter4'),
				"path": "flowMeter/智能电磁流量计.svg"
			},
			{
				"name": mxResources.get('flowmeter5'),
				"path": "flowMeter/智能科氏流量计 1.svg"
			},
			{
				"name": mxResources.get('flowmeter6'),
				"path": "flowMeter/智能科氏流量计 2.svg"
			},
			{
				"name": mxResources.get('flowmeter7'),
				"path": "flowMeter/模拟输出流量传感器.svg"
			},
			{
				"name": mxResources.get('flowmeter8'),
				"path": "flowMeter/气旋流量计.svg"
			},
			{
				"name": mxResources.get('flowmeter9'),
				"path": "flowMeter/流元件.svg"
			},
			{
				"name": mxResources.get('flowmeter0'),
				"path": "flowMeter/流管.svg"
			},
			{
				"name": mxResources.get('flowmeter11'),
				"path": "flowMeter/流量积算器.svg"
			},
			{
				"name": mxResources.get('flowmeter12'),
				"path": "flowMeter/流量计.svg"
			},
			{
				"name": mxResources.get('flowmeter13'),
				"path": "flowMeter/涡轮流量计.svg"
			},
			{
				"name": mxResources.get('flowmeter14'),
				"path": "flowMeter/温度.svg"
			},
			{
				"name": mxResources.get('flowmeter15'),
				"path": "flowMeter/热式质量流量计.svg"
			},
			{
				"name": mxResources.get('flowmeter16'),
				"path": "flowMeter/电磁流量计 1.svg"
			},
			{
				"name": mxResources.get('flowmeter17'),
				"path": "flowMeter/电磁流量计 2.svg"
			},
			{
				"name": mxResources.get('flowmeter18'),
				"path": "flowMeter/电磁流量计3.svg"
			},
			{
				"name": mxResources.get('flowmeter19'),
				"path": "flowMeter/简单流量控制器.svg"
			},
			{
				"name": mxResources.get('flowmeter20'),
				"path": "flowMeter/简单流量控制器2.svg"
			},
			{
				"name": mxResources.get('flowmeter21'),
				"path": "flowMeter/锥式流量计.svg"
			}
		]



		const fns = graphPathLib.map(item => {
			return this.addEntry(this.getTagsForStencil(gn, item.name, dt).join(' '), mxUtils.bind(this, function () {
				const cell = new mxCell(createUserObject(cellAttribute), new mxGeometry(0, 0, width, height), `${prefix}${item.path}${defaultStyle}`);
				cell.setVertex(true)

				return this.createVertexTemplateFromCells([cell], cell.geometry.width, cell.geometry.height, item.name);
			}));
		})


		this.setGalleryLib(dt, label, graphPathLib)

		this.addPaletteFunctions(dt, label, false, fns);

		this.setCurrentSearchEntryLibrary();
	};
})();