@cocreate/utils 1.8.1 → 1.9.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# [1.9.0](https://github.com/CoCreate-app/CoCreate-utils/compare/v1.8.1...v1.9.0) (2022-07-03)
+
+
+### Bug Fixes
+
+* add queryDocumentSelector to export default ([b067ed1](https://github.com/CoCreate-app/CoCreate-utils/commit/b067ed1354488cf52014e2d417d75c5be455fc6f))
+
+
+### Features
+
+* queryDocumentSelector to return one element from an iframe or iframes parent ([477f179](https://github.com/CoCreate-app/CoCreate-utils/commit/477f179ef4e00aab219d12a5a9ae3a5e1cfae992))
+
 ## [1.8.1](https://github.com/CoCreate-app/CoCreate-utils/compare/v1.8.0...v1.8.1) (2022-07-01)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/utils",
-  "version": "1.8.1",
+  "version": "1.9.0",
   "description": "A simple utils component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.",
   "keywords": [
     "utils",

package/src/index.js

@@ -159,6 +159,41 @@ export function queryDocumentSelectorAll(selector) {
 	}
 }
 
+export function queryDocumentSelector(selector) {
+	if (selector) {
+		let selectors = [selector];
+		if(selector.indexOf(',') !== -1){
+			selectors = selector.split(',');
+		}
+		for (let selector of selectors){
+			let el;
+			if(selector.indexOf(';') !== -1) {
+                let targetDocument;
+				let [documentSelector, targetSelector] = selector.split(';');
+				if (['parent', 'parentDocument'].includes(documentSelector))
+                    targetDocument = window.parent.document;
+                else {
+                    let frame = document.querySelector(documentSelector);
+                    if (frame)
+                        targetDocument = frame.contentDocument;
+                }
+                if (targetDocument){
+                    if (targetSelector)
+                        el = targetDocument.querySelector(targetSelector);
+                    else
+                        if (targetDocument.clickedElement)
+                            el = [targetDocument.clickedElement];
+                }
+			}
+			else
+				el = document.querySelector(selector);
+            if (el)
+                return el
+		}
+		return;
+	}
+}
+
 // export function computeStyles(el, properties) {
 //   let computed = window.getComputedStyle(el);
 //   let result = {};
@@ -186,5 +221,6 @@ export default {
   parseTextToHtml,
   cssPath,
   domParser,
+  queryDocumentSelector,
   queryDocumentSelectorAll
 };