@adobe/helix-rum-enhancer 2.35.1 → 2.35.3

package/CHANGELOG.md

@@ -1,3 +1,20 @@
+## [2.35.3](https://github.com/adobe/helix-rum-enhancer/compare/v2.35.2...v2.35.3) (2025-05-27)
+
+
+### Bug Fixes
+
+* fixing illegal invocation in webcomponent.js ([#419](https://github.com/adobe/helix-rum-enhancer/issues/419)) ([4153899](https://github.com/adobe/helix-rum-enhancer/commit/415389954e3a7b0d4973a9f176909da60ae8b812))
+
+## [2.35.2](https://github.com/adobe/helix-rum-enhancer/compare/v2.35.1...v2.35.2) (2025-05-22)
+
+
+### Bug Fixes
+
+* get selector within shadowdom ([b3562cb](https://github.com/adobe/helix-rum-enhancer/commit/b3562cbd6180ccd1d10c81267b3518088359fe00))
+* handle webcomponent sources ([0d3fbf2](https://github.com/adobe/helix-rum-enhancer/commit/0d3fbf247db02b9b296958f2859c9a04e36ace2d))
+* include webcomponent tagname in source selector ([5794f5c](https://github.com/adobe/helix-rum-enhancer/commit/5794f5c3156f2572c63f5ea2560383bf924ead5b))
+* observe nested webcomponent mutations ([9c05d0b](https://github.com/adobe/helix-rum-enhancer/commit/9c05d0b9158af10712004642ba1daa182eb7ac53))
+
 ## [2.35.1](https://github.com/adobe/helix-rum-enhancer/compare/v2.35.0...v2.35.1) (2025-05-21)
 
 

package/modules/dom.js

@@ -34,7 +34,8 @@ function walk(el, checkFn) {
   if (!el || el === document.body || el === document.documentElement) {
     return undefined;
   }
-  return checkFn(el) || walk(el.parentElement, checkFn);
+
+  return checkFn(el) || walk(el.parentElement || (el.parentNode && el.parentNode.host), checkFn);
 }
 
 function isDialog(el) {
@@ -69,6 +70,7 @@ function getSourceContext(el) {
   const block = el.closest('.block[data-block-name]');
   return ((block && `.${block.getAttribute('data-block-name')}`)
     || (walk(el, isDialog) && 'dialog')
+    || (walk(el, (e) => e.tagName && e.tagName.includes('-') && e.tagName.toLowerCase()))
     || ['nav', 'header', 'footer', 'aside'].find((t) => el.closest(t))
     || walk(el, (e) => e.id && `#${e.id}`));
 }
@@ -90,6 +92,7 @@ function getSourceIdentifier(el) {
   if (el.getAttribute('data-block-name')) return `.${el.getAttribute('data-block-name')}`;
   return (el.classList.length > 0 && `.${el.classList[0]}`);
 }
+
 export const sourceSelector = (el) => {
   try {
     if (!el || el === document.body || el === document.documentElement) {

package/modules/index.js

@@ -22,7 +22,7 @@ const { sampleRUM, queue, isSelected } = (window.hlx && window.hlx.rum) ? window
 const createMO = (cb) => (window.MutationObserver ? new MutationObserver(cb)
 /* c8 ignore next */ : {});
 
-// blocks & media mutation observer
+// blocks & media mutation observers
 // eslint-disable-next-line no-use-before-define
 const [blocksMO, mediaMO] = [blocksMCB, mediaMCB].map(createMO);
 
@@ -37,13 +37,18 @@ const PLUGINS = {
   // Interactive elements
   form: { url: `${pluginBasePath}/form.js`, when: () => document.querySelector('form'), isBlockDependent: true },
   video: { url: `${pluginBasePath}/video.js`, when: () => document.querySelector('video'), isBlockDependent: true },
+  webcomponent: {
+    url: `${pluginBasePath}/webcomponent.js`,
+    when: () => [...document.querySelectorAll('*')].some((el) => el.tagName && el.tagName.includes('-')),
+    isBlockDependent: true,
+  },
   // Martech
   martech: { url: `${pluginBasePath}/martech.js`, when: ({ urlParameters }) => urlParameters.size > 0 },
   onetrust: { url: `${pluginBasePath}/onetrust.js`, when: () => (document.querySelector('#onetrust-consent-sdk') || hasCookieKey('OptanonAlertBoxClosed')), isBlockDependent: true },
   // test: broken-plugin
 };
 
-function getIntersectionObsever(checkpoint) {
+function getIntersectionObserver(checkpoint) {
   /* c8 ignore next 3 */
   if (!window.IntersectionObserver) {
     return null;
@@ -72,7 +77,8 @@ const PLUGIN_PARAMETERS = {
   sampleRUM,
   sourceSelector,
   targetSelector,
-  getIntersectionObsever,
+  getIntersectionObserver,
+  createMO,
 };
 
 const pluginCache = new Map();
@@ -83,9 +89,11 @@ function loadPlugin(key, params) {
   if (!pluginCache.has(key) && plugin.when && !plugin.when({ urlParameters: usp })) {
     return null;
   }
+
   if (!pluginCache.has(key)) {
     pluginCache.set(key, import(`${plugin.url || plugin}`));
   }
+
   const pluginLoadPromise = pluginCache.get(key);
   return pluginLoadPromise
     .then((p) => (p.default && p.default(params)) || (typeof p === 'function' && p(params)))
@@ -231,7 +239,7 @@ function activateMediaMO() {
 }
 
 function addViewBlockTracking(element) {
-  const blockobserver = getIntersectionObsever('viewblock');
+  const blockobserver = getIntersectionObserver('viewblock');
   if (blockobserver) {
     const blocks = element.getAttribute('data-block-status') ? [element] : element.querySelectorAll('div[data-block-status="loaded"]');
     blocks.forEach((b) => blockobserver.observe(b));
@@ -240,7 +248,7 @@ function addViewBlockTracking(element) {
 
 const observedMedia = new Set();
 function addViewMediaTracking(parent) {
-  const mediaobserver = getIntersectionObsever('viewmedia');
+  const mediaobserver = getIntersectionObserver('viewmedia');
   if (mediaobserver) {
     parent.querySelectorAll('img, video, audio, iframe').forEach((m) => {
       if (!observedMedia.has(m)) {
@@ -281,6 +289,9 @@ function addTrackingFromConfig() {
   activateMediaMO();
 
   document.addEventListener('click', (event) => {
+    if (event.optelHandled) {
+      return;
+    }
     sampleRUM('click', { target: targetSelector(event.target), source: sourceSelector(event.target) });
   });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/helix-rum-enhancer",
-  "version": "2.35.1",
+  "version": "2.35.3",
   "description": "Helix RUM Enhancer",
   "main": "src/index.js",
   "type": "module",
@@ -28,20 +28,20 @@
   },
   "homepage": "https://github.com/adobe/helix-rum-enhancer#readme",
   "mocha": {
-    "recursive": "true",
+    "recursive": true,
     "reporter": "mocha-multi-reporters",
     "reporter-options": "configFile=.mocha-multi.json"
   },
   "devDependencies": {
     "@adobe/eslint-config-helix": "2.0.9",
-    "@adobe/helix-rum-js": "2.10.5",
+    "@adobe/helix-rum-js": "2.12.1",
     "@esm-bundle/chai": "4.3.4-fix.0",
     "@rollup/plugin-babel": "6.0.4",
     "@semantic-release/changelog": "6.0.3",
     "@semantic-release/exec": "7.1.0",
     "@semantic-release/git": "10.0.1",
     "@semantic-release/npm": "12.0.1",
-    "@web/test-runner": "0.20.1",
+    "@web/test-runner": "0.20.2",
     "@web/test-runner-commands": "0.9.0",
     "@web/test-runner-junit-reporter": "0.8.0",
     "@web/test-runner-mocha": "0.9.0",
@@ -55,12 +55,12 @@
     "jsdoc-to-markdown": "9.1.1",
     "junit-report-builder": "5.1.1",
     "lint-staged": "16.0.0",
-    "mocha": "11.4.0",
+    "mocha": "11.5.0",
     "mocha-multi-reporters": "1.5.1",
-    "rollup": "4.41.0",
+    "rollup": "4.41.1",
     "@adobe/rollup-plugin-checksum": "1.2.0",
     "rollup-plugin-eslint-bundle": "9.0.0",
-    "semantic-release": "24.2.4",
+    "semantic-release": "24.2.5",
     "semantic-release-slack-bot": "^4.0.2",
     "web-vitals": "5.0.1"
   },

package/plugins/form.js

@@ -24,11 +24,11 @@ export const getSubmitType = (el) => {
 };
 
 export default function addFormTracking({
-  sampleRUM, sourceSelector, targetSelector, context, getIntersectionObsever,
+  sampleRUM, sourceSelector, targetSelector, context, getIntersectionObserver,
 }) {
   context.querySelectorAll('form').forEach((form) => {
     form.addEventListener('submit', (e) => sampleRUM(getSubmitType(e.target), { target: targetSelector(e.target), source: sourceSelector(e.target) }), { once: true });
-    getIntersectionObsever('viewblock').observe(form);
+    getIntersectionObserver('viewblock').observe(form);
     let lastSource;
     form.addEventListener('change', (e) => {
       if (e.target.checkVisibility()) {

package/plugins/webcomponent.js

@@ -0,0 +1,108 @@
+/*
+ * Copyright 2025 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+/** @type {WeakMap<HTMLElement, boolean>} */
+const observedWC = new WeakMap();
+
+/** @type {MutationObserver&{active?:boolean}|undefined} */
+let rootMO;
+
+export default function addWebComponentTracking({
+  context,
+  sampleRUM,
+  sourceSelector,
+  targetSelector,
+  createMO,
+}) {
+  /**
+   * activate mutation observer
+   * @param {MutationObserver&{active?:boolean}} mo
+   * @param {HTMLElement} [root=document.body]
+   * @returns {void}
+   */
+  function activateMutationObserver(mo, root = document.body) {
+    /* c8 ignore next 3 */
+    if (!mo || mo.active) {
+      return;
+    }
+    // eslint-disable-next-line no-param-reassign
+    mo.active = true;
+    mo.observe(
+      root,
+      { subtree: true, attributes: false, childList: true },
+    );
+  }
+
+  /**
+   * @callback MutationCallback
+   * @param {MutationRecord[]} mutations
+   * @param {MutationObserver} observer
+   */
+  function mutationCB(mutations) {
+    mutations
+      .forEach((m) => {
+        // eslint-disable-next-line no-use-before-define
+        _addWebComponentTracking(m.target);
+      });
+  }
+
+  // eslint-disable-next-line no-underscore-dangle
+  function _addWebComponentTracking(obj) {
+    /* c8 ignore next 3 */
+    if (!obj) {
+      return;
+    }
+
+    const { tagName } = obj;
+    if (tagName && tagName.includes('-')) {
+      window.customElements.whenDefined(tagName.toLowerCase())
+        .then(() => {
+          if (obj.shadowRoot && !observedWC.has(obj)) {
+            observedWC.set(obj, true);
+            const mo = createMO(mutationCB);
+            activateMutationObserver(mo, obj.shadowRoot);
+            // eslint-disable-next-line no-underscore-dangle, no-param-reassign
+            obj.__optelMO = mo;
+            _addWebComponentTracking(obj.shadowRoot);
+          }
+        });
+    } else {
+      let hasShadowRoot = false;
+      try {
+        hasShadowRoot = Object.getPrototypeOf(obj).toString().includes('ShadowRoot');
+      } catch (e) { /* do nothing */ }
+      if (hasShadowRoot) {
+        // obj is a shadowRoot, add click tracking
+        obj.addEventListener('click', (event) => {
+          if (event.optelHandled) {
+            return;
+          }
+          // eslint-disable-next-line no-param-reassign
+          event.optelHandled = true;
+          sampleRUM('click', { target: targetSelector(event.target), source: sourceSelector(event.target) });
+        });
+      }
+      // look for web components below this element
+      [...obj.querySelectorAll('*')]
+        .filter((el) => el.tagName && el.tagName.includes('-') && !observedWC.has(el))
+        .forEach((el) => {
+          _addWebComponentTracking(el);
+        });
+    }
+  }
+
+  if (!rootMO) {
+    rootMO = createMO(mutationCB);
+    activateMutationObserver(rootMO);
+  }
+  _addWebComponentTracking(context);
+}

package/src/index.js

@@ -60,7 +60,7 @@
     if (!el || el === document.body || el === document.documentElement) {
       return undefined;
     }
-    return checkFn(el) || walk(el.parentElement, checkFn);
+    return checkFn(el) || walk(el.parentElement || el.parentNode && el.parentNode.host, checkFn);
   }
   function isDialog(el) {
     if (el.tagName === 'DIALOG') return true;
@@ -86,7 +86,7 @@
       return `form${formEl.classList.length > 0 ? `.${formEl.classList[0]}` : ''}`;
     }
     const block = el.closest('.block[data-block-name]');
-    return block && `.${block.getAttribute('data-block-name')}` || walk(el, isDialog) && 'dialog' || ['nav', 'header', 'footer', 'aside'].find(t => el.closest(t)) || walk(el, e => e.id && `#${e.id}`);
+    return block && `.${block.getAttribute('data-block-name')}` || walk(el, isDialog) && 'dialog' || walk(el, e => e.tagName && e.tagName.includes('-') && e.tagName.toLowerCase()) || ['nav', 'header', 'footer', 'aside'].find(t => el.closest(t)) || walk(el, e => e.id && `#${e.id}`);
   }
   function getSourceElement(el) {
     const f = el.closest('form');
@@ -139,6 +139,11 @@
       when: () => document.querySelector('video'),
       isBlockDependent: true
     },
+    webcomponent: {
+      url: `${pluginBasePath}/webcomponent.js`,
+      when: () => [...document.querySelectorAll('*')].some(el => el.tagName && el.tagName.includes('-')),
+      isBlockDependent: true
+    },
     martech: {
       url: `${pluginBasePath}/martech.js`,
       when: ({
@@ -151,7 +156,7 @@
       isBlockDependent: true
     }
   };
-  function getIntersectionObsever(checkpoint) {
+  function getIntersectionObserver(checkpoint) {
     if (!window.IntersectionObserver) {
       return null;
     }
@@ -176,7 +181,8 @@
     sampleRUM,
     sourceSelector,
     targetSelector,
-    getIntersectionObsever
+    getIntersectionObserver,
+    createMO
   };
   const pluginCache = new Map();
   function loadPlugin(key, params) {
@@ -325,7 +331,7 @@
     });
   }
   function addViewBlockTracking(element) {
-    const blockobserver = getIntersectionObsever('viewblock');
+    const blockobserver = getIntersectionObserver('viewblock');
     if (blockobserver) {
       const blocks = element.getAttribute('data-block-status') ? [element] : element.querySelectorAll('div[data-block-status="loaded"]');
       blocks.forEach(b => blockobserver.observe(b));
@@ -333,7 +339,7 @@
   }
   const observedMedia = new Set();
   function addViewMediaTracking(parent) {
-    const mediaobserver = getIntersectionObsever('viewmedia');
+    const mediaobserver = getIntersectionObserver('viewmedia');
     if (mediaobserver) {
       parent.querySelectorAll('img, video, audio, iframe').forEach(m => {
         if (!observedMedia.has(m)) {
@@ -364,6 +370,9 @@
     activateBlocksMO();
     activateMediaMO();
     document.addEventListener('click', event => {
+      if (event.optelHandled) {
+        return;
+      }
       sampleRUM('click', {
         target: targetSelector(event.target),
         source: sourceSelector(event.target)

package/src/index.md5

@@ -1 +1 @@
-ec0f8d360b4b5a3f5b5b84ff90cd98cc
+6451bfbe4efd7f92592400ea417b4df2

package/src/index.sri

@@ -1 +1 @@
-sha384-nKGw+Uv2w5Lp892LtN6M6AKzK1dpb/b43UakX7zlZMsnJNu7wF9GJJ9rK193kJtd
+sha384-BPW66FB1dP/60xdg/+Fv6d81hSUnnvPEZ+Sx42qVBlnImUISczQh8/S1mo3hifpK

package/src/plugins/cwv.md5

@@ -1 +1 @@
-89d31965ce1c14cfc8ca84968a68a8c0
+dfa5478f232ee91172b33f547625e78f

package/src/plugins/form.js

@@ -22,7 +22,7 @@ function addFormTracking({
   sourceSelector,
   targetSelector,
   context,
-  getIntersectionObsever
+  getIntersectionObserver
 }) {
   context.querySelectorAll('form').forEach(form => {
     form.addEventListener('submit', e => sampleRUM(getSubmitType(e.target), {
@@ -31,7 +31,7 @@ function addFormTracking({
     }), {
       once: true
     });
-    getIntersectionObsever('viewblock').observe(form);
+    getIntersectionObserver('viewblock').observe(form);
     let lastSource;
     form.addEventListener('change', e => {
       if (e.target.checkVisibility()) {

package/src/plugins/form.map.js

@@ -22,7 +22,7 @@ function addFormTracking({
   sourceSelector,
   targetSelector,
   context,
-  getIntersectionObsever
+  getIntersectionObserver
 }) {
   context.querySelectorAll('form').forEach(form => {
     form.addEventListener('submit', e => sampleRUM(getSubmitType(e.target), {
@@ -31,7 +31,7 @@ function addFormTracking({
     }), {
       once: true
     });
-    getIntersectionObsever('viewblock').observe(form);
+    getIntersectionObserver('viewblock').observe(form);
     let lastSource;
     form.addEventListener('change', e => {
       if (e.target.checkVisibility()) {
@@ -55,4 +55,4 @@ function addFormTracking({
 }
 
 export { addFormTracking as default, getSubmitType };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS5tYXAuanMiLCJzb3VyY2VzIjpbIi4uLy4uL3BsdWdpbnMvZm9ybS5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IDIwMjQgQWRvYmUuIEFsbCByaWdodHMgcmVzZXJ2ZWQuXG4gKiBUaGlzIGZpbGUgaXMgbGljZW5zZWQgdG8geW91IHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuIFlvdSBtYXkgb2J0YWluIGEgY29weVxuICogb2YgdGhlIExpY2Vuc2UgYXQgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZSBkaXN0cmlidXRlZCB1bmRlclxuICogdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLCBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgUkVQUkVTRU5UQVRJT05TXG4gKiBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC4gU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2VcbiAqIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmQgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cblxuZXhwb3J0IGNvbnN0IGdldFN1Ym1pdFR5cGUgPSAoZWwpID0+IHtcbiAgaWYgKCFlbCB8fCBlbC50YWdOYW1lICE9PSAnRk9STScpIHJldHVybiB1bmRlZmluZWQ7XG4gIC8vIGlmIHRoZSBmb3JtIGhhcyBhIHNlYXJjaCByb2xlIG9yIGEgc2VhcmNoIGZpZWxkLCBpdCdzIGEgc2VhcmNoIGZvcm1cbiAgaWYgKGVsLmdldEF0dHJpYnV0ZSgncm9sZScpID09PSAnc2VhcmNoJ1xuICAgIHx8IGVsLnF1ZXJ5U2VsZWN0b3IoJ2lucHV0W3R5cGU9XCJzZWFyY2hcIl0sIGlucHV0W3JvbGU9XCJzZWFyY2hib3hcIl0nKSkgcmV0dXJuICdzZWFyY2gnO1xuICAvLyBpZiB0aGUgZm9ybSBoYXMgb25lIHBhc3N3b3JkIGlucHV0LCBpdCdzIGEgbG9naW4gZm9ybVxuICAvLyBpZiB0aGUgZm9ybSBoYXMgbW9yZSB0aGFuIG9uZSBwYXNzd29yZCBpbnB1dCwgaXQncyBhIHNpZ251cCBmb3JtXG4gIGNvbnN0IHB3Q291bnQgPSBlbC5xdWVyeVNlbGVjdG9yQWxsKCdpbnB1dFt0eXBlPVwicGFzc3dvcmRcIl0nKS5sZW5ndGg7XG4gIGlmIChwd0NvdW50ID09PSAxKSByZXR1cm4gJ2xvZ2luJztcbiAgaWYgKHB3Q291bnQgPiAxKSByZXR1cm4gJ3NpZ251cCc7XG4gIHJldHVybiAnZm9ybXN1Ym1pdCc7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBhZGRGb3JtVHJhY2tpbmcoe1xuICBzYW1wbGVSVU0sIHNvdXJjZVNlbGVjdG9yLCB0YXJnZXRTZWxlY3RvciwgY29udGV4dCwgZ2V0SW50ZXJzZWN0aW9uT2JzZXZlcixcbn0pIHtcbiAgY29udGV4dC5xdWVyeVNlbGVjdG9yQWxsKCdmb3JtJykuZm9yRWFjaCgoZm9ybSkgPT4ge1xuICAgIGZvcm0uYWRkRXZlbnRMaXN0ZW5lcignc3VibWl0JywgKGUpID0+IHNhbXBsZVJVTShnZXRTdWJtaXRUeXBlKGUudGFyZ2V0KSwgeyB0YXJnZXQ6IHRhcmdldFNlbGVjdG9yKGUudGFyZ2V0KSwgc291cmNlOiBzb3VyY2VTZWxlY3RvcihlLnRhcmdldCkgfSksIHsgb25jZTogdHJ1ZSB9KTtcbiAgICBnZXRJbnRlcnNlY3Rpb25PYnNldmVyKCd2aWV3YmxvY2snKS5vYnNlcnZlKGZvcm0pO1xuICAgIGxldCBsYXN0U291cmNlO1xuICAgIGZvcm0uYWRkRXZlbnRMaXN0ZW5lcignY2hhbmdlJywgKGUpID0+IHtcbiAgICAgIGlmIChlLnRhcmdldC5jaGVja1Zpc2liaWxpdHkoKSkge1xuICAgICAgICBjb25zdCBzb3VyY2UgPSBzb3VyY2VTZWxlY3RvcihlLnRhcmdldCk7XG4gICAgICAgIGlmIChzb3VyY2UgIT09IGxhc3RTb3VyY2UpIHtcbiAgICAgICAgICBzYW1wbGVSVU0oJ2ZpbGwnLCB7IHNvdXJjZSB9KTtcbiAgICAgICAgICBsYXN0U291cmNlID0gc291cmNlO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfSk7XG4gICAgZm9ybS5hZGRFdmVudExpc3RlbmVyKCdmb2N1c2luJywgKGUpID0+IHtcbiAgICAgIGlmIChbJ0lOUFVUJywgJ1RFWFRBUkVBJywgJ1NFTEVDVCcsICdCVVRUT04nXS5pbmNsdWRlcyhlLnRhcmdldC50YWdOYW1lKVxuICAgICAgICB8fCBlLnRhcmdldC5nZXRBdHRyaWJ1dGUoJ2NvbnRlbnRlZGl0YWJsZScpID09PSAndHJ1ZScpIHtcbiAgICAgICAgc2FtcGxlUlVNKCdjbGljaycsIHsgc291cmNlOiBzb3VyY2VTZWxlY3RvcihlLnRhcmdldCkgfSk7XG4gICAgICB9XG4gICAgfSk7XG4gIH0pO1xufVxuIl0sIm5hbWVzIjpbImdldFN1Ym1pdFR5cGUiLCJlbCIsInRhZ05hbWUiLCJ1bmRlZmluZWQiLCJnZXRBdHRyaWJ1dGUiLCJxdWVyeVNlbGVjdG9yIiwicHdDb3VudCIsInF1ZXJ5U2VsZWN0b3JBbGwiLCJsZW5ndGgiLCJhZGRGb3JtVHJhY2tpbmciLCJzYW1wbGVSVU0iLCJzb3VyY2VTZWxlY3RvciIsInRhcmdldFNlbGVjdG9yIiwiY29udGV4dCIsImdldEludGVyc2VjdGlvbk9ic2V2ZXIiLCJmb3JFYWNoIiwiZm9ybSIsImFkZEV2ZW50TGlzdGVuZXIiLCJlIiwidGFyZ2V0Iiwic291cmNlIiwib25jZSIsIm9ic2VydmUiLCJsYXN0U291cmNlIiwiY2hlY2tWaXNpYmlsaXR5IiwiaW5jbHVkZXMiXSwibWFwcGluZ3MiOiI7Ozs7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
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS5tYXAuanMiLCJzb3VyY2VzIjpbIi4uLy4uL3BsdWdpbnMvZm9ybS5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IDIwMjQgQWRvYmUuIEFsbCByaWdodHMgcmVzZXJ2ZWQuXG4gKiBUaGlzIGZpbGUgaXMgbGljZW5zZWQgdG8geW91IHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuIFlvdSBtYXkgb2J0YWluIGEgY29weVxuICogb2YgdGhlIExpY2Vuc2UgYXQgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZSBkaXN0cmlidXRlZCB1bmRlclxuICogdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLCBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgUkVQUkVTRU5UQVRJT05TXG4gKiBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC4gU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2VcbiAqIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmQgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cblxuZXhwb3J0IGNvbnN0IGdldFN1Ym1pdFR5cGUgPSAoZWwpID0+IHtcbiAgaWYgKCFlbCB8fCBlbC50YWdOYW1lICE9PSAnRk9STScpIHJldHVybiB1bmRlZmluZWQ7XG4gIC8vIGlmIHRoZSBmb3JtIGhhcyBhIHNlYXJjaCByb2xlIG9yIGEgc2VhcmNoIGZpZWxkLCBpdCdzIGEgc2VhcmNoIGZvcm1cbiAgaWYgKGVsLmdldEF0dHJpYnV0ZSgncm9sZScpID09PSAnc2VhcmNoJ1xuICAgIHx8IGVsLnF1ZXJ5U2VsZWN0b3IoJ2lucHV0W3R5cGU9XCJzZWFyY2hcIl0sIGlucHV0W3JvbGU9XCJzZWFyY2hib3hcIl0nKSkgcmV0dXJuICdzZWFyY2gnO1xuICAvLyBpZiB0aGUgZm9ybSBoYXMgb25lIHBhc3N3b3JkIGlucHV0LCBpdCdzIGEgbG9naW4gZm9ybVxuICAvLyBpZiB0aGUgZm9ybSBoYXMgbW9yZSB0aGFuIG9uZSBwYXNzd29yZCBpbnB1dCwgaXQncyBhIHNpZ251cCBmb3JtXG4gIGNvbnN0IHB3Q291bnQgPSBlbC5xdWVyeVNlbGVjdG9yQWxsKCdpbnB1dFt0eXBlPVwicGFzc3dvcmRcIl0nKS5sZW5ndGg7XG4gIGlmIChwd0NvdW50ID09PSAxKSByZXR1cm4gJ2xvZ2luJztcbiAgaWYgKHB3Q291bnQgPiAxKSByZXR1cm4gJ3NpZ251cCc7XG4gIHJldHVybiAnZm9ybXN1Ym1pdCc7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBhZGRGb3JtVHJhY2tpbmcoe1xuICBzYW1wbGVSVU0sIHNvdXJjZVNlbGVjdG9yLCB0YXJnZXRTZWxlY3RvciwgY29udGV4dCwgZ2V0SW50ZXJzZWN0aW9uT2JzZXJ2ZXIsXG59KSB7XG4gIGNvbnRleHQucXVlcnlTZWxlY3RvckFsbCgnZm9ybScpLmZvckVhY2goKGZvcm0pID0+IHtcbiAgICBmb3JtLmFkZEV2ZW50TGlzdGVuZXIoJ3N1Ym1pdCcsIChlKSA9PiBzYW1wbGVSVU0oZ2V0U3VibWl0VHlwZShlLnRhcmdldCksIHsgdGFyZ2V0OiB0YXJnZXRTZWxlY3RvcihlLnRhcmdldCksIHNvdXJjZTogc291cmNlU2VsZWN0b3IoZS50YXJnZXQpIH0pLCB7IG9uY2U6IHRydWUgfSk7XG4gICAgZ2V0SW50ZXJzZWN0aW9uT2JzZXJ2ZXIoJ3ZpZXdibG9jaycpLm9ic2VydmUoZm9ybSk7XG4gICAgbGV0IGxhc3RTb3VyY2U7XG4gICAgZm9ybS5hZGRFdmVudExpc3RlbmVyKCdjaGFuZ2UnLCAoZSkgPT4ge1xuICAgICAgaWYgKGUudGFyZ2V0LmNoZWNrVmlzaWJpbGl0eSgpKSB7XG4gICAgICAgIGNvbnN0IHNvdXJjZSA9IHNvdXJjZVNlbGVjdG9yKGUudGFyZ2V0KTtcbiAgICAgICAgaWYgKHNvdXJjZSAhPT0gbGFzdFNvdXJjZSkge1xuICAgICAgICAgIHNhbXBsZVJVTSgnZmlsbCcsIHsgc291cmNlIH0pO1xuICAgICAgICAgIGxhc3RTb3VyY2UgPSBzb3VyY2U7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9KTtcbiAgICBmb3JtLmFkZEV2ZW50TGlzdGVuZXIoJ2ZvY3VzaW4nLCAoZSkgPT4ge1xuICAgICAgaWYgKFsnSU5QVVQnLCAnVEVYVEFSRUEnLCAnU0VMRUNUJywgJ0JVVFRPTiddLmluY2x1ZGVzKGUudGFyZ2V0LnRhZ05hbWUpXG4gICAgICAgIHx8IGUudGFyZ2V0LmdldEF0dHJpYnV0ZSgnY29udGVudGVkaXRhYmxlJykgPT09ICd0cnVlJykge1xuICAgICAgICBzYW1wbGVSVU0oJ2NsaWNrJywgeyBzb3VyY2U6IHNvdXJjZVNlbGVjdG9yKGUudGFyZ2V0KSB9KTtcbiAgICAgIH1cbiAgICB9KTtcbiAgfSk7XG59XG4iXSwibmFtZXMiOlsiZ2V0U3VibWl0VHlwZSIsImVsIiwidGFnTmFtZSIsInVuZGVmaW5lZCIsImdldEF0dHJpYnV0ZSIsInF1ZXJ5U2VsZWN0b3IiLCJwd0NvdW50IiwicXVlcnlTZWxlY3RvckFsbCIsImxlbmd0aCIsImFkZEZvcm1UcmFja2luZyIsInNhbXBsZVJVTSIsInNvdXJjZVNlbGVjdG9yIiwidGFyZ2V0U2VsZWN0b3IiLCJjb250ZXh0IiwiZ2V0SW50ZXJzZWN0aW9uT2JzZXJ2ZXIiLCJmb3JFYWNoIiwiZm9ybSIsImFkZEV2ZW50TGlzdGVuZXIiLCJlIiwidGFyZ2V0Iiwic291cmNlIiwib25jZSIsIm9ic2VydmUiLCJsYXN0U291cmNlIiwiY2hlY2tWaXNpYmlsaXR5IiwiaW5jbHVkZXMiXSwibWFwcGluZ3MiOiI7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

package/src/plugins/form.md5

@@ -1 +1 @@
-c485339de82fa4da1de092c51bd5230a
+2b38cde77ee1b0e0b6ab60d305c6c8fa

package/src/plugins/video.md5

@@ -1 +1 @@
-20d1f82b8a8c89e965f951484f200f35
+0b8929128308bbefbc995cf739f578f1

package/src/plugins/webcomponent.js

@@ -0,0 +1,83 @@
+/*
+ * Copyright 2024 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+const observedWC = new WeakMap();
+let rootMO;
+function addWebComponentTracking({
+  context,
+  sampleRUM,
+  sourceSelector,
+  targetSelector,
+  createMO
+}) {
+  function activateMutationObserver(mo, root = document.body) {
+    if (!mo || mo.active) {
+      return;
+    }
+    mo.active = true;
+    mo.observe(root, {
+      subtree: true,
+      attributes: false,
+      childList: true
+    });
+  }
+  function mutationCB(mutations) {
+    mutations.forEach(m => {
+      _addWebComponentTracking(m.target);
+    });
+  }
+  function _addWebComponentTracking(obj) {
+    if (!obj) {
+      return;
+    }
+    const {
+      tagName
+    } = obj;
+    if (tagName && tagName.includes('-')) {
+      window.customElements.whenDefined(tagName.toLowerCase()).then(() => {
+        if (obj.shadowRoot && !observedWC.has(obj)) {
+          observedWC.set(obj, true);
+          const mo = createMO(mutationCB);
+          activateMutationObserver(mo, obj.shadowRoot);
+          obj.__optelMO = mo;
+          _addWebComponentTracking(obj.shadowRoot);
+        }
+      });
+    } else {
+      let hasShadowRoot = false;
+      try {
+        hasShadowRoot = Object.getPrototypeOf(obj).toString().includes('ShadowRoot');
+      } catch (e) {}
+      if (hasShadowRoot) {
+        obj.addEventListener('click', event => {
+          if (event.optelHandled) {
+            return;
+          }
+          event.optelHandled = true;
+          sampleRUM('click', {
+            target: targetSelector(event.target),
+            source: sourceSelector(event.target)
+          });
+        });
+      }
+      [...obj.querySelectorAll('*')].filter(el => el.tagName && el.tagName.includes('-') && !observedWC.has(el)).forEach(el => {
+        _addWebComponentTracking(el);
+      });
+    }
+  }
+  if (!rootMO) {
+    rootMO = createMO(mutationCB);
+    activateMutationObserver(rootMO);
+  }
+  _addWebComponentTracking(context);
+}
+
+export { addWebComponentTracking as default };

package/src/plugins/webcomponent.map.js

@@ -0,0 +1,84 @@
+/*
+ * Copyright 2024 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+const observedWC = new WeakMap();
+let rootMO;
+function addWebComponentTracking({
+  context,
+  sampleRUM,
+  sourceSelector,
+  targetSelector,
+  createMO
+}) {
+  function activateMutationObserver(mo, root = document.body) {
+    if (!mo || mo.active) {
+      return;
+    }
+    mo.active = true;
+    mo.observe(root, {
+      subtree: true,
+      attributes: false,
+      childList: true
+    });
+  }
+  function mutationCB(mutations) {
+    mutations.forEach(m => {
+      _addWebComponentTracking(m.target);
+    });
+  }
+  function _addWebComponentTracking(obj) {
+    if (!obj) {
+      return;
+    }
+    const {
+      tagName
+    } = obj;
+    if (tagName && tagName.includes('-')) {
+      window.customElements.whenDefined(tagName.toLowerCase()).then(() => {
+        if (obj.shadowRoot && !observedWC.has(obj)) {
+          observedWC.set(obj, true);
+          const mo = createMO(mutationCB);
+          activateMutationObserver(mo, obj.shadowRoot);
+          obj.__optelMO = mo;
+          _addWebComponentTracking(obj.shadowRoot);
+        }
+      });
+    } else {
+      let hasShadowRoot = false;
+      try {
+        hasShadowRoot = Object.getPrototypeOf(obj).toString().includes('ShadowRoot');
+      } catch (e) {}
+      if (hasShadowRoot) {
+        obj.addEventListener('click', event => {
+          if (event.optelHandled) {
+            return;
+          }
+          event.optelHandled = true;
+          sampleRUM('click', {
+            target: targetSelector(event.target),
+            source: sourceSelector(event.target)
+          });
+        });
+      }
+      [...obj.querySelectorAll('*')].filter(el => el.tagName && el.tagName.includes('-') && !observedWC.has(el)).forEach(el => {
+        _addWebComponentTracking(el);
+      });
+    }
+  }
+  if (!rootMO) {
+    rootMO = createMO(mutationCB);
+    activateMutationObserver(rootMO);
+  }
+  _addWebComponentTracking(context);
+}
+
+export { addWebComponentTracking as default };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2ViY29tcG9uZW50Lm1hcC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vcGx1Z2lucy93ZWJjb21wb25lbnQuanMiXSwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAyMDI1IEFkb2JlLiBBbGwgcmlnaHRzIHJlc2VydmVkLlxuICogVGhpcyBmaWxlIGlzIGxpY2Vuc2VkIHRvIHlvdSB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLiBZb3UgbWF5IG9idGFpbiBhIGNvcHlcbiAqIG9mIHRoZSBMaWNlbnNlIGF0IGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmUgZGlzdHJpYnV0ZWQgdW5kZXJcbiAqIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUywgV0lUSE9VVCBXQVJSQU5USUVTIE9SIFJFUFJFU0VOVEFUSU9OU1xuICogT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlXG4gKiBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5cbi8qKiBAdHlwZSB7V2Vha01hcDxIVE1MRWxlbWVudCwgYm9vbGVhbj59ICovXG5jb25zdCBvYnNlcnZlZFdDID0gbmV3IFdlYWtNYXAoKTtcblxuLyoqIEB0eXBlIHtNdXRhdGlvbk9ic2VydmVyJnthY3RpdmU/OmJvb2xlYW59fHVuZGVmaW5lZH0gKi9cbmxldCByb290TU87XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIGFkZFdlYkNvbXBvbmVudFRyYWNraW5nKHtcbiAgY29udGV4dCxcbiAgc2FtcGxlUlVNLFxuICBzb3VyY2VTZWxlY3RvcixcbiAgdGFyZ2V0U2VsZWN0b3IsXG4gIGNyZWF0ZU1PLFxufSkge1xuICAvKipcbiAgICogYWN0aXZhdGUgbXV0YXRpb24gb2JzZXJ2ZXJcbiAgICogQHBhcmFtIHtNdXRhdGlvbk9ic2VydmVyJnthY3RpdmU/OmJvb2xlYW59fSBtb1xuICAgKiBAcGFyYW0ge0hUTUxFbGVtZW50fSBbcm9vdD1kb2N1bWVudC5ib2R5XVxuICAgKiBAcmV0dXJucyB7dm9pZH1cbiAgICovXG4gIGZ1bmN0aW9uIGFjdGl2YXRlTXV0YXRpb25PYnNlcnZlcihtbywgcm9vdCA9IGRvY3VtZW50LmJvZHkpIHtcbiAgICAvKiBjOCBpZ25vcmUgbmV4dCAzICovXG4gICAgaWYgKCFtbyB8fCBtby5hY3RpdmUpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXBhcmFtLXJlYXNzaWduXG4gICAgbW8uYWN0aXZlID0gdHJ1ZTtcbiAgICBtby5vYnNlcnZlKFxuICAgICAgcm9vdCxcbiAgICAgIHsgc3VidHJlZTogdHJ1ZSwgYXR0cmlidXRlczogZmFsc2UsIGNoaWxkTGlzdDogdHJ1ZSB9LFxuICAgICk7XG4gIH1cblxuICAvKipcbiAgICogQGNhbGxiYWNrIE11dGF0aW9uQ2FsbGJhY2tcbiAgICogQHBhcmFtIHtNdXRhdGlvblJlY29yZFtdfSBtdXRhdGlvbnNcbiAgICogQHBhcmFtIHtNdXRhdGlvbk9ic2VydmVyfSBvYnNlcnZlclxuICAgKi9cbiAgZnVuY3Rpb24gbXV0YXRpb25DQihtdXRhdGlvbnMpIHtcbiAgICBtdXRhdGlvbnNcbiAgICAgIC5mb3JFYWNoKChtKSA9PiB7XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby11c2UtYmVmb3JlLWRlZmluZVxuICAgICAgICBfYWRkV2ViQ29tcG9uZW50VHJhY2tpbmcobS50YXJnZXQpO1xuICAgICAgfSk7XG4gIH1cblxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tdW5kZXJzY29yZS1kYW5nbGVcbiAgZnVuY3Rpb24gX2FkZFdlYkNvbXBvbmVudFRyYWNraW5nKG9iaikge1xuICAgIC8qIGM4IGlnbm9yZSBuZXh0IDMgKi9cbiAgICBpZiAoIW9iaikge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IHsgdGFnTmFtZSB9ID0gb2JqO1xuICAgIGlmICh0YWdOYW1lICYmIHRhZ05hbWUuaW5jbHVkZXMoJy0nKSkge1xuICAgICAgd2luZG93LmN1c3RvbUVsZW1lbnRzLndoZW5EZWZpbmVkKHRhZ05hbWUudG9Mb3dlckNhc2UoKSlcbiAgICAgICAgLnRoZW4oKCkgPT4ge1xuICAgICAgICAgIGlmIChvYmouc2hhZG93Um9vdCAmJiAhb2JzZXJ2ZWRXQy5oYXMob2JqKSkge1xuICAgICAgICAgICAgb2JzZXJ2ZWRXQy5zZXQob2JqLCB0cnVlKTtcbiAgICAgICAgICAgIGNvbnN0IG1vID0gY3JlYXRlTU8obXV0YXRpb25DQik7XG4gICAgICAgICAgICBhY3RpdmF0ZU11dGF0aW9uT2JzZXJ2ZXIobW8sIG9iai5zaGFkb3dSb290KTtcbiAgICAgICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby11bmRlcnNjb3JlLWRhbmdsZSwgbm8tcGFyYW0tcmVhc3NpZ25cbiAgICAgICAgICAgIG9iai5fX29wdGVsTU8gPSBtbztcbiAgICAgICAgICAgIF9hZGRXZWJDb21wb25lbnRUcmFja2luZyhvYmouc2hhZG93Um9vdCk7XG4gICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICB9IGVsc2Uge1xuICAgICAgbGV0IGhhc1NoYWRvd1Jvb3QgPSBmYWxzZTtcbiAgICAgIHRyeSB7XG4gICAgICAgIGhhc1NoYWRvd1Jvb3QgPSBPYmplY3QuZ2V0UHJvdG90eXBlT2Yob2JqKS50b1N0cmluZygpLmluY2x1ZGVzKCdTaGFkb3dSb290Jyk7XG4gICAgICB9IGNhdGNoIChlKSB7IC8qIGRvIG5vdGhpbmcgKi8gfVxuICAgICAgaWYgKGhhc1NoYWRvd1Jvb3QpIHtcbiAgICAgICAgLy8gb2JqIGlzIGEgc2hhZG93Um9vdCwgYWRkIGNsaWNrIHRyYWNraW5nXG4gICAgICAgIG9iai5hZGRFdmVudExpc3RlbmVyKCdjbGljaycsIChldmVudCkgPT4ge1xuICAgICAgICAgIGlmIChldmVudC5vcHRlbEhhbmRsZWQpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICB9XG4gICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXBhcmFtLXJlYXNzaWduXG4gICAgICAgICAgZXZlbnQub3B0ZWxIYW5kbGVkID0gdHJ1ZTtcbiAgICAgICAgICBzYW1wbGVSVU0oJ2NsaWNrJywgeyB0YXJnZXQ6IHRhcmdldFNlbGVjdG9yKGV2ZW50LnRhcmdldCksIHNvdXJjZTogc291cmNlU2VsZWN0b3IoZXZlbnQudGFyZ2V0KSB9KTtcbiAgICAgICAgfSk7XG4gICAgICB9XG4gICAgICAvLyBsb29rIGZvciB3ZWIgY29tcG9uZW50cyBiZWxvdyB0aGlzIGVsZW1lbnRcbiAgICAgIFsuLi5vYmoucXVlcnlTZWxlY3RvckFsbCgnKicpXVxuICAgICAgICAuZmlsdGVyKChlbCkgPT4gZWwudGFnTmFtZSAmJiBlbC50YWdOYW1lLmluY2x1ZGVzKCctJykgJiYgIW9ic2VydmVkV0MuaGFzKGVsKSlcbiAgICAgICAgLmZvckVhY2goKGVsKSA9PiB7XG4gICAgICAgICAgX2FkZFdlYkNvbXBvbmVudFRyYWNraW5nKGVsKTtcbiAgICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgaWYgKCFyb290TU8pIHtcbiAgICByb290TU8gPSBjcmVhdGVNTyhtdXRhdGlvbkNCKTtcbiAgICBhY3RpdmF0ZU11dGF0aW9uT2JzZXJ2ZXIocm9vdE1PKTtcbiAgfVxuICBfYWRkV2ViQ29tcG9uZW50VHJhY2tpbmcoY29udGV4dCk7XG59XG4iXSwibmFtZXMiOlsib2JzZXJ2ZWRXQyIsIldlYWtNYXAiLCJyb290TU8iLCJhZGRXZWJDb21wb25lbnRUcmFja2luZyIsImNvbnRleHQiLCJzYW1wbGVSVU0iLCJzb3VyY2VTZWxlY3RvciIsInRhcmdldFNlbGVjdG9yIiwiY3JlYXRlTU8iLCJhY3RpdmF0ZU11dGF0aW9uT2JzZXJ2ZXIiLCJtbyIsInJvb3QiLCJkb2N1bWVudCIsImJvZHkiLCJhY3RpdmUiLCJvYnNlcnZlIiwic3VidHJlZSIsImF0dHJpYnV0ZXMiLCJjaGlsZExpc3QiLCJtdXRhdGlvbkNCIiwibXV0YXRpb25zIiwiZm9yRWFjaCIsIm0iLCJfYWRkV2ViQ29tcG9uZW50VHJhY2tpbmciLCJ0YXJnZXQiLCJvYmoiLCJ0YWdOYW1lIiwiaW5jbHVkZXMiLCJ3aW5kb3ciLCJjdXN0b21FbGVtZW50cyIsIndoZW5EZWZpbmVkIiwidG9Mb3dlckNhc2UiLCJ0aGVuIiwic2hhZG93Um9vdCIsImhhcyIsInNldCIsIl9fb3B0ZWxNTyIsImhhc1NoYWRvd1Jvb3QiLCJPYmplY3QiLCJnZXRQcm90b3R5cGVPZiIsInRvU3RyaW5nIiwiZSIsImFkZEV2ZW50TGlzdGVuZXIiLCJldmVudCIsIm9wdGVsSGFuZGxlZCIsInNvdXJjZSIsInF1ZXJ5U2VsZWN0b3JBbGwiLCJmaWx0ZXIiLCJlbCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFhQSxNQUFNQSxVQUFVLEdBQUcsSUFBSUMsT0FBTyxFQUFFO0FBR2hDLElBQUlDLE1BQU07QUFFSyxTQUFTQyx1QkFBdUJBLENBQUM7RUFDOUNDLE9BQU87RUFDUEMsU0FBUztFQUNUQyxjQUFjO0VBQ2RDLGNBQWM7QUFDZEMsRUFBQUE7QUFDRixDQUFDLEVBQUU7RUFPRCxTQUFTQyx3QkFBd0JBLENBQUNDLEVBQUUsRUFBRUMsSUFBSSxHQUFHQyxRQUFRLENBQUNDLElBQUksRUFBRTtBQUUxRCxJQUFBLElBQUksQ0FBQ0gsRUFBRSxJQUFJQSxFQUFFLENBQUNJLE1BQU0sRUFBRTtB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

package/src/plugins/webcomponent.md5

@@ -0,0 +1 @@
+a7e70d3923edb7062c45a01ba295c2bd