@webreact/webreact-components - npm Package Compare versions

Comparing version 0.3.2 to 0.3.3

dist/types/components.d.ts

@@ -55,2 +55,3 @@ /* eslint-disable */
           * The depth level for the accessory. Set this to 'back' to have the mockup in front.
+          * @deprecated
          */
@@ -60,2 +61,3 @@ "accessoryDepth": 'front' | 'back';
           * Image url of the accessory
+          * @deprecated
          */
@@ -76,2 +78,6 @@ "accessoryImage": string;
         /**
+          * Image url for the lower layer
+         */
+        "bottomLayer": string;
+        /**
           * The subtitle used in this card.
@@ -86,4 +92,9 @@ */
           * Image url of the mockup
+          * @deprecated
          */
         "mockupImage": string;
+        /**
+          * Image url for the top image layer.
+         */
+        "topLayer": string;
     }
@@ -221,2 +232,3 @@ interface WrCaseHighlight {
           * The depth level for the accessory. Set this to 'back' to have the mockup in front.
+          * @deprecated
          */
@@ -226,2 +238,3 @@ "accessoryDepth"?: 'front' | 'back';
           * Image url of the accessory
+          * @deprecated
          */
@@ -242,2 +255,6 @@ "accessoryImage": string;
         /**
+          * Image url for the lower layer
+         */
+        "bottomLayer": string;
+        /**
           * The subtitle used in this card.
@@ -252,4 +269,9 @@ */
           * Image url of the mockup
+          * @deprecated
          */
         "mockupImage": string;
+        /**
+          * Image url for the top image layer.
+         */
+        "topLayer": string;
     }
@@ -256,0 +278,0 @@ interface WrCaseHighlight {

dist/types/components/wr-case/wr-case.d.ts

@@ -24,3 +24,12 @@ export declare class WrCase {
   /**
+   * Image url for the top image layer.
+   */
+  topLayer: string;
+  /**
+   * Image url for the lower layer
+   */
+  bottomLayer: string;
+  /**
    * Image url of the mockup
+   * @deprecated
    */
@@ -30,2 +39,3 @@ mockupImage: string;
    * Image url of the accessory
+   * @deprecated
    */
@@ -36,2 +46,3 @@ accessoryImage: string;
    * Set this to 'back' to have the mockup in front.
+   * @deprecated
    */
@@ -68,6 +79,8 @@ accessoryDepth: 'front' | 'back';
   protected handleMouseOver(event: MouseEvent): void;
+  private checkForDeprecations;
+  componentWillLoad(): void;
   componentDidLoad(): void;
   render(): any;
-  protected renderAccessoryImage(): any;
-  protected renderMockupImage(): any;
+  protected renderTopLayer(): any;
+  protected renderBottomLayer(): any;
   /**
@@ -74,0 +87,0 @@ * Renders the background image if supplied.

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

@@ -682,2 +682,3 @@ declare type CustomMethodDecorator<T> = (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
         target?: string;
+        referrerPolicy?: ReferrerPolicy;
     }
@@ -684,0 +685,0 @@ interface AudioHTMLAttributes<T> extends MediaHTMLAttributes<T> {

dist/webreact/webreact.esm.js

@@ -1,1 +0,125 @@
-import{p as e,b as o}from"./p-eaddae27.js";(()=>{const o=import.meta.url,a={};return""!==o&&(a.resourcesUrl=new URL(".",o).href),e(a)})().then((e=>o([["p-36893d64",[[1,"wr-accordion",{accordionTitle:[1,"accordion-title"],background:[1],open:[32],closeMe:[64],openMe:[64]}],[1,"wr-accordion-group",{isCollapse:[4,"is-collapse"],closeChildren:[64]},[[0,"accordionOpened","accordionOpened"]]],[1,"wr-big-quote",{isDark:[4,"is-dark"],quoteColor:[1,"quote-color"],authorName:[1,"author-name"],authorFunction:[1,"author-function"],authorImage:[1,"author-image"]}],[1,"wr-block-meta",{items:[1],innerData:[32]}],[1,"wr-case",{caseTitle:[1,"case-title"],caseSubtitle:[1,"case-subtitle"],backgroundColor:[1,"background-color"],backgroundOpacity:[2,"background-opacity"],backgroundImage:[1,"background-image"],mockupImage:[1,"mockup-image"],accessoryImage:[1,"accessory-image"],accessoryDepth:[1,"accessory-depth"]}],[1,"wr-case-highlight",{background:[1],backgroundX:[1,"background-x"],backgroundY:[1,"background-y"],caseTitle:[1,"case-title"],href:[1]}],[1,"wr-highlight",{itemTitle:[1,"item-title"],subTitle:[1,"sub-title"],linkTitle:[1,"link-title"],href:[1]}],[1,"wr-highlight-grid",null,[[0,"hover","onHover"]]]]],["p-8239b7a6",[[1,"my-component",{first:[1],middle:[1],last:[1]}]]]],e)));
+import { B as BUILD, c as consoleDevInfo, p as plt, w as win, H, d as doc, N as NAMESPACE, a as promiseResolve, b as bootstrapLazy } from './index-739c026e.js';
+import { g as globalScripts } from './app-globals-0f993ce5.js';
+
+/*
+ Stencil Client Patch Browser v2.8.1 | MIT Licensed | https://stenciljs.com
+ */
+const getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\s|-/g, '_')}`;
+const patchBrowser = () => {
+    // NOTE!! This fn cannot use async/await!
+    if (BUILD.isDev && !BUILD.isTesting) {
+        consoleDevInfo('Running in development mode.');
+    }
+    if (BUILD.cssVarShim) {
+        // shim css vars
+        plt.$cssShim$ = win.__cssshim;
+    }
+    if (BUILD.cloneNodeFix) {
+        // opted-in to polyfill cloneNode() for slot polyfilled components
+        patchCloneNodeFix(H.prototype);
+    }
+    if (BUILD.profile && !performance.mark) {
+        // not all browsers support performance.mark/measure (Safari 10)
+        performance.mark = performance.measure = () => {
+            /*noop*/
+        };
+        performance.getEntriesByName = () => [];
+    }
+    // @ts-ignore
+    const scriptElm = BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim
+        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\/${NAMESPACE}(\\.esm)?\\.js($|\\?|#)`).test(s.src) ||
+            s.getAttribute('data-stencil-namespace') === NAMESPACE)
+        : null;
+    const importMeta = import.meta.url;
+    const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] || {} : {};
+    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {
+        // Safari < v11 support: This IF is true if it's Safari below v11.
+        // This fn cannot use async/await since Safari didn't support it until v11,
+        // however, Safari 10 did support modules. Safari 10 also didn't support "nomodule",
+        // so both the ESM file and nomodule file would get downloaded. Only Safari
+        // has 'onbeforeload' in the script, and "history.scrollRestoration" was added
+        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.
+        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.
+        return {
+            then() {
+                /* promise noop */
+            },
+        };
+    }
+    if (!BUILD.safari10 && importMeta !== '') {
+        opts.resourcesUrl = new URL('.', importMeta).href;
+    }
+    else if (BUILD.dynamicImportShim || BUILD.safari10) {
+        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;
+        if (BUILD.dynamicImportShim) {
+            patchDynamicImport(opts.resourcesUrl, scriptElm);
+        }
+        if (BUILD.dynamicImportShim && !win.customElements) {
+            // module support, but no custom elements support (Old Edge)
+            // @ts-ignore
+            return import(/* webpackChunkName: "polyfills-dom" */ './dom-d08ba8aa.js').then(() => opts);
+        }
+    }
+    return promiseResolve(opts);
+};
+const patchDynamicImport = (base, orgScriptElm) => {
+    const importFunctionName = getDynamicImportFunction(NAMESPACE);
+    try {
+        // test if this browser supports dynamic imports
+        // There is a caching issue in V8, that breaks using import() in Function
+        // By generating a random string, we can workaround it
+        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info
+        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);
+    }
+    catch (e) {
+        // this shim is specifically for browsers that do support "esm" imports
+        // however, they do NOT support "dynamic" imports
+        // basically this code is for old Edge, v18 and below
+        const moduleMap = new Map();
+        win[importFunctionName] = (src) => {
+            const url = new URL(src, base).href;
+            let mod = moduleMap.get(url);
+            if (!mod) {
+                const script = doc.createElement('script');
+                script.type = 'module';
+                script.crossOrigin = orgScriptElm.crossOrigin;
+                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {
+                    type: 'application/javascript',
+                }));
+                mod = new Promise((resolve) => {
+                    script.onload = () => {
+                        resolve(win[importFunctionName].m);
+                        script.remove();
+                    };
+                });
+                moduleMap.set(url, mod);
+                doc.head.appendChild(script);
+            }
+            return mod;
+        };
+    }
+};
+const patchCloneNodeFix = (HTMLElementPrototype) => {
+    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;
+    HTMLElementPrototype.cloneNode = function (deep) {
+        if (this.nodeName === 'TEMPLATE') {
+            return nativeCloneNodeFn.call(this, deep);
+        }
+        const clonedNode = nativeCloneNodeFn.call(this, false);
+        const srcChildNodes = this.childNodes;
+        if (deep) {
+            for (let i = 0; i < srcChildNodes.length; i++) {
+                // Node.ATTRIBUTE_NODE === 2, and checking because IE11
+                if (srcChildNodes[i].nodeType !== 2) {
+                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));
+                }
+            }
+        }
+        return clonedNode;
+    };
+};
+
+patchBrowser().then(options => {
+  globalScripts();
+  return bootstrapLazy([["my-component",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["wr-accordion",[[1,"wr-accordion",{"accordionTitle":[1,"accordion-title"],"background":[1],"open":[32],"closeMe":[64],"openMe":[64]}]]],["wr-accordion-group",[[1,"wr-accordion-group",{"isCollapse":[4,"is-collapse"],"closeChildren":[64]},[[0,"accordionOpened","accordionOpened"]]]]],["wr-big-quote",[[1,"wr-big-quote",{"isDark":[4,"is-dark"],"quoteColor":[1,"quote-color"],"authorName":[1,"author-name"],"authorFunction":[1,"author-function"],"authorImage":[1,"author-image"]}]]],["wr-block-meta",[[1,"wr-block-meta",{"items":[1],"innerData":[32]}]]],["wr-case",[[1,"wr-case",{"caseTitle":[1,"case-title"],"caseSubtitle":[1,"case-subtitle"],"backgroundColor":[1,"background-color"],"backgroundOpacity":[2,"background-opacity"],"backgroundImage":[1,"background-image"],"topLayer":[1025,"top-layer"],"bottomLayer":[1025,"bottom-layer"],"mockupImage":[1,"mockup-image"],"accessoryImage":[1,"accessory-image"],"accessoryDepth":[1,"accessory-depth"]}]]],["wr-case-highlight",[[1,"wr-case-highlight",{"background":[1],"backgroundX":[1,"background-x"],"backgroundY":[1,"background-y"],"caseTitle":[1,"case-title"],"href":[1]}]]],["wr-highlight",[[1,"wr-highlight",{"itemTitle":[1,"item-title"],"subTitle":[1,"sub-title"],"linkTitle":[1,"link-title"],"href":[1]}]]],["wr-highlight-grid",[[1,"wr-highlight-grid",null,[[0,"hover","onHover"]]]]]], options);
+});

package.json

 {
   "name": "@webreact/webreact-components",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "description": "Stencil Component Starter",
@@ -5,0 +5,0 @@ "main": "dist/index.cjs.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

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

Uses eval

Supply chain risk

Package uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Mixed license

License

(Experimental) Package contains multiple licenses.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

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

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Number of low supply chain risk alerts

7

decreased by-50%

Worsened metrics

Total package byte prevSize

586372

decreased by-26.74%

Number of package files

48

decreased by-40.74%

Number of low license alerts

1

increased byInfinity%

Lines of code

13374

decreased by-16.46%

Number of medium supply chain risk alerts

3

increased by50%

No dependency changes