@goodshuffle/gspro-wc - npm Package Compare versions

Comparing version 0.0.1-SNAPSHOT.3 to 0.0.1-SNAPSHOT.4

dist/cjs/gspro-wc.cjs.js

 'use strict';
 
-const core = require('./core-4d02269e.js');
+const core = require('./core-5c47505a.js');
 
@@ -5,0 +5,0 @@ core.patchBrowser().then(options => {

dist/cjs/loader.cjs.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const core = require('./core-4d02269e.js');
+const core = require('./core-5c47505a.js');
 
@@ -8,0 +8,0 @@ const defineCustomElements = (win, options) => {

dist/collection/collection-manifest.json

 {
   "entries": [
+    "components/gspro-item-card/gspro-item-card.js",
     "components/gspro-categories/gspro-categories.js",
     "components/gspro-duration/gspro-duration.js",
-    "components/gspro-item-card/gspro-item-card.js",
     "components/gspro-item-choices/gspro-item-choices.js",
     "components/gspro-item-list/gspro-item-list.js",
-    "components/gspro-item-price/gspro-item-price.js",
     "components/gspro-item-detail/gspro-item-detail.js",
     "components/gspro-media-gallery/gspro-media-gallery.js",
     "components/gspro-wishlist-item/gspro-wishlist-item.js",
+    "components/gspro-item-price/gspro-item-price.js",
     "components/gspro-wishlist/gspro-wishlist.js"
@@ -16,3 +16,3 @@ ],
     "name": "@stencil/core",
-    "version": "1.7.2",
+    "version": "1.7.3",
     "typescriptVersion": "3.6.3"
@@ -19,0 +19,0 @@ },

dist/collection/components/gspro-item-choices/gspro-item-choices.js

@@ -7,2 +7,3 @@ import { h, Host } from "@stencil/core";
     changeHandler(event) {
+        console.log("change happened");
         let t = event.target;
@@ -12,3 +13,5 @@ let k = t.name;
         let i = Object.assign({}, this.item);
-        i[k] = v;
+        if (k !== undefined) {
+            i[k] = v;
+        }
         this.item = i;
@@ -33,6 +36,27 @@ this.events.emit(this.item);
     }
+    componentDidLoad() {
+        this.wantInput = this.el.querySelector("input[name=want]");
+    }
+    decrease() {
+        this.wantInput.stepDown();
+        var event = document.createEvent("Event");
+        event.initEvent("change", true, true);
+        this.wantInput.dispatchEvent(event);
+    }
+    increase() {
+        this.wantInput.stepUp();
+        var event = document.createEvent("Event");
+        event.initEvent("change", true, true);
+        this.wantInput.dispatchEvent(event);
+    }
     renderQuantity() {
-        return (h("div", null,
-            h("label", null, "Quantity"),
-            h("input", { type: "number", name: "want", value: this.item.want })));
+        return (h("div", { class: "gspro-o-form--horiz" },
+            h("div", { class: "gspro-o-label" },
+                h("label", null, "Quantity")),
+            h("div", { class: "gspro-o-form__input-wrapper" },
+                h("button", { type: "button", onClick: () => this.decrease(), class: "gspro-o-btn  gspro-o-btn--icon gspro-o-btn--secondary" },
+                    h("span", { class: "gspro-icon gspro-icon-ic_remove_24px" })),
+                h("input", { class: "gspro-u-text-center", type: "number", name: "want", min: this.item.quantity.minimum || 1, value: this.item.want }),
+                h("button", { type: "button", onClick: () => this.increase(), class: "gspro-o-btn  gspro-o-btn--icon gspro-o-btn--secondary" },
+                    h("span", { class: "gspro-icon gspro-icon-ic_add_24px" })))));
     }
@@ -42,11 +66,17 @@ renderDuration() {
             return [
-                h("div", null,
-                    h("label", null, "Start Date"),
-                    h("input", { type: "date", name: "startDate", value: this.item.startDate })),
-                h("div", null,
-                    h("label", null, "Start Time"),
-                    h("input", { type: "time", name: "startTime", value: this.item.startTime })),
-                h("div", null,
-                    h("label", null, "Duration"),
-                    h("input", { type: "number", name: "hours", value: this.item.hours }))
+                h("div", { class: "gspro-o-form--horiz" },
+                    h("div", { class: "gspro-o-label" },
+                        h("label", null, "Start Date")),
+                    h("div", { class: "gspro-o-form__input-wrapper" },
+                        h("input", { type: "date", name: "startDate", value: this.item.startDate }))),
+                h("div", { class: "gspro-o-form--horiz" },
+                    h("div", { class: "gspro-o-label" },
+                        h("label", null, "Start Time")),
+                    h("div", { class: "gspro-o-form__input-wrapper" },
+                        h("input", { type: "time", name: "startTime", value: this.item.startTime }))),
+                h("div", { class: "gspro-o-form--horiz" },
+                    h("div", { class: "gspro-o-label" },
+                        h("label", null, "Duration")),
+                    h("div", { class: "gspro-o-form__input-wrapper" },
+                        h("input", { type: "number", name: "hours", value: this.item.hours })))
             ];
@@ -56,8 +86,12 @@ }
             return [
-                h("div", null,
-                    h("label", null, "Start Date"),
-                    h("input", { type: "date", name: "startDate", value: this.item.startDate })),
-                h("div", null,
-                    h("label", null, "End Date"),
-                    h("input", { type: "date", name: "endDate", value: this.item.endDate }))
+                h("div", { class: "gspro-o-form--horiz" },
+                    h("div", { class: "gspro-o-label" },
+                        h("label", null, "Start Date")),
+                    h("div", { class: "gspro-o-form__input-wrapper" },
+                        h("input", { type: "date", name: "startDate", value: this.item.startDate }))),
+                h("div", { class: "gspro-o-form--horiz" },
+                    h("div", { class: "gspro-o-label" },
+                        h("label", null, "End Date")),
+                    h("div", { class: "gspro-o-form__input-wrapper" },
+                        h("input", { type: "date", name: "endDate", value: this.item.endDate })))
             ];
@@ -81,14 +115,14 @@ }
         }
-        return (h("div", null,
-            h("label", null,
-                "Rate '",
-                this.item.rate,
-                "'"),
-            h("select", { name: "rate" }, options)));
+        return (h("div", { class: "gspro-o-form--horiz" },
+            h("div", { class: "gspro-o-label" },
+                h("label", null, "Rate")),
+            h("div", { class: "gspro-o-form__input-wrapper" },
+                h("select", { name: "rate", class: "gspro-u-bg-reverse" }, options))));
     }
     render() {
         return (h(Host, null,
-            this.renderQuantity(),
-            this.renderOptions(),
-            this.renderDuration()));
+            h("div", { class: "gspro-o-form-group" },
+                this.renderQuantity(),
+                this.renderOptions(),
+                this.renderDuration())));
     }
