@manifoldco/component-plan-matrix - npm Package Compare versions

Comparing version 0.0.8 to 0.0.9

dist/cjs/loader.cjs.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const core = require('./core-6a7e51f6.js');
+const core = require('./core-514f9636.js');
 
@@ -8,0 +8,0 @@ const defineCustomElements = (win, options) => {

dist/cjs/manifold-button_10.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const core = require('./core-6a7e51f6.js');
+const core = require('./core-514f9636.js');
 
@@ -319,4 +319,2 @@ const ManifoldButton = class {
         core.registerInstance(this, hostRef);
-        // Passed product ID to the graphql endpoint
-        this.productId = '';
         // Passed client ID header to the graphql calls
@@ -333,8 +331,18 @@ this.clientId = '';
     }
+    refetchProduct(newVal) {
+        if (newVal) {
+            this.fetchProduct(newVal);
+        }
+    }
     componentWillLoad() {
-        const DEFAULT = 'ziggeo';
-        const variables = { id: this.productId || DEFAULT, first: 50 };
         if (!this.clientId) {
             console.warn(CLIENT_ID_WARNING);
         }
+        if (this.productId) {
+            // Note: we could warn here if product-id is missing, but let’s not. In some front-end frameworks it may be set a half-second after it loads
+            this.fetchProduct(this.productId);
+        }
+    }
+    fetchProduct(productID) {
+        const variables = { id: productID, first: 50 };
         fetch(this.graphqlUrl || GRAPHQL_ENDPOINT, {
@@ -491,3 +499,6 @@ method: 'POST',
     get el() { return core.getElement(this); }
-    static get style() { return ":root{--manifold-c-black:0,0%,0%;--manifold-c-blue:224,76%,49%;--manifold-c-muted-blue:218,94%,93%;--manifold-c-grey:240,3%,57%;--manifold-c-grey-darker:210,12%,22%;--manifold-c-grey-light:210,5%,78%;--manifold-c-grey-lighter:240,7%,97%;--manifold-c-grey-lightest:240,3%,93%;--manifold-c-white:0,0%,100%;--manifold-button-color:var(--manifold-c-blue);--manifold-button-text-color:var(--manifold-c-white);--manifold-empty-color:var(--manifold-c-grey);--manifold-check-color:var(--manifold-c-blue);--manifold-table-spacing:9px;--manifold-table-block-spacing:12px;--manifold-table-box-shadow:0 2px 8px hsla(var(--manifold-c-black) 0.0699445);--manifold-table-border-width:1px;--manifold-table-border-radius:6px;--manifold-table-solid-border:var(--manifold-table-border-width) solid hsl(var(--manifold-c-grey-light));--manifold-table-dashed-border:var(--manifold-table-border-width) dashed hsl(var(--manifold-c-grey-lightest));--manifold-table-metered-border:var(--manifold-table-border-width) solid #dedede;--manifold-table-f-body:-apple-system,BlinkMacSystemmanifold-tableont,\"Segoe UI\",Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\";--manifold-table-f-mono:\"IBM Plex Mono\",\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,monospace}.mp{display:grid;grid-auto-flow:column;grid-template:repeat(var(--manifold-table-rows),-webkit-min-content)/repeat(var(--manifold-table-columns),minmax(220px,250px));grid-template:repeat(var(--manifold-table-rows),min-content)/repeat(var(--manifold-table-columns),minmax(220px,250px));overflow-x:auto;color:#31383f;color:hsl(var(--manifold-c-grey-darker));font-size:16px;font-family:-apple-system,BlinkMacSystemmanifold-tableont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-family:var(--manifold-table-f-body);line-height:19px;-webkit-box-shadow:0 2px 8px hsla(0,0%,0% .0699445);box-shadow:0 2px 8px hsla(0,0%,0% .0699445);-webkit-box-shadow:var(--manifold-table-box-shadow);box-shadow:var(--manifold-table-box-shadow)}.mp--cell{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:9px;padding:var(--manifold-table-spacing);text-align:center;border-right:1px solid #c4c7ca;border-right:var(--manifold-table-solid-border);border-collapse:collapse}.mp--cell__sticky{position:-webkit-sticky;position:sticky;left:0;z-index:1;-ms-flex-direction:row;flex-direction:row;color:#000;color:hsl(var(--manifold-c-black));text-align:left}.mp--cell__block{display:block;padding:12px;padding:var(--manifold-table-block-spacing)}.mp--cell__body,.mp--cell__th{-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;background:hsl(var(--manifold-c-white));border-bottom:1px dashed #ededee;border-bottom:var(--manifold-table-dashed-border)}.mp--cell__th{padding:calc(9px * 3);padding:calc(var(--manifold-table-spacing) * 3);font-weight:600;font-size:16px;line-height:20px;letter-spacing:-.0125em}.mp--cell__thead{font-weight:400;font-size:25px;font-style:normal;line-height:30px;letter-spacing:-.0125em;text-align:center;background:#ededee;background:hsl(var(--manifold-c-grey-lightest));border-bottom:1px solid #c4c7ca;border-bottom:var(--manifold-table-solid-border)}.mp--cell__al,.mp--cell__thead{-ms-flex-pack:start;justify-content:flex-start}.mp--cell__bts{border-top:1px solid #c4c7ca;border-top:var(--manifold-table-solid-border)}.mp--cell__bbs{border-bottom:1px solid #c4c7ca;border-bottom:var(--manifold-table-solid-border)}.mp--cell__bls{border-left:1px solid #c4c7ca;border-left:var(--manifold-table-solid-border)}.mp--cell__rounded-tl{border-radius:6px 0 0 0;border-radius:var(--manifold-table-border-radius) 0 0 0}.mp--cell__rounded-bl{border-radius:0 0 0 6px;border-radius:0 0 0 var(--manifold-table-border-radius)}.mp--cell__rounded-br{border-radius:0 0 6px 0;border-radius:0 0 var(--manifold-table-border-radius) 0}.mp--cell__rounded-tr{border-radius:0 6px 0 0;border-radius:0 var(--manifold-table-border-radius) 0 0}"; }
+    static get watchers() { return {
+        "productId": ["refetchProduct"]
+    }; }
+    static get style() { return ":root{--manifold-c-black:0,0%,0%;--manifold-c-blue:224,76%,49%;--manifold-c-muted-blue:218,94%,93%;--manifold-c-grey:240,3%,57%;--manifold-c-grey-darker:210,12%,22%;--manifold-c-grey-light:210,5%,78%;--manifold-c-grey-lighter:240,7%,93%;--manifold-c-grey-lightest:240,3%,97%;--manifold-c-white:0,0%,100%;--manifold-button-color:var(--manifold-c-blue);--manifold-button-text-color:var(--manifold-c-white);--manifold-empty-color:var(--manifold-c-grey);--manifold-check-color:var(--manifold-c-blue);--manifold-table-spacing:9px;--manifold-table-block-spacing:12px;--manifold-table-box-shadow:0 2px 8px hsla(var(--manifold-c-black) 0.0699445);--manifold-table-border-width:1px;--manifold-table-border-radius:6px;--manifold-table-solid-border:var(--manifold-table-border-width) solid hsl(var(--manifold-c-grey-light));--manifold-table-dashed-border:var(--manifold-table-border-width) dashed hsl(var(--manifold-c-grey-lightest));--manifold-table-metered-border:var(--manifold-table-border-width) solid #dedede;--manifold-table-f-body:-apple-system,BlinkMacSystemmanifold-tableont,\"Segoe UI\",Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\";--manifold-table-f-mono:\"IBM Plex Mono\",\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,monospace}.mp{display:grid;grid-auto-flow:column;grid-template:repeat(var(--manifold-table-rows),-webkit-min-content)/repeat(var(--manifold-table-columns),minmax(220px,250px));grid-template:repeat(var(--manifold-table-rows),min-content)/repeat(var(--manifold-table-columns),minmax(220px,250px));overflow-x:auto;color:#31383f;color:hsl(var(--manifold-c-grey-darker));font-size:16px;font-family:-apple-system,BlinkMacSystemmanifold-tableont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-family:var(--manifold-table-f-body);line-height:19px;-webkit-box-shadow:0 2px 8px hsla(0,0%,0% .0699445);box-shadow:0 2px 8px hsla(0,0%,0% .0699445);-webkit-box-shadow:var(--manifold-table-box-shadow);box-shadow:var(--manifold-table-box-shadow)}.mp--cell{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:9px;padding:var(--manifold-table-spacing);text-align:center;border-right:1px solid #c4c7ca;border-right:var(--manifold-table-solid-border);border-collapse:collapse}.mp--cell__sticky{position:-webkit-sticky;position:sticky;left:0;z-index:1;-ms-flex-direction:row;flex-direction:row;color:#000;color:hsl(var(--manifold-c-black));text-align:left}.mp--cell__block{display:block;padding:12px;padding:var(--manifold-table-block-spacing)}.mp--cell__body,.mp--cell__th{-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;background:hsl(var(--manifold-c-white));border-bottom:1px dashed #f7f7f8;border-bottom:var(--manifold-table-dashed-border)}.mp--cell__th{padding:calc(9px * 3);padding:calc(var(--manifold-table-spacing) * 3);font-weight:600;font-size:16px;line-height:20px;letter-spacing:-.0125em}.mp--cell__thead{font-weight:400;font-size:25px;font-style:normal;line-height:30px;letter-spacing:-.0125em;text-align:center;background:#f7f7f8;background:hsl(var(--manifold-c-grey-lightest));border-bottom:1px solid #c4c7ca;border-bottom:var(--manifold-table-solid-border)}.mp--cell__al,.mp--cell__thead{-ms-flex-pack:start;justify-content:flex-start}.mp--cell__bts{border-top:1px solid #c4c7ca;border-top:var(--manifold-table-solid-border)}.mp--cell__bbs{border-bottom:1px solid #c4c7ca;border-bottom:var(--manifold-table-solid-border)}.mp--cell__bls{border-left:1px solid #c4c7ca;border-left:var(--manifold-table-solid-border)}.mp--cell__rounded-tl{border-radius:6px 0 0 0;border-radius:var(--manifold-table-border-radius) 0 0 0}.mp--cell__rounded-bl{border-radius:0 0 0 6px;border-radius:0 0 0 var(--manifold-table-border-radius)}.mp--cell__rounded-br{border-radius:0 0 6px 0;border-radius:0 0 var(--manifold-table-border-radius) 0}.mp--cell__rounded-tr{border-radius:0 6px 0 0;border-radius:0 var(--manifold-table-border-radius) 0 0}"; }
 };
@@ -494,0 +505,0 @@

dist/cjs/manifold-plan-matrix.cjs.js

 'use strict';
 
-const core = require('./core-6a7e51f6.js');
+const core = require('./core-514f9636.js');
 
@@ -5,0 +5,0 @@ core.patchBrowser().then(options => {

dist/collection/components/manifold-plan-matrix/manifold-plan-matrix.js

@@ -9,4 +9,2 @@ import { h } from "@stencil/core";
     constructor() {
-        // Passed product ID to the graphql endpoint
-        this.productId = '';
         // Passed client ID header to the graphql calls
@@ -23,8 +21,18 @@ this.clientId = '';
     }
+    refetchProduct(newVal) {
+        if (newVal) {
+            this.fetchProduct(newVal);
+        }
+    }
     componentWillLoad() {
-        const DEFAULT = 'ziggeo';
-        const variables = { id: this.productId || DEFAULT, first: 50 };
         if (!this.clientId) {
             console.warn(CLIENT_ID_WARNING);
         }
+        if (this.productId) {
+            // Note: we could warn here if product-id is missing, but let’s not. In some front-end frameworks it may be set a half-second after it loads
+            this.fetchProduct(this.productId);
+        }
+    }
+    fetchProduct(productID) {
+        const variables = { id: productID, first: 50 };
         fetch(this.graphqlUrl || GRAPHQL_ENDPOINT, {
@@ -218,4 +226,3 @@ method: 'POST',
             "attribute": "product-id",
-            "reflect": false,
-            "defaultValue": "''"
+            "reflect": false
         },
@@ -302,2 +309,6 @@ "clientId": {
     static get elementRef() { return "el"; }
+    static get watchers() { return [{
+            "propName": "productId",
+            "methodName": "refetchProduct"
+        }]; }
 }

dist/esm-es5/manifold-button_10.entry.js

@@ -37,3 +37,3 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
 };
-import { r as registerInstance, h, g as getElement } from './core-8d66f46d.js';
+import { r as registerInstance, h, g as getElement } from './core-2fc9d1f1.js';
 var ManifoldButton = /** @class */ (function () {
@@ -368,4 +368,2 @@ function ManifoldButton(hostRef) {
         registerInstance(this, hostRef);
-        // Passed product ID to the graphql endpoint
-        this.productId = '';
         // Passed client ID header to the graphql calls
@@ -382,10 +380,20 @@ this.clientId = '';
     }
+    ManifoldPricing.prototype.refetchProduct = function (newVal) {
+        if (newVal) {
+            this.fetchProduct(newVal);
+        }
+    };
     ManifoldPricing.prototype.componentWillLoad = function () {
-        var _g;
-        var _this = this;
-        var DEFAULT = 'ziggeo';
-        var variables = { id: this.productId || DEFAULT, first: 50 };
         if (!this.clientId) {
             console.warn(CLIENT_ID_WARNING);
         }
+        if (this.productId) {
+            // Note: we could warn here if product-id is missing, but let’s not. In some front-end frameworks it may be set a half-second after it loads
+            this.fetchProduct(this.productId);
+        }
+    };
+    ManifoldPricing.prototype.fetchProduct = function (productID) {
+        var _g;
+        var _this = this;
+        var variables = { id: productID, first: 50 };
         fetch(this.graphqlUrl || GRAPHQL_ENDPOINT, {
@@ -560,4 +568,13 @@ method: 'POST',
     });
+    Object.defineProperty(ManifoldPricing, "watchers", {
+        get: function () {
+            return {
+                "productId": ["refetchProduct"]
+            };
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(ManifoldPricing, "style", {
-        get: function () { return ":root{--manifold-c-black:0,0%,0%;--manifold-c-blue:224,76%,49%;--manifold-c-muted-blue:218,94%,93%;--manifold-c-grey:240,3%,57%;--manifold-c-grey-darker:210,12%,22%;--manifold-c-grey-light:210,5%,78%;--manifold-c-grey-lighter:240,7%,97%;--manifold-c-grey-lightest:240,3%,93%;--manifold-c-white:0,0%,100%;--manifold-button-color:var(--manifold-c-blue);--manifold-button-text-color:var(--manifold-c-white);--manifold-empty-color:var(--manifold-c-grey);--manifold-check-color:var(--manifold-c-blue);--manifold-table-spacing:9px;--manifold-table-block-spacing:12px;--manifold-table-box-shadow:0 2px 8px hsla(var(--manifold-c-black) 0.0699445);--manifold-table-border-width:1px;--manifold-table-border-radius:6px;--manifold-table-solid-border:var(--manifold-table-border-width) solid hsl(var(--manifold-c-grey-light));--manifold-table-dashed-border:var(--manifold-table-border-width) dashed hsl(var(--manifold-c-grey-lightest));--manifold-table-metered-border:var(--manifold-table-border-width) solid #dedede;--manifold-table-f-body:-apple-system,BlinkMacSystemmanifold-tableont,\"Segoe UI\",Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\";--manifold-table-f-mono:\"IBM Plex Mono\",\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,monospace}.mp{display:grid;grid-auto-flow:column;grid-template:repeat(var(--manifold-table-rows),-webkit-min-content)/repeat(var(--manifold-table-columns),minmax(220px,250px));grid-template:repeat(var(--manifold-table-rows),min-content)/repeat(var(--manifold-table-columns),minmax(220px,250px));overflow-x:auto;color:#31383f;color:hsl(var(--manifold-c-grey-darker));font-size:16px;font-family:-apple-system,BlinkMacSystemmanifold-tableont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-family:var(--manifold-table-f-body);line-height:19px;-webkit-box-shadow:0 2px 8px hsla(0,0%,0% .0699445);box-shadow:0 2px 8px hsla(0,0%,0% .0699445);-webkit-box-shadow:var(--manifold-table-box-shadow);box-shadow:var(--manifold-table-box-shadow)}.mp--cell{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:9px;padding:var(--manifold-table-spacing);text-align:center;border-right:1px solid #c4c7ca;border-right:var(--manifold-table-solid-border);border-collapse:collapse}.mp--cell__sticky{position:-webkit-sticky;position:sticky;left:0;z-index:1;-ms-flex-direction:row;flex-direction:row;color:#000;color:hsl(var(--manifold-c-black));text-align:left}.mp--cell__block{display:block;padding:12px;padding:var(--manifold-table-block-spacing)}.mp--cell__body,.mp--cell__th{-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;background:hsl(var(--manifold-c-white));border-bottom:1px dashed #ededee;border-bottom:var(--manifold-table-dashed-border)}.mp--cell__th{padding:calc(9px * 3);padding:calc(var(--manifold-table-spacing) * 3);font-weight:600;font-size:16px;line-height:20px;letter-spacing:-.0125em}.mp--cell__thead{font-weight:400;font-size:25px;font-style:normal;line-height:30px;letter-spacing:-.0125em;text-align:center;background:#ededee;background:hsl(var(--manifold-c-grey-lightest));border-bottom:1px solid #c4c7ca;border-bottom:var(--manifold-table-solid-border)}.mp--cell__al,.mp--cell__thead{-ms-flex-pack:start;justify-content:flex-start}.mp--cell__bts{border-top:1px solid #c4c7ca;border-top:var(--manifold-table-solid-border)}.mp--cell__bbs{border-bottom:1px solid #c4c7ca;border-bottom:var(--manifold-table-solid-border)}.mp--cell__bls{border-left:1px solid #c4c7ca;border-left:var(--manifold-table-solid-border)}.mp--cell__rounded-tl{border-radius:6px 0 0 0;border-radius:var(--manifold-table-border-radius) 0 0 0}.mp--cell__rounded-bl{border-radius:0 0 0 6px;border-radius:0 0 0 var(--manifold-table-border-radius)}.mp--cell__rounded-br{border-radius:0 0 6px 0;border-radius:0 0 var(--manifold-table-border-radius) 0}.mp--cell__rounded-tr{border-radius:0 6px 0 0;border-radius:0 var(--manifold-table-border-radius) 0 0}"; },
+        get: function () { return ":root{--manifold-c-black:0,0%,0%;--manifold-c-blue:224,76%,49%;--manifold-c-muted-blue:218,94%,93%;--manifold-c-grey:240,3%,57%;--manifold-c-grey-darker:210,12%,22%;--manifold-c-grey-light:210,5%,78%;--manifold-c-grey-lighter:240,7%,93%;--manifold-c-grey-lightest:240,3%,97%;--manifold-c-white:0,0%,100%;--manifold-button-color:var(--manifold-c-blue);--manifold-button-text-color:var(--manifold-c-white);--manifold-empty-color:var(--manifold-c-grey);--manifold-check-color:var(--manifold-c-blue);--manifold-table-spacing:9px;--manifold-table-block-spacing:12px;--manifold-table-box-shadow:0 2px 8px hsla(var(--manifold-c-black) 0.0699445);--manifold-table-border-width:1px;--manifold-table-border-radius:6px;--manifold-table-solid-border:var(--manifold-table-border-width) solid hsl(var(--manifold-c-grey-light));--manifold-table-dashed-border:var(--manifold-table-border-width) dashed hsl(var(--manifold-c-grey-lightest));--manifold-table-metered-border:var(--manifold-table-border-width) solid #dedede;--manifold-table-f-body:-apple-system,BlinkMacSystemmanifold-tableont,\"Segoe UI\",Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\";--manifold-table-f-mono:\"IBM Plex Mono\",\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,monospace}.mp{display:grid;grid-auto-flow:column;grid-template:repeat(var(--manifold-table-rows),-webkit-min-content)/repeat(var(--manifold-table-columns),minmax(220px,250px));grid-template:repeat(var(--manifold-table-rows),min-content)/repeat(var(--manifold-table-columns),minmax(220px,250px));overflow-x:auto;color:#31383f;color:hsl(var(--manifold-c-grey-darker));font-size:16px;font-family:-apple-system,BlinkMacSystemmanifold-tableont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-family:var(--manifold-table-f-body);line-height:19px;-webkit-box-shadow:0 2px 8px hsla(0,0%,0% .0699445);box-shadow:0 2px 8px hsla(0,0%,0% .0699445);-webkit-box-shadow:var(--manifold-table-box-shadow);box-shadow:var(--manifold-table-box-shadow)}.mp--cell{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:9px;padding:var(--manifold-table-spacing);text-align:center;border-right:1px solid #c4c7ca;border-right:var(--manifold-table-solid-border);border-collapse:collapse}.mp--cell__sticky{position:-webkit-sticky;position:sticky;left:0;z-index:1;-ms-flex-direction:row;flex-direction:row;color:#000;color:hsl(var(--manifold-c-black));text-align:left}.mp--cell__block{display:block;padding:12px;padding:var(--manifold-table-block-spacing)}.mp--cell__body,.mp--cell__th{-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;background:hsl(var(--manifold-c-white));border-bottom:1px dashed #f7f7f8;border-bottom:var(--manifold-table-dashed-border)}.mp--cell__th{padding:calc(9px * 3);padding:calc(var(--manifold-table-spacing) * 3);font-weight:600;font-size:16px;line-height:20px;letter-spacing:-.0125em}.mp--cell__thead{font-weight:400;font-size:25px;font-style:normal;line-height:30px;letter-spacing:-.0125em;text-align:center;background:#f7f7f8;background:hsl(var(--manifold-c-grey-lightest));border-bottom:1px solid #c4c7ca;border-bottom:var(--manifold-table-solid-border)}.mp--cell__al,.mp--cell__thead{-ms-flex-pack:start;justify-content:flex-start}.mp--cell__bts{border-top:1px solid #c4c7ca;border-top:var(--manifold-table-solid-border)}.mp--cell__bbs{border-bottom:1px solid #c4c7ca;border-bottom:var(--manifold-table-solid-border)}.mp--cell__bls{border-left:1px solid #c4c7ca;border-left:var(--manifold-table-solid-border)}.mp--cell__rounded-tl{border-radius:6px 0 0 0;border-radius:var(--manifold-table-border-radius) 0 0 0}.mp--cell__rounded-bl{border-radius:0 0 0 6px;border-radius:0 0 0 var(--manifold-table-border-radius)}.mp--cell__rounded-br{border-radius:0 0 6px 0;border-radius:0 0 var(--manifold-table-border-radius) 0}.mp--cell__rounded-tr{border-radius:0 6px 0 0;border-radius:0 var(--manifold-table-border-radius) 0 0}"; },
         enumerable: true,
@@ -564,0 +581,0 @@ configurable: true

dist/esm/manifold-button_10.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, g as getElement } from './core-8d66f46d.js';
+import { r as registerInstance, h, g as getElement } from './core-2fc9d1f1.js';
 
@@ -314,4 +314,2 @@ const ManifoldButton = class {
         registerInstance(this, hostRef);
-        // Passed product ID to the graphql endpoint
-        this.productId = '';
         // Passed client ID header to the graphql calls
@@ -328,8 +326,18 @@ this.clientId = '';
     }
+    refetchProduct(newVal) {
+        if (newVal) {
+            this.fetchProduct(newVal);
+        }
+    }
     componentWillLoad() {
-        const DEFAULT = 'ziggeo';
-        const variables = { id: this.productId || DEFAULT, first: 50 };
         if (!this.clientId) {
             console.warn(CLIENT_ID_WARNING);
         }
+        if (this.productId) {
+            // Note: we could warn here if product-id is missing, but let’s not. In some front-end frameworks it may be set a half-second after it loads
+            this.fetchProduct(this.productId);
+        }
+    }
+    fetchProduct(productID) {
+        const variables = { id: productID, first: 50 };
         fetch(this.graphqlUrl || GRAPHQL_ENDPOINT, {
@@ -486,3 +494,6 @@ method: 'POST',
     get el() { return getElement(this); }
-    static get style() { return ":root{--manifold-c-black:0,0%,0%;--manifold-c-blue:224,76%,49%;--manifold-c-muted-blue:218,94%,93%;--manifold-c-grey:240,3%,57%;--manifold-c-grey-darker:210,12%,22%;--manifold-c-grey-light:210,5%,78%;--manifold-c-grey-lighter:240,7%,97%;--manifold-c-grey-lightest:240,3%,93%;--manifold-c-white:0,0%,100%;--manifold-button-color:var(--manifold-c-blue);--manifold-button-text-color:var(--manifold-c-white);--manifold-empty-color:var(--manifold-c-grey);--manifold-check-color:var(--manifold-c-blue);--manifold-table-spacing:9px;--manifold-table-block-spacing:12px;--manifold-table-box-shadow:0 2px 8px hsla(var(--manifold-c-black) 0.0699445);--manifold-table-border-width:1px;--manifold-table-border-radius:6px;--manifold-table-solid-border:var(--manifold-table-border-width) solid hsl(var(--manifold-c-grey-light));--manifold-table-dashed-border:var(--manifold-table-border-width) dashed hsl(var(--manifold-c-grey-lightest));--manifold-table-metered-border:var(--manifold-table-border-width) solid #dedede;--manifold-table-f-body:-apple-system,BlinkMacSystemmanifold-tableont,\"Segoe UI\",Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\";--manifold-table-f-mono:\"IBM Plex Mono\",\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,monospace}.mp{display:grid;grid-auto-flow:column;grid-template:repeat(var(--manifold-table-rows),-webkit-min-content)/repeat(var(--manifold-table-columns),minmax(220px,250px));grid-template:repeat(var(--manifold-table-rows),min-content)/repeat(var(--manifold-table-columns),minmax(220px,250px));overflow-x:auto;color:#31383f;color:hsl(var(--manifold-c-grey-darker));font-size:16px;font-family:-apple-system,BlinkMacSystemmanifold-tableont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-family:var(--manifold-table-f-body);line-height:19px;-webkit-box-shadow:0 2px 8px hsla(0,0%,0% .0699445);box-shadow:0 2px 8px hsla(0,0%,0% .0699445);-webkit-box-shadow:var(--manifold-table-box-shadow);box-shadow:var(--manifold-table-box-shadow)}.mp--cell{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:9px;padding:var(--manifold-table-spacing);text-align:center;border-right:1px solid #c4c7ca;border-right:var(--manifold-table-solid-border);border-collapse:collapse}.mp--cell__sticky{position:-webkit-sticky;position:sticky;left:0;z-index:1;-ms-flex-direction:row;flex-direction:row;color:#000;color:hsl(var(--manifold-c-black));text-align:left}.mp--cell__block{display:block;padding:12px;padding:var(--manifold-table-block-spacing)}.mp--cell__body,.mp--cell__th{-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;background:hsl(var(--manifold-c-white));border-bottom:1px dashed #ededee;border-bottom:var(--manifold-table-dashed-border)}.mp--cell__th{padding:calc(9px * 3);padding:calc(var(--manifold-table-spacing) * 3);font-weight:600;font-size:16px;line-height:20px;letter-spacing:-.0125em}.mp--cell__thead{font-weight:400;font-size:25px;font-style:normal;line-height:30px;letter-spacing:-.0125em;text-align:center;background:#ededee;background:hsl(var(--manifold-c-grey-lightest));border-bottom:1px solid #c4c7ca;border-bottom:var(--manifold-table-solid-border)}.mp--cell__al,.mp--cell__thead{-ms-flex-pack:start;justify-content:flex-start}.mp--cell__bts{border-top:1px solid #c4c7ca;border-top:var(--manifold-table-solid-border)}.mp--cell__bbs{border-bottom:1px solid #c4c7ca;border-bottom:var(--manifold-table-solid-border)}.mp--cell__bls{border-left:1px solid #c4c7ca;border-left:var(--manifold-table-solid-border)}.mp--cell__rounded-tl{border-radius:6px 0 0 0;border-radius:var(--manifold-table-border-radius) 0 0 0}.mp--cell__rounded-bl{border-radius:0 0 0 6px;border-radius:0 0 0 var(--manifold-table-border-radius)}.mp--cell__rounded-br{border-radius:0 0 6px 0;border-radius:0 0 var(--manifold-table-border-radius) 0}.mp--cell__rounded-tr{border-radius:0 6px 0 0;border-radius:0 var(--manifold-table-border-radius) 0 0}"; }
+    static get watchers() { return {
+        "productId": ["refetchProduct"]
+    }; }
+    static get style() { return ":root{--manifold-c-black:0,0%,0%;--manifold-c-blue:224,76%,49%;--manifold-c-muted-blue:218,94%,93%;--manifold-c-grey:240,3%,57%;--manifold-c-grey-darker:210,12%,22%;--manifold-c-grey-light:210,5%,78%;--manifold-c-grey-lighter:240,7%,93%;--manifold-c-grey-lightest:240,3%,97%;--manifold-c-white:0,0%,100%;--manifold-button-color:var(--manifold-c-blue);--manifold-button-text-color:var(--manifold-c-white);--manifold-empty-color:var(--manifold-c-grey);--manifold-check-color:var(--manifold-c-blue);--manifold-table-spacing:9px;--manifold-table-block-spacing:12px;--manifold-table-box-shadow:0 2px 8px hsla(var(--manifold-c-black) 0.0699445);--manifold-table-border-width:1px;--manifold-table-border-radius:6px;--manifold-table-solid-border:var(--manifold-table-border-width) solid hsl(var(--manifold-c-grey-light));--manifold-table-dashed-border:var(--manifold-table-border-width) dashed hsl(var(--manifold-c-grey-lightest));--manifold-table-metered-border:var(--manifold-table-border-width) solid #dedede;--manifold-table-f-body:-apple-system,BlinkMacSystemmanifold-tableont,\"Segoe UI\",Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\";--manifold-table-f-mono:\"IBM Plex Mono\",\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,monospace}.mp{display:grid;grid-auto-flow:column;grid-template:repeat(var(--manifold-table-rows),-webkit-min-content)/repeat(var(--manifold-table-columns),minmax(220px,250px));grid-template:repeat(var(--manifold-table-rows),min-content)/repeat(var(--manifold-table-columns),minmax(220px,250px));overflow-x:auto;color:#31383f;color:hsl(var(--manifold-c-grey-darker));font-size:16px;font-family:-apple-system,BlinkMacSystemmanifold-tableont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-family:var(--manifold-table-f-body);line-height:19px;-webkit-box-shadow:0 2px 8px hsla(0,0%,0% .0699445);box-shadow:0 2px 8px hsla(0,0%,0% .0699445);-webkit-box-shadow:var(--manifold-table-box-shadow);box-shadow:var(--manifold-table-box-shadow)}.mp--cell{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:9px;padding:var(--manifold-table-spacing);text-align:center;border-right:1px solid #c4c7ca;border-right:var(--manifold-table-solid-border);border-collapse:collapse}.mp--cell__sticky{position:-webkit-sticky;position:sticky;left:0;z-index:1;-ms-flex-direction:row;flex-direction:row;color:#000;color:hsl(var(--manifold-c-black));text-align:left}.mp--cell__block{display:block;padding:12px;padding:var(--manifold-table-block-spacing)}.mp--cell__body,.mp--cell__th{-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;background:hsl(var(--manifold-c-white));border-bottom:1px dashed #f7f7f8;border-bottom:var(--manifold-table-dashed-border)}.mp--cell__th{padding:calc(9px * 3);padding:calc(var(--manifold-table-spacing) * 3);font-weight:600;font-size:16px;line-height:20px;letter-spacing:-.0125em}.mp--cell__thead{font-weight:400;font-size:25px;font-style:normal;line-height:30px;letter-spacing:-.0125em;text-align:center;background:#f7f7f8;background:hsl(var(--manifold-c-grey-lightest));border-bottom:1px solid #c4c7ca;border-bottom:var(--manifold-table-solid-border)}.mp--cell__al,.mp--cell__thead{-ms-flex-pack:start;justify-content:flex-start}.mp--cell__bts{border-top:1px solid #c4c7ca;border-top:var(--manifold-table-solid-border)}.mp--cell__bbs{border-bottom:1px solid #c4c7ca;border-bottom:var(--manifold-table-solid-border)}.mp--cell__bls{border-left:1px solid #c4c7ca;border-left:var(--manifold-table-solid-border)}.mp--cell__rounded-tl{border-radius:6px 0 0 0;border-radius:var(--manifold-table-border-radius) 0 0 0}.mp--cell__rounded-bl{border-radius:0 0 0 6px;border-radius:0 0 0 var(--manifold-table-border-radius)}.mp--cell__rounded-br{border-radius:0 0 6px 0;border-radius:0 0 var(--manifold-table-border-radius) 0}.mp--cell__rounded-tr{border-radius:0 6px 0 0;border-radius:0 var(--manifold-table-border-radius) 0 0}"; }
 };
@@ -489,0 +500,0 @@

dist/manifold-plan-matrix/manifold-plan-matrix.esm.js

@@ -1,1 +0,1 @@
-import{p as t,b as i}from"./p-8415a672.js";t().then(t=>i([["p-svps2j1u",[[0,"manifold-plan-matrix",{productId:[1,"product-id"],clientId:[1,"client-id"],baseUrl:[1,"base-url"],ctaText:[1,"cta-text"],graphqlUrl:[1,"graphql-url"],product:[32],plans:[32],labels:[32],loading:[32]}],[0,"manifold-checkbox",{inputId:[1,"input-id"],name:[1],checked:[4]}],[4,"manifold-button",{href:[1]}],[0,"manifold-cost-tiers",{minLimit:[2,"min-limit"],maxLimit:[2,"max-limit"],cost:[2],unit:[1]}],[4,"manifold-metered"],[0,"manifold-numeric-input",{min:[2],max:[2],increment:[2],unit:[1]}],[0,"manifold-select",{options:[16]}],[0,"manifold-thead",{titleText:[1,"title-text"],plan:[16],loading:[32],controller:[32],cost:[32],costCalls:[32]}],[0,"manifold-toggle",{off:[2],on:[2],toggle:[32],selected:[32]}],[0,"manifold-empty-cell"]]]],t));
+import{p as t,b as i}from"./p-64ddd5a4.js";t().then(t=>i([["p-oxeg9jen",[[0,"manifold-plan-matrix",{productId:[1,"product-id"],clientId:[1,"client-id"],baseUrl:[1,"base-url"],ctaText:[1,"cta-text"],graphqlUrl:[1,"graphql-url"],product:[32],plans:[32],labels:[32],loading:[32]}],[0,"manifold-checkbox",{inputId:[1,"input-id"],name:[1],checked:[4]}],[4,"manifold-button",{href:[1]}],[0,"manifold-cost-tiers",{minLimit:[2,"min-limit"],maxLimit:[2,"max-limit"],cost:[2],unit:[1]}],[4,"manifold-metered"],[0,"manifold-numeric-input",{min:[2],max:[2],increment:[2],unit:[1]}],[0,"manifold-select",{options:[16]}],[0,"manifold-thead",{titleText:[1,"title-text"],plan:[16],loading:[32],controller:[32],cost:[32],costCalls:[32]}],[0,"manifold-toggle",{off:[2],on:[2],toggle:[32],selected:[32]}],[0,"manifold-empty-cell"]]]],t));

dist/types/components/manifold-plan-matrix/manifold-plan-matrix.d.ts

@@ -23,3 +23,5 @@ import { ProductQuery, PlanFeatureType, PlanConfigurableFeatureOption, PlanConfigurableFeatureNumericDetails, PlanFixedFeature } from '../../types/graphql';
     loading: boolean;
+    refetchProduct(newVal?: string): void;
     componentWillLoad(): void;
+    fetchProduct(productID: string): void;
     createPlans(): void;
@@ -26,0 +28,0 @@ addClass(obj: ConditionalClassesObj, baseClass?: string): string;

package.json

 {
   "name": "@manifoldco/component-plan-matrix",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "private": false,
@@ -5,0 +5,0 @@ "description": "Stencil Component Starter",

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

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

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

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

Total package byte prevSize

1066203

increased by0.61%

Lines of code

17389

increased by0.89%

No dependency changes