@cocreate/elements 1.6.0 → 1.6.4

package/CHANGELOG.md

@@ -1,3 +1,32 @@
+## [1.6.4](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.6.3...v1.6.4) (2022-01-16)
+
+
+### Bug Fixes
+
+* updated saveDocument to save and createDocument replaced with save, reset ([749a02f](https://github.com/CoCreate-app/CoCreate-elements/commit/749a02f28f156eb36344863b9e77120eba8e08c1))
+
+## [1.6.3](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.6.2...v1.6.3) (2022-01-16)
+
+
+### Bug Fixes
+
+* update class overflow:overlay to overflow:auto ([111577e](https://github.com/CoCreate-app/CoCreate-elements/commit/111577e6c6642a85af1e33b67f0267e6471da4fb))
+
+## [1.6.2](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.6.1...v1.6.2) (2022-01-11)
+
+
+### Bug Fixes
+
+* if crdt = true but document_id is empty save ([cd69a43](https://github.com/CoCreate-app/CoCreate-elements/commit/cd69a434ec33ac7f32ded29f715154f22a1bd4e8))
+
+## [1.6.1](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.6.0...v1.6.1) (2022-01-02)
+
+
+### Bug Fixes
+
+* add input event listener to valueEl ([ea77493](https://github.com/CoCreate-app/CoCreate-elements/commit/ea77493fed7401b2ccd3d825b73198daf03f836c))
+* check if document_id is a valid id if not return ([220151f](https://github.com/CoCreate-app/CoCreate-elements/commit/220151f9ee0b2c9ff8e4afc06cc24ad5b891b161))
+
 # [1.6.0](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.5.0...v1.6.0) (2022-01-01)
 
 

package/demo/get-value.html

@@ -24,7 +24,9 @@
   <input get-value="#testing1" />
   <input get-value="#testing1" />
     
+        <script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
     <!--<script src="../dist/CoCreate-form.js"></script>-->
-    <script src="../../../CoCreateJS/dist/CoCreate.js" ></script>
+    <!--<script src="../../../CoCreateJS/dist/CoCreate.js" ></script>-->
+    
 </body>
 </html>

package/demo/input-and-fetch.html

@@ -20,7 +20,7 @@
 			<!--<textarea type="text" placeholder="description" name="description"></textarea>-->
 			<!--        <cocreate-select class="floating-label" collection="apples3" name="industry" placeholder="Industry">-->
 			<!--         	<input placeholder="Search" template_id="industries">-->
-			<!--<cc-options fetch-collection="apples3" template_id="industries" class="options overflow:overlay">-->
+			<!--<cc-options fetch-collection="apples3" template_id="industries" class="options overflow:auto">-->
 			<!--	<cc-option class="template" template_id="industries" value="{{data._id}}">-->
 			<!--		<h4 collection="apples3" document_id="{{data._id}}" name="name">industry name</h4>-->
 			<!--	</cc-option>-->
@@ -39,7 +39,7 @@
 			<!--		</cc-option>-->
 			<!--	</cc-options>-->
 			<!--</cocreate-select>-->
-			<button class="position:fixed bottom:15px right:15px bg-blue grow-hover round opacity-08" actions="saveDocument"><i class="far fa-save"></i></button>
+			<button class="position:fixed bottom:15px right:15px bg-blue grow-hover round opacity-08" actions="save"><i class="far fa-save"></i></button>
 		</form>
 		<!--<cocreate-select id="margin-right-unit" class="styleunit remove-none border:none padding:0 min-height:24px!important background:#eee" collection="builder" document_id="null" attributes="attributes_unit" attributes_target="#margin-right">-->
 		<!--	<ul class="options overflow:auto padding:0px z-index:7" fetch-collection="modules" filter-value="5ff747727005da1c27274193" filter-name="_id" filter-operator="$eq" fetch-name="units" template_id="units2">-->

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/elements",
-  "version": "1.6.0",
+  "version": "1.6.4",
   "description": "Fetch content into any html element by using html5 attributes to query data stored in CoCreate headless CMS. If data is changed it will instantly reflect in html tags as changes are broadcasted in realtime",
   "keywords": [
     "elements",

package/src/getValue.js

@@ -18,14 +18,11 @@ function initElements(elements) {
 function initElement(element) {
     let selector = element.getAttribute('get-value');
     if(!selector) return;
+	if(/{{\s*([\w\W]+)\s*}}/g.test(selector)) return;
 	
 	let valueEl = document.querySelector(selector);
 	if(!valueEl) return;
-	
-	// let value = getValue(valueEl);
-	// if (value)
-	// 	setValue(element, value);
-	
+
 	initEvents(valueEl, element);
 
 	element.dispatchEvent(new Event("input", {
@@ -35,10 +32,8 @@ function initElement(element) {
 }
 
 function initEvents(valueEl, element){
-	if (!valueEls.has(valueEl)) 
+	if (!valueEls.has(valueEl)) {
 		valueEls.set(valueEl, [element]);
-	else {
-		valueEls.get(valueEl).push(element);
 		if (['INPUT', 'TEXTAREA', 'SELECT'].includes(valueEl.tagName)  || valueEl.contentEditable)
 			valueEl.addEventListener('input', (e) => {
 				setValueByFind(e.target);
@@ -46,8 +41,10 @@ function initEvents(valueEl, element){
 		
 		valueEl.addEventListener('updated_by_fetch', (e) => {
 			setValueByFind(e.target);
-		});
+		});	
 	}
+	else 
+		valueEls.get(valueEl).push(element);
 }
 
 function setValueByFind(valueEl) {
@@ -147,5 +144,4 @@ observer.init({
 	}
 });
 
-// initGetValues();
 export { initGetValues, getValue };

package/src/index.js

@@ -39,10 +39,11 @@ function initElement(el) {
 	if (el.closest('.template')) return;
 
 	const { collection, document_id, name, isRead } = crud.getAttr(el);
+	__initEvents(el);
 	if (!collection || !name) return;
+	if (!document_id.match(/^[0-9a-fA-F]{24}$/)) return; 
 	if (!crud.checkAttrValue(collection) || !crud.checkAttrValue(name)) return;
 	 
-	__initEvents(el);
 	if (isRead == 'false') return;
 	return {collection, document_id};
 }
@@ -118,7 +119,7 @@ function __initEvents(el) {
 		el.addEventListener('input', function(e) {
 			const {document_id, isRealtime, isCrdt} = crud.getAttr(el);
 			if (isCrdt == "true" && document_id || isRealtime == "false") return;
-			if (e.detail && e.detail.skip == true) return;
+			if (document_id && e.detail && e.detail.skip == true) return;
 			save(el);
 		});