@adobe/alloy 2.11.0-alpha.0 → 2.11.0-alpha.1

package/libEs5/components/Personalization/dom-actions/dom/selectNodesWithEq.js

@@ -21,18 +21,11 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 // Trying to match ID or CSS class
-var CSS_IDENTIFIER_PATTERN = /(#|\.)(-?\w+)/g; // This is required to remove leading " > " from parsed pieces
-
-var SIBLING_PATTERN = /^\s*>?\s*/;
-
-var cleanUp = function cleanUp(str) {
-  return str.replace(SIBLING_PATTERN, "").trim();
-}; // Here we use CSS.escape() to make sure we get
+var CSS_IDENTIFIER_PATTERN = /(#|\.)(-?\w+)/g; // Here we use CSS.escape() to make sure we get
 // correct values for ID and CSS class
 // Please check:  https://www.w3.org/TR/css-syntax-3/#escaping
 // CSS.escape() polyfill can be found here: https://github.com/mathiasbynens/CSS.escape
 
-
 var replaceIdentifier = function replaceIdentifier(_, $1, $2) {
   return "" + $1 + (0, _css.default)($2);
 };
@@ -51,7 +44,7 @@ var parseSelector = function parseSelector(rawSelector) {
   var i = 0;
 
   while (i < length) {
-    var sel = cleanUp(parts[i]);
+    var sel = parts[i];
     var eq = parts[i + 1];
 
     if (eq) {

package/libEs5/constants/libraryVersion.js

@@ -15,5 +15,5 @@ governing permissions and limitations under the License.
 */
 // The __VERSION__ keyword will be replace at alloy build time with the package.json version.
 // see babel-plugin-version
-var _default = "2.11.0-alpha.0";
+var _default = "2.11.0-alpha.1";
 exports.default = _default;

package/libEs5/utils/dom/querySelectorAll.js

@@ -15,8 +15,22 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA
 OF ANY KIND, either express or implied. See the License for the specific language
 governing permissions and limitations under the License.
 */
+var SIBLING_PATTERN = /^\s*>/;
+
 var _default = function _default(context, selector) {
-  return (0, _toArray.default)(context.querySelectorAll(selector));
+  if (!SIBLING_PATTERN.test(selector)) {
+    return (0, _toArray.default)(context.querySelectorAll(selector));
+  }
+
+  var tag = "alloy-" + Date.now(); // We could use a :scope selector here, but we want to be IE compliant
+  // so we add a dummy css class to be able to select the children
+
+  try {
+    context.classList.add(tag);
+    return (0, _toArray.default)(context.querySelectorAll("." + tag + " " + selector));
+  } finally {
+    context.classList.remove(tag);
+  }
 };
 
 exports.default = _default;

package/libEs6/components/Personalization/dom-actions/dom/selectNodesWithEq.js

@@ -13,16 +13,11 @@ import escape from "css.escape";
 import { selectNodes } from "../../../../utils/dom";
 import { isNotEqSelector, splitWithEq } from "./helperForEq"; // Trying to match ID or CSS class
 
-const CSS_IDENTIFIER_PATTERN = /(#|\.)(-?\w+)/g; // This is required to remove leading " > " from parsed pieces
-
-const SIBLING_PATTERN = /^\s*>?\s*/;
-
-const cleanUp = str => str.replace(SIBLING_PATTERN, "").trim(); // Here we use CSS.escape() to make sure we get
+const CSS_IDENTIFIER_PATTERN = /(#|\.)(-?\w+)/g; // Here we use CSS.escape() to make sure we get
 // correct values for ID and CSS class
 // Please check:  https://www.w3.org/TR/css-syntax-3/#escaping
 // CSS.escape() polyfill can be found here: https://github.com/mathiasbynens/CSS.escape
 
-
 const replaceIdentifier = (_, $1, $2) => `${$1}${escape($2)}`;
 
 export const escapeIdentifiersInSelector = selector => {
@@ -38,7 +33,7 @@ export const parseSelector = rawSelector => {
   let i = 0;
 
   while (i < length) {
-    const sel = cleanUp(parts[i]);
+    const sel = parts[i];
     const eq = parts[i + 1];
 
     if (eq) {

package/libEs6/constants/libraryVersion.js

@@ -11,4 +11,4 @@ governing permissions and limitations under the License.
 */
 // The __VERSION__ keyword will be replace at alloy build time with the package.json version.
 // see babel-plugin-version
-export default "2.11.0-alpha.0";
+export default "2.11.0-alpha.1";

package/libEs6/utils/dom/querySelectorAll.js

@@ -10,4 +10,19 @@ OF ANY KIND, either express or implied. See the License for the specific languag
 governing permissions and limitations under the License.
 */
 import toArray from "../toArray";
-export default ((context, selector) => toArray(context.querySelectorAll(selector)));
+const SIBLING_PATTERN = /^\s*>/;
+export default ((context, selector) => {
+  if (!SIBLING_PATTERN.test(selector)) {
+    return toArray(context.querySelectorAll(selector));
+  }
+
+  const tag = `alloy-${Date.now()}`; // We could use a :scope selector here, but we want to be IE compliant
+  // so we add a dummy css class to be able to select the children
+
+  try {
+    context.classList.add(tag);
+    return toArray(context.querySelectorAll(`.${tag} ${selector}`));
+  } finally {
+    context.classList.remove(tag);
+  }
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/alloy",
-  "version": "2.11.0-alpha.0",
+  "version": "2.11.0-alpha.1",
   "description": "Adobe Experience Platform Web SDK",
   "main": "libEs5/index.js",
   "module": "libEs6/index.js",
@@ -64,7 +64,7 @@
     "uuid": "^3.3.2"
   },
   "devDependencies": {
-    "@adobe/alloy": "^2.10.1",
+    "@adobe/alloy": "^2.11.0-alpha.0",
     "@babel/cli": "^7.12.8",
     "@babel/core": "^7.2.2",
     "@babel/plugin-proposal-object-rest-spread": "^7.3.2",