@cocreate/element-prototype 1.8.13 → 1.8.14

package/package.json

@@ -1,66 +1,66 @@
-{
-  "name": "@cocreate/element-prototype",
-  "version": "1.8.13",
-  "description": "A simple element-prototype component in vanilla javascript. Easily configured using HTML5 data-attributes and/or JavaScript API.",
-  "keywords": [
-    "element-prototype",
-    "cocreate",
-    "low-code-framework",
-    "no-code-framework",
-    "cocreatejs",
-    "cocreatejs-component",
-    "cocreate-framework",
-    "no-code",
-    "low-code",
-    "collaborative-framework",
-    "realtime",
-    "realtime-framework",
-    "collaboration",
-    "shared-editing",
-    "html5-framework",
-    "javascript-framework"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {
-    "start": "npx webpack --config webpack.config.js",
-    "build": "NODE_ENV=production npx webpack --config webpack.config.js",
-    "dev": "npx webpack --config webpack.config.js --watch",
-    "docs": "node ./node_modules/@cocreate/docs/src/index.js",
-    "hosting": "node ./node_modules/@cocreate/hosting/src/index.js"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/CoCreate-app/CoCreate-element-prototype.git"
-  },
-  "author": "CoCreate LLC",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/CoCreate-app/CoCreate-element-prototype/issues"
-  },
-  "homepage": "https://cocreate.app/docs/element-prototype",
-  "funding": {
-    "type": "GitHub Sponsors ❤",
-    "url": "https://github.com/sponsors/CoCreate-app"
-  },
-  "main": "./src/index.js",
-  "devDependencies": {
-    "@babel/core": "^7.9.6",
-    "@babel/preset-env": "^7.9.6",
-    "babel-loader": "^8.1.0",
-    "clean-webpack-plugin": "^3.0.0",
-    "file-loader": "^6.2.0",
-    "mini-css-extract-plugin": "^1.5.0",
-    "style-loader": "^3.3.1",
-    "terser-webpack-plugin": "^5.1.1",
-    "webpack": "^5.24.4",
-    "webpack-cli": "^4.5.0",
-    "webpack-log": "^3.0.1"
-  },
-  "dependencies": {
-    "@cocreate/docs": "^1.7.13",
-    "@cocreate/hosting": "^1.10.5",
-    "@cocreate/utils": "^1.20.10"
-  }
-}
+{
+  "name": "@cocreate/element-prototype",
+  "version": "1.8.14",
+  "description": "A simple element-prototype component in vanilla javascript. Easily configured using HTML5 data-attributes and/or JavaScript API.",
+  "keywords": [
+    "element-prototype",
+    "cocreate",
+    "low-code-framework",
+    "no-code-framework",
+    "cocreatejs",
+    "cocreatejs-component",
+    "cocreate-framework",
+    "no-code",
+    "low-code",
+    "collaborative-framework",
+    "realtime",
+    "realtime-framework",
+    "collaboration",
+    "shared-editing",
+    "html5-framework",
+    "javascript-framework"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "start": "npx webpack --config webpack.config.js",
+    "build": "NODE_ENV=production npx webpack --config webpack.config.js",
+    "dev": "npx webpack --config webpack.config.js --watch",
+    "docs": "node ./node_modules/@cocreate/docs/src/index.js",
+    "hosting": "node ./node_modules/@cocreate/hosting/src/index.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/CoCreate-app/CoCreate-element-prototype.git"
+  },
+  "author": "CoCreate LLC",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/CoCreate-app/CoCreate-element-prototype/issues"
+  },
+  "homepage": "https://cocreate.app/docs/element-prototype",
+  "funding": {
+    "type": "GitHub Sponsors ❤",
+    "url": "https://github.com/sponsors/CoCreate-app"
+  },
+  "main": "./src/index.js",
+  "devDependencies": {
+    "@babel/core": "^7.9.6",
+    "@babel/preset-env": "^7.9.6",
+    "babel-loader": "^8.1.0",
+    "clean-webpack-plugin": "^3.0.0",
+    "file-loader": "^6.2.0",
+    "mini-css-extract-plugin": "^1.5.0",
+    "style-loader": "^3.3.1",
+    "terser-webpack-plugin": "^5.1.1",
+    "webpack": "^5.24.4",
+    "webpack-cli": "^4.5.0",
+    "webpack-log": "^3.0.1"
+  },
+  "dependencies": {
+    "@cocreate/docs": "^1.7.13",
+    "@cocreate/hosting": "^1.10.5",
+    "@cocreate/utils": "^1.20.10"
+  }
+}

