@everymatrix/helper-modal - npm Package Compare versions

Comparing version 1.44.0 to 1.45.0

dist/cjs/helper-modal.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-c6e4ec44.js');
+const index = require('./index-68e382dd.js');
 
@@ -15,64 +15,57 @@ /**
 const isMobile = (userAgent) => {
-  return !!(userAgent.toLowerCase().match(/android/i) ||
-    userAgent.toLowerCase().match(/blackberry|bb/i) ||
-    userAgent.toLowerCase().match(/iphone|ipad|ipod/i) ||
-    userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
+    return !!(userAgent.toLowerCase().match(/android/i) ||
+        userAgent.toLowerCase().match(/blackberry|bb/i) ||
+        userAgent.toLowerCase().match(/iphone|ipad|ipod/i) ||
+        userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
 };
 
 const helperModalCss = ":host{display:block}.HelperModalWrapper{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.7);opacity:0;visibility:hidden;transform:scale(1.1);transition:visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;z-index:1}.HelperModalVisible{opacity:1;visibility:visible;transform:scale(1);transition:visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s}.HelperModalContent{position:relative;border:solid 1px #848e97;box-shadow:2px 2px 2px rgba(0, 0, 0, 0.007);font-size:14px;padding:10px 10px 5px 10px;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:4px;width:600px;max-height:600px;overflow-y:scroll}.HelperModalMobileContent{background:#FFF;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:4px;width:80%;max-height:350px}.HelperModalClose{cursor:pointer;position:absolute;top:15px;right:15px;font-size:20px;color:#000}.HelperModalMobileClose{position:absolute;top:15px;right:15px;font-size:20px;color:#000}";
+const HelperModalStyle0 = helperModalCss;
 
 const HelperModal = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.cancel = index.createEvent(this, "modalCloseEvent", 7);
-    /**
-     * Toggles if the helper is visible or not
-     */
-    this.visible = true;
-    /**
-     * Client custom styling via string
-     */
-    this.clientStyling = '';
-    /**
-     * Client custom styling via url content
-     */
-    this.clientStylingUrlContent = '';
-    this.limitStylingAppends = false;
-    this.userAgent = window.navigator.userAgent;
-    this.setClientStyling = () => {
-      let sheet = document.createElement('style');
-      sheet.innerHTML = this.clientStyling;
-      this.stylingContainer.prepend(sheet);
-    };
-    this.setClientStylingURL = () => {
-      let cssFile = document.createElement('style');
-      setTimeout(() => {
-        cssFile.innerHTML = this.clientStylingUrlContent;
-        this.stylingContainer.prepend(cssFile);
-      }, 1);
-    };
-  }
-  handleHelperModalClose() {
-    this.visible = false;
-    this.cancel.emit();
-  }
-  ;
-  componentDidRender() {
-    // start custom styling area
-    if (!this.limitStylingAppends && this.stylingContainer) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingUrlContent)
-        this.setClientStylingURL();
-      this.limitStylingAppends = true;
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.cancel = index.createEvent(this, "modalCloseEvent", 7);
+        this.userAgent = window.navigator.userAgent;
+        this.setClientStyling = () => {
+            let sheet = document.createElement('style');
+            sheet.innerHTML = this.clientStyling;
+            this.stylingContainer.prepend(sheet);
+        };
+        this.setClientStylingURL = () => {
+            let cssFile = document.createElement('style');
+            setTimeout(() => {
+                cssFile.innerHTML = this.clientStylingUrlContent;
+                this.stylingContainer.prepend(cssFile);
+            }, 1);
+        };
+        this.titleModal = undefined;
+        this.visible = true;
+        this.clientStyling = '';
+        this.clientStylingUrlContent = '';
+        this.limitStylingAppends = false;
     }
-    // end custom styling area
-  }
-  render() {
-    return ((this.visible &&
-      index.h("div", { class: this.visible ? "HelperModalWrapper HelperModalVisible" : "HelperModalWrapper", ref: el => this.stylingContainer = el }, index.h("div", { class: "HelperModalWrapper HelperModalVisible" }, index.h("div", { class: "HelperModalContent" + (isMobile(this.userAgent) ? ' HelperModalMobileContent' : '') }, index.h("span", { class: "HelperModalClose" + (isMobile(this.userAgent) ? ' HelperModalMobileClose' : ''), onClick: this.handleHelperModalClose.bind(this) }, "X"), index.h("slot", null))))));
-  }
+    handleHelperModalClose() {
+        this.visible = false;
+        this.cancel.emit();
+    }
+    ;
+    componentDidRender() {
+        // start custom styling area
+        if (!this.limitStylingAppends && this.stylingContainer) {
+            if (this.clientStyling)
+                this.setClientStyling();
+            if (this.clientStylingUrlContent)
+                this.setClientStylingURL();
+            this.limitStylingAppends = true;
+        }
+        // end custom styling area
+    }
+    render() {
+        return ((this.visible &&
+            index.h("div", { key: 'ba2aed789565b37bfdbb34bdf3ccace827231653', class: this.visible ? "HelperModalWrapper HelperModalVisible" : "HelperModalWrapper", ref: el => this.stylingContainer = el }, index.h("div", { key: '151ca4cd80d259ac955b92b10bf6f0df2698a937', class: "HelperModalWrapper HelperModalVisible" }, index.h("div", { key: '804cb1dea73321c4935e4a8ddb1136e98e89a070', class: "HelperModalContent" + (isMobile(this.userAgent) ? ' HelperModalMobileContent' : '') }, index.h("span", { key: '30cf7928c1e4baa53f3514fc1930823db76c874c', class: "HelperModalClose" + (isMobile(this.userAgent) ? ' HelperModalMobileClose' : ''), onClick: this.handleHelperModalClose.bind(this) }, "X"), index.h("slot", { key: '5c1323a98cdcd09669020a00affe5673856e807e' }))))));
+    }
 };