@@ -95,0 +129,0 @@ static get is() { return "gspro-item-choices"; }

dist/collection/components/gspro-item-detail/gspro-item-detail.js

@@ -161,6 +161,3 @@ import { h, Host } from "@stencil/core";
                             h("gspro-item-choices", { item: this.item }),
-                            h("button", { type: "button", class: "gspro-o-btn gspro-o-btn--primary gspro-o-btn--xl", onClick: this.addClicked.bind(this) },
-                                "Add to",
-                                h("span", { class: "gspro-icon gspro-icon-heart-2-2 gspro-icon--reverse gspro-qa-m-10" }),
-                                "List")),
+                            h("button", { type: "button", class: "gspro-o-btn gspro-o-btn--primary gspro-o-btn--xl gspro-o-btn--expanded", onClick: this.addClicked.bind(this) }, "Add to Wishlist")),
                         h("ol", null,
@@ -177,3 +174,3 @@ h("li", { class: "gspro-o-list-item gspro-o-list-item--expandable gspro-o-list-item--expanded gspro-o-list-item--lined" },
                                     h("div", { innerHTML: this.item.description }))),
-                            h("li", { class: "gspro-o-list-item gspro-o-list-item--expandable gspro-o-list-item--lined" },
+                            h("li", { class: "gspro-o-list-item gspro-o-list-item--expandable gspro-o-list-item--expanded gspro-o-list-item--lined" },
                                 h("div", { class: "gspro-o-list-item__primary", onClick: e => this.toggle(e) },
@@ -188,3 +185,3 @@ h("div", { class: "gspro-o-list-item__text" },
                                     h("dl", { class: "gspro-o-dl" }, this.item.attributes.map(a => this.renderAttribute(a))))),
-                            h("li", { class: "gspro-o-list-item gspro-o-list-item--expandable gspro-o-list-item--lined" },
+                            h("li", { class: "gspro-o-list-item gspro-o-list-item--expandable gspro-o-list-item--expanded gspro-o-list-item--lined" },
                                 h("div", { class: "gspro-o-list-item__primary", onClick: e => this.toggle(e) },
@@ -191,0 +188,0 @@ h("div", { class: "gspro-o-list-item__text" },

dist/collection/components/gspro-wishlist-item/gspro-wishlist-item.js

@@ -97,3 +97,3 @@ import { h, Host } from "@stencil/core";
                 h("div", { class: "gspro-o-list-item__secondary" },
-                    h("div", { class: "gspro-o-form--horiz" }, this.itemDuration()),
+                    this.itemDuration(),
                     h("div", { class: "gspro__wishlist_item_footer" },
@@ -100,0 +100,0 @@ h("button", { type: "button", onClick: () => this.remove(), class: "gspro-o-btn gspro-o-btn--warning" }, "Remove"))))));

dist/gspro-wc/gspro-wc.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as i}from"./p-dc11bb0f.js";e().then(e=>i([["p-3vpf4rgm",[[0,"gspro-item-detail",{itemId:[1537,"item-id"],item:[1544],listen:[8],error:[32],mode:[32],back:[32],choices:[32]},[[8,"gspro.item.picked","itemPickedHandler"],[8,"hashchange","hashchangeListener"],[8,"keydown","handleKeyDown"],[0,"gspro-item-choices.changed","handleChoice"]]],[0,"gspro-wishlist",{items:[32],duration:[32],mode:[32],step:[32],error:[32]},[[8,"gspro.wishlist.add","listenForAdd"],[0,"gspro-wishlist-item.remove","listenForRemove"],[0,"gspro-wishlist-item.change","listenForChange"],[0,"gspro.duration.change","listenToDurationChange"],[0,"click","listenWishlistItemToggle"]]],[0,"gspro-item-list",{items:[1040],category:[1537],from:[1538],size:[1538],total:[1538],price:[4],availability:[4],route:[1],itemCardRoute:[1,"item-card-route"]},[[8,"hashchange","takeLocation"]]],[0,"gspro-categories",{current:[1537],route:[1],categories:[32],mode:[32]},[[8,"hashchange","listenForHashChange"]]],[0,"gspro-wishlist-item",{item:[1544],error:[32],mode:[32],want:[32]},[[2,"input","handleChange"],[0,"gspro-item-choices.changed","handleChoice"]]],[0,"gspro-duration",{dataKey:[1,"data-key"],value:[8],startDate:[1544,"start-date"],startTime:[1544,"start-time"],endDate:[1544,"end-date"],endTime:[1544,"end-time"],mode:[1025]}],[0,"gspro-item-card",{item:[1544],itemId:[1,"item-id"],price:[4],availability:[4],route:[1],error:[32]}],[0,"gspro-item-price",{price:[8]}],[0,"gspro-media-gallery",{images:[16],picked:[32]}],[0,"gspro-item-choices",{item:[1544]},[[0,"change","changeHandler"],[8,"gspro.duration.change","listenDuration"]]]]]],e));
+import{p as e,b as i}from"./p-9346166d.js";e().then(e=>i([["p-iywt2ewx",[[0,"gspro-item-detail",{itemId:[1537,"item-id"],item:[1544],listen:[8],error:[32],mode:[32],back:[32],choices:[32]},[[8,"gspro.item.picked","itemPickedHandler"],[8,"hashchange","hashchangeListener"],[8,"keydown","handleKeyDown"],[0,"gspro-item-choices.changed","handleChoice"]]],[0,"gspro-wishlist",{items:[32],duration:[32],mode:[32],step:[32],error:[32]},[[8,"gspro.wishlist.add","listenForAdd"],[0,"gspro-wishlist-item.remove","listenForRemove"],[0,"gspro-wishlist-item.change","listenForChange"],[0,"gspro.duration.change","listenToDurationChange"],[0,"click","listenWishlistItemToggle"]]],[0,"gspro-item-list",{items:[1040],category:[1537],from:[1538],size:[1538],total:[1538],price:[4],availability:[4],route:[1],itemCardRoute:[1,"item-card-route"]},[[8,"hashchange","takeLocation"]]],[0,"gspro-categories",{current:[1537],route:[1],categories:[32],mode:[32]},[[8,"hashchange","listenForHashChange"]]],[0,"gspro-wishlist-item",{item:[1544],error:[32],mode:[32],want:[32]},[[2,"input","handleChange"],[0,"gspro-item-choices.changed","handleChoice"]]],[0,"gspro-duration",{dataKey:[1,"data-key"],value:[8],startDate:[1544,"start-date"],startTime:[1544,"start-time"],endDate:[1544,"end-date"],endTime:[1544,"end-time"],mode:[1025]}],[0,"gspro-item-card",{item:[1544],itemId:[1,"item-id"],price:[4],availability:[4],route:[1],error:[32]}],[0,"gspro-item-price",{price:[8]}],[0,"gspro-media-gallery",{images:[16],picked:[32]}],[0,"gspro-item-choices",{item:[1544]},[[0,"change","changeHandler"],[8,"gspro.duration.change","listenDuration"]]]]]],e));

dist/types/components/gspro-item-choices/gspro-item-choices.d.ts

@@ -7,2 +7,3 @@ import { EventEmitter } from "../../stencil.core";
     el: HTMLElement;
+    wantInput: HTMLInputElement;
     item: any;
@@ -13,2 +14,5 @@ events: EventEmitter;
     componentWillLoad(): void;
+    componentDidLoad(): void;
+    decrease(): void;
+    increase(): void;
     renderQuantity(): any;
@@ -15,0 +19,0 @@ renderDuration(): any[];

package.json

 {
   "name": "@goodshuffle/gspro-wc",
-  "version": "0.0.1-SNAPSHOT.3",
+  "version": "0.0.1-SNAPSHOT.4",
   "description": "The Goodshuffle web components library.",
@@ -5,0 +5,0 @@ "author": {

New alerts

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

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

2715884

increased by1.21%

Lines of code

37676

increased by1.15%

No dependency changes