package/release.config.js

@@ -1,22 +1,22 @@
-module.exports = {
-  dryRun: false,
-  branches: ["master"],
-  plugins: [
-    "@semantic-release/commit-analyzer",
-    "@semantic-release/release-notes-generator",
-    [
-      "@semantic-release/changelog",
-      {
-        changelogFile: "CHANGELOG.md",
-      },
-    ],
-    "@semantic-release/npm",
-    "@semantic-release/github",
-    [
-      "@semantic-release/git",
-      {
-        assets: ["CHANGELOG.md", "package.json"],
-      },
-    ],
-  ],
+module.exports = {
+  dryRun: false,
+  branches: ["master"],
+  plugins: [
+    "@semantic-release/commit-analyzer",
+    "@semantic-release/release-notes-generator",
+    [
+      "@semantic-release/changelog",
+      {
+        changelogFile: "CHANGELOG.md",
+      },
+    ],
+    "@semantic-release/npm",
+    "@semantic-release/github",
+    [
+      "@semantic-release/git",
+      {
+        assets: ["CHANGELOG.md", "package.json"],
+      },
+    ],
+  ],
 };

package/src/getValue.js

@@ -1,101 +1,101 @@
-HTMLElement.prototype.getValue = function() {
-	let value = getValue(this)
-	return value;
-};
-
-HTMLInputElement.prototype.getValue = function() {
-	let value = getValue(this)
-	return value;
-};
-
-HTMLHeadingElement.prototype.getValue = function() {
-	let value = getValue(this)
-	return value;
-};
-
-
-// TODO: replace esle if with switch case
-const getValue = (element) => {
-	let value = element.value;
-	let prefix = element.getAttribute('value-prefix') || "";
-	let suffix = element.getAttribute('value-suffix') || "";
-
-	if (element.type === "checkbox") {
-		let inputs = [element]
-		let name = element.getAttribute('name');
-		if (name)
-			inputs = document.querySelectorAll(`input[type="${element.type}"][name="${name}"]`);
-			
-
-		if (inputs.length > 1) {
-			value = [];
-			inputs.forEach(el => {
-				if (el.checked) {
-					let checkedValue = el.value
-					if (prefix || suffix)
-						checkedValue = prefix + checkedValue + suffix;	
-
-					value.push(checkedValue);
-				}
-			});
-		} else {
-			if (element.checked) 
-				value = element.value || 'true'
-			else if (!element.value)
-				value = 'false'
-
-		}
-	} else if (element.type === 'radio') {
-		let name = element.getAttribute('name');
-		value = document.querySelector(`input[name="${name}"]:checked`).value
-	}
-	else if (element.type === "number") {
-		value = Number(value);
-	}
-	else if (element.type === 'range') {
-		value = [Number(element.min), Number(element.value)];
-	}
-	else if (element.type === "password") {
-		value = btoa(value);
-	}
-	else if (element.tagName == "SELECT" && element.hasAttribute('multiple')) {
-		let options = element.selectedOptions;
-		value = [];
-		for (let i = 0; i < options.length; i++) {
-			let optionValue = options[i].value
-			if (prefix || suffix)
-				optionValue = prefix + optionValue + suffix;	
-			value.push(optionValue);
-		}
-	}
-	else if (element.tagName == 'INPUT' || element.tagName == 'SELECT') {
-		value = element.value;
-	}
-	else if (element.tagName == 'TEXTAREA') {
-		if (element.hasAttribute('value'))
-			value = element.getAttribute('value');
-		else
-			value = element.value;
-	}
-	else if (element.t1agName === 'IFRAME') {
-		value = element.srcdoc;
-	}
-	else if (element.hasAttribute('value')){
-		value = element.getAttribute('value');
-	}
-	else {
-		value = element.innerHTML;
-	}
-	if (!Array.isArray(value)) {
-		if (prefix || suffix)
-			value = prefix + value + suffix;
-
-		if (element.getAttribute('value-type') == 'array')
-			value = [value];
-	}
-
-
-	return value;
-};
-
-export { getValue };
+HTMLElement.prototype.getValue = function() {
+	let value = getValue(this)
+	return value;
+};
+
+HTMLInputElement.prototype.getValue = function() {
+	let value = getValue(this)
+	return value;
+};
+
+HTMLHeadingElement.prototype.getValue = function() {
+	let value = getValue(this)
+	return value;
+};
+
+
+// TODO: replace esle if with switch case
+const getValue = (element) => {
+	let value = element.value;
+	let prefix = element.getAttribute('value-prefix') || "";
+	let suffix = element.getAttribute('value-suffix') || "";
+
+	if (element.type === "checkbox") {
+		let inputs = [element]
+		let name = element.getAttribute('name');
+		if (name)
+			inputs = document.querySelectorAll(`input[type="${element.type}"][name="${name}"]`);
+			
+
+		if (inputs.length > 1) {
+			value = [];
+			inputs.forEach(el => {
+				if (el.checked) {
+					let checkedValue = el.value
+					if (prefix || suffix)
+						checkedValue = prefix + checkedValue + suffix;	
+
+					value.push(checkedValue);
+				}
+			});
+		} else {
+			if (element.checked) 
+				value = element.value || 'true'
+			else if (!element.value)
+				value = 'false'
+
+		}
+	} else if (element.type === 'radio') {
+		let name = element.getAttribute('name');
+		value = document.querySelector(`input[name="${name}"]:checked`).value
+	}
+	else if (element.type === "number") {
+		value = Number(value);
+	}
+	else if (element.type === 'range') {
+		value = [Number(element.min), Number(element.value)];
+	}
+	else if (element.type === "password") {
+		value = btoa(value);
+	}
+	else if (element.tagName == "SELECT" && element.hasAttribute('multiple')) {
+		let options = element.selectedOptions;
+		value = [];
+		for (let i = 0; i < options.length; i++) {
+			let optionValue = options[i].value
+			if (prefix || suffix)
+				optionValue = prefix + optionValue + suffix;	
+			value.push(optionValue);
+		}
+	}
+	else if (element.tagName == 'INPUT' || element.tagName == 'SELECT') {
+		value = element.value;
+	}
+	else if (element.tagName == 'TEXTAREA') {
+		if (element.hasAttribute('value'))
+			value = element.getAttribute('value');
+		else
+			value = element.value;
+	}
+	else if (element.t1agName === 'IFRAME') {
+		value = element.srcdoc;
+	}
+	else if (element.hasAttribute('value')){
+		value = element.getAttribute('value');
+	}
+	else {
+		value = element.innerHTML;
+	}
+	if (!Array.isArray(value)) {
+		if (prefix || suffix)
+			value = prefix + value + suffix;
+
+		if (element.getAttribute('value-type') == 'array')
+			value = [value];
+	}
+
+
+	return value;
+};
+
+export { getValue };

package/src/index.js

@@ -1,12 +1,12 @@
-/********************************************************************************
- * Copyright (C) 2020 CoCreate LLC and others.
- *
- *
- * SPDX-License-Identifier: MIT
- ********************************************************************************/
-
- import { setValue } from './setValue';
- import { getValue } from './getValue';
- 
-
+/********************************************************************************
+ * Copyright (C) 2020 CoCreate LLC and others.
+ *
+ *
+ * SPDX-License-Identifier: MIT
+ ********************************************************************************/
+
+ import { setValue } from './setValue';
+ import { getValue } from './getValue';
+ 
+
  export default {getValue, setValue}