-HelperModal.style = helperModalCss;
+HelperModal.style = HelperModalStyle0;
 
 exports.helper_modal = HelperModal;

dist/cjs/helper-modal.cjs.js

 'use strict';
 
-const index = require('./index-c6e4ec44.js');
+Object.defineProperty(exports, '__esModule', { value: true });
 
+const index = require('./index-68e382dd.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
+
 /*
- Stencil Client Patch Browser v2.15.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.20.0 | MIT Licensed | https://stenciljs.com
  */
-const patchBrowser = () => {
-    const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('helper-modal.cjs.js', document.baseURI).href));
-    const opts = {};
-    if (importMeta !== '') {
-        opts.resourcesUrl = new URL('.', importMeta).href;
-    }
-    return index.promiseResolve(opts);
+var patchBrowser = () => {
+  const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('helper-modal.cjs.js', document.baseURI).href));
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return index.promiseResolve(opts);
 };
 
-patchBrowser().then(options => {
+patchBrowser().then(async (options) => {
+  await appGlobals.globalScripts();
   return index.bootstrapLazy([["helper-modal.cjs",[[1,"helper-modal",{"titleModal":[513,"title-modal"],"visible":[1540],"clientStyling":[513,"client-styling"],"clientStylingUrlContent":[513,"client-styling-url-content"],"limitStylingAppends":[32]}]]]], options);
 });
+
+exports.setNonce = index.setNonce;

dist/cjs/loader.cjs.js

@@ -5,18 +5,12 @@ 'use strict';
 
-const index = require('./index-c6e4ec44.js');
+const index = require('./index-68e382dd.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
 
-/*
- Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com
- */
-const patchEsm = () => {
-    return index.promiseResolve();
-};
-
-const defineCustomElements = (win, options) => {
-  if (typeof window === 'undefined') return Promise.resolve();
-  return patchEsm().then(() => {
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await appGlobals.globalScripts();
   return index.bootstrapLazy([["helper-modal.cjs",[[1,"helper-modal",{"titleModal":[513,"title-modal"],"visible":[1540],"clientStyling":[513,"client-styling"],"clientStylingUrlContent":[513,"client-styling-url-content"],"limitStylingAppends":[32]}]]]], options);
-  });
 };
 
+exports.setNonce = index.setNonce;
 exports.defineCustomElements = defineCustomElements;

dist/collection/collection-manifest.json

 {
   "entries": [
-    "./components/helper-modal/helper-modal.js"
+    "components/helper-modal/helper-modal.js"
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.15.2",
-    "typescriptVersion": "4.5.4"
+    "version": "4.20.0",
+    "typescriptVersion": "5.5.3"
   },
@@ -10,0 +10,0 @@ "collections": [],

dist/collection/components/helper-modal/helper-modal.js

@@ -1,156 +0,154 @@
-import { Component, Event, h, Prop, State } from '@stencil/core';
+import { h } from "@stencil/core";
 import { isMobile } from "../../utils/utils";
 export class HelperModal {
-  constructor() {
-    /**
-     * Toggles if the helper is visible or not
-     */
-    this.visible = true;
-    /**
-     * Client custom styling via string
-     */
-    this.clientStyling = '';
-    /**
-     * Client custom styling via url content
-     */
-    this.clientStylingUrlContent = '';
-    this.limitStylingAppends = false;
-    this.userAgent = window.navigator.userAgent;
-    this.setClientStyling = () => {
-      let sheet = document.createElement('style');
-      sheet.innerHTML = this.clientStyling;
-      this.stylingContainer.prepend(sheet);
-    };
-    this.setClientStylingURL = () => {
-      let cssFile = document.createElement('style');
-      setTimeout(() => {
-        cssFile.innerHTML = this.clientStylingUrlContent;
-        this.stylingContainer.prepend(cssFile);
-      }, 1);
-    };
-  }
-  handleHelperModalClose() {
-    this.visible = false;
-    this.cancel.emit();
-  }
-  ;
-  componentDidRender() {
-    // start custom styling area
-    if (!this.limitStylingAppends && this.stylingContainer) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingUrlContent)
-        this.setClientStylingURL();
-      this.limitStylingAppends = true;
+    constructor() {
+        this.userAgent = window.navigator.userAgent;
+        this.setClientStyling = () => {
+            let sheet = document.createElement('style');
+            sheet.innerHTML = this.clientStyling;
+            this.stylingContainer.prepend(sheet);
+        };
+        this.setClientStylingURL = () => {
+            let cssFile = document.createElement('style');
+            setTimeout(() => {
+                cssFile.innerHTML = this.clientStylingUrlContent;
+                this.stylingContainer.prepend(cssFile);
+            }, 1);
+        };
+        this.titleModal = undefined;
+        this.visible = true;
+        this.clientStyling = '';
+        this.clientStylingUrlContent = '';
+        this.limitStylingAppends = false;
     }
-    // end custom styling area
-  }
-  render() {
-    return ((this.visible &&
-      h("div", { class: this.visible ? "HelperModalWrapper HelperModalVisible" : "HelperModalWrapper", ref: el => this.stylingContainer = el },
-        h("div", { class: "HelperModalWrapper HelperModalVisible" },
-          h("div", { class: "HelperModalContent" + (isMobile(this.userAgent) ? ' HelperModalMobileContent' : '') },
-            h("span", { class: "HelperModalClose" + (isMobile(this.userAgent) ? ' HelperModalMobileClose' : ''), onClick: this.handleHelperModalClose.bind(this) }, "X"),
-            h("slot", null))))));
-  }
-  static get is() { return "helper-modal"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["helper-modal.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["helper-modal.css"]
-  }; }
-  static get properties() { return {
-    "titleModal": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Modal title"
-      },
-      "attribute": "title-modal",
-      "reflect": true
-    },
-    "visible": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Toggles if the helper is visible or not"
-      },
-      "attribute": "visible",
-      "reflect": true,
-      "defaultValue": "true"
-    },
-    "clientStyling": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Client custom styling via string"
-      },
-      "attribute": "client-styling",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "clientStylingUrlContent": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Client custom styling via url content"
-      },
-      "attribute": "client-styling-url-content",
-      "reflect": true,
-      "defaultValue": "''"
+    handleHelperModalClose() {
+        this.visible = false;
+        this.cancel.emit();
     }
-  }; }
-  static get states() { return {
-    "limitStylingAppends": {}
-  }; }
-  static get events() { return [{
-      "method": "cancel",
-      "name": "modalCloseEvent",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "The event triggered when the modal is closed"
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }]; }
+    ;
+    componentDidRender() {
+        // start custom styling area
+        if (!this.limitStylingAppends && this.stylingContainer) {
+            if (this.clientStyling)
+                this.setClientStyling();
+            if (this.clientStylingUrlContent)
+                this.setClientStylingURL();
+            this.limitStylingAppends = true;
+        }
+        // end custom styling area
+    }
+    render() {
+        return ((this.visible &&
+            h("div", { key: 'ba2aed789565b37bfdbb34bdf3ccace827231653', class: this.visible ? "HelperModalWrapper HelperModalVisible" : "HelperModalWrapper", ref: el => this.stylingContainer = el }, h("div", { key: '151ca4cd80d259ac955b92b10bf6f0df2698a937', class: "HelperModalWrapper HelperModalVisible" }, h("div", { key: '804cb1dea73321c4935e4a8ddb1136e98e89a070', class: "HelperModalContent" + (isMobile(this.userAgent) ? ' HelperModalMobileContent' : '') }, h("span", { key: '30cf7928c1e4baa53f3514fc1930823db76c874c', class: "HelperModalClose" + (isMobile(this.userAgent) ? ' HelperModalMobileClose' : ''), onClick: this.handleHelperModalClose.bind(this) }, "X"), h("slot", { key: '5c1323a98cdcd09669020a00affe5673856e807e' }))))));
+    }
+    static get is() { return "helper-modal"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["helper-modal.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["helper-modal.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "titleModal": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Modal title"
+                },
+                "attribute": "title-modal",
+                "reflect": true
+            },
+            "visible": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Toggles if the helper is visible or not"
+                },
+                "attribute": "visible",
+                "reflect": true,
+                "defaultValue": "true"
+            },
+            "clientStyling": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom styling via string"
+                },
+                "attribute": "client-styling",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "clientStylingUrlContent": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom styling via url content"
+                },
+                "attribute": "client-styling-url-content",
+                "reflect": true,
+                "defaultValue": "''"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "limitStylingAppends": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "cancel",
+                "name": "modalCloseEvent",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The event triggered when the modal is closed"
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }];
+    }
 }

dist/collection/utils/utils.js

@@ -8,6 +8,6 @@ /**
 export const isMobile = (userAgent) => {
-  return !!(userAgent.toLowerCase().match(/android/i) ||
-    userAgent.toLowerCase().match(/blackberry|bb/i) ||
-    userAgent.toLowerCase().match(/iphone|ipad|ipod/i) ||
-    userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
+    return !!(userAgent.toLowerCase().match(/android/i) ||
+        userAgent.toLowerCase().match(/blackberry|bb/i) ||
+        userAgent.toLowerCase().match(/iphone|ipad|ipod/i) ||
+        userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
 };
@@ -21,12 +21,12 @@ /**
 export const getDevice = (userAgent) => {
-  if (userAgent.toLowerCase().match(/android/i)) {
-    return 'Android';
-  }
-  if (userAgent.toLowerCase().match(/iphone/i)) {
-    return 'iPhone';
-  }
-  if (userAgent.toLowerCase().match(/ipad|ipod/i)) {
-    return 'iPad';
-  }
-  return 'PC';
+    if (userAgent.toLowerCase().match(/android/i)) {
+        return 'Android';
+    }
+    if (userAgent.toLowerCase().match(/iphone/i)) {
+        return 'iPhone';
+    }
+    if (userAgent.toLowerCase().match(/ipad|ipod/i)) {
+        return 'iPad';
+    }
+    return 'PC';
 };

dist/esm/helper-modal.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, c as createEvent, h } from './index-4d594e7d.js';
+import { r as registerInstance, c as createEvent, h } from './index-d1cce61f.js';
 
@@ -10,64 +10,57 @@ /**
 const isMobile = (userAgent) => {
-  return !!(userAgent.toLowerCase().match(/android/i) ||
-    userAgent.toLowerCase().match(/blackberry|bb/i) ||
-    userAgent.toLowerCase().match(/iphone|ipad|ipod/i) ||
-    userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
+    return !!(userAgent.toLowerCase().match(/android/i) ||
+        userAgent.toLowerCase().match(/blackberry|bb/i) ||
+        userAgent.toLowerCase().match(/iphone|ipad|ipod/i) ||
+        userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
 };
 
 const helperModalCss = ":host{display:block}.HelperModalWrapper{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.7);opacity:0;visibility:hidden;transform:scale(1.1);transition:visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;z-index:1}.HelperModalVisible{opacity:1;visibility:visible;transform:scale(1);transition:visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s}.HelperModalContent{position:relative;border:solid 1px #848e97;box-shadow:2px 2px 2px rgba(0, 0, 0, 0.007);font-size:14px;padding:10px 10px 5px 10px;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:4px;width:600px;max-height:600px;overflow-y:scroll}.HelperModalMobileContent{background:#FFF;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:4px;width:80%;max-height:350px}.HelperModalClose{cursor:pointer;position:absolute;top:15px;right:15px;font-size:20px;color:#000}.HelperModalMobileClose{position:absolute;top:15px;right:15px;font-size:20px;color:#000}";
+const HelperModalStyle0 = helperModalCss;
 
 const HelperModal = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.cancel = createEvent(this, "modalCloseEvent", 7);
-    /**
-     * Toggles if the helper is visible or not
-     */
-    this.visible = true;
-    /**
-     * Client custom styling via string
-     */
-    this.clientStyling = '';
-    /**
-     * Client custom styling via url content
-     */
-    this.clientStylingUrlContent = '';
-    this.limitStylingAppends = false;
-    this.userAgent = window.navigator.userAgent;
-    this.setClientStyling = () => {
-      let sheet = document.createElement('style');
-      sheet.innerHTML = this.clientStyling;
-      this.stylingContainer.prepend(sheet);
-    };
-    this.setClientStylingURL = () => {
-      let cssFile = document.createElement('style');
-      setTimeout(() => {
-        cssFile.innerHTML = this.clientStylingUrlContent;
-        this.stylingContainer.prepend(cssFile);
-      }, 1);
-    };
-  }
-  handleHelperModalClose() {
-    this.visible = false;
-    this.cancel.emit();
-  }
-  ;
-  componentDidRender() {
-    // start custom styling area
-    if (!this.limitStylingAppends && this.stylingContainer) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingUrlContent)
-        this.setClientStylingURL();
-      this.limitStylingAppends = true;
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.cancel = createEvent(this, "modalCloseEvent", 7);
+        this.userAgent = window.navigator.userAgent;
+        this.setClientStyling = () => {
+            let sheet = document.createElement('style');
+            sheet.innerHTML = this.clientStyling;
+            this.stylingContainer.prepend(sheet);
+        };
+        this.setClientStylingURL = () => {
+            let cssFile = document.createElement('style');
+            setTimeout(() => {
+                cssFile.innerHTML = this.clientStylingUrlContent;
+                this.stylingContainer.prepend(cssFile);
+            }, 1);
+        };
+        this.titleModal = undefined;
+        this.visible = true;
+        this.clientStyling = '';
+        this.clientStylingUrlContent = '';
+        this.limitStylingAppends = false;
     }
-    // end custom styling area
-  }
-  render() {
-    return ((this.visible &&
-      h("div", { class: this.visible ? "HelperModalWrapper HelperModalVisible" : "HelperModalWrapper", ref: el => this.stylingContainer = el }, h("div", { class: "HelperModalWrapper HelperModalVisible" }, h("div", { class: "HelperModalContent" + (isMobile(this.userAgent) ? ' HelperModalMobileContent' : '') }, h("span", { class: "HelperModalClose" + (isMobile(this.userAgent) ? ' HelperModalMobileClose' : ''), onClick: this.handleHelperModalClose.bind(this) }, "X"), h("slot", null))))));
-  }
+    handleHelperModalClose() {
+        this.visible = false;
+        this.cancel.emit();
+    }
+    ;
+    componentDidRender() {
+        // start custom styling area
+        if (!this.limitStylingAppends && this.stylingContainer) {
+            if (this.clientStyling)
+                this.setClientStyling();
+            if (this.clientStylingUrlContent)
+                this.setClientStylingURL();
+            this.limitStylingAppends = true;
+        }
+        // end custom styling area
+    }
+    render() {
+        return ((this.visible &&
+            h("div", { key: 'ba2aed789565b37bfdbb34bdf3ccace827231653', class: this.visible ? "HelperModalWrapper HelperModalVisible" : "HelperModalWrapper", ref: el => this.stylingContainer = el }, h("div", { key: '151ca4cd80d259ac955b92b10bf6f0df2698a937', class: "HelperModalWrapper HelperModalVisible" }, h("div", { key: '804cb1dea73321c4935e4a8ddb1136e98e89a070', class: "HelperModalContent" + (isMobile(this.userAgent) ? ' HelperModalMobileContent' : '') }, h("span", { key: '30cf7928c1e4baa53f3514fc1930823db76c874c', class: "HelperModalClose" + (isMobile(this.userAgent) ? ' HelperModalMobileClose' : ''), onClick: this.handleHelperModalClose.bind(this) }, "X"), h("slot", { key: '5c1323a98cdcd09669020a00affe5673856e807e' }))))));
+    }
 };
-HelperModal.style = helperModalCss;
+HelperModal.style = HelperModalStyle0;
 
 export { HelperModal as helper_modal };

dist/esm/helper-modal.js

@@ -1,17 +0,20 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-4d594e7d.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-d1cce61f.js';
+export { s as setNonce } from './index-d1cce61f.js';
+import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 /*
- Stencil Client Patch Browser v2.15.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.20.0 | MIT Licensed | https://stenciljs.com
  */
-const patchBrowser = () => {
-    const importMeta = import.meta.url;
-    const opts = {};
-    if (importMeta !== '') {
-        opts.resourcesUrl = new URL('.', importMeta).href;
-    }
-    return promiseResolve(opts);
+var patchBrowser = () => {
+  const importMeta = import.meta.url;
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return promiseResolve(opts);
 };
 
-patchBrowser().then(options => {
+patchBrowser().then(async (options) => {
+  await globalScripts();
   return bootstrapLazy([["helper-modal",[[1,"helper-modal",{"titleModal":[513,"title-modal"],"visible":[1540],"clientStyling":[513,"client-styling"],"clientStylingUrlContent":[513,"client-styling-url-content"],"limitStylingAppends":[32]}]]]], options);
 });

dist/esm/loader.js

@@ -1,17 +0,11 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-4d594e7d.js';
+import { b as bootstrapLazy } from './index-d1cce61f.js';
+export { s as setNonce } from './index-d1cce61f.js';
+import { g as globalScripts } from './app-globals-0f993ce5.js';
 
-/*
- Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com
- */
-const patchEsm = () => {
-    return promiseResolve();
-};
-
-const defineCustomElements = (win, options) => {
-  if (typeof window === 'undefined') return Promise.resolve();
-  return patchEsm().then(() => {
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await globalScripts();
   return bootstrapLazy([["helper-modal",[[1,"helper-modal",{"titleModal":[513,"title-modal"],"visible":[1540],"clientStyling":[513,"client-styling"],"clientStylingUrlContent":[513,"client-styling-url-content"],"limitStylingAppends":[32]}]]]], options);
-  });
 };
 
 export { defineCustomElements };

dist/helper-modal/helper-modal.esm.js

@@ -1,1 +0,1 @@
-import{p as t,b as l}from"./p-1c2c3fd8.js";(()=>{const l=import.meta.url,i={};return""!==l&&(i.resourcesUrl=new URL(".",l).href),t(i)})().then((t=>l([["p-66f1c138",[[1,"helper-modal",{titleModal:[513,"title-modal"],visible:[1540],clientStyling:[513,"client-styling"],clientStylingUrlContent:[513,"client-styling-url-content"],limitStylingAppends:[32]}]]]],t)));
+import{p as t,b as e}from"./p-b5badfa7.js";export{s as setNonce}from"./p-b5badfa7.js";import{g as i}from"./p-e1255160.js";(()=>{const e=import.meta.url,i={};return""!==e&&(i.resourcesUrl=new URL(".",e).href),t(i)})().then((async t=>(await i(),e([["p-60980584",[[1,"helper-modal",{titleModal:[513,"title-modal"],visible:[1540],clientStyling:[513,"client-styling"],clientStylingUrlContent:[513,"client-styling-url-content"],limitStylingAppends:[32]}]]]],t))));

dist/stencil.config.js

@@ -1,22 +0,17 @@
-import { sass } from '@stencil/sass';
+import { sass } from "@stencil/sass";
 export const config = {
-  namespace: 'helper-modal',
-  taskQueue: 'async',
-  plugins: [sass()],
-  outputTargets: [
-    {
-      type: 'dist',
-      esmLoaderPath: '../loader',
+    namespace: 'helper-modal',
+    taskQueue: 'async',
+    sourceMap: false,
+    minifyJs: true,
+    extras: {
+        experimentalImportInjection: true
     },
-    {
-      type: 'dist-custom-elements',
-    },
-    {
-      type: 'docs-readme',
-    },
-    {
-      type: 'www',
-      serviceWorker: null, // disable service workers
-    },
-  ],
+    plugins: [sass()],
+    outputTargets: [
+        {
+            type: 'dist',
+            esmLoaderPath: '../loader'
+        }
+    ]
 };

dist/types/components.d.ts

@@ -28,4 +28,19 @@ /* eslint-disable */
 }
+export interface HelperModalCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLHelperModalElement;
+}
 declare global {
+    interface HTMLHelperModalElementEventMap {
+        "modalCloseEvent": any;
+    }
     interface HTMLHelperModalElement extends Components.HelperModal, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLHelperModalElementEventMap>(type: K, listener: (this: HTMLHelperModalElement, ev: HelperModalCustomEvent<HTMLHelperModalElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLHelperModalElementEventMap>(type: K, listener: (this: HTMLHelperModalElement, ev: HelperModalCustomEvent<HTMLHelperModalElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
@@ -53,3 +68,3 @@ var HTMLHelperModalElement: {
          */
-        "onModalCloseEvent"?: (event: CustomEvent<any>) => void;
+        "onModalCloseEvent"?: (event: HelperModalCustomEvent<any>) => void;
         /**
@@ -56,0 +71,0 @@ * Modal title

dist/types/components/helper-modal/helper-modal.d.ts

 export declare class HelperModal {
-  /**
-   * Modal title
-   */
-  titleModal: string;
-  /**
-   * Toggles if the helper is visible or not
-   */
-  visible: boolean;
-  /**
-   * Client custom styling via string
-   */
-  clientStyling: string;
-  /**
-   * Client custom styling via url content
-   */
-  clientStylingUrlContent: string;
-  private limitStylingAppends;
-  private userAgent;
-  private stylingContainer;
-  /**
-   * The event triggered when the modal is closed
-   */
-  private cancel;
-  handleHelperModalClose(): void;
-  componentDidRender(): void;
-  setClientStyling: () => void;
-  setClientStylingURL: () => void;
-  render(): any;
+    /**
+     * Modal title
+     */
+    titleModal: string;
+    /**
+     * Toggles if the helper is visible or not
+     */
+    visible: boolean;
+    /**
+     * Client custom styling via string
+     */
+    clientStyling: string;
+    /**
+     * Client custom styling via url content
+     */
+    clientStylingUrlContent: string;
+    private limitStylingAppends;
+    private userAgent;
+    private stylingContainer;
+    /**
+     * The event triggered when the modal is closed
+     */
+    private cancel;
+    handleHelperModalClose(): void;
+    componentDidRender(): void;
+    setClientStyling: () => void;
+    setClientStylingURL: () => void;
+    render(): any;
 }

dist/types/stencil-public-runtime.d.ts

@@ -7,2 +7,12 @@ declare type CustomMethodDecorator<T> = (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
     /**
+     * When set to `true` this component will be form-associated. See
+     * https://stenciljs.com/docs/next/form-associated documentation on how to
+     * build form-associated Stencil components that integrate into forms like
+     * native browser elements such as `<input>` and `<textarea>`.
+     *
+     * The {@link AttachInternals} decorator allows for access to the
+     * `ElementInternals` object to modify the associated form.
+     */
+    formAssociated?: boolean;
+    /**
      * Tag name of the web component. Ideally, the tag name must be globally unique,
@@ -66,3 +76,3 @@ * so it's recommended to choose an unique prefix for all your components within the same collection.
      * Stencil uses different heuristics to determine the default name of the attribute,
-     * but using this property, you can override the default behaviour.
+     * but using this property, you can override the default behavior.
      */
@@ -112,2 +122,5 @@ attribute?: string | null;
 }
+export interface AttachInternalsDecorator {
+    (): PropertyDecorator;
+}
 export interface ListenDecorator {
@@ -134,3 +147,3 @@ (eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
      *
-     * Using the `passive` option can be used to change the default behaviour.
+     * Using the `passive` option can be used to change the default behavior.
      * Please see https://developers.google.com/web/updates/2016/06/passive-event-listeners for further information.
@@ -140,3 +153,3 @@ */
 }
-export declare type ListenTargetOptions = 'body' | 'document' | 'window';
+export type ListenTargetOptions = 'body' | 'document' | 'window';
 export interface StateDecorator {
@@ -184,2 +197,8 @@ (): PropertyDecorator;
 /**
+ * If the `formAssociated` option is set in options passed to the
+ * `@Component()` decorator then this decorator may be used to get access to the
+ * `ElementInternals` instance associated with the component.
+ */
+export declare const AttachInternals: AttachInternalsDecorator;
+/**
  * The `Listen()` decorator is for listening DOM events, including the ones
@@ -223,4 +242,4 @@ * dispatched from `@Events()`.
 export declare const Watch: WatchDecorator;
-export declare type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
-export declare type ErrorHandler = (err: any, element?: HTMLElement) => void;
+export type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
+export type ErrorHandler = (err: any, element?: HTMLElement) => void;
 /**
@@ -231,3 +250,5 @@ * `setMode()` is used for libraries which provide multiple "modes" for styles.
 /**
- * getMode
+ * `getMode()` is used for libraries which provide multiple "modes" for styles.
+ * @param ref a reference to the node to get styles for
+ * @returns the current mode or undefined, if not found
  */
@@ -245,2 +266,5 @@ export declare function getMode<T = string | undefined>(ref: any): T;
  * if the path needs to be customized.
+ * @param path the path to use in calculating the asset path. this value will be
+ * used in conjunction with the base asset path
+ * @returns the base path
  */
@@ -258,9 +282,22 @@ export declare function getAssetPath(path: string): string;
  * But do note that this configuration depends on how your script is bundled, or lack of
- * bunding, and where your assets can be loaded from. Additionally custom bundling
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
  * will have to ensure the static assets are copied to its build directory.
+ * @param path the asset path to set
+ * @returns the set path
  */
 export declare function setAssetPath(path: string): string;
 /**
- * getElement
+ * Used to specify a nonce value that corresponds with an application's
+ * [Content Security Policy (CSP)](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP).
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a `meta` tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) and will result in the same behavior.
+ * @param nonce The value to be used for the nonce attribute.
  */
+export declare function setNonce(nonce: string): void;
+/**
+ * Retrieve a Stencil element for a given reference
+ * @param ref the ref to get the Stencil element for
+ * @returns a reference to the element
+ */
 export declare function getElement(ref: any): HTMLStencilElement;
@@ -270,3 +307,5 @@ /**
  *
- * Notice `forceUpdate()` is not syncronous and might perform the DOM render in the next frame.
+ * Notice `forceUpdate()` is not synchronous and might perform the DOM render in the next frame.
+ *
+ * @param ref the node/element to force the re-render of
  */
@@ -276,2 +315,3 @@ export declare function forceUpdate(ref: any): void;
  * getRenderingRef
+ * @returns the rendering ref
  */
@@ -287,2 +327,4 @@ export declare function getRenderingRef(): any;
  * For further information: https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing
+ *
+ * @param task the DOM-write to schedule
  */
@@ -295,2 +337,4 @@ export declare function writeTask(task: RafCallback): void;
  * For further information: https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing
+ *
+ * @param task the DOM-read to schedule
  */
@@ -424,3 +468,3 @@ export declare function readTask(task: RafCallback): void;
  */
-interface HostAttributes {
+export interface HostAttributes {
     class?: string | {
@@ -435,4 +479,40 @@ [className: string]: boolean;
 }
+/**
+ * Utilities for working with functional Stencil components. An object
+ * conforming to this interface is passed by the Stencil runtime as the third
+ * argument to a functional component, allowing component authors to work with
+ * features like children.
+ *
+ * The children of a functional component will be passed as the second
+ * argument, so a functional component which uses these utils to transform its
+ * children might look like the following:
+ *
+ * ```ts
+ * export const AddClass: FunctionalComponent = (_, children, utils) => (
+ *  utils.map(children, child => ({
+ *    ...child,
+ *    vattrs: {
+ *      ...child.vattrs,
+ *      class: `${child.vattrs.class} add-class`
+ *    }
+ *  }))
+ * );
+ * ```
+ *
+ * For more see the Stencil documentation, here:
+ * https://stenciljs.com/docs/functional-components
+ */
 export interface FunctionalUtilities {
+    /**
+     * Utility for reading the children of a functional component at runtime.
+     * Since the Stencil runtime uses a different interface for children it is
+     * not recommended to read the children directly, and is preferable to use
+     * this utility to, for instance, perform a side effect for each child.
+     */
     forEach: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => void) => void;
+    /**
+     * Utility for transforming the children of a functional component. Given an
+     * array of children and a callback this will return a list of the results of
+     * passing each child to the supplied callback.
+     */
     map: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => ChildNode) => VNode[];
@@ -443,2 +523,10 @@ }
 }
+/**
+ * A Child VDOM node
+ *
+ * This has most of the same properties as {@link VNode} but friendlier names
+ * (i.e. `vtag` instead of `$tag$`, `vchildren` instead of `$children$`) in
+ * order to provide a friendlier public interface for users of the
+ * {@link FunctionalUtilities}).
+ */
 export interface ChildNode {
@@ -490,2 +578,5 @@ vtag?: string | number | Function;
 export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
+/**
+ * A virtual DOM node
+ */
 export interface VNode {
@@ -698,2 +789,3 @@ $flags$: number;
         media?: string;
+        ping?: string;
         rel?: string;
@@ -725,3 +817,2 @@ target?: string;
     interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
@@ -742,2 +833,5 @@ form?: string;
         value?: string | string[] | number;
+        popoverTargetAction?: string;
+        popoverTargetElement?: Element | null;
+        popoverTarget?: string;
     }
@@ -764,2 +858,3 @@ interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {
     interface DialogHTMLAttributes<T> extends HTMLAttributes<T> {
+        onCancel?: (event: Event) => void;
         onClose?: (event: Event) => void;
@@ -824,2 +919,4 @@ open?: boolean;
         alt?: string;
+        crossOrigin?: string;
+        crossorigin?: string;
         decoding?: 'async' | 'auto' | 'sync';
@@ -846,8 +943,6 @@ importance?: 'low' | 'auto' | 'high';
         alt?: string;
-        autoCapitalize?: any;
-        autocapitalize?: any;
+        autoCapitalize?: string;
+        autocapitalize?: string;
         autoComplete?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         capture?: string;
@@ -884,2 +979,4 @@ checked?: boolean;
         name?: string;
+        onSelect?: (event: Event) => void;
+        onselect?: (event: Event) => void;
         pattern?: string;
@@ -903,6 +1000,7 @@ placeholder?: string;
         width?: number | string;
+        popoverTargetAction?: string;
+        popoverTargetElement?: Element | null;
+        popoverTarget?: string;
     }
     interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         challenge?: string;
@@ -920,3 +1018,2 @@ disabled?: boolean;
         htmlFor?: string;
-        htmlfor?: string;
     }
@@ -1032,3 +1129,2 @@ interface LiHTMLAttributes<T> extends HTMLAttributes<T> {
         htmlFor?: string;
-        htmlfor?: string;
         name?: string;
@@ -1058,3 +1154,2 @@ }
     interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
@@ -1070,2 +1165,3 @@ form?: string;
     interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
+        height?: number;
         media?: string;
@@ -1076,2 +1172,3 @@ sizes?: string;
         type?: string;
+        width?: number;
     }
@@ -1092,4 +1189,4 @@ interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
     interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
+        autoComplete?: string;
+        autocomplete?: string;
         cols?: number;
@@ -1103,2 +1200,4 @@ disabled?: boolean;
         name?: string;
+        onSelect?: (event: Event) => void;
+        onselect?: (event: Event) => void;
         placeholder?: string;
@@ -1146,2 +1245,4 @@ readOnly?: boolean;
         accessKey?: string;
+        autoFocus?: boolean;
+        autofocus?: boolean | string;
         class?: string | {
@@ -1158,2 +1259,3 @@ [className: string]: boolean;
         id?: string;
+        inert?: boolean;
         lang?: string;
@@ -1167,2 +1269,3 @@ spellcheck?: 'true' | 'false' | any;
         title?: string;
+        popover?: string | null;
         inputMode?: string;
@@ -1184,4 +1287,4 @@ inputmode?: string;
         vocab?: string;
-        autoCapitalize?: any;
-        autocapitalize?: any;
+        autoCapitalize?: string;
+        autocapitalize?: string;
         autoCorrect?: string;
@@ -1254,3 +1357,3 @@ autocorrect?: string;
         'color-interpolation'?: number | string;
-        'color-interpolation-filters'?: 'auto' | 's-rGB' | 'linear-rGB' | 'inherit';
+        'color-interpolation-filters'?: 'auto' | 'sRGB' | 'linearRGB';
         'color-profile'?: number | string;
@@ -1478,8 +1581,8 @@ 'color-rendering'?: number | string;
         onPasteCapture?: (event: ClipboardEvent) => void;
-        onCompositionEnd?: (event: CompositionEvent) => void;
-        onCompositionEndCapture?: (event: CompositionEvent) => void;
-        onCompositionStart?: (event: CompositionEvent) => void;
-        onCompositionStartCapture?: (event: CompositionEvent) => void;
-        onCompositionUpdate?: (event: CompositionEvent) => void;
-        onCompositionUpdateCapture?: (event: CompositionEvent) => void;
+        onCompositionend?: (event: CompositionEvent) => void;
+        onCompositionendCapture?: (event: CompositionEvent) => void;
+        onCompositionstart?: (event: CompositionEvent) => void;
+        onCompositionstartCapture?: (event: CompositionEvent) => void;
+        onCompositionupdate?: (event: CompositionEvent) => void;
+        onCompositionupdateCapture?: (event: CompositionEvent) => void;
         onFocus?: (event: FocusEvent) => void;
@@ -1495,4 +1598,4 @@ onFocusCapture?: (event: FocusEvent) => void;
         onChangeCapture?: (event: Event) => void;
-        onInput?: (event: Event) => void;
-        onInputCapture?: (event: Event) => void;
+        onInput?: (event: InputEvent) => void;
+        onInputCapture?: (event: InputEvent) => void;
         onReset?: (event: Event) => void;
@@ -1587,4 +1690,10 @@ onResetCapture?: (event: Event) => void;
         onAnimationIterationCapture?: (event: AnimationEvent) => void;
+        onTransitionCancel?: (event: TransitionEvent) => void;
+        onTransitionCancelCapture?: (event: TransitionEvent) => void;
         onTransitionEnd?: (event: TransitionEvent) => void;
         onTransitionEndCapture?: (event: TransitionEvent) => void;
+        onTransitionRun?: (event: TransitionEvent) => void;
+        onTransitionRunCapture?: (event: TransitionEvent) => void;
+        onTransitionStart?: (event: TransitionEvent) => void;
+        onTransitionStartCapture?: (event: TransitionEvent) => void;
     }
@@ -1591,0 +1700,0 @@ }

loader/cdn.js

@@ -1,3 +0,1 @@
-
-module.exports = require('../dist/cjs/loader.cjs.js');
-module.exports.applyPolyfills = function() { return Promise.resolve() };
+module.exports = require('../dist/cjs/loader.cjs.js');

loader/index.cjs.js

@@ -1,3 +0,1 @@
-
-module.exports = require('../dist/cjs/loader.cjs.js');
-module.exports.applyPolyfills = function() { return Promise.resolve() };
+module.exports = require('../dist/cjs/loader.cjs.js');

loader/index.d.ts

@@ -11,3 +11,15 @@ export * from '../dist/types/components';
 }
-export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): Promise<void>;
+export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): void;
+/**
+ * @deprecated
+ */
 export declare function applyPolyfills(): Promise<void>;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare function setNonce(nonce: string): void;

loader/index.es2017.js

@@ -1,3 +0,1 @@
-
-export * from '../dist/esm/polyfills/index.js';
-export * from '../dist/esm/loader.js';
+export * from '../dist/esm/loader.js';

loader/index.js

@@ -1,4 +0,2 @@
-
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
-export * from '../dist/esm/polyfills/index.js';
-export * from '../dist/esm/loader.js';
+export * from '../dist/esm/loader.js';

loader/package.json

 {
   "name": "helper-modal-loader",
+  "private": true,
   "typings": "./index.d.ts",
@@ -4,0 +5,0 @@ "module": "./index.js",

package.json

 {
   "name": "@everymatrix/helper-modal",
-  "version": "1.44.0",
+  "version": "1.45.0",
   "main": "./dist/index.cjs.js",
@@ -12,2 +12,9 @@ "module": "./dist/index.js",
   "unpkg": "./dist/helper-modal/helper-modal.esm.js",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/helper-modal.js",
+      "require": "./dist/cjs/helper-modal.cjs"
+    },
+    "./dist/cjs/helper-modal.cjs.js": "./dist/cjs/helper-modal.cjs.js"
+  },
   "files": [
@@ -14,0 +21,0 @@ "dist/",

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Dynamic require

Supply chain risk

Dynamic require can indicate the package is performing dangerous or unsafe dynamic code execution.

Found 1 instance in 1 package

Fixed alerts

Network access

Supply chain risk

This module accesses the network.

Found 1 instance in 1 package

Improved metrics

Number of medium supply chain risk alerts

1

decreased by-50%

Worsened metrics

Total package byte prevSize

188081

decreased by-41.59%

Number of package files

42

decreased by-6.67%

Lines of code

4714

decreased by-9.26%

Number of low supply chain risk alerts

3

increased by50%

No dependency